Merge version_1_1782055524206 into main #1
@@ -11,237 +11,132 @@ 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 Sanctuary"
|
||||
title="Elevate Your Natural Beauty"
|
||||
description="Bespoke hair styling, luxury skincare, and premium parlor treatments designed to make you glow from within. Experience expert care in a serene, stress-free sanctuary."
|
||||
primaryButton={{
|
||||
text: "Book an Appointment",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230936.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-lady-making-funny-face_197531-24060.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Luxury Beauty Sanctuary"
|
||||
title="Elevate Your Natural Beauty"
|
||||
description="Bespoke hair styling, luxury skincare, and premium parlor treatments designed to make you glow from within. Experience expert care in a serene, stress-free sanctuary."
|
||||
primaryButton={{
|
||||
text: "Book an Appointment", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "View Services", href: "#services"}}
|
||||
items={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230936.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/positive-lady-making-funny-face_197531-24060.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="Our philosophy is rooted in organic elegance and the pursuit of your ultimate self-care experience, crafting personalized beauty rituals that nurture both skin and spirit."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Our philosophy is rooted in organic elegance and the pursuit of your ultimate self-care experience, crafting personalized beauty rituals that nurture both skin and spirit."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesDetailedCards
|
||||
tag="Our Expertise"
|
||||
title="Curated Salon Experiences"
|
||||
description="We blend expert craftsmanship with organic products for a premium experience."
|
||||
items={[
|
||||
{
|
||||
title: "Bespoke Hair Styling",
|
||||
description: "Customized haircuts and color tailored to your unique features and lifestyle.",
|
||||
tags: [
|
||||
"Hair",
|
||||
"Style",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-applying-cream-clients-beard_107420-94778.jpg",
|
||||
},
|
||||
{
|
||||
title: "Luxury Skincare",
|
||||
description: "Rejuvenating facials and treatments using high-end, organic products.",
|
||||
tags: [
|
||||
"Skin",
|
||||
"Care",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-with-healthy-silky-skin-keeps-lips-rounded-covers-eye-with-calla-flower-applies-collagen-patches-reduce-wrinkles-has-curly-bushy-hair-poses-indoor-wellness_273609-58044.jpg",
|
||||
},
|
||||
{
|
||||
title: "Premium Parlor Care",
|
||||
description: "Dedicated serenity rituals for total relaxation and wellness.",
|
||||
tags: [
|
||||
"Relaxation",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-wooden-sauna-with-panoramic-windows-design-harmony_169016-70065.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Expertise"
|
||||
title="Curated Salon Experiences"
|
||||
description="We blend expert craftsmanship with organic products for a premium experience."
|
||||
items={[
|
||||
{
|
||||
title: "Bespoke Hair Styling", description: "Customized haircuts and color tailored to your unique features and lifestyle.", tags: ["Hair", "Style"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-applying-cream-clients-beard_107420-94778.jpg"
|
||||
},
|
||||
{
|
||||
title: "Luxury Skincare", description: "Rejuvenating facials and treatments using high-end, organic products.", tags: ["Skin", "Care"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-with-healthy-silky-skin-keeps-lips-rounded-covers-eye-with-calla-flower-applies-collagen-patches-reduce-wrinkles-has-curly-bushy-hair-poses-indoor-wellness_273609-58044.jpg"
|
||||
},
|
||||
{
|
||||
title: "Premium Parlor Care", description: "Dedicated serenity rituals for total relaxation and wellness.", tags: ["Relaxation"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-wooden-sauna-with-panoramic-windows-design-harmony_169016-70065.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Service Menu"
|
||||
title="Explore Our Treatments"
|
||||
description="Indulge in our selection of expert-led beauty services."
|
||||
items={[
|
||||
{
|
||||
title: "Signature Cut",
|
||||
description: "Precision haircut experience.",
|
||||
href: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-cosmetic-jar-against-beige-backdrop_23-2151978993.jpg",
|
||||
},
|
||||
{
|
||||
title: "Organic Color",
|
||||
description: "Gentle, radiant color solutions.",
|
||||
href: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-gua-sha-face-products_23-2149401503.jpg",
|
||||
},
|
||||
{
|
||||
title: "Luminous Facial",
|
||||
description: "Deep hydrating skincare ritual.",
|
||||
href: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-skin-beauty-products_23-2148761497.jpg",
|
||||
},
|
||||
{
|
||||
title: "Smoothing Treatment",
|
||||
description: "Silky, manageable hair results.",
|
||||
href: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669156.jpg",
|
||||
},
|
||||
{
|
||||
title: "Bridal Styling",
|
||||
description: "Expert artistry for your big day.",
|
||||
href: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serum-bottle-plant-arrangement_23-2148899356.jpg",
|
||||
},
|
||||
{
|
||||
title: "Scalp Therapy",
|
||||
description: "Nutrient-rich rejuvenation therapy.",
|
||||
href: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-natural-argan-oil-dropper_23-2149016619.jpg",
|
||||
},
|
||||
{
|
||||
title: "Personal Styling",
|
||||
description: "Bespoke aesthetic consultation.",
|
||||
href: "#contact",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669109.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Service Menu"
|
||||
title="Explore Our Treatments"
|
||||
description="Indulge in our selection of expert-led beauty services."
|
||||
items={[
|
||||
{ title: "Signature Cut", description: "Precision haircut experience.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-cosmetic-jar-against-beige-backdrop_23-2151978993.jpg" },
|
||||
{ title: "Organic Color", description: "Gentle, radiant color solutions.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/top-view-gua-sha-face-products_23-2149401503.jpg" },
|
||||
{ title: "Luminous Facial", description: "Deep hydrating skincare ritual.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/composition-skin-beauty-products_23-2148761497.jpg" },
|
||||
{ title: "Smoothing Treatment", description: "Silky, manageable hair results.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669156.jpg" },
|
||||
{ title: "Bridal Styling", description: "Expert artistry for your big day.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/serum-bottle-plant-arrangement_23-2148899356.jpg" },
|
||||
{ title: "Scalp Therapy", description: "Nutrient-rich rejuvenation therapy.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-natural-argan-oil-dropper_23-2149016619.jpg" },
|
||||
{ title: "Personal Styling", description: "Bespoke aesthetic consultation.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669109.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeCards
|
||||
tag="Client Stories"
|
||||
title="Experience The Aura"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alexandra M.",
|
||||
role: "Creative Director",
|
||||
quote: "The most luxurious experience I've had in years.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229813.jpg",
|
||||
},
|
||||
{
|
||||
name: "James L.",
|
||||
role: "Executive",
|
||||
quote: "Exceptional precision and a genuinely calming environment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-have-fun-mall-fountain_1153-3980.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah P.",
|
||||
role: "Editor",
|
||||
quote: "Aura Styling Studio understands my needs perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-up-bride_1157-136.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena R.",
|
||||
role: "Entrepreneur",
|
||||
quote: "The organic products transformed my hair and skin health.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-alluring-woman-posing-outdoors_23-2148648009.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus W.",
|
||||
role: "Consultant",
|
||||
quote: "Unmatched prestige and quality service every single time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothes-store-employees-working_23-2148915586.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Client Stories"
|
||||
title="Experience The Aura"
|
||||
description="Hear from our valued clients."
|
||||
testimonials={[
|
||||
{ name: "Alexandra M.", role: "Creative Director", quote: "The most luxurious experience I've had in years.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229813.jpg" },
|
||||
{ name: "James L.", role: "Executive", quote: "Exceptional precision and a genuinely calming environment.", imageSrc: "http://img.b2bpic.net/free-photo/two-girls-have-fun-mall-fountain_1153-3980.jpg" },
|
||||
{ name: "Sarah P.", role: "Editor", quote: "Aura Styling Studio understands my needs perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-up-bride_1157-136.jpg" },
|
||||
{ name: "Elena R.", role: "Entrepreneur", quote: "The organic products transformed my hair and skin health.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-alluring-woman-posing-outdoors_23-2148648009.jpg" },
|
||||
{ name: "Marcus W.", role: "Consultant", quote: "Unmatched prestige and quality service every single time.", imageSrc: "http://img.b2bpic.net/free-photo/clothes-store-employees-working_23-2148915586.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsSimpleCards
|
||||
tag="Our Impact"
|
||||
title="Beauty by The Numbers"
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
description: "Years of Expertise",
|
||||
},
|
||||
{
|
||||
value: "2000+",
|
||||
description: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
description: "Organic Focus",
|
||||
},
|
||||
]}
|
||||
description="Celebrating years of excellence in personal care."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Impact"
|
||||
title="Beauty by The Numbers"
|
||||
description="Celebrating years of excellence in personal care."
|
||||
metrics={[
|
||||
{ value: "15+", description: "Years of Expertise" },
|
||||
{ value: "2000+", description: "Happy Clients" },
|
||||
{ value: "100%", description: "Organic Focus" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSimple
|
||||
tag="Support"
|
||||
title="Frequently Asked"
|
||||
items={[
|
||||
{
|
||||
question: "Do you offer consultations?",
|
||||
answer: "Yes, we provide complimentary consultations for all new clients.",
|
||||
},
|
||||
{
|
||||
question: "Are your products organic?",
|
||||
answer: "Absolutely, we exclusively use premium, certified organic formulations.",
|
||||
},
|
||||
{
|
||||
question: "How far in advance should I book?",
|
||||
answer: "For best availability, we recommend booking 2–3 weeks in advance.",
|
||||
},
|
||||
]}
|
||||
description="Find answers to common questions about our salon services."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Support"
|
||||
title="Frequently Asked"
|
||||
description="Find answers to common questions about our salon services."
|
||||
items={[
|
||||
{ question: "Do you offer consultations?", answer: "Yes, we provide complimentary consultations for all new clients." },
|
||||
{ question: "Are your products organic?", answer: "Absolutely, we exclusively use premium, certified organic formulations." },
|
||||
{ question: "How far in advance should I book?", answer: "For best availability, we recommend booking 2–3 weeks in advance." }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Reserve Your Chair"
|
||||
text="Ready for your next transformation? Book your appointment today."
|
||||
primaryButton={{
|
||||
text: "Book Appointment",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Reserve Your Chair"
|
||||
text="Ready for your next transformation? Book your appointment today."
|
||||
primaryButton={{ text: "Book Appointment", href: "#" }}
|
||||
secondaryButton={{ text: "Contact Us", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user