feat: Update the NGINX One landing page for mainframe

Author: lamATnginx

content/nginx-one/_index.md

@@ -1,47 +1,42 @@
 ---
 title: F5 NGINX One Console
-nd-subtitle: The F5 NGINX One Console makes it easy to manage NGINX instances across locations and environments. The console lets you monitor and control your NGINX fleet from one place—you can check configurations, track performance metrics, identify security vulnerabilities, manage SSL certificates, and more.
+nd-subtitle: Optimize, Secure, and Scale Your Modern Apps 
 url: /nginx-one/
 nd-landing-page: true
 cascade:
   logo: "NGINX-One-product-icon.svg"
 nd-content-type: landing-page
 nd-product: NGINX One
 ---
-{{< card-layout >}}
-  {{< card-section >}}
-    {{< card title="Manage your NGINX fleet" >}}
-      Simplify, scale, secure, and collaborate with your NGINX fleet 
-    {{</ card >}}
-    {{< card title="Get started" >}}
+
+## About
+[//]: # "These are Markdown comments to guide you through document structure. Remove them as you go, as well as any unnecessary sections."
+[//]: # "Use underscores for _italics_, and double asterisks for **bold**."
+[//]: # "Backticks are for `monospace`, used sparingly and reserved mostly for executable names - they can cause formatting problems. Avoid them in tables: use italics instead."
+The F5 NGINX One Console makes it easy to manage NGINX instances across locations and environments. The console lets you monitor and control your NGINX fleet from one place—you can check configurations, track performance metrics, identify security vulnerabilities, manage SSL certificates, and more.
+
+## Featured content
+[//]: # "You can add a maximum of three cards: any extra will not display."
+[//]: # "One card will take full width page: two will take half width each. Three will stack like an inverse pyramid."
+[//]: # "Some examples of content could be the latest release note, the most common install path, and a popular new feature."
+{{<card-layout>}}
+  {{<card-section showAsCards="true" isFeaturedSection="true">}}
+    {{<card title="Get started" titleUrl="getting-started/" isFeatured="true" icon="unplug">}}
       See benefits from the NGINX One Console
-    {{</ card >}}
-    {{< card title="Connect your instances" >}}
-      Work with data plane keys, containers, and proxy servers
-    {{</ card >}}
-    {{< card title="Manage your NGINX instances" >}}
-      Monitor and maintain your deployments
-    {{</ card >}}
-    {{< card title="Draft new configurations" >}}
-      Work with Staged Configurations
-    {{</ card >}}
-    {{< card title="Set up metrics" >}}
-      Review your deployments in a dashboard 
-    {{</ card >}}
-    {{< card title="Organize users with RBAC" >}}
-      Assign responsibilities with role-based access control 
-    {{</ card >}}
-    {{< card title="Automate with the NGINX One API" >}}
-      Manage your NGINX fleet over REST 
-    {{</ card >}}
-    {{< card title="Glossary" >}}
-      Learn terms unique to NGINX One Console 
-    {{</ card >}}
-    {{< card title="Changelog" >}}{{< changelog-dates >}}
-    {{</ card >}}
-  {{</ card-section >}}
+    {{</card >}}
+    {{<card title="Changelog" titleUrl="changelog/" icon="clock-alert">}}
+      See latest updates: New features, improvements, and bug fixes
+    {{</card>}}
+    {{<card title="Add an NGINX instance" titleUrl="connect-instances/add-instance/" icon="copy-plus">}}
+      Connect your instances to NGINX One
+    {{</card>}}
+  {{</card-section>}}
+{{</card-layout>}}
 
-  # Other Components 
+## Other Components  
+[//]: # "You can add any extra content for the page here, such as additional cards, diagrams or text."
+
+{{< card-layout >}}
   {{< card-section title="Kubernetes Solutions">}}
     {{< card title="NGINX Ingress Controller" titleUrl="/nginx-ingress-controller/" brandIcon="NGINX-Ingress-Controller-product-icon">}}
       Kubernetes traffic management with API gateway, identity, and observability features.