Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-24 13:17:31 +00:00

View File

@@ -28,399 +28,172 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Bougie Place"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="Bougie Place"
button={{ text: "Book Appointment", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{
variant: "plain",
}}
title="Unwind in Elegance at Bougie Place"
description="Experience premium salon and spa treatments designed for your total rejuvenation. Let our professionals guide you to your best self."
testimonials={[
{
name: "Elena M.",
handle: "@elena",
testimonial: "Best facial I've ever had, truly relaxing.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-hot-stone-lighted-candle-cactus-plant-rolled-up-white-towel_23-2147939955.jpg?_wi=1",
imageAlt: "luxurious salon spa interior",
},
{
name: "Sarah P.",
handle: "@sarah",
testimonial: "Amazing salon, everything is so chic.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/office-receptionist-greeting-corporate-partner_1262-16353.jpg?_wi=1",
imageAlt: "luxurious salon spa interior",
},
{
name: "Marcus L.",
handle: "@marcus",
testimonial: "Great massage therapy, highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-getting-cosmetic-treatment_23-2148825293.jpg?_wi=1",
imageAlt: "luxurious salon spa interior",
},
{
name: "Julia T.",
handle: "@julia",
testimonial: "Exquisite service and atmosphere.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-massage-stones-her-back_1122-1212.jpg?_wi=1",
imageAlt: "luxurious salon spa interior",
},
{
name: "Kevin D.",
handle: "@kevin",
testimonial: "The most professional staff in town.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-receiving-manicure-from-woman-gloves-mask-beauty-salon-daytime_176474-2910.jpg?_wi=1",
imageAlt: "luxurious salon spa interior",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/black-hot-stone-lighted-candle-cactus-plant-rolled-up-white-towel_23-2147939955.jpg?_wi=2"
imageAlt="Luxurious salon interior"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-tea-candles-knitted-element_169016-49016.jpg",
alt: "Client profile 1",
},
{
src: "http://img.b2bpic.net/free-photo/spa-composition-with-candles-towel-top-view_169016-20529.jpg",
alt: "Client profile 2",
},
{
src: "http://img.b2bpic.net/free-photo/spa-composition-with-humidifier-flowers-closeup-health-concept_169016-20825.jpg",
alt: "Client profile 3",
},
{
src: "http://img.b2bpic.net/free-photo/spa-composition-with-thai-orchid-flowers-bath-accessories_169016-17217.jpg",
alt: "Client profile 4",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-cup-tea-decor-items-light-wooden-table-top-view_169016-3980.jpg",
alt: "Client profile 5",
},
]}
avatarText="Loved by over 500+ happy clients"
marqueeItems={[
{
type: "text",
text: "Organic Skincare",
},
{
type: "text",
text: "Deep Tissue Therapy",
},
{
type: "text",
text: "Signature Facials",
},
{
type: "text",
text: "Expert Manicures",
},
{
type: "text",
text: "Aromatherapy",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{ variant: "plain" }}
title="Unwind in Elegance at Bougie Place"
description="Experience premium salon and spa treatments designed for your total rejuvenation. Let our professionals guide you to your best self."
testimonials={[
{ name: "Elena M.", handle: "@elena", testimonial: "Best facial I've ever had, truly relaxing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-hot-stone-lighted-candle-cactus-plant-rolled-up-white-towel_23-2147939955.jpg", imageAlt: "luxurious salon spa interior" },
{ name: "Sarah P.", handle: "@sarah", testimonial: "Amazing salon, everything is so chic.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/office-receptionist-greeting-corporate-partner_1262-16353.jpg", imageAlt: "luxurious salon spa interior" },
{ name: "Marcus L.", handle: "@marcus", testimonial: "Great massage therapy, highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-getting-cosmetic-treatment_23-2148825293.jpg", imageAlt: "luxurious salon spa interior" },
{ name: "Julia T.", handle: "@julia", testimonial: "Exquisite service and atmosphere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-massage-stones-her-back_1122-1212.jpg", imageAlt: "luxurious salon spa interior" },
{ name: "Kevin D.", handle: "@kevin", testimonial: "The most professional staff in town.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-receiving-manicure-from-woman-gloves-mask-beauty-salon-daytime_176474-2910.jpg", imageAlt: "luxurious salon spa interior" }
]}
imageSrc="http://img.b2bpic.net/free-photo/black-hot-stone-lighted-candle-cactus-plant-rolled-up-white-towel_23-2147939955.jpg"
imageAlt="Luxurious salon interior"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-tea-candles-knitted-element_169016-49016.jpg", alt: "Client profile 1" },
{ src: "http://img.b2bpic.net/free-photo/spa-composition-with-candles-towel-top-view_169016-20529.jpg", alt: "Client profile 2" },
{ src: "http://img.b2bpic.net/free-photo/spa-composition-with-humidifier-flowers-closeup-health-concept_169016-20825.jpg", alt: "Client profile 3" },
{ src: "http://img.b2bpic.net/free-photo/spa-composition-with-thai-orchid-flowers-bath-accessories_169016-17217.jpg", alt: "Client profile 4" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-cup-tea-decor-items-light-wooden-table-top-view_169016-3980.jpg", alt: "Client profile 5" }
]}
avatarText="Loved by over 500+ happy clients"
marqueeItems={[
{ type: "text", text: "Organic Skincare" },
{ type: "text", text: "Deep Tissue Therapy" },
{ type: "text", text: "Signature Facials" },
{ type: "text", text: "Expert Manicures" },
{ type: "text", text: "Aromatherapy" }
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="A Sanctuary of Style"
description={[
"Bougie Place Salon & Spa combines luxury with expert care. We are committed to providing an oasis where beauty meets wellness.",
"Our team of licensed estheticians and stylists brings years of experience to every treatment, ensuring you leave feeling refreshed and confident.",
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="A Sanctuary of Style"
description={[
"Bougie Place Salon & Spa combines luxury with expert care. We are committed to providing an oasis where beauty meets wellness.", "Our team of licensed estheticians and stylists brings years of experience to every treatment, ensuring you leave feeling refreshed and confident."
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "s1",
title: "Facial Rejuvenation",
tags: [
"Skin",
"Glow",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-getting-cosmetic-treatment_23-2148825293.jpg?_wi=2",
imageAlt: "Facial service",
},
{
id: "s2",
title: "Deep Tissue Massage",
tags: [
"Wellness",
"Relax",
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-massage-stones-her-back_1122-1212.jpg?_wi=2",
imageAlt: "Massage service",
},
{
id: "s3",
title: "Artistic Manicures",
tags: [
"Style",
"Nails",
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-receiving-manicure-from-woman-gloves-mask-beauty-salon-daytime_176474-2910.jpg?_wi=2",
imageAlt: "Manicure service",
},
]}
title="Our Signature Services"
description="Indulge in our curated selection of salon and spa treatments, crafted for relaxation and transformation."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: "s1", title: "Facial Rejuvenation", tags: ["Skin", "Glow"], imageSrc: "http://img.b2bpic.net/free-photo/young-woman-getting-cosmetic-treatment_23-2148825293.jpg", imageAlt: "Facial service" },
{ id: "s2", title: "Deep Tissue Massage", tags: ["Wellness", "Relax"], imageSrc: "http://img.b2bpic.net/free-photo/woman-with-massage-stones-her-back_1122-1212.jpg", imageAlt: "Massage service" },
{ id: "s3", title: "Artistic Manicures", tags: ["Style", "Nails"], imageSrc: "http://img.b2bpic.net/free-photo/woman-receiving-manicure-from-woman-gloves-mask-beauty-salon-daytime_176474-2910.jpg", imageAlt: "Manicure service" }
]}
title="Our Signature Services"
description="Indulge in our curated selection of salon and spa treatments, crafted for relaxation and transformation."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "p1",
title: "Refresh Package",
price: "$85",
period: "/visit",
features: [
"Express Facial",
"Express Massage",
"Basic Manicure",
],
button: {
text: "Book Now",
},
imageSrc: "http://img.b2bpic.net/free-photo/office-receptionist-greeting-corporate-partner_1262-16353.jpg?_wi=2",
imageAlt: "professional spa therapist portrait",
},
{
id: "p2",
title: "Premium Retreat",
price: "$180",
period: "/visit",
features: [
"Signature Facial",
"Deep Tissue Massage",
"Spa Manicure",
"Complimentary Tea",
],
button: {
text: "Book Now",
},
imageSrc: "http://img.b2bpic.net/free-photo/black-hot-stone-lighted-candle-cactus-plant-rolled-up-white-towel_23-2147939955.jpg?_wi=3",
imageAlt: "professional spa therapist portrait",
},
]}
title="Treatment Packages"
description="Choose the perfect package for your self-care journey."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{ id: "p1", title: "Refresh Package", price: "$85", period: "/visit", features: ["Express Facial", "Express Massage", "Basic Manicure"], button: { text: "Book Now" }, imageSrc: "http://img.b2bpic.net/free-photo/office-receptionist-greeting-corporate-partner_1262-16353.jpg", imageAlt: "professional spa therapist portrait" },
{ id: "p2", title: "Premium Retreat", price: "$180", period: "/visit", features: ["Signature Facial", "Deep Tissue Massage", "Spa Manicure", "Complimentary Tea"], button: { text: "Book Now" }, imageSrc: "http://img.b2bpic.net/free-photo/black-hot-stone-lighted-candle-cactus-plant-rolled-up-white-towel_23-2147939955.jpg", imageAlt: "professional spa therapist portrait" }
]}
title="Treatment Packages"
description="Choose the perfect package for your self-care journey."
/>
</div>
<div id="team" data-section="team">
<TeamCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
members={[
{
id: "m1",
name: "Julia R.",
role: "Head Aesthetician",
description: "10 years in skincare excellence.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg",
},
{
id: "m2",
name: "Leo K.",
role: "Massage Specialist",
description: "Master of tension release techniques.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-recording-himself_23-2150336073.jpg",
},
{
id: "m3",
name: "Sophia G.",
role: "Style Director",
description: "Expert in modern hair styling.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-smiling_23-2148452640.jpg",
},
]}
title="Meet Our Experts"
description="Passionate professionals dedicated to your aesthetic goals."
/>
</div>
<div id="team" data-section="team">
<TeamCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
members={[
{ id: "m1", name: "Julia R.", role: "Head Aesthetician", description: "10 years in skincare excellence.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg" },
{ id: "m2", name: "Leo K.", role: "Massage Specialist", description: "Master of tension release techniques.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-recording-himself_23-2150336073.jpg" },
{ id: "m3", name: "Sophia G.", role: "Style Director", description: "Expert in modern hair styling.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-smiling_23-2148452640.jpg" }
]}
title="Meet Our Experts"
description="Passionate professionals dedicated to your aesthetic goals."
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Chloe A.",
handle: "@chloe",
testimonial: "Always leave feeling pampered and gorgeous.",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-charming-smiling-tanned-brunette-woman-white-t-shirt-sitting-rattand-armchair_197531-22786.jpg",
},
{
id: "t2",
name: "Brian J.",
handle: "@brian",
testimonial: "Exceptional service every single visit.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-bathrobe-hotel-room_23-2148095362.jpg",
},
{
id: "t3",
name: "Maria S.",
handle: "@maria",
testimonial: "Best salon in the city, highly skilled team.",
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-lady-posing-studio_176474-80340.jpg",
},
{
id: "t4",
name: "David W.",
handle: "@david",
testimonial: "Fantastic experience, very relaxing environment.",
imageSrc: "http://img.b2bpic.net/free-photo/female-vlogger-filming-makeup-video_273609-10908.jpg",
},
{
id: "t5",
name: "Emma R.",
handle: "@emma",
testimonial: "Superb attention to detail and staff.",
imageSrc: "http://img.b2bpic.net/free-photo/skin-nude-eyebrows-harmony-face_1304-911.jpg",
},
]}
title="Loved by Our Clients"
description="Hear what our wonderful guests have to say."
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Chloe A.", handle: "@chloe", testimonial: "Always leave feeling pampered and gorgeous.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-charming-smiling-tanned-brunette-woman-white-t-shirt-sitting-rattand-armchair_197531-22786.jpg" },
{ id: "t2", name: "Brian J.", handle: "@brian", testimonial: "Exceptional service every single visit.", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-bathrobe-hotel-room_23-2148095362.jpg" },
{ id: "t3", name: "Maria S.", handle: "@maria", testimonial: "Best salon in the city, highly skilled team.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-lady-posing-studio_176474-80340.jpg" },
{ id: "t4", name: "David W.", handle: "@david", testimonial: "Fantastic experience, very relaxing environment.", imageSrc: "http://img.b2bpic.net/free-photo/female-vlogger-filming-makeup-video_273609-10908.jpg" },
{ id: "t5", name: "Emma R.", handle: "@emma", testimonial: "Superb attention to detail and staff.", imageSrc: "http://img.b2bpic.net/free-photo/skin-nude-eyebrows-harmony-face_1304-911.jpg" }
]}
title="Loved by Our Clients"
description="Hear what our wonderful guests have to say."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do I need to book in advance?",
content: "Yes, we recommend booking at least 48 hours in advance for weekends.",
},
{
id: "q2",
title: "What is your cancellation policy?",
content: "Cancellations must be made 24 hours prior to your scheduled appointment.",
},
{
id: "q3",
title: "Do you have gift cards?",
content: "Absolutely! Gift cards can be purchased online or at the reception.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/spa-equipments-with-soap-cotton-flower_23-2147844979.jpg"
mediaAnimation="slide-up"
title="Frequently Asked"
description="Have questions? We've got answers."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Do I need to book in advance?", content: "Yes, we recommend booking at least 48 hours in advance for weekends." },
{ id: "q2", title: "What is your cancellation policy?", content: "Cancellations must be made 24 hours prior to your scheduled appointment." },
{ id: "q3", title: "Do you have gift cards?", content: "Absolutely! Gift cards can be purchased online or at the reception." }
]}
imageSrc="http://img.b2bpic.net/free-photo/spa-equipments-with-soap-cotton-flower_23-2147844979.jpg"
mediaAnimation="slide-up"
title="Frequently Asked"
description="Have questions? We've got answers."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
text="Ready for your next pampering session?"
buttons={[
{
text: "Book Appointment",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "plain" }}
text="Ready for your next pampering session?"
buttons={[{ text: "Book Appointment", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Navigation",
items: [
{
label: "Services",
href: "#features",
},
{
label: "Pricing",
href: "#pricing",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
logoText="Bougie Place"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Navigation", items: [
{ label: "Services", href: "#features" },
{ label: "Pricing", href: "#pricing" },
{ label: "Contact", href: "#contact" }
]
},
{
title: "Support", items: [
{ label: "FAQ", href: "#faq" },
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" }
]
}
]}
logoText="Bougie Place"
/>
</div>
</ReactLenis>
</ThemeProvider>
);