the one with the colored house

components/navbar.js

@@ -52,7 +52,7 @@ class CustomNavbar extends HTMLElement {
             </style>
             <nav class="fixed w-full z-50 py-4 px-6 md:px-12 flex justify-between items-center">
                 <a href="/" class="flex-shrink-0">
-                        <img src="https://cdn-icons-png.flaticon.com/512/1570/1570927.png" alt="Quest Logo" class="h-8">
+                    <img src="https://cdn-icons-png.flaticon.com/512/1570/1570927.png" alt="Quest Logo" class="h-8">
 </a>
                 <div class="hidden md:flex space-x-8">
                     <a href="#commercial" class="text-white">Commercial</a>

index.html

@@ -29,7 +29,7 @@
     <!-- Navigation -->
     <nav class="absolute w-full z-10 py-6 px-4 md:px-12 flex justify-between items-center">
         <div class="flex items-center">
-            <img src="https://cdn-icons-png.flaticon.com/512/1570/1570900.png" alt="Quest Logo" class="h-10">
+            <img src="https://cdn-icons-png.flaticon.com/512/1570/1570927.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>
@@ -51,21 +51,21 @@
 <div class="grid grid-cols-1 md:grid-cols-3 gap-4 max-w-3xl mx-auto">
                 <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/1570/1570927.png" class="w-10 h-10 mb-2" alt="Commercial">
+                        <img src="https://cdn-icons-png.flaticon.com/512/1570/1570927.png" class="w-10 h-10 mb-2" style="color: var(--house-red);" alt="Commercial">
 <span class="font-medium">Commercial</span>
                         <span class="text-sm text-gray-600">Office & Retail</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/1570928.png" class="w-10 h-10 mb-2" alt="Management">
+                        <img src="https://cdn-icons-png.flaticon.com/512/1570/1570928.png" class="w-10 h-10 mb-2" style="color: var(--house-blue);" alt="Management">
 <span class="font-medium">Management</span>
                         <span class="text-sm text-gray-600">Projects & Services</span>
                     </div>
                 </a>
                 <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/1570/1570900.png" class="w-10 h-10 mb-2" alt="Residential">
+                        <img src="https://cdn-icons-png.flaticon.com/512/1570/1570900.png" class="w-10 h-10 mb-2" style="color: var(--house-green);" alt="Residential">
 <span class="font-medium">Residential</span>
                         <span class="text-sm text-gray-600">Homes & Apartments</span>
                     </div>
@@ -78,7 +78,7 @@
         <div class="max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8">
             <div>
                 <div class="mb-4">
-                    <img src="https://cdn-icons-png.flaticon.com/512/1570/1570900.png" alt="Quest Logo" class="h-8">
+            <img src="https://cdn-icons-png.flaticon.com/512/1570/1570927.png" alt="Quest Logo" class="h-8">
 </div>
 <p class="text-gray-300">San Diego's premier real estate investment firm specializing in strategic property acquisitions and wealth building.</p>
             </div>

style.css

@@ -6,8 +6,11 @@
     --accent-gold: #d69e2e;
     --light-gold: #f6e05e;
     --dark-blue: #1a202c;
+    --house-red: #e53e3e;
+    --house-blue: #3182ce;
+    --house-green: #38a169;
+    --house-yellow: #d69e2e;
 }
-
 .text-accent-gold {
     color: var(--accent-gold);
 }