From 30fd26aca557834c2dfbac5a407ebf09a905bbf3 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 17 Jun 2026 11:36:37 +0000 Subject: [PATCH] Update src/pages/HomePage.tsx --- src/pages/HomePage.tsx | 321 +++++++++++------------------------------ 1 file changed, 88 insertions(+), 233 deletions(-) diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index d936ae1..4ce0170 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -11,252 +11,107 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; export default function HomePage() { return ( <> -
- +
+ - -
+ tag="Luxury Beauty Experience" + title="Where Beauty Meets Perfection" + description="Experience Premium Hair & Beauty Services in the Heart of Islamabad. From professional styling to complete makeovers, our experts help you look and feel your best." + primaryButton={{ text: "Book Appointment", href: "#contact" }} + secondaryButton={{ text: "Call Now", href: "tel:03334555059" }} + items={[ + { imageSrc: "http://img.b2bpic.net/free-photo/diverse-staff-team-helping-old-woman_482257-76596.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/gothic-vaults-stone-ceiling-patterns-historic-church-architecture_169016-68764.jpg" } + ]} + /> + +
-
- +
+ - -
+ tag="Our Expertise" + title="Premium Beauty Services" + description="Explore our curated list of professional treatments designed to enhance your natural beauty." + items={[ + { title: "Hair Coloring", description: "Professional Balayage, Highlights, and customized color transformations by our experts.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-wearing-protective-face-mask-hair-wash-hairdresser-s_637285-8974.jpg" }, + { title: "Hair Styling", description: "From sophisticated blowouts to event-ready updos for any occasion.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/young-female-logo-designer-working-graphic-tablet_23-2149119213.jpg" }, + { title: "Curly Hair Specialists", description: "Tailored treatments and cuts designed specifically for your unique curl pattern.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/front-view-bride-getting-hair-done_23-2149860769.jpg" }, + { title: "Professional Braiding", description: "Precision braiding techniques for protective and trendy styles.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-woman-applying-mascara-bathroom_329181-1570.jpg" }, + { title: "Body Waxing", description: "Smooth, professional hair removal services for maximum comfort.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167366.jpg" }, + { title: "Hair Treatments", description: "Deep conditioning, restorative masks, and care for luscious hair health.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-getting-her-hair-dried_23-2148108866.jpg" }, + { title: "Bridal Packages", description: "Full beauty makeovers to ensure you look perfect on your special day.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-29137.jpg" } + ]} + /> + +
-
- +
+ - -
+ title="About Verde Salon: Islamabad's Beauty Destination" + primaryButton={{ text: "Learn More", href: "#" }} + /> + +
-
- +
+ - -
+ tag="Why Choose Us" + title="A 5-Star Salon Experience" + description="We blend luxury, expertise, and personalized care for every client." + features={[ + { title: "Expert Team", description: "Highly trained professionals in modern techniques.", bentoComponent: "info-card-marquee", infoCards: [{ icon: "Star", label: "Rating", value: "5.0" }, { icon: "Award", label: "Experience", value: "10+ yrs" }, { icon: "Users", label: "Clients", value: "200+" }] }, + { title: "Premium Quality", description: "Only top-tier international beauty products.", bentoComponent: "media-stack", mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/diverse-staff-team-helping-old-woman_482257-76596.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167372.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/young-african-woman-listening-music-outside-city-street_618663-45.jpg" }] }, + { title: "Personalized Care", description: "Tailored beauty consultations for your needs.", bentoComponent: "chat-marquee", aiIcon: "Sparkles", userIcon: "User", exchanges: [{ userMessage: "What's best for curly hair?", aiResponse: "Our specialist will evaluate your curl pattern for a customized care plan." }], placeholder: "Ask our team..." } + ]} + /> + +
-
- +
+ - -
+ tag="Our Impact" + title="Trust and Excellence" + description="A testament to our quality." + metrics={[ + { icon: "Star", title: "Client Rating", value: "5.0/5" }, + { icon: "Award", title: "Verified Reviews", value: "219+" }, + { icon: "Smile", title: "Happy Clients", value: "1000+" } + ]} + /> + +
-
- +
+ - -
+ tag="Testimonials" + title="Loved by Our Clients" + description="Read what our valued clients have to say about their transformations." + testimonials={[ + { name: "Sarah A.", role: "Client", quote: "The best salon in Islamabad. My hair has never looked better!", imageSrc: "http://img.b2bpic.net/free-photo/side-view-bride-getting-ready-wedding_23-2149860789.jpg" }, + { name: "Ayesha K.", role: "Client", quote: "Professional, clean, and luxurious. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/sensual-glamour-portrait-beautiful-woman-model-with-fresh-daily-makeup-with-dark-red-lips-color-clean-healthy-skin-face-studio-lights_158538-14326.jpg" }, + { name: "Zoya M.", role: "Client", quote: "Finally found a curly hair specialist who understands my needs.", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg" }, + { name: "Fatima S.", role: "Client", quote: "Amazing coloring service. So happy with the result!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-with-blurred-background_23-2148253621.jpg" }, + { name: "Hina R.", role: "Client", quote: "Top tier service! I wouldn't go anywhere else now.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-salon-hairdresser_23-2147769872.jpg" } + ]} + /> + +
-
- +
+ - -
+ tag="Visit Us" + text="Ready for your beauty transformation? Visit our salon at F-7 Markaz, Islamabad." + primaryButton={{ text: "Call Now", href: "tel:03334555059" }} + secondaryButton={{ text: "WhatsApp Us", href: "https://wa.me/923334555059" }} + /> + +
); } -- 2.49.1