6 Commits

Author SHA1 Message Date
1bb0b843ce Merge version_3_1782101544434 into main
Merge version_3_1782101544434 into main
2026-06-22 04:13:49 +00:00
kudinDmitriyUp
bc7e9a026a Bob AI: Update the contact section to include the provided Yelp link (https://www.yelp.c 2026-06-22 04:13:43 +00:00
6e5382f727 Merge version_2_1782101164146 into main
Merge version_2_1782101164146 into main
2026-06-22 04:07:11 +00:00
kudinDmitriyUp
a2e7d24007 Bob AI: Update the contact section with the business location, contact details, and rele 2026-06-22 04:07:08 +00:00
0fef4562fd Merge version_1_1782100904611 into main
Merge version_1_1782100904611 into main
2026-06-22 04:02:55 +00:00
2e52578dbe Merge version_1_1782100904611 into main
Merge version_1_1782100904611 into main
2026-06-22 04:02:15 +00:00

View File

@@ -155,21 +155,69 @@ export default function HomePage() {
{
question: "Is it safe for sensitive skin?", answer: "Yes, our threading method involves no harsh chemicals."},
]}
imageSrc="http://img.b2bpic.net/free-photo/hostess-latino-hair-salon_23-2150555152.jpg"
imageSrc="https://images.unsplash.com/photo-1588401332739-b2222f48e4f9?q=80&w=2070&auto=format&fit=crop"
/>
</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>
</>