From a2e7d2400764751f5cfbac9d6cdf4eed3f1a425f Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 22 Jun 2026 04:07:08 +0000
Subject: [PATCH] Bob AI: Update the contact section with the business
 location, contact details, and rele

---
 src/pages/HomePage.tsx | 66 ++++++++++++++++++++++++++++++++++++------
 1 file changed, 57 insertions(+), 9 deletions(-)

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 99146cf..2f09c87 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -160,16 +160,64 @@ export default function HomePage() {
     </SectionErrorBoundary>
   </div>
 
-  <div id="contact" data-section="contact">
+  <div id="contact" data-section="contact" className="py-24 bg-background">
     <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="Book Now"
-      text="Ready for perfect brows? Reserve your threading appointment at USA Threading Salon today."
-      primaryButton={{
-        text: "Book Appointment",        href: "#"}}
-      secondaryButton={{
-        text: "Call Us",        href: "tel:5550123"}}
-    />
+      <div className="w-content-width mx-auto">
+        <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
+          <div>
+            <h2 className="text-4xl md:text-5xl font-bold text-foreground mb-6">Visit USA Threading Salon</h2>
+            <p className="text-lg text-foreground/80 mb-10">
+              Experience premium threading services in a clean, relaxing environment. Walk-ins are always welcome, or book ahead to secure your spot.
+            </p>
+            <div className="space-y-8">
+              <div className="flex items-start gap-4">
+                <svg className="w-6 h-6 text-accent shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.243-4.243a8 8 0 1111.314 0z" /><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /></svg>
+                <div>
+                  <h3 className="font-semibold text-foreground text-xl mb-1">Location</h3>
+                  <p className="text-foreground/80">USA Threading Salon<br/>Find us on Apple Maps for exact directions.</p>
+                </div>
+              </div>
+              <div className="flex items-start gap-4">
+                <svg className="w-6 h-6 text-accent shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" /></svg>
+                <div>
+                  <h3 className="font-semibold text-foreground text-xl mb-1">Contact</h3>
+                  <p className="text-foreground/80">
+                    <a href="tel:+15550123456" className="hover:text-accent transition-colors">(555) 012-3456</a>
+                  </p>
+                </div>
+              </div>
+              <div className="flex items-start gap-4">
+                <svg className="w-6 h-6 text-accent shrink-0 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
+                <div>
+                  <h3 className="font-semibold text-foreground text-xl mb-1">Hours</h3>
+                  <p className="text-foreground/80">Mon - Sat: 10:00 AM - 7:00 PM<br/>Sun: 11:00 AM - 5:00 PM</p>
+                </div>
+              </div>
+            </div>
+            <div className="mt-10 flex flex-wrap gap-4">
+              <a href="#" className="primary-button">Book Appointment</a>
+              <a href="https://maps.apple/p/E891wo0LGP8GIm" target="_blank" rel="noopener noreferrer" className="secondary-button">Get Directions</a>
+            </div>
+          </div>
+          <div className="rounded-2xl overflow-hidden h-[500px] bg-card shadow-xl border border-foreground/10 relative">
+            <img 
+              src="http://img.b2bpic.net/free-photo/front-view-woman-getting-her-facial-hair-removed-with-thread_23-2148995585.jpg" 
+              alt="USA Threading Salon Location" 
+              className="w-full h-full object-cover"
+            />
+            <div className="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent flex items-end p-8">
+              <div className="text-white">
+                <h3 className="text-2xl font-bold mb-2">USA Threading Salon</h3>
+                <p className="text-white/90 mb-4">Premium threading and beauty services.</p>
+                <a href="https://maps.apple/p/E891wo0LGP8GIm" target="_blank" rel="noopener noreferrer" className="inline-flex items-center gap-2 bg-white text-black px-6 py-3 rounded-full font-medium hover:bg-white/90 transition-colors">
+                  <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7" /></svg>
+                  Open in Apple Maps
+                </a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
     </SectionErrorBoundary>
   </div>
     </>
-- 
2.49.1