change order of flyout and add performance icon

Author: insectengine

_includes/header-navigation.html

@@ -17,9 +17,10 @@
           <li><a href="{{site.baseurl}}/container-first" class="{% if page.url contains '/container-first/' %}active{% endif %}">CONTAINER FIRST</a></li>
           <li><a href="{{site.baseurl}}/performance" class="{% if page.url contains '/performance/' %}active{% endif %}">PERFORMANCE</a></li>
           <li><a href="{{site.baseurl}}/developer-joy" class="{% if page.url contains '/developer-joy/' %}active{% endif %}">DEVELOPER JOY</a></li>
+          <li><a href="{{site.baseurl}}/continuum" class="{% if page.url contains '/continuum/' %}active{% endif %}">VERSATILITY</a></li>
           <li><a href="{{site.baseurl}}/kubernetes-native" class="{% if page.url contains '/kubernetes-native/' %}active{% endif %}">KUBERNETES NATIVE</a></li>
           <li><a href="{{site.baseurl}}/standards" class="{% if page.url contains '/standards/' %}active{% endif %}">STANDARDS</a></li>
-          <li><a href="{{site.baseurl}}/continuum" class="{% if page.url contains '/continuum/' %}active{% endif %}">REACTIVE</a></li>
+          
         </ul>
       </li>
       <li class="dropdown">

_includes/homepage-features-icon-band.html

@@ -1,7 +1,7 @@
 <div class="component homepage-features-band full-width-bg text-centered">
   <div class="grid-wrapper">
     <div class="width-12-12">
-      <h2>Quarkus Features</h2>
+      <h2>Quarkus Benefits</h2>
     </div>
   </div>
   <div class="grid-container">
@@ -23,6 +23,12 @@ <h3><a href="/performance">Performance</a></h3>
       <h3><a href="/developer-joy">Developer Joy</a></h3>
       <p>A cohesive platform for optimized developer joy with unified configuration and no hassle native executable generation. Zero config, live reload in the blink of an eye and streamlined code for the 80% common usages, flexible for the remainder 20%.</p>
     </div>
+    <div class="width-4-12 width-12-12-m contrib-block">
+      <img class="light-only" src="{{site.baseurl}}/assets/images/about/icon-reactive.svg">
+      <img class="dark-only" src="{{site.baseurl}}/assets/images/about/icon-reactive-dark.svg">
+      <h3><a href="/continuum">Unifies imperative and reactive</a></h3>
+      <p>Combine both the familiar imperative code and the reactive style when developing applications.</p>
+    </div>
     <div class="width-4-12 width-12-12-m contrib-block">
       <img class="light-only" src="{{site.baseurl}}/assets/images/about/icon-kube-native.svg">
       <img class="dark-only" src="{{site.baseurl}}/assets/images/about/icon-kube-native-dark.svg">
@@ -35,11 +41,5 @@ <h3><a href="/kubernetes-native">Kube-Native</a></h3>
       <h3><a href="/standards">Community and Standards</a></h3>
       <p>Quarkus provides a cohesive, fun to use, full-stack framework by leveraging a growing list of over fifty best-of-breed libraries that you love and use. All wired on a standard backbone.</p>
     </div>
-    <div class="width-4-12 width-12-12-m contrib-block">
-      <img class="light-only" src="{{site.baseurl}}/assets/images/about/icon-reactive.svg">
-      <img class="dark-only" src="{{site.baseurl}}/assets/images/about/icon-reactive-dark.svg">
-      <h3><a href="/continuum">Unifies imperative and reactive</a></h3>
-      <p>Combine both the familiar imperative code and the reactive style when developing applications.</p>
-    </div>
   </div>
 </div>

_includes/performance.html

@@ -1,7 +1,13 @@
 <div class="full-width-bg component">
   <div class="grid-wrapper">
-      <div class="width-12-12">
+      <div class="width-3-12 width-12-12-m">
+        <img class="light-only" src="{{site.baseurl}}/assets/images/performance/icon-performance.svg" alt="Container image">
+        <img class="dark-only" src="{{site.baseurl}}/assets/images/performance/icon-performance-dark.svg" alt="Container image">
+      </div>
+      <div class="width-9-12 width-12-12-m">
         <p class="intropara">Quarkus is engineered for efficiency. It  leverages build-time optimizations and a reactive core to achieve high throughput, fast startup times, low response latency, and minimal resource consumption. In other words, Quarkus is fast, and here is why; <strong>Reduced Memory Footprint, Fast startup Time and Higher Throughput</strong></p>
+      </div>
+      <div class="width-12-12 width-12-12-m">
         <h2>Starting fast by doing less: the build-time principle</h2>
       </div>
       <div class="width-6-12 width-12-12-m">