Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-22 23:39:42 +00:00

View File

@@ -27,381 +27,152 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "Gallery",
id: "gallery",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="LChic Spa"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "Gallery", id: "gallery" },
{ name: "Contact", id: "contact" },
]}
brandName="LChic Spa"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
title="Luxury Wellness. Refined Serenity."
description="An elevated spa and beauty experience in the heart of Agadir designed for relaxation, elegance, and modern wellness."
testimonials={[
{
name: "Fatima Z.",
handle: "@fatima_agadir",
testimonial: "A truly relaxing and premium experience.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-5b0833dp.jpg?_wi=1",
imageAlt: "User provided image",
},
{
name: "Sarah L.",
handle: "@sarah_wellness",
testimonial: "Beautiful atmosphere and professional care.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-hvc6wl9c.jpg?_wi=1",
imageAlt: "User provided image",
},
{
name: "Chloe M.",
handle: "@chloe_traveller",
testimonial: "One of the most elegant spa experiences in Agadir.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-nkylqy0r.jpg?_wi=1",
imageAlt: "User provided image",
},
{
name: "Yasmine K.",
handle: "@yasmine_glow",
testimonial: "The attention to detail here is simply unmatched.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-74wc3jf2.jpg?_wi=1",
imageAlt: "User provided image",
},
{
name: "Elena R.",
handle: "@elena_travels",
testimonial: "A perfect sanctuary for body and mind.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-ll8yxqci.jpg?_wi=1",
imageAlt: "User provided image",
},
]}
buttons={[
{
text: "Explore LChic",
href: "#about",
},
{
text: "Book Your Experience",
href: "#contact",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-5b0833dp.jpg?_wi=2"
imageAlt="LChic Spa Agadir Entrance"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/sun-shining-woman-with-curly-hair-surrounded-by-trees-grass_181624-30896.jpg",
alt: "Guest 1",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-carefree-woman-standing-field_107420-65607.jpg",
alt: "Guest 2",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blond-woman-student-with-digital-watch-looking-happy-camera-sitting_1258-117500.jpg",
alt: "Guest 3",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-image-beautiful-young-mixed-race-woman-wearing-knitted-sweater-headband-enjoying-weekend-morning-home_344912-2092.jpg",
alt: "Guest 4",
},
{
src: "http://img.b2bpic.net/free-photo/happy-woman-touching-chin-posing-camera-city-park_1262-20572.jpg",
alt: "Guest 5",
},
]}
marqueeItems={[
{
type: "text",
text: "Agadir's Finest Spa",
},
{
type: "text-icon",
text: "Organic Rituals",
icon: Leaf,
},
{
type: "text",
text: "Authentic Hammam",
},
{
type: "text-icon",
text: "Premium Skincare",
icon: Sparkles,
},
{
type: "text",
text: "Luxury Escape",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
title="Luxury Wellness. Refined Serenity."
description="An elevated spa and beauty experience in the heart of Agadir designed for relaxation, elegance, and modern wellness."
testimonials={[
{ name: "Fatima Z.", handle: "@fatima_agadir", testimonial: "A truly relaxing and premium experience.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-5b0833dp.jpg", imageAlt: "User provided image" },
{ name: "Sarah L.", handle: "@sarah_wellness", testimonial: "Beautiful atmosphere and professional care.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-hvc6wl9c.jpg", imageAlt: "User provided image" },
{ name: "Chloe M.", handle: "@chloe_traveller", testimonial: "One of the most elegant spa experiences in Agadir.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-nkylqy0r.jpg", imageAlt: "User provided image" },
{ name: "Yasmine K.", handle: "@yasmine_glow", testimonial: "The attention to detail here is simply unmatched.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-74wc3jf2.jpg", imageAlt: "User provided image" },
{ name: "Elena R.", handle: "@elena_travels", testimonial: "A perfect sanctuary for body and mind.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-ll8yxqci.jpg", imageAlt: "User provided image" }
]}
buttons={[{ text: "Explore LChic", href: "#about" }, { text: "Book Your Experience", href: "#contact" }]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-5b0833dp.jpg"
imageAlt="LChic Spa Agadir Entrance"
mediaAnimation="blur-reveal"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/sun-shining-woman-with-curly-hair-surrounded-by-trees-grass_181624-30896.jpg", alt: "Guest 1" },
{ src: "http://img.b2bpic.net/free-photo/portrait-carefree-woman-standing-field_107420-65607.jpg", alt: "Guest 2" },
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blond-woman-student-with-digital-watch-looking-happy-camera-sitting_1258-117500.jpg", alt: "Guest 3" },
{ src: "http://img.b2bpic.net/free-photo/close-up-image-beautiful-young-mixed-race-woman-wearing-knitted-sweater-headband-enjoying-weekend-morning-home_344912-2092.jpg", alt: "Guest 4" },
{ src: "http://img.b2bpic.net/free-photo/happy-woman-touching-chin-posing-camera-city-park_1262-20572.jpg", alt: "Guest 5" }
]}
marqueeItems={[
{ type: "text", text: "Agadir's Finest Spa" },
{ type: "text-icon", text: "Organic Rituals", icon: Leaf },
{ type: "text", text: "Authentic Hammam" },
{ type: "text-icon", text: "Premium Skincare", icon: Sparkles },
{ type: "text", text: "Luxury Escape" }
]}
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="A Modern Sanctuary of Beauty & Relaxation"
metrics={[
{
icon: Sparkles,
label: "Years of Excellence",
value: "10+",
},
{
icon: Users,
label: "Satisfied Clients",
value: "5k+",
},
{
icon: Award,
label: "Wellness Rituals",
value: "30+",
},
]}
metricsAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="A Modern Sanctuary of Beauty & Relaxation"
metrics={[
{ icon: Sparkles, label: "Years of Excellence", value: "10+" },
{ icon: Users, label: "Satisfied Clients", value: "5k+" },
{ icon: Award, label: "Wellness Rituals", value: "30+" }
]}
metricsAnimation="blur-reveal"
/>
</div>
<div id="services" data-section="services">
<FeatureCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
features={[
{
title: "Moroccan Hammam",
description: "Authentic traditional deep cleansing.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-74wc3jf2.jpg?_wi=2",
},
{
title: "Relaxing Massage",
description: "Tailored tension release techniques.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-nkylqy0r.jpg?_wi=2",
},
{
title: "Facial Treatments",
description: "Custom skincare for glowing radiance.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-ll8yxqci.jpg?_wi=2",
},
{
title: "Wellness Packages",
description: "Total mind and body restoration.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-hvc6wl9c.jpg?_wi=2",
},
]}
title="Signature Services"
description="Exquisite treatments designed to harmonize the body and soul."
/>
</div>
<div id="services" data-section="services">
<FeatureCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
features={[
{ title: "Moroccan Hammam", description: "Authentic traditional deep cleansing.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-74wc3jf2.jpg" },
{ title: "Relaxing Massage", description: "Tailored tension release techniques.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-nkylqy0r.jpg" },
{ title: "Facial Treatments", description: "Custom skincare for glowing radiance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-ll8yxqci.jpg" },
{ title: "Wellness Packages", description: "Total mind and body restoration.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-hvc6wl9c.jpg" }
]}
title="Signature Services"
description="Exquisite treatments designed to harmonize the body and soul."
/>
</div>
<div id="atmosphere" data-section="atmosphere">
<AboutMetric
useInvertedBackground={false}
title="Designed for Calm, Comfort & Elegance"
metrics={[
{
icon: Coffee,
label: "Tea Lounge",
value: "Serene",
},
{
icon: Sun,
label: "Warm Lighting",
value: "Gentle",
},
{
icon: Leaf,
label: "Calming Ambiance",
value: "Deep",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="atmosphere" data-section="atmosphere">
<AboutMetric
useInvertedBackground={false}
title="Designed for Calm, Comfort & Elegance"
metrics={[
{ icon: Coffee, label: "Tea Lounge", value: "Serene" },
{ icon: Sun, label: "Warm Lighting", value: "Gentle" },
{ icon: Leaf, label: "Calming Ambiance", value: "Deep" }
]}
metricsAnimation="slide-up"
/>
</div>
<div id="gallery" data-section="gallery">
<ProductCardThree
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "g1",
name: "Entrance",
price: "Atmosphere",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-5b0833dp.jpg?_wi=3",
},
{
id: "g2",
name: "Interior",
price: "Lounge",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-hvc6wl9c.jpg?_wi=3",
},
{
id: "g3",
name: "Massage",
price: "Ritual",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-nkylqy0r.jpg?_wi=3",
},
{
id: "g4",
name: "Beauty",
price: "Skincare",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-ll8yxqci.jpg?_wi=3",
},
{
id: "g5",
name: "Hammam",
price: "Wellness",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-74wc3jf2.jpg?_wi=3",
},
{
id: "g6",
name: "Details",
price: "Luxury",
imageSrc: "http://img.b2bpic.net/free-photo/sun-shining-woman-with-curly-hair-surrounded-by-trees-grass_181624-30896.jpg?_wi=1",
},
]}
title="Spa Aesthetics"
description="Visualizing your serene escape in Agadir."
/>
</div>
<div id="gallery" data-section="gallery">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{ id: "g1", name: "Entrance", price: "Atmosphere", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-5b0833dp.jpg" },
{ id: "g2", name: "Interior", price: "Lounge", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-hvc6wl9c.jpg" },
{ id: "g3", name: "Massage", price: "Ritual", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-nkylqy0r.jpg" },
{ id: "g4", name: "Beauty", price: "Skincare", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-ll8yxqci.jpg" },
{ id: "g5", name: "Hammam", price: "Wellness", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-74wc3jf2.jpg" },
{ id: "g6", name: "Details", price: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/sun-shining-woman-with-curly-hair-surrounded-by-trees-grass_181624-30896.jpg" }
]}
title="Spa Aesthetics"
description="Visualizing your serene escape in Agadir."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Fatima Z.",
handle: "@fatima_agadir",
testimonial: "A truly relaxing and premium experience.",
imageSrc: "http://img.b2bpic.net/free-photo/sun-shining-woman-with-curly-hair-surrounded-by-trees-grass_181624-30896.jpg?_wi=2",
imageAlt: "Happy spa client",
},
{
id: "t2",
name: "Sarah L.",
handle: "@sarah_wellness",
testimonial: "Beautiful atmosphere and professional care.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-5b0833dp.jpg?_wi=4",
imageAlt: "Happy spa client",
},
{
id: "t3",
name: "Chloe M.",
handle: "@chloe_traveller",
testimonial: "One of the most elegant spa experiences in Agadir.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-hvc6wl9c.jpg?_wi=4",
imageAlt: "Happy spa client",
},
{
id: "t4",
name: "Jasmine T.",
handle: "@jasmine_spa",
testimonial: "Impeccable service and attention to detail.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-nkylqy0r.jpg?_wi=4",
imageAlt: "Happy spa client",
},
{
id: "t5",
name: "Omar K.",
handle: "@omar_agadir",
testimonial: "My preferred sanctuary for peace.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-74wc3jf2.jpg?_wi=4",
imageAlt: "Happy spa client",
},
]}
title="Guest Reflections"
description="Voices of luxury from our global clientele."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Fatima Z.", handle: "@fatima_agadir", testimonial: "A truly relaxing and premium experience.", imageSrc: "http://img.b2bpic.net/free-photo/sun-shining-woman-with-curly-hair-surrounded-by-trees-grass_181624-30896.jpg", imageAlt: "Happy spa client" },
{ id: "t2", name: "Sarah L.", handle: "@sarah_wellness", testimonial: "Beautiful atmosphere and professional care.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-5b0833dp.jpg", imageAlt: "Happy spa client" },
{ id: "t3", name: "Chloe M.", handle: "@chloe_traveller", testimonial: "One of the most elegant spa experiences in Agadir.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-hvc6wl9c.jpg", imageAlt: "Happy spa client" },
{ id: "t4", name: "Jasmine T.", handle: "@jasmine_spa", testimonial: "Impeccable service and attention to detail.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-nkylqy0r.jpg", imageAlt: "Happy spa client" },
{ id: "t5", name: "Omar K.", handle: "@omar_agadir", testimonial: "My preferred sanctuary for peace.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6J8Cc1do1du8xNLTWtrUiBcTp/uploaded-1779493121966-74wc3jf2.jpg", imageAlt: "Happy spa client" }
]}
title="Guest Reflections"
description="Voices of luxury from our global clientele."
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Reconnect With Your Best Self"
title="Experience premium wellness, beauty, and serenity at LChic Spa Agadir."
description="Book your personalized ritual today."
buttons={[
{
text: "Reserve via WhatsApp",
href: "https://wa.me/yournumber",
},
{
text: "View Location",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Reconnect With Your Best Self"
title="Experience premium wellness, beauty, and serenity at LChic Spa Agadir."
description="Book your personalized ritual today."
buttons={[{ text: "Reserve via WhatsApp", href: "https://wa.me/yournumber" }, { text: "View Location", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="LChic Spa Agadir"
columns={[
{
title: "Visit",
items: [
{
label: "Book Now",
href: "#contact",
},
{
label: "Services",
href: "#services",
},
],
},
{
title: "Information",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="LChic Spa Agadir"
columns={[
{ title: "Visit", items: [{ label: "Book Now", href: "#contact" }, { label: "Services", href: "#services" }] },
{ title: "Information", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}