Merge version_1_1781696104729 into main #2
@@ -11,252 +11,107 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplitMediaGrid
|
||||
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?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gothic-vaults-stone-ceiling-patterns-historic-church-architecture_169016-68764.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
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" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesRevealCardsBento
|
||||
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?_wi=1",
|
||||
},
|
||||
{
|
||||
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?_wi=1",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
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" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="About Verde Salon: Islamabad's Beauty Destination"
|
||||
primaryButton={{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="About Verde Salon: Islamabad's Beauty Destination"
|
||||
primaryButton={{ text: "Learn More", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
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+",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-friendship-home-party-concept_1157-37604.jpg",
|
||||
imageAlt: "hair styling service professional",
|
||||
},
|
||||
{
|
||||
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?_wi=2",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-wearing-protective-face-mask-hair-wash-hairdresser-s_637285-8974.jpg?_wi=2",
|
||||
imageAlt: "hair styling service professional",
|
||||
},
|
||||
{
|
||||
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...",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-logo-designer-working-graphic-tablet_23-2149119213.jpg?_wi=2",
|
||||
imageAlt: "hair styling service professional",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
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..." }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Our Impact"
|
||||
title="Trust and Excellence"
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
title: "Client Rating",
|
||||
value: "5.0/5",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Verified Reviews",
|
||||
value: "219+",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
title: "Happy Clients",
|
||||
value: "1000+",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
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+" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<SectionErrorBoundary name="reviews">
|
||||
<div id="reviews" data-section="reviews">
|
||||
<SectionErrorBoundary name="reviews">
|
||||
<TestimonialQuoteCards
|
||||
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",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
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" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
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",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
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" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user