format dev ui page the way the other "why" pages are formatted

_includes/header-navigation.html

@@ -14,13 +14,13 @@
         <span href="{{site.baseurl}}/about/">Why<i class="fas fa-chevron-down"></i></span>
         <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}}/dev-ui" class="{% if page.url contains '/dev-ui/' %}active{% endif %}">DEV UI</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}}/standards" class="{% if page.url contains '/standards/' %}active{% endif %}">STANDARDS</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}}/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>
-
         </ul>
       </li>
       <li class="dropdown">

_layouts/dev-ui.html

@@ -1,9 +1,8 @@
 ---
 layout: base
 ---
+{% include title-band.html %}
 <div class="quarkus-dev-ui-page">
-  {% include dev-ui-hero.html %}
-  {% include dev-ui-features.html %}
   {% include dev-ui-configuration.html %}
   {% include dev-ui-visualize-endpoints.html %}
   {% include dev-ui-db-schema-generation.html %}

dev-ui.md

@@ -1,6 +1,6 @@
 ---
 layout: dev-ui
-title: Developer UI
-subtitle: Explore the features and capabilities of the Developer UI.
+title: Dev UI
+subtitle: Making the right way the easiest way.
 permalink: /dev-ui/
 ---