add performance page, Add to index and reorg navigation

Author: insectengine

_includes/header-navigation.html

@@ -15,11 +15,11 @@
         <ul class="submenu">
           <li><a href="{{site.baseurl}}/about" class="{% if page.url contains '/about/' %}active{% endif %}">WHAT IS QUARKUS?</a></li>
           <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}}/continuum" class="{% if page.url contains '/continuum/' %}active{% endif %}">VERSATILITY</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}}/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}}/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

@@ -12,16 +12,16 @@ <h3><a href="/container-first">Container First</a></h3>
       <p>Quarkus tailors your application for GraalVM and HotSpot. Amazingly fast boot time, incredibly low RSS memory (not just heap size!) offering near instant scale up and high density memory utilization in container orchestration platforms like Kubernetes. We use a technique we call compile time boot.</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">Reactive Core</a></h3>
-      <p>Built on a robust reactive core, Quarkus ensures fast and efficient performance, supporting the development of a wide variety of modern applications.</p>
+      <img class="light-only" src="{{site.baseurl}}/assets/images/performance/icon-performance.svg">
+      <img class="dark-only" src="{{site.baseurl}}/assets/images/performance/icon-performance-dark.svg">
+      <h3><a href="/performance">Performance</a></h3>
+      <p>Quarkus streamlines framework optimizations in the build phase to reduce runtime dependencies and improve efficiency. By precomputing metadata and optimizing class loading, it ensures fast startup times for JVM and native binary deployments, cutting down on memory usage.</p>
     </div>
     <div class="width-4-12 width-12-12-m contrib-block">
-      <img class="light-only" src="{{site.baseurl}}/assets/images/about/icon-standards.svg">
-      <img class="dark-only" src="{{site.baseurl}}/assets/images/about/icon-standards-dark.svg">
-      <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>
+      <img class="light-only" src="{{site.baseurl}}/assets/images/about/icon-developerjoy.svg">
+      <img class="dark-only" src="{{site.baseurl}}/assets/images/about/icon-developerjoy-dark.svg">
+      <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-kube-native.svg">
@@ -30,10 +30,16 @@ <h3><a href="/kubernetes-native">Kube-Native</a></h3>
       <p>The combination of Quarkus and Kubernetes provides an ideal environment for creating scalable, fast, and lightweight applications. Quarkus significantly increases developer productivity with tooling, pre-built integrations, application services, and more.</p>
     </div>
     <div class="width-4-12 width-12-12-m contrib-block">
-      <img class="light-only" src="{{site.baseurl}}/assets/images/about/icon-developerjoy.svg">
-      <img class="dark-only" src="{{site.baseurl}}/assets/images/about/icon-developerjoy-dark.svg">
-      <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>
+      <img class="light-only" src="{{site.baseurl}}/assets/images/about/icon-standards.svg">
+      <img class="dark-only" src="{{site.baseurl}}/assets/images/about/icon-standards-dark.svg">
+      <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,14 +1,36 @@
 <div class="full-width-bg component">
   <div class="grid-wrapper">
-    <div class="width-12-12 width-12-12-m">
+    <div class="width-3-12 width-12-12-m">
+      <img class="light-only" src="{{site.baseurl}}/assets/images/performance/icon-performance.svg" alt="Performance image">
+      <img class="dark-only" src="{{site.baseurl}}/assets/images/performance/icon-performance-dark.svg" alt="Performance image">
+    </div>
+    <div class="width-9-12 width-12-12-m">
       <h2>The Quarkus Way</h2>
       <p>Quarkus redefines Java development by shifting most framework optimizations to the build phase. This approach minimizes runtime dependencies, maximizes dead code elimination, and introduces clear metadata contracts, resulting in leaner and more efficient applications.</p>
       <p>By performing these optimizations at build time, Quarkus ensures that the heavy lifting is done once, not at every startup, reducing memory usage and startup time.</p>
       <p>This approach benefits both GraalVM native images and traditional HotSpot JVM deployments, leading to faster, smaller, and more resource-efficient Java applications.</p>
+    </div>
+    <div class="width-3-12 width-12-12-m">
+      <img class="light-only" src="{{site.baseurl}}/assets/images/performance/icon-memory.svg" alt="Performance image">
+      <img class="dark-only" src="{{site.baseurl}}/assets/images/performance/icon-memory-dark.svg" alt="Performance image">
+    </div>
+    <div class="width-9-12 width-12-12-m">
       <h2>Reduced Memory</h2>
       <p>Quarkus reduces memory utilization for both traditional JVM deployments as well as native binaries using Ahead-of-Time (AOT) Compilation with GraalVM. It achieves this by leveraging build-time metadata processing, which shifts much of the runtime work to build time, lowering memory consumption during execution.</p>
+    </div>
+    <div class="width-3-12 width-12-12-m">
+      <img class="light-only" src="{{site.baseurl}}/assets/images/performance/icon-startup.svg" alt="Performance image">
+      <img class="dark-only" src="{{site.baseurl}}/assets/images/performance/icon-startup-dark.svg" alt="Performance image">
+    </div>
+    <div class="width-9-12 width-12-12-m">
       <h2>Fast Startup Time</h2>
       <p>Quarkus delivers fast startup times that allow for automatic scaling up and down of microservices on containers or Kubernetes deployments. It achieves fast startup times by performing build-time processing for both JVM and native binary deployments, reducing the work done during runtime. Quarkus precomputes metadata and optimizes class loading, significantly cutting down on initialization time. For natively compiled binaries, Quarkus uses GraalVM to eliminate startup overhead resulting in near-instant startup times by running directly as a native executable.</p>
+    </div>
+    <div class="width-3-12 width-12-12-m">
+      <img class="light-only" src="{{site.baseurl}}/assets/images/performance/icon-diskspace.svg" alt="Performance image">
+      <img class="dark-only" src="{{site.baseurl}}/assets/images/performance/icon-diskspace-dark.svg" alt="Performance image">
+    </div>
+    <div class="width-9-12 width-12-12-m">
       <h2>Disk Footprint</h2>
       <p>Quarkus reduces the footprint of Java applications by employing build-time processing to eliminate unnecessary runtime dependencies and by optimizing the application’s deployment artifacts. It packages only the essential classes and resources needed at runtime, removing unused code through techniques like dead code elimination. When using GraalVM for native compilation, Quarkus further reduces the footprint by compiling the application into a compact native binary, stripping out the JVM and related dependencies.</p>
     </div>