Add custom landing page to N1 via index.md (#636)

* feat: Add custom landing page to N1 via index.md

* Removed list-main

* Finish adding all the custom content for N1 landing page

* Added changelog shortcode to Changelog card

Author: lamATnginx

content/nginx-one/_index.md

@@ -2,7 +2,72 @@
 title: F5 NGINX One Console
 description: 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.
 url: /nginx-one/
+hasCustomContent: true
 cascade:
   logo: "NGINX-One-product-icon.svg"
 ---
+{{< card-layout >}}
+  {{< card-section >}}
+    {{< card title="Manage your NGINX fleet" >}}
+      Simplify, scale, secure, and collaborate with your NGINX fleet 
+    {{</ card >}}
+    {{< card title="Get started" >}}
+      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 >}}
 
+  # Other Products 
+  {{< card-section title="Kubernetes Solutions">}}
+    {{< card title="NGINX Ingress Controller" titleUrl="/nginx-ingress-controller/" icon="NGINX-Ingress-Controller-product-icon">}}
+      Kubernetes traffic management with API gateway, identity, and observability features. 
+    {{</ card >}}
+    {{< card title="NGINX Gateway Fabric" titleUrl="/nginx-gateway-fabric" icon="NGINX-product-icon">}}
+      Next generation Kubernetes connectivity using the Gateway API. 
+    {{</ card >}}
+  {{</ card-section >}}
+  {{< card-section title="Local Console Option">}}
+    {{< card title="NGINX Instance Manager" titleUrl="/nginx-instance-manager" icon="NGINX-Instance-Manager-product-icon">}}
+      Track and control NGINX Open Source and NGINX Plus instances. 
+    {{</ card >}}
+  {{</ card-section >}}
+  {{< card-section title="Modern App Delivery">}}
+    {{< card title="NGINX Plus" titleUrl="/nginx" icon="NGINX-Plus-product-icon-RGB">}}
+      The all-in-one load balancer, reverse proxy, web server, content cache, and API gateway. 
+    {{</ card >}}
+    {{< card title="NGINX Open Source" titleUrl="nginx.org" icon="NGINX-product-icon">}}
+      The open source all-in-one load balancer, content cache, and web server 
+    {{</ card >}}
+  {{</ card-section >}}
+  {{< card-section title="Security">}}
+    {{< card title="NGINX App Protect WAF" titleUrl="/nginx-app-protect-waf" icon="NGINX-App-Protect-WAF-product-icon">}}
+      Lightweight, high-performance, advanced protection against Layer 7 attacks on your apps and APIs. 
+    {{</ card >}}
+    {{< card title="NGINX App Protect DoS" titleUrl="/nginx-app-protect-dos" icon="NGINX-App-Protect-DoS-product-icon">}}
+      Defend, adapt, and mitigate against Layer 7 denial-of-service attacks on your apps and APIs. 
+    {{</ card >}}
+  {{</ card-section >}}
+{{</ card-layout >}}