Regenerate HTML public + index
diff --git a/public/features/multilanguage.html b/public/features/multilanguage.html
index b24918a..b26590c 100644
--- a/public/features/multilanguage.html
+++ b/public/features/multilanguage.html
@@ -127,7 +127,7 @@
         <article class="nativebotblock nativebotblock--learn">
           <h3 class="h4 nativebotblock__title"><img class="nativebotblock__icon" src="/img/features/native-docs.svg" alt="" /><span>Want to Learn More?</span></h3>
           <p class="nativebotblock__text">Check out how to run Ignite with Java, .NET/C#, C++, Python, Node.JS, SQL, PHP, or REST API</p>
-          <a class="nativebotblock__link arrowlink" href="https://ignite.apache.org/docs/latest/index#quick-start-guides " target="_blank">Multi-language guide</a>
+          <a class="nativebotblock__link arrowlink" href="#" target="_blank">Multi-language guide</a>
         </article>
       </div>
     </section>
diff --git a/public/features/tooling.html b/public/features/tooling.html
index b1b7f95..8c34f71 100644
--- a/public/features/tooling.html
+++ b/public/features/tooling.html
@@ -118,7 +118,7 @@
               </dl>
               <dl class="toolvarlist1__dl"><dt>Manage the size of your cluster by starting or&nbsp;stopping nodes.</dt></dl>
             </div>
-            <div class="toolvarlist1__more"><a class="button" href="https://ignite.apache.org/docs/latest/tools/visor-cmd" target="_blank">Learn more </a></div>
+            <div class="toolvarlist1__more"><a class="button" href="/use-cases/in-memory-cache.html">Learn more </a></div>
           </div>
           <div class="toolvarlist1__right">
             <h3 class="toolvarlist1__title">Control Script</h3>
@@ -129,7 +129,7 @@
               <dl class="toolvarlist1__dl"><dt>Perform consistency checks of your data and indexes</dt></dl>
               <dl class="toolvarlist1__dl"><dt>Detect long-running or hanging transactions</dt></dl>
             </div>
-            <div class="toolvarlist1__more"><a class="button" href="https://ignite.apache.org/docs/latest/tools/control-script" target="_blank">Learn more</a></div>
+            <div class="toolvarlist1__more"><a class="button" href="/use-cases/in-memory-cache.html">Learn more</a></div>
           </div>
         </div>
       </div>
@@ -228,10 +228,10 @@
     <section class="toolingend">
       <div class="container flexi">
         <div class="toolingend__main">
-          <h2 class="toolingend__title h4">Ready to Start With Apache Ignite?</h2>
+          <h2 class="toolingend__title h4">Ready to Start with Apache Ignite?</h2>
           <p class="fz20 pt-1x">Start with our Quick Start Guides and build your first application <br />in 5-10 minutes</p>
         </div>
-        <div class="toolingend__action"><a class="button" href="https://ignite.apache.org/docs/latest/" target="_blank"> Build your first application</a></div>
+        <div class="toolingend__action"><a class="button">Build your first application</a></div>
       </div>
     </section>
     <a class="scrollTop" href="#"
diff --git a/public/index.html b/public/index.html
index 2f51f1a..ab77e97 100644
--- a/public/index.html
+++ b/public/index.html
@@ -105,6 +105,8 @@
         <li><a href="/use-cases/in-memory-database.html">Use Cases: In-Memory Database</a></li>
         <li><a href="/arch/clustering.html">Features: Deployment Options</a></li>
         <li><a href="/download.html">Downloads </a></li>
+        <li><a href="/use-cases/hadoop-acceleration.html">Use Cases: Hadoop Acceleration</a></li>
+        <li><a href="/use-cases/spark-acceleration.html">Use Cases: Apache Spark</a></li>
       </ul>
     </section>
     <a class="scrollTop" href="#"
diff --git a/public/use-cases/digital-integration-hub.html b/public/use-cases/digital-integration-hub.html
index 2545145..c28dd3f 100644
--- a/public/use-cases/digital-integration-hub.html
+++ b/public/use-cases/digital-integration-hub.html
@@ -84,7 +84,7 @@
       <div class="container innerhero__cont">
         <div class="innerhero__main innerhero__mainhub">
           <h1 class="h1 innerhero__h1">Digital Integration Hub</h1>
-          <div class="h1 pt-2">With Apache Ignite</div>
+          <div class="h3 pt-2 with-apache">With Apache Ignite</div>
           <div class="innerhero__descr pt-2 h5">
             Build new types of applications that require real-time access<br />
             to data scattered across disparate data sources
diff --git a/public/use-cases/hadoop-acceleration.html b/public/use-cases/hadoop-acceleration.html
new file mode 100644
index 0000000..1d3fd34
--- /dev/null
+++ b/public/use-cases/hadoop-acceleration.html
@@ -0,0 +1,240 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
+    <title>Accelerate Existing Hadoop Deployments| Apache Ignite</title>
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css" />
+    <link rel="stylesheet" href="/js/vendor/swiper/swiper-bundle.min.css" />
+    <link rel="stylesheet" href="/css/utils.css" />
+    <link rel="stylesheet" href="/css/site.css" />
+    <link rel="stylesheet" href="/css/media.css" media="only screen and (max-width:1199px)" />
+    <link rel="icon" type="image/png" href="/img/favicon.png" />
+    <link rel="stylesheet" href="../css/native-persistence.css" />
+    <link rel="stylesheet" href="../css/compute-apis.css" />
+    <link rel="stylesheet" href="../css/digital-hub.css" />
+    <link rel="stylesheet" href="../css/hadoop.css" />
+  </head>
+  <body>
+    <!-- MOBILE MENU START -->
+    <div class="hystmodal" id="jsMenuModal" aria-hidden="true">
+      <div class="hystmodal__wrap">
+        <div class="hystmodal__window mobmenu" role="dialog" aria-modal="true">
+          <button data-hystclose class="hystmodal__close">Close</button>
+          <div class="mobmenu__wrap">
+            <a href="/" class="mobmenu__logo"><img src="/img/logo.svg" alt="Логотип" /></a>
+            <div class="mobmenu__menu">
+              <div class="mobmenu__h1 berlin">Navigation</div>
+              <ul>
+                <li>
+                  <a href="/index.html">Get started</a>
+                </li>
+                <li>
+                  <a href="/features/">Features</a>
+                </li>
+                <li>
+                  <a href="/community.html">Community</a>
+                </li>
+                <li>
+                  <a href="/use-cases/provenusecases.html">Powered by</a>
+                </li>
+                <li>
+                  <a href="/docs.html">Docs</a>
+                </li>
+              </ul>
+            </div>
+            <!-- //mobmenu__menu -->
+          </div>
+          <!-- //mobmenu__wrap -->
+        </div>
+        <!-- //mobmenu -->
+      </div>
+    </div>
+    <!-- MOBILE MENU END -->
+    <header class="hdr hdr__blue">
+      <div class="cmtyhero__wrap flexi">
+        <button class="hdr__burger" data-menumodal="#jsMenuModal"><img src="/img/menu.svg" alt="" /></button><a class="hdr__logo" href="/"><img class="hdr__logoimg" src="/img/logo-white.svg" alt="" /></a
+        ><a class="button hdr__button" href="https://ignite.apache.org/download.cgi" target="_blank">Download Ignite 2.11 </a>
+        <nav class="hdrmenu">
+          <ul class="flexi">
+            <li><a href="/">Get started</a></li>
+            <li><a href="/features">Features</a></li>
+            <li><a href="/community.html">Community</a></li>
+            <li><a href="/use-cases/provenusecases.html">Powered by</a></li>
+            <li><a href="/docs.html">Docs</a></li>
+          </ul>
+        </nav>
+      </div>
+    </header>
+    <header class="hdrfloat">
+      <div class="cmtyhero__wrap flexi">
+        <button class="hdr__burger" data-menumodal="#jsMenuModal"><img src="/img/menu.svg" alt="" /></button><a class="hdr__logo" href="/"><img class="hdr__logoimg" src="/img/logo.svg" alt="" /></a
+        ><a class="button hdr__button" href="https://ignite.apache.org/download.cgi" target="_blank">Download Ignite 2.11 </a>
+        <nav class="hdrmenu">
+          <ul class="flexi">
+            <li><a href="/">Get started</a></li>
+            <li><a href="/features">Features</a></li>
+            <li><a href="/community.html">Community</a></li>
+            <li><a href="/use-cases/provenusecases.html">Powered by</a></li>
+            <li><a href="/docs.html">Docs</a></li>
+          </ul>
+        </nav>
+      </div>
+    </header>
+    <section class="innerhero">
+      <div class="container innerhero__cont">
+        <div class="innerhero__main">
+          <h1 class="h1 innerhero__h1">Accelerate Existing Hadoop Deployments</h1>
+          <div class="h3 pt-2 with-apache">With Apache Ignite</div>
+          <div class="innerhero__descr pt-2 h5">
+            Achieve the performance acceleration of Hadoop-based<br />
+            application with Ignite as a high-performance data access<br />
+            layer
+          </div>
+          <div class="innerhero__action"><a class="button innerhero__button" href="https://ignite.apache.org/docs/latest/index">Start Coding</a></div>
+        </div>
+        <img class="innerhero__pic innerhero__pic--hadoop" src="/img/usecases/hadoop/hero-image.svg" alt="hero-image" />
+      </div>
+    </section>
+    <!-- /.innerhero-->
+    <section class="compute2">
+      <div class="container">
+        <div class="doop2__block">
+          <h2 class="compute2__h2">Benefits Of Using Apache Ignite</h2>
+          <div class="compute2__grid flexi hub2__grid doop2__grid">
+            <div class="compute2item hub2item doop2__item">
+              <div class="compute2-points__item fz20"></div>
+              <div class="compute2item__block">
+                <h3 class="fz20 compute2item__title">Real-time analytics</h3>
+                <p class="compute2__text base2__text">Apache Ignite enables real-time analytics across Apache Hadoop operational and historical data silos.</p>
+              </div>
+            </div>
+            <div class="compute2item hub2item doop2__item">
+              <div class="compute2-points__item fz20"></div>
+              <div class="compute2item__block">
+                <h3 class="fz20 compute2item__title">Low-latency and high-throughput operations</h3>
+                <p class="compute2__text base2__text">Ignite enables low-latency and high-throughput access while Hadoop continues to be used for long-running OLAP workloads.</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+    <!-- /.compute2-->
+    <section class="doop3">
+      <div class="container">
+        <div class="doop3__block flexi">
+          <div class="doop3__info">
+            <h2 class="doop3__h2 h5">How Does Apache Ignite Acceleration Work?</h2>
+            <p class="doop3__text">
+              To achieve the performance acceleration of Hadoop-based systems, deploy Ignite as a separate distributed storage that maintains the data sets required for your low-latency operations or real-time reports
+            </p>
+            <h2 class="doop3__h2 h5">There are 3 basic steps:</h2>
+            <div class="fz20 doop3__number">01</div>
+            <p class="doop3__subtext">
+              Depending on the data volume and available memory capacity, you can enable<a href="https://ignite.apache.org/arch/native-persistence.html" target="_blank"> Ignite native persistence</a> to store historical data sets on disk
+              while dedicating a memory space for operational records.
+            </p>
+            <p class="doop3__subtext pt-1">You can continue to use Hadoop as storage for less frequently used data or for long-running and ad-hoc analytical queries.</p>
+            <div class="fz20 doop3__number">02</div>
+            <p class="doop3__subtext">
+              Your applications and services should use Ignite native APIs to process the data residing in the in-memory cluster. Ignite provides SQL, compute (aka. map-reduce), and machine learning APIs for various data processing needs.
+            </p>
+            <div class="fz20 doop3__number">03</div>
+            <p class="doop3__subtext">Consider using Apache Spark DataFrames APIs if an application needs to run federated or cross-database queries across Ignite and Hadoop clusters.</p>
+            <p class="doop3__subtext pt-1">
+              Ignite is <a href="https://ignite.apache.org/use-cases/spark-acceleration.html" target="_blank">integrated with Spark</a>, which natively supports Hive/Hadoop. Cross-database queries should be considered only for a limited
+              number of scenarios when neither Ignite nor Hadoop contains the entire data set.
+            </p>
+          </div>
+          <img class="doop3__image" src="/img/usecases/hadoop/image.svg" alt="image" />
+        </div>
+      </div>
+    </section>
+    <!-- /.doop3 -->
+    <section class="doop4">
+      <div class="container">
+        <h2 class="doop4__h2 h4">How Can You Split Data And Operations Between Ignite And Hadoop?</h2>
+        <div class="doop4__block">
+          <div class="doop4__item">
+            <p class="doop4__text">
+              Use Apache Ignite for tasks that require:<br />
+              – Low-latency response time <span class="doop4__grey">(microseconds, milliseconds, seconds)</span>
+            </p>
+            <p class="doop4__text pt-1">– High throughput operations <span class="doop4__grey">(thousands and millions of operations per second)</span> <br />– Real-time processing.</p>
+          </div>
+          <div class="doop4__item">
+            <p class="doop4__text">Continue using Apache Hadoop for: <br />— High-latency operations <span class="doop4__grey">(dozens of seconds, minutes, hours)</span><br />— Batch processing</p>
+          </div>
+        </div>
+      </div>
+    </section>
+    <!-- /.doop4-->
+    <section class="doop5">
+      <div class="container">
+        <h2 class="h4 doop5__h2">5 Steps To Implement The Architecture In Practice</h2>
+        <div class="doop5__blocks">
+          <div class="doop5__block">
+            <div class="doop5__item post1">
+              <div class="doop5__number h4">01</div>
+              <h4 class="doop5__title">Download and install Apache Ignite to your system.</h4>
+            </div>
+            <div class="doop5__item post2">
+              <div class="doop5__number h4">02</div>
+              <h4 class="doop5__title">Select a list of operations for Ignite.</h4>
+              <p class="doop5__text pt-2">The best operations are those that require low-latency response time, high-throughput, and real-time analytics.</p>
+            </div>
+            <div class="doop5__item post3">
+              <div class="doop5__number h4">03</div>
+              <p class="doop5__text">
+                <span class="doop5__title">Consider enabling Ignite native persistence,</span> or use Ignite as a pure in-memory cache, or in-memory data grid that persists changes to Hadoop or another external database.
+              </p>
+            </div>
+            <div class="doop5__item post4">
+              <div class="doop5__number h4">04</div>
+              <h4 class="doop5__title">Update your applications</h4>
+              <p class="doop5__text pt-2">Ensure they use Ignite native APIs to process Ignite data and Spark for federated queries.</p>
+            </div>
+            <div class="doop5__item post5">
+              <div class="doop5__number h4">05</div>
+              <div class="doop5__titleend">If you need to replicate changes between Ignite and Hadoop clusters, use existing change-data-capture solutions:</div>
+              <div class="doop5__part flexi">
+                <p>Debezium<br />Kafka</p>
+                <p class="doop5__middle">GridGain Data Lake Accelerator<br />Oracle GoldenGate</p>
+                <p class="doop5__end">
+                  To write-through changes to Hadoop directly,<br />
+                  implement <a href="https://ignite.apache.org/docs/latest/persistence/external-storage" target="_blank">Ignite's CacheStore</a> interface.
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+    <section class="native-bottom container">
+      <div class="native-bottom__grid">
+        <article class="nativebotblock">
+          <h3 class="h4 nativebotblock__title"><img class="nativebotblock__icon" src="/img/features/native-rocket.svg" alt="" /><span>Ready to Start?</span></h3>
+          <p class="nativebotblock__text">
+            Discover our quick start guide and build your first<br />
+            application in 5-10 minutes
+          </p>
+          <a class="nativebotblock__link arrowlink" href="https://ignite.apache.org/docs/latest/" target="_blank">Quick Start Guide</a>
+        </article>
+        <article class="nativebotblock nativebotblock--learn">
+          <h3 class="h4 nativebotblock__title"><img class="nativebotblock__icon" src="/img/features/native-docs.svg" alt="" /><span>Want to Learn More?</span></h3>
+          <p class="nativebotblock__text">Read the Apache Spark acceleration article</p>
+          <a class="nativebotblock__link arrowlink" href="https://ignite.apache.org/use-cases/spark-acceleration.html" target="_blank">Apache Spark Acceleration</a>
+        </article>
+      </div>
+    </section>
+    <a class="scrollTop" href="#"
+      ><svg class="feather feather-chevron-up" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <polyline points="18 15 12 9 6 15"></polyline></svg
+    ></a>
+    <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
+    <script src="/js/vendor/swiper/swiper-bundle.min.js"></script>
+    <script src="/js/vendor/waypoints.min.js"></script>
+    <script src="/js/main.js"></script>
+  </body>
+</html>
diff --git a/public/use-cases/in-memory-data-grid.html b/public/use-cases/in-memory-data-grid.html
index e643c2c..ecd6aeb 100644
--- a/public/use-cases/in-memory-data-grid.html
+++ b/public/use-cases/in-memory-data-grid.html
@@ -86,7 +86,7 @@
       <div class="container innerhero__cont">
         <div class="innerhero__main">
           <h1 class="h1 innerhero__h1">In-Memory Data Grid</h1>
-          <div class="h1 pt-2">With Apache Ignite</div>
+          <div class="h3 pt-2 with-apache">With Apache Ignite</div>
           <div class="innerhero__descr pt-2 h5">
             Use an advanced read-through / write-through cache<br />
             that is deployed on top of one or several databases
@@ -217,7 +217,7 @@
         <div class="grid5__blocks flexi">
           <article class="native2item grid5__item"><p class="grid5__text">Increase the performance and scalability of real-time applications and external databases.</p></article>
           <article class="native2item grid5__item">
-            <p class="grid5__text">Support<a href="https://ignite.apache.org/use-cases/high-performance-computing.html" target="_blank">high-performance computing.</a></p>
+            <p class="grid5__text">Support <a href="https://ignite.apache.org/use-cases/high-performance-computing.html" target="_blank"> high-performance computing.</a></p>
           </article>
           <article class="native2item grid5__item"><p class="grid5__text">Cache data that is scattered across databases.</p></article>
         </div>
diff --git a/public/use-cases/in-memory-database.html b/public/use-cases/in-memory-database.html
index 6ed8abc..43a11de 100644
--- a/public/use-cases/in-memory-database.html
+++ b/public/use-cases/in-memory-database.html
@@ -85,7 +85,7 @@
       <div class="container innerhero__cont">
         <div class="innerhero__main">
           <h1 class="h1 innerhero__h1">In-Memory Database</h1>
-          <div class="h1 pt-2">With Apache Ignite</div>
+          <div class="h3 pt-2 with-apache">With Apache Ignite</div>
           <div class="innerhero__descr pt-2 h5">
             In-memory database that scales horizontally across memory<br />
             and disk with full SQL support
diff --git a/public/use-cases/provenusecases.html b/public/use-cases/provenusecases.html
index 28cb2fd..99b5098 100644
--- a/public/use-cases/provenusecases.html
+++ b/public/use-cases/provenusecases.html
@@ -116,9 +116,9 @@
       <div class="poweredbanner__bg flexi">
         <div class="poweredbanner__left flexi">
           <h3 class="h4">Do&nbsp;you have an&nbsp;Apache Ignite use-case to&nbsp;share?</h3>
-          <p class="pt-1 fz20">Reach&nbsp;us out on&nbsp;the <a href="mailto:dev@ignite.apache.org" target="_blank">Ignite dev list</a>, and we&rsquo;ll add it&nbsp;to&nbsp;this page</p>
+          <p class="pt-1 fz20">Reach&nbsp;us out on&nbsp;the Ignite dev list, and we&rsquo;ll add it&nbsp;to&nbsp;this page</p>
         </div>
-        <div class="poweredbanner__right"></div>
+        <div class="poweredbanner__right"><a class="button poweredbanner__button" href="#">Lets go</a></div>
       </div>
     </section>
     <!-- /.poweredbanner-->
diff --git a/public/use-cases/spark-acceleration.html b/public/use-cases/spark-acceleration.html
new file mode 100644
index 0000000..e604190
--- /dev/null
+++ b/public/use-cases/spark-acceleration.html
@@ -0,0 +1,178 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
+    <title>Accelerate Apache Spark Applications| Apache Ignite</title>
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css" />
+    <link rel="stylesheet" href="/js/vendor/swiper/swiper-bundle.min.css" />
+    <link rel="stylesheet" href="/css/utils.css" />
+    <link rel="stylesheet" href="/css/site.css" />
+    <link rel="stylesheet" href="/css/media.css" media="only screen and (max-width:1199px)" />
+    <link rel="icon" type="image/png" href="/img/favicon.png" />
+    <link rel="stylesheet" href="../css/native-persistence.css" />
+    <link rel="stylesheet" href="../css/compute-apis.css" />
+    <link rel="stylesheet" href="../css/digital-hub.css" />
+    <link rel="stylesheet" href="../css/spark.css" />
+  </head>
+  <body>
+    <!-- MOBILE MENU START -->
+    <div class="hystmodal" id="jsMenuModal" aria-hidden="true">
+      <div class="hystmodal__wrap">
+        <div class="hystmodal__window mobmenu" role="dialog" aria-modal="true">
+          <button data-hystclose class="hystmodal__close">Close</button>
+          <div class="mobmenu__wrap">
+            <a href="/" class="mobmenu__logo"><img src="/img/logo.svg" alt="Логотип" /></a>
+            <div class="mobmenu__menu">
+              <div class="mobmenu__h1 berlin">Navigation</div>
+              <ul>
+                <li>
+                  <a href="/index.html">Get started</a>
+                </li>
+                <li>
+                  <a href="/features/">Features</a>
+                </li>
+                <li>
+                  <a href="/community.html">Community</a>
+                </li>
+                <li>
+                  <a href="/use-cases/provenusecases.html">Powered by</a>
+                </li>
+                <li>
+                  <a href="/docs.html">Docs</a>
+                </li>
+              </ul>
+            </div>
+            <!-- //mobmenu__menu -->
+          </div>
+          <!-- //mobmenu__wrap -->
+        </div>
+        <!-- //mobmenu -->
+      </div>
+    </div>
+    <!-- MOBILE MENU END -->
+    <header class="hdr hdr__blue">
+      <div class="cmtyhero__wrap flexi">
+        <button class="hdr__burger" data-menumodal="#jsMenuModal"><img src="/img/menu.svg" alt="" /></button><a class="hdr__logo" href="/"><img class="hdr__logoimg" src="/img/logo-white.svg" alt="" /></a
+        ><a class="button hdr__button" href="https://ignite.apache.org/download.cgi" target="_blank">Download Ignite 2.11 </a>
+        <nav class="hdrmenu">
+          <ul class="flexi">
+            <li><a href="/">Get started</a></li>
+            <li><a href="/features">Features</a></li>
+            <li><a href="/community.html">Community</a></li>
+            <li><a href="/use-cases/provenusecases.html">Powered by</a></li>
+            <li><a href="/docs.html">Docs</a></li>
+          </ul>
+        </nav>
+      </div>
+    </header>
+    <header class="hdrfloat">
+      <div class="cmtyhero__wrap flexi">
+        <button class="hdr__burger" data-menumodal="#jsMenuModal"><img src="/img/menu.svg" alt="" /></button><a class="hdr__logo" href="/"><img class="hdr__logoimg" src="/img/logo.svg" alt="" /></a
+        ><a class="button hdr__button" href="https://ignite.apache.org/download.cgi" target="_blank">Download Ignite 2.11 </a>
+        <nav class="hdrmenu">
+          <ul class="flexi">
+            <li><a href="/">Get started</a></li>
+            <li><a href="/features">Features</a></li>
+            <li><a href="/community.html">Community</a></li>
+            <li><a href="/use-cases/provenusecases.html">Powered by</a></li>
+            <li><a href="/docs.html">Docs</a></li>
+          </ul>
+        </nav>
+      </div>
+    </header>
+    <section class="innerhero">
+      <div class="container innerhero__cont">
+        <div class="innerhero__main">
+          <h1 class="h1 innerhero__h1">Accelerate Apache Spark Applications</h1>
+          <div class="h3 pt-2 with-apache">With Apache Ignite</div>
+          <div class="innerhero__descr pt-2 h5">
+            Minimize data shuffling over the network with the Apache<br />
+            Ignite implementation of RDD and Dataframe APIs
+          </div>
+          <div class="innerhero__action"><a class="button innerhero__button" href="https://ignite.apache.org/docs/latest/index">Start Coding</a></div>
+        </div>
+        <img class="innerhero__pic innerhero__pic--spark" src="/img/usecases/spark/hero-image.svg" alt="hero-image" />
+      </div>
+    </section>
+    <!-- /.innerhero-->
+    <section class="spark1">
+      <div class="container">
+        <h2 class="h5 spark1__h2">How Does Ignite Accelerate Spark Applications?</h2>
+        <div class="spark1__block">
+          <div class="spark1__item">
+            <h3 class="spark1__h3 fz20">Horizontally scalable and shared in-memory layer</h3>
+            <p class="spark1__text">Ignite is designed to store data sets in memory across a cluster of nodes reducing latency of Spark operations that usually need to pull date from disk-based systems.</p>
+          </div>
+          <div class="spark1__item">
+            <h3 class="spark1__h3 fz20">Minimal data shuffling over the network</h3>
+            <p class="spark1__text">Ignite tries to minimize data shuffling over the network between its store and Spark applications by running certain Spark tasks, produced by RDDs or DataFrames APIs, in-place on Ignite nodes.</p>
+          </div>
+          <div class="spark1__item">
+            <h3 class="spark1__h3 fz20">Extra performance boost with native Ignite APIs</h3>
+            <p class="spark1__text">Use native Ignite APIs, such as SQL from Spark applications directly and eliminate data shuffling completely between Spark and Ignite.</p>
+          </div>
+        </div>
+        <img class="spark1__image" src="/img/usecases/spark/image.svg" alt="image" />
+      </div>
+    </section>
+    <!-- /.spark1-->
+    <section class="spark2">
+      <div class="container">
+        <h2 class="h5 spark2__h2">Ignite Shared RDDs</h2>
+        <div class="spark2__block">
+          <div class="spark2__item">
+            <p class="spark2__text">Apache Ignite provides an implementation of the Spark RDD, which allows any data and state to be shared in memory as RDDs across Spark jobs.</p>
+            <p class="spark2__text pt-2">The Ignite RDD provides a shared, mutable view of the data stored in Ignite caches across different Spark jobs, workers, or applications.</p>
+          </div>
+          <div class="spark2__item">
+            <p class="spark2__text">
+              The Ignite RDD is implemented as a view over a distributed Ignite table (aka. cache). It can be deployed with an Ignite node either within the Spark job executing process, on a Spark worker, or in a separate Ignite cluster.
+            </p>
+            <p class="spark2__text pt-2">
+              This means that depending on the chosen deployment mode, the shared state may either exist only during the lifespan of a Spark application (embedded mode), or it may out-survive the Spark application (standalone mode).
+            </p>
+          </div>
+        </div>
+        <h2 class="h5 spark2__h2">Ignite DataFrames</h2>
+        <div class="spark2__block">
+          <div class="spark2__item">
+            <p class="spark2__text">The Apache Spark DataFrame API introduced the concept of a schema to describe the data, allowing Spark to manage the schema and organize the data into a tabular format.</p>
+            <p class="spark2__text pt-2">
+              To put it simply, a DataFrame is a distributed collection of data organized into named columns. It is conceptually equivalent to a table in a relational database and allows Spark to leverage the Catalyst query optimizer to
+              produce much more efficient query execution plans in comparison to RDDs, which are collections of elements partitioned across the nodes of the cluster.
+            </p>
+          </div>
+          <div class="spark2__item">
+            <p class="spark2__text">Ignite supports DataFrame APIs allowing Spark to write to and read from Ignite through that interface.</p>
+            <p class="spark2__text pt-1">
+              Furthermore, Ignite analyses execution plans produced by Spark's Catalyst engine and can execute parts of the plan on Ignite nodes directly, which will reduce data shuffling and consequently make your SparkSQL perform better.
+            </p>
+          </div>
+        </div>
+      </div>
+    </section>
+    <section class="native-bottom container">
+      <div class="native-bottom__grid">
+        <article class="nativebotblock">
+          <h3 class="h4 nativebotblock__title"><img class="nativebotblock__icon" src="/img/features/native-rocket.svg" alt="" /><span>Ready to Start?</span></h3>
+          <p class="nativebotblock__text">Discover our quick start guide and build your first application in 5-10 minutes</p>
+          <a class="nativebotblock__link arrowlink" href="https://ignite.apache.org/docs/latest/" target="_blank">Quick Start Guide</a>
+        </article>
+        <article class="nativebotblock nativebotblock--learn">
+          <h3 class="h4 nativebotblock__title"><img class="nativebotblock__icon" src="/img/features/native-docs.svg" alt="" /><span>Want to Learn More?</span></h3>
+          <p class="nativebotblock__text">Using Hadoop with Spark? See how Ignite accelerates Hadoop-based deployments</p>
+          <a class="nativebotblock__link arrowlink" href="https://ignite.apache.org/use-cases/hadoop-acceleration.html" target="_blank">Apache Hadoop Acceleration</a>
+        </article>
+      </div>
+    </section>
+    <a class="scrollTop" href="#"
+      ><svg class="feather feather-chevron-up" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <polyline points="18 15 12 9 6 15"></polyline></svg
+    ></a>
+    <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
+    <script src="/js/vendor/swiper/swiper-bundle.min.js"></script>
+    <script src="/js/vendor/waypoints.min.js"></script>
+    <script src="/js/main.js"></script>
+  </body>
+</html>
diff --git a/src/index.pug b/src/index.pug
index 356bb41..6de8f11 100644
--- a/src/index.pug
+++ b/src/index.pug
@@ -63,4 +63,8 @@
                 a(href="/arch/clustering.html") Features: Deployment Options
             li 
                 a(href="/download.html") Downloads  
+            li 
+                a(href="/use-cases/hadoop-acceleration.html") Use Cases: Hadoop Acceleration
+            li 
+                a(href="/use-cases/spark-acceleration.html") Use Cases: Apache Spark
                 
\ No newline at end of file