From 3774914ab230ddd2d6b07bf3be5089a84fdc2174 Mon Sep 17 00:00:00 2001
From: Mohini <mohini.pandey@cockroachlabs.com>
Date: Tue, 15 Oct 2024 23:21:50 +0530
Subject: [PATCH] added changes suggested by Cindy

---
 src/current/_includes/nav-company.html   |  2 ++
 src/current/_includes/nav-product.html   | 43 +++++++++++++++++++++---
 src/current/_includes/nav-resources.html |  1 -
 src/current/_includes/nav-solutions.html |  4 +--
 4 files changed, 42 insertions(+), 8 deletions(-)

diff --git a/src/current/_includes/nav-company.html b/src/current/_includes/nav-company.html
index cd4a9ef7d8b..8db3589a5c0 100644
--- a/src/current/_includes/nav-company.html
+++ b/src/current/_includes/nav-company.html
@@ -12,6 +12,8 @@
                 <li class="pb-2"><a href="https://www.cockroachlabs.com/careers/">Careers</a></li>
                 <li class="pb-2"><a href="https://www.cockroachlabs.com/partners/">Partners</a></li>
                 <li class="pb-2"><a href="https://www.cockroachlabs.com/events/">Events</a></li>
+                <li class="pb-2"><a href="https://www.cockroachlabs.com/company/professional-services/">Professional Services</a></li>
+                <li class="pb-2"><a href="https://www.cockroachlabs.com/trust-center/">Trust Center</a></li>
             </ul>
         </div>
         <div class="col-md-4">
diff --git a/src/current/_includes/nav-product.html b/src/current/_includes/nav-product.html
index 7d09eb55a7b..d0029044de2 100644
--- a/src/current/_includes/nav-product.html
+++ b/src/current/_includes/nav-product.html
@@ -1,6 +1,39 @@
+<style>
+   .custom-row {
+    margin-left: -10px;
+    margin-right: -10px;
+}
+
+.custom-col {
+    padding-left: 10px;
+    padding-right: 10px;
+}
+
+.nav-img-holder {
+    margin-bottom: 1rem;
+}
+
+@media (min-width: 992px) {
+    .custom-col {
+        padding-left: 15px;
+        padding-right: 15px;
+    }
+
+    .nav-img-holder {
+        margin-bottom: 0;
+    }
+}
+
+/* Ensure the container width matches the design */
+@media (min-width: 576px) {
+    .container-sm.width-990 {
+        max-width: 990px;
+    }
+}
+</style>
 <div class="container-sm width-990">
-    <div class="row">
-        <div class="col-md-4">
+    <div class="row no-gutters custom-row">
+        <div class="col-md-4 custom-col">
             <ul class="mb-0 mb-md-3 list-unstyled p-0">
                 <li class="pb-2"><a href="https://www.cockroachlabs.com/product/cloud/">CockroachDB Cloud</a></li>
                 <li class="pb-2"><a href="https://www.cockroachlabs.com/resilience/">Resilience platform</a></li>
@@ -10,7 +43,7 @@
     
                 </ul>
         </div>
-        <div class="col-lg-4">
+        <div class="col-lg-4 custom-col">
 
             <div class="nav-img-holder mb-5 mb-m-lg-0">
                 <a href="https://www.cockroachlabs.com/blog/what-is-a-dbaas-and-why-would-you-want-one/">
@@ -19,9 +52,9 @@
             </div>
             
         </div>
-        <div class="col-lg-4">
+        <div class="col-lg-4 custom-col">
          
-            <div class="nav-img-holder">
+            <div class="nav-img-holder mb-5 mb-m-lg-0">
                 <a href="https://www.cockroachlabs.com/blog/what-is-distributed-sql/">
                     <img class="img-fluid" src="https://www.cockroachlabs.com/img/DistribSQL.png" alt="Distributed SQL" />
                 </a>
diff --git a/src/current/_includes/nav-resources.html b/src/current/_includes/nav-resources.html
index 18079f4ac54..91745905a9d 100644
--- a/src/current/_includes/nav-resources.html
+++ b/src/current/_includes/nav-resources.html
@@ -12,7 +12,6 @@
         </div>
         <div class="col-6 col-md-3">
             <ul class="mb-3 mb-md-3 list-unstyled p-0">
-                <li class="pb-2"><a href="https://www.cockroachlabs.com/trust-center/">Trust Center</a></li>
                 <li class="pb-2"><a href="https://www.cockroachlabs.com/resources/">Resource Center</a></li>
             </ul>
             
diff --git a/src/current/_includes/nav-solutions.html b/src/current/_includes/nav-solutions.html
index 6f830587ffc..26f376431af 100644
--- a/src/current/_includes/nav-solutions.html
+++ b/src/current/_includes/nav-solutions.html
@@ -26,8 +26,8 @@
             <ul class="mt-3 mb-3 mb-md-3 list-unstyled p-0">
                 <li class="pb-2"><a href="https://www.cockroachlabs.com/solutions/usecases/user-accounts-and-metadata/">User Metadata</a></li>
                 <li class="pb-2"><a href="https://www.cockroachlabs.com/solutions/usecases/payments/">Payments</a></li>
-                <li class="pb-2"><a href="https://www.cockroachlabs.com/solutions/usecases/identity-access-management/">Identity Management</a></li>
-                <li class="pb-2"><a href="https://www.cockroachlabs.com/solutions/usecases/orders-and-inventory-management/">Orders & Inventory</a></li>
+                <li class="pb-2"><a href="https://www.cockroachlabs.com/solutions/usecases/identity-access-management/">Identity Access Management</a></li>
+                <li class="pb-2"><a href="https://www.cockroachlabs.com/solutions/usecases/orders-and-inventory-management/">Orders & Inventory Management</a></li>
                 <li class="pb-2"><a href="https://www.cockroachlabs.com/solutions/usecases/iot-and-device-management/">IoT & Device Management</a></li>
                 <li class="pb-2"><a href="https://www.cockroachlabs.com/solutions/usecases/banking-and-wallet/">Banking & Wallet</a></li>
                 <li class="pb-2"><a href="https://www.cockroachlabs.com/solutions/usecases/gaming-platforms/">Gaming Platform</a></li>