find colorful icons for commercial and management.

put the icon on top. Top of the website write Quest: Real estate, real simple

index.html

@@ -45,27 +45,28 @@
 <!-- Hero Section -->
     <section class="hero-image flex items-center justify-center text-center px-4">
 <div class="max-w-4xl mx-auto">
+            <p class="text-xl text-accent-gold mb-2">Quest: Real estate, real simple</p>
             <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 max-w-3xl mx-auto">
+<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/1570939.png" class="w-8 h-8 mb-2" alt="Commercial">
-                        <span class="font-medium">Commercial</span>
+                        <img src="https://cdn-icons-png.flaticon.com/512/1570/1570939.png" class="w-10 h-10 mb-2" 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/1570900.png" class="w-8 h-8 mb-2" alt="Management">
-                        <span class="font-medium">Management</span>
+                        <img src="https://cdn-icons-png.flaticon.com/512/1570/1570900.png" class="w-10 h-10 mb-2" 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/619/619153.png" class="w-8 h-8 mb-2" alt="Residential">
-                        <span class="font-medium">Residential</span>
+                        <img src="https://cdn-icons-png.flaticon.com/512/619/619153.png" class="w-10 h-10 mb-2" alt="Residential">
+<span class="font-medium">Residential</span>
                         <span class="text-sm text-gray-600">Homes & Apartments</span>
                     </div>
                 </a>

style.css

@@ -8,6 +8,9 @@
     --dark-blue: #1a202c;
 }
 
+.text-accent-gold {
+    color: var(--accent-gold);
+}
 body {
     overflow-x: hidden;
     padding-top: 80px;