Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-02 07:58:01 +00:00

View File

@@ -29,391 +29,156 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "features",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Peace Medspa"
button={{
text: "Book Now",
href: "#contact",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "Services", id: "features" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Peace Medspa"
button={{
text: "Book Now", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "radial-gradient",
}}
title="Experience Serenity at Peace Medspa"
description="Unveil your natural glow with our expert-led aesthetic treatments in a tranquil, luxury environment. Your journey to rejuvenation starts here."
tag="Luxury Rejuvenation"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-chair-around-swimming-pool-hotel-resort-leisure-travel_74190-8557.jpg",
imageAlt: "Luxurious spa interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/doctor-assistant-checking-medical-form_23-2148733937.jpg",
imageAlt: "Skincare consultation",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-standing-by-window_1303-12894.jpg",
imageAlt: "Pregnant woman standing by the window",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/serene-minimalist-spa-interior-meditation-space_23-2151935120.jpg",
imageAlt: "Serene minimalist spa interior meditation space",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/tranquil-pool-oasis-meditation-space_23-2151935119.jpg",
imageAlt: "Tranquil pool oasis meditation space",
},
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Over 500+ glowing reviews"
tagIcon={Sparkles}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{ variant: "radial-gradient" }}
title="Experience Serenity at Peace Medspa"
description="Unveil your natural glow with our expert-led aesthetic treatments in a tranquil, luxury environment. Your journey to rejuvenation starts here."
tag="Luxury Rejuvenation"
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-chair-around-swimming-pool-hotel-resort-leisure-travel_74190-8557.jpg", imageAlt: "Luxurious spa interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/doctor-assistant-checking-medical-form_23-2148733937.jpg", imageAlt: "Skincare consultation" }
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Over 500+ glowing reviews"
tagIcon={Sparkles}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Our Philosophy of Peace",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel_23-2149037088.jpg",
alt: "Serene spa atmosphere",
},
]}
buttons={[
{
text: "Learn More",
href: "#contact",
},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{ type: "text", content: "Our Philosophy of Peace" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel_23-2149037088.jpg", alt: "Serene spa atmosphere" },
]}
buttons={[{ text: "Learn More", href: "#contact" }]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Advanced Facials",
author: "Clinical Care",
description: "Customized deep cleansing and rejuvenating facials.",
tags: [
"Skin Health",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ok4q3l",
},
{
id: "f2",
title: "Laser Resurfacing",
author: "Professional Grade",
description: "Cutting-edge laser technology for clear, smooth skin.",
tags: [
"Anti-Aging",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures_343596-4223.jpg",
},
{
id: "f3",
title: "Wellness Infusions",
author: "Restorative",
description: "Rehydrate and revitalize your body from within.",
tags: [
"Health",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-face-treatment-her-client_23-2149037151.jpg",
},
{
id: "f4",
title: "Body Contouring",
author: "Professional",
description: "Sculpt and define your silhouette with non-invasive technology.",
tags: [
"Body",
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-receiving-laser-epilation-treatment-her-thigh_107420-74057.jpg",
},
{
id: "f5",
title: "Holistic Healing",
author: "Wellness",
description: "Soothing therapies to restore balance to mind and skin.",
tags: [
"Relaxation",
],
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-towel-sea-salt_169016-20935.jpg",
},
]}
title="Comprehensive Skincare Treatments"
description="Tailored solutions for every skin type and aesthetic goal."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: "f1", title: "Advanced Facials", author: "Clinical Care", description: "Customized deep cleansing and rejuvenating facials.", tags: ["Skin Health"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ok4q3l" },
{ id: "f2", title: "Laser Resurfacing", author: "Professional Grade", description: "Cutting-edge laser technology for clear, smooth skin.", tags: ["Anti-Aging"], imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures_343596-4223.jpg" },
{ id: "f3", title: "Wellness Infusions", author: "Restorative", description: "Rehydrate and revitalize your body from within.", tags: ["Health"], imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-face-treatment-her-client_23-2149037151.jpg" },
{ id: "f4", title: "Body Contouring", author: "Professional", description: "Sculpt and define your silhouette with non-invasive technology.", tags: ["Body"], imageSrc: "http://img.b2bpic.net/free-photo/woman-receiving-laser-epilation-treatment-her-thigh_107420-74057.jpg" },
{ id: "f5", title: "Holistic Healing", author: "Wellness", description: "Soothing therapies to restore balance to mind and skin.", tags: ["Relaxation"], imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-towel-sea-salt_169016-20935.jpg" },
]}
title="Comprehensive Skincare Treatments"
description="Tailored solutions for every skin type and aesthetic goal."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Radiance Cream",
price: "$95",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-skin-care-cream_23-2148761493.jpg",
},
{
id: "p2",
name: "Hydration Serum",
price: "$120",
imageSrc: "http://img.b2bpic.net/free-photo/serum-bottle-table_23-2148709282.jpg",
},
{
id: "p3",
name: "Daily Facial Mist",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-make-up-fixing-spray-applied_23-2148553465.jpg",
},
{
id: "p4",
name: "Revitalizing Eye Balm",
price: "$75",
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420647.jpg",
},
{
id: "p5",
name: "Pure Body Oil",
price: "$60",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-composition-natural-argan-product_23-2148955793.jpg",
},
{
id: "p6",
name: "Night Recovery Mask",
price: "$85",
imageSrc: "http://img.b2bpic.net/free-photo/young-female-pajamas-sleep-mask-holding-spray-can-with-smile-pink_140725-30146.jpg",
},
]}
title="Curated Skincare Products"
description="Maintain your professional results at home with our exclusive skincare line."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Radiance Cream", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-skin-care-cream_23-2148761493.jpg" },
{ id: "p2", name: "Hydration Serum", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/serum-bottle-table_23-2148709282.jpg" },
{ id: "p3", name: "Daily Facial Mist", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/side-view-make-up-fixing-spray-applied_23-2148553465.jpg" },
{ id: "p4", name: "Revitalizing Eye Balm", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420647.jpg" },
{ id: "p5", name: "Pure Body Oil", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/front-view-composition-natural-argan-product_23-2148955793.jpg" },
{ id: "p6", name: "Night Recovery Mask", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/young-female-pajamas-sleep-mask-holding-spray-can-with-smile-pink_140725-30146.jpg" },
]}
title="Curated Skincare Products"
description="Maintain your professional results at home with our exclusive skincare line."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah Miller",
date: "Jan 2025",
title: "Delighted Patient",
quote: "The absolute best medspa in the city. Professional and gentle.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/woman-checking-her-skin-mirror-after-receiving-cosmetic-treatment_107420-73991.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg",
},
{
id: "t2",
name: "John Davis",
date: "Dec 2024",
title: "Regular Client",
quote: "I feel revitalized after every single visit. Highly recommended.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/beauty-concept-beautiful-woman-with-clean-fresh-skin-close-up-pink-studio-skin-care-face-cosmetology_1258-98605.jpg",
},
{
id: "t3",
name: "Emily Chen",
date: "Nov 2024",
title: "First Time Visitor",
quote: "Beautiful space and incredible staff. I felt so relaxed.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-calm-caucasian-pretty-woman-with-towel-head-eye-mask-patches-face-face-skin-care-concept-female-relax-bed-home_343596-2128.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-plus-size-women-doing-their-beauty-regimen-skincare-routine_23-2150571328.jpg",
},
{
id: "t4",
name: "Michael Ross",
date: "Oct 2024",
title: "Skincare Enthusiast",
quote: "Peace Medspa changed my skin journey. Thank you so much!",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-sweet-moments_23-2148661106.jpg",
},
{
id: "t5",
name: "Jessica Wright",
date: "Sep 2024",
title: "Loyal Customer",
quote: "Such a calming environment, professional outcomes every time.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg",
},
]}
title="Voices of Peace"
description="See why our patients trust us with their aesthetic journey."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Sarah Miller", date: "Jan 2025", title: "Delighted Patient", quote: "The absolute best medspa in the city. Professional and gentle.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/woman-checking-her-skin-mirror-after-receiving-cosmetic-treatment_107420-73991.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg" },
{ id: "t2", name: "John Davis", date: "Dec 2024", title: "Regular Client", quote: "I feel revitalized after every single visit. Highly recommended.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beauty-concept-beautiful-woman-with-clean-fresh-skin-close-up-pink-studio-skin-care-face-cosmetology_1258-98605.jpg" },
{ id: "t3", name: "Emily Chen", date: "Nov 2024", title: "First Time Visitor", quote: "Beautiful space and incredible staff. I felt so relaxed.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-calm-caucasian-pretty-woman-with-towel-head-eye-mask-patches-face-face-skin-care-concept-female-relax-bed-home_343596-2128.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-plus-size-women-doing-their-beauty-regimen-skincare-routine_23-2150571328.jpg" },
{ id: "t4", name: "Michael Ross", date: "Oct 2024", title: "Skincare Enthusiast", quote: "Peace Medspa changed my skin journey. Thank you so much!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg", imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-sweet-moments_23-2148661106.jpg" },
{ id: "t5", name: "Jessica Wright", date: "Sep 2024", title: "Loyal Customer", quote: "Such a calming environment, professional outcomes every time.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg", imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg" },
]}
title="Voices of Peace"
description="See why our patients trust us with their aesthetic journey."
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
members={[
{
id: "tm1",
name: "Dr. Elena Frost",
role: "Medical Director",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautifu-smiling-nurse-uniform-happily-looking-camera-white-background_574295-2681.jpg",
},
{
id: "tm2",
name: "Marcus Thorne",
role: "Lead Aesthetician",
imageSrc: "http://img.b2bpic.net/free-photo/woman-beauty-clinic-beauty-treatment_23-2148878943.jpg",
},
{
id: "tm3",
name: "Sofia Reyes",
role: "Spa Manager",
imageSrc: "http://img.b2bpic.net/free-photo/woman-doctor-wearing-white-coat-with-stethoscope-standing-with-closed-eyes-raises-fingers-crossed-makes-desirable-wish-isolated-pink_141793-19497.jpg",
},
{
id: "tm4",
name: "Julian Vance",
role: "Skincare Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-women-dentists-dentistry-concept-portrait-happy-women_169016-66976.jpg",
},
]}
title="Meet Our Experts"
description="Our team of board-certified professionals is dedicated to your well-being."
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
members={[
{ id: "tm1", name: "Dr. Elena Frost", role: "Medical Director", imageSrc: "http://img.b2bpic.net/free-photo/young-beautifu-smiling-nurse-uniform-happily-looking-camera-white-background_574295-2681.jpg" },
{ id: "tm2", name: "Marcus Thorne", role: "Lead Aesthetician", imageSrc: "http://img.b2bpic.net/free-photo/woman-beauty-clinic-beauty-treatment_23-2148878943.jpg" },
{ id: "tm3", name: "Sofia Reyes", role: "Spa Manager", imageSrc: "http://img.b2bpic.net/free-photo/woman-doctor-wearing-white-coat-with-stethoscope-standing-with-closed-eyes-raises-fingers-crossed-makes-desirable-wish-isolated-pink_141793-19497.jpg" },
{ id: "tm4", name: "Julian Vance", role: "Skincare Specialist", imageSrc: "http://img.b2bpic.net/free-photo/attractive-women-dentists-dentistry-concept-portrait-happy-women_169016-66976.jpg" },
]}
title="Meet Our Experts"
description="Our team of board-certified professionals is dedicated to your well-being."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What should I bring to my first appointment?",
content: "Simply bring a valid ID and a list of your current skincare products.",
},
{
id: "q2",
title: "How often should I get facials?",
content: "For optimal skin health, we recommend sessions every 4-6 weeks.",
},
{
id: "q3",
title: "Do you accept walk-ins?",
content: "We operate by appointment only to ensure a serene experience.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/marble-desk-with-objects_23-2147982301.jpg"
mediaAnimation="slide-up"
title="Common Questions"
description="Here are some of the most frequent inquiries from our patients."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "What should I bring to my first appointment?", content: "Simply bring a valid ID and a list of your current skincare products." },
{ id: "q2", title: "How often should I get facials?", content: "For optimal skin health, we recommend sessions every 4-6 weeks." },
{ id: "q3", title: "Do you accept walk-ins?", content: "We operate by appointment only to ensure a serene experience." },
]}
imageSrc="http://img.b2bpic.net/free-photo/marble-desk-with-objects_23-2147982301.jpg"
mediaAnimation="slide-up"
title="Common Questions"
description="Here are some of the most frequent inquiries from our patients."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
title="Book Your Peace Today"
description="Start your journey towards a more radiant you. Reach out to schedule your consultation."
imageSrc="http://img.b2bpic.net/free-photo/masseur-taking-care-her-clinic_23-2149273869.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Contact Us"
title="Book Your Peace Today"
description="Start your journey towards a more radiant you. Reach out to schedule your consultation."
imageSrc="http://img.b2bpic.net/free-photo/masseur-taking-care-her-clinic_23-2149273869.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Visit Us",
items: [
{
label: "123 Serenity Ave",
href: "#",
},
{
label: "City, State",
href: "#",
},
],
},
{
title: "Quick Links",
items: [
{
label: "Services",
href: "#features",
},
{
label: "Testimonials",
href: "#testimonials",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Use",
href: "#",
},
],
},
]}
logoText="Peace Medspa"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Visit Us", items: [{ label: "123 Serenity Ave", href: "#" }, { label: "City, State", href: "#" }] },
{ title: "Quick Links", items: [{ label: "Services", href: "#features" }, { label: "Testimonials", href: "#testimonials" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
]}
logoText="Peace Medspa"
/>
</div>
</ReactLenis>
</ThemeProvider>
);