30 miles from GARDENA and then 30 miles from Buena Park as we have two bases - Follow Up Deployment

index.html

@@ -1046,17 +1046,58 @@
             
             <!-- Service Area Map -->
             <div class="mt-16">
-                <h3 class="text-3xl font-bold text-center mb-8 gradient-text">Our Service Area</h3>
-                <div class="bg-gray-800 rounded-xl overflow-hidden max-w-4xl mx-auto border border-gray-700">
-                    <div class="relative h-96 bg-gradient-to-br from-purple-900/30 to-pink-900/30 flex items-center justify-center">
-                        <i class="fas fa-map-marked-alt text-gray-600 text-6xl"></i>
-                        <div class="absolute inset-0 flex items-center justify-center">
-                            <span class="text-white font-bold bg-black/50 px-4 py-2 rounded-full text-xl">Los Angeles & OC</span>
+                <h3 class="text-3xl font-bold text-center mb-8 gradient-text">Our Service Areas</h3>
+                <div class="bg-gray-800 rounded-xl overflow-hidden max-w-6xl mx-auto border border-gray-700">
+                    <div class="relative h-[500px]">
+                        <iframe 
+                            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d212270.7411280935!2d-118.1257018!3d33.9130685!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80dd2955f7f8b0c9%3A0x3a9b4c641ce5f42a!2sLakewood%2C%20CA!5e0!3m2!1sen!2sus!4v1711234567890!5m2!1sen!2sus&z=10" 
+                            width="100%" 
+                            height="100%" 
+                            style="border:0;" 
+                            allowfullscreen="" 
+                            loading="lazy" 
+                            referrerpolicy="no-referrer-when-downgrade"
+                            class="rounded-lg"
+                        ></iframe>
+                        <div class="absolute inset-0 flex items-center justify-center pointer-events-none">
+                            <div class="text-center">
+                                <span class="text-white font-bold bg-black/70 px-4 py-2 rounded-full text-xl block mb-2">30 Miles from Lakewood (LA & OC)</span>
+                                <span class="text-white font-bold bg-purple-600/80 px-4 py-2 rounded-full text-lg block">Free Service Within This Radius</span>
+                            </div>
                         </div>
                     </div>
                 </div>
-                <p class="text-center mt-4 text-gray-400 max-w-2xl mx-auto">
-                    We proudly serve all of Los Angeles & OC. Free service within 30 miles of Lakewood, CA. Additional charges apply beyond this radius.
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mt-8 max-w-6xl mx-auto">
+                    <div class="bg-gray-800 p-6 rounded-xl border border-gray-700">
+                        <h4 class="text-xl font-bold mb-4 text-purple-400">Los Angeles County Areas</h4>
+                        <ul class="grid grid-cols-2 gap-2 text-gray-300">
+                            <li>• Long Beach</li>
+                            <li>• Torrance</li>
+                            <li>• Santa Monica</li>
+                            <li>• Beverly Hills</li>
+                            <li>• Hollywood</li>
+                            <li>• Pasadena</li>
+                            <li>• Glendale</li>
+                            <li>• Burbank</li>
+                        </ul>
+                    </div>
+                    <div class="bg-gray-800 p-6 rounded-xl border border-gray-700">
+                        <h4 class="text-xl font-bold mb-4 text-purple-400">Orange County Areas</h4>
+                        <ul class="grid grid-cols-2 gap-2 text-gray-300">
+                            <li>• Anaheim</li>
+                            <li>• Irvine</li>
+                            <li>• Newport Beach</li>
+                            <li>• Huntington Beach</li>
+                            <li>• Costa Mesa</li>
+                            <li>• Fullerton</li>
+                            <li>• Garden Grove</li>
+                            <li>• Orange</li>
+                        </ul>
+                    </div>
+                </div>
+                <p class="text-center mt-6 text-gray-400 max-w-2xl mx-auto">
+                    Free service within 30 miles of Gardena and Buena Park (covering both LA & OC counties). 
+                    Additional charges apply beyond this radius ($10 per additional 10 miles).
                 </p>
             </div>
         </div>
@@ -1082,6 +1123,7 @@
             <p class="mb-4">© 2025 Jay's Mobile Wash. All rights reserved.</p>
             <p class="mb-4">Licensed • Insured • Satisfaction guaranteed</p>
             <p>Professional mobile detailing in Los Angeles and Orange County</p>
+            <p><a href="tel:15622289429" class="text-purple-400 hover:text-purple-300">562-228-9429</a></p>
         </div>
     </footer>