I like residential, don't like the other 2

components/navbar.js

@@ -55,18 +55,18 @@ class CustomNavbar extends HTMLElement {
                         <img src="https://cdn-icons-png.flaticon.com/512/1570/1570939.png" alt="Quest Logo" class="h-8">
 </a>
                 <div class="hidden md:flex space-x-8">
-                    <a href="#commercial" class="text-white">Commercial</a>
-                    <a href="#management" class="text-white">Management</a>
                     <a href="#residential" class="text-white">Residential</a>
+                    <a href="#about" class="text-white">About</a>
+                    <a href="#contact" class="text-white">Contact</a>
                 </div>
 <button class="md:hidden text-white ml-auto" aria-label="mobile menu" id="mobile-menu-button">
 <i data-feather="menu"></i>
                 </button>
                 <div class="mobile-menu" id="mobile-menu">
                     <a href="/" class="text-white">Home</a>
-                    <a href="#commercial" class="text-white">Commercial</a>
-                    <a href="#management" class="text-white">Management</a>
                     <a href="#residential" class="text-white">Residential</a>
+                    <a href="#about" class="text-white">About</a>
+                    <a href="#contact" class="text-white">Contact</a>
 </div>
             </nav>
 `;

index.html

@@ -32,9 +32,9 @@
             <img src="https://cdn-icons-png.flaticon.com/512/1570/1570900.png" alt="Quest Logo" class="h-10">
 </div>
         <div class="hidden md:flex space-x-8">
-            <a href="#commercial" class="text-white hover:text-accent-gold transition">Commercial</a>
-            <a href="#management" class="text-white hover:text-accent-gold transition">Management</a>
             <a href="#residential" class="text-white hover:text-accent-gold transition">Residential</a>
+            <a href="#about" class="text-white hover:text-accent-gold transition">About</a>
+            <a href="#contact" class="text-white hover:text-accent-gold transition">Contact</a>
         </div>
 <button class="md:hidden text-white">
             <i data-feather="menu"></i>
@@ -45,27 +45,13 @@
 <div class="max-w-4xl mx-auto">
             <h1 class="text-4xl md:text-6xl font-bold text-white mb-6">San Diego Real Estate Investments</h1>
             <p class="text-xl text-white mb-12">Building wealth through strategic property investments</p>
-            <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
-                <a href="#commercial" class="bg-white bg-opacity-90 hover:bg-opacity-100 text-gray-800 py-4 px-6 rounded-lg transition transform hover:scale-105">
-                    <div class="flex flex-col items-center">
-                        <img src="https://cdn-icons-png.flaticon.com/512/2942/2942787.png" class="w-8 h-8 mb-2" alt="Commercial">
-<span class="font-medium">Commercial</span>
-                        <span class="text-sm text-gray-600">Properties & Investments</span>
-</div>
-                </a>
-                <a href="#management" class="bg-white bg-opacity-90 hover:bg-opacity-100 text-gray-800 py-4 px-6 rounded-lg transition transform hover:scale-105">
-                    <div class="flex flex-col items-center">
-                        <img src="https://cdn-icons-png.flaticon.com/512/1570/1570939.png" class="w-8 h-8 mb-2" alt="Management">
-<span class="font-medium">Property</span>
-                        <span class="text-sm text-gray-600">Management Services</span>
-</div>
-                </a>
+            <div class="grid grid-cols-1 md:grid-cols-1 gap-4 max-w-md mx-auto">
                 <a href="#residential" class="bg-white bg-opacity-90 hover:bg-opacity-100 text-gray-800 py-4 px-6 rounded-lg transition transform hover:scale-105">
                     <div class="flex flex-col items-center">
                         <img src="https://cdn-icons-png.flaticon.com/512/619/619153.png" class="w-8 h-8 mb-2" alt="Residential">
-<span class="font-medium">Residential</span>
+                        <span class="font-medium">Residential</span>
                         <span class="text-sm text-gray-600">Homes & Apartments</span>
-</div>
+                    </div>
                 </a>
             </div>
 </div>