Merge version_1 into main #2
411
src/app/page.tsx
411
src/app/page.tsx
@@ -27,306 +27,131 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Serenity Touch"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Story", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Serenity Touch"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background="gradient-bars"
|
||||
title="Awaken Your Senses"
|
||||
description="Indulge in a world of refined relaxation where timeless luxury meets restorative wellness."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Escape",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/spa-treatment-dark-wall_176420-11893.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-young-clear-youth-care_1301-1524.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-with-freckles-side-view_23-2149359575.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_176474-99872.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/half-face-portrait-beautiful-spanish-man-casual-blue-t-shirt-with-trendy-hair-beard-showing-his-profile-looking-left-copy-space_176420-10334.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-young-clear-youth-care_1301-1524.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Rejuvenating",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Organic",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exquisite",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Serenity",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Blissful",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Awaken Your Senses"
|
||||
description="Indulge in a world of refined relaxation where timeless luxury meets restorative wellness."
|
||||
buttons={[{ text: "Book Your Escape", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/spa-treatment-dark-wall_176420-11893.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-young-clear-youth-care_1301-1524.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-with-freckles-side-view_23-2149359575.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_176474-99872.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/half-face-portrait-beautiful-spanish-man-casual-blue-t-shirt-with-trendy-hair-beard-showing-his-profile-looking-left-copy-space_176420-10334.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-young-clear-youth-care_1301-1524.jpg", alt: "Client 5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Rejuvenating" },
|
||||
{ type: "text", text: "Organic" },
|
||||
{ type: "text", text: "Exquisite" },
|
||||
{ type: "text", text: "Serenity" },
|
||||
{ type: "text", text: "Blissful" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Essence"
|
||||
title="A Sanctuary of Serenity"
|
||||
description="At Serenity Touch, we believe luxury is found in the smallest details."
|
||||
subdescription="Our curated treatments are designed to harmonize body and spirit in a haven of absolute quiet."
|
||||
icon={Sparkles}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-flowers-with-decorative-objects-living-room_169016-2024.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Essence"
|
||||
title="A Sanctuary of Serenity"
|
||||
description="At Serenity Touch, we believe luxury is found in the smallest details."
|
||||
subdescription="Our curated treatments are designed to harmonize body and spirit in a haven of absolute quiet."
|
||||
icon={Sparkles}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-flowers-with-decorative-objects-living-room_169016-2024.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Waves,
|
||||
title: "Hydrating Facial",
|
||||
description: "Deep nourishment for glowing skin.",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Botanical Massage",
|
||||
description: "Soothing techniques with organic oils.",
|
||||
},
|
||||
{
|
||||
icon: Diamond,
|
||||
title: "Gold Radiance Wrap",
|
||||
description: "Ultimate luxury skin revitalizing treatment.",
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Mineral Soak",
|
||||
description: "Revitalize muscles with mineral-rich waters.",
|
||||
},
|
||||
{
|
||||
icon: Droplet,
|
||||
title: "Aromatherapy Session",
|
||||
description: "Pure essence oils for mental clarity.",
|
||||
},
|
||||
]}
|
||||
title="Curated Treatments"
|
||||
description="Select from our expert-led services designed for total restoration."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Waves, title: "Hydrating Facial", description: "Deep nourishment for glowing skin." },
|
||||
{ icon: Leaf, title: "Botanical Massage", description: "Soothing techniques with organic oils." },
|
||||
{ icon: Diamond, title: "Gold Radiance Wrap", description: "Ultimate luxury skin revitalizing treatment." },
|
||||
{ icon: Droplets, title: "Mineral Soak", description: "Revitalize muscles with mineral-rich waters." },
|
||||
{ icon: Droplet, title: "Aromatherapy Session", description: "Pure essence oils for mental clarity." }
|
||||
]}
|
||||
title="Curated Treatments"
|
||||
description="Select from our expert-led services designed for total restoration."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Trusted Excellence"
|
||||
tag="Our Track Record"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years of Expertise",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.9★",
|
||||
description: "Client Rating",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "2k+",
|
||||
description: "Happy Guests",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "50+",
|
||||
description: "Unique Treatments",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Trusted Excellence"
|
||||
tag="Our Track Record"
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", description: "Years of Expertise" },
|
||||
{ id: "m2", value: "4.9★", description: "Client Rating" },
|
||||
{ id: "m3", value: "2k+", description: "Happy Guests" },
|
||||
{ id: "m4", value: "50+", description: "Unique Treatments" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena R.",
|
||||
date: "Oct 2024",
|
||||
title: "Rejuvenating",
|
||||
quote: "The gold wrap was an otherworldly experience.",
|
||||
tag: "Signature",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/female-young-clear-youth-care_1301-1524.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-spa-objects_23-2148099254.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus W.",
|
||||
date: "Sep 2024",
|
||||
title: "Expert Service",
|
||||
quote: "The massage technique is absolutely unrivaled.",
|
||||
tag: "Expert",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-freckles-side-view_23-2149359575.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/candles-towel-flower_23-2147645860.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah J.",
|
||||
date: "Aug 2024",
|
||||
title: "Pure Bliss",
|
||||
quote: "A true sanctuary in the city.",
|
||||
tag: "Classic",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_176474-99872.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vacation-tourism-leisure-concept-happy-relaxed-attractive-tanned-brunette-woman-glasses-lying-hotel-lounge-zone-cafe-terrace-put-feet-coffee-table-smiling-feeling-paradise_197531-30314.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
date: "Jul 2024",
|
||||
title: "Highly Recommended",
|
||||
quote: "Exquisite service and atmosphere.",
|
||||
tag: "Service",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/half-face-portrait-beautiful-spanish-man-casual-blue-t-shirt-with-trendy-hair-beard-showing-his-profile-looking-left-copy-space_176420-10334.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-young-caucasian-brunette-woman-glasses-loose-clothes-looks-away-standing-outdoors-morning-holiday-concept_197531-32644.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sophie L.",
|
||||
date: "Jun 2024",
|
||||
title: "Amazing",
|
||||
quote: "Every detail was perfect, I felt so renewed.",
|
||||
tag: "Luxury",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/female-young-clear-youth-care_1301-1524.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-spa-objects_23-2148099254.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Words from Our Guests"
|
||||
description="Your journey to peace starts with a single touch."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Elena R.", date: "Oct 2024", title: "Rejuvenating", quote: "The gold wrap was an otherworldly experience.", tag: "Signature", avatarSrc: "http://img.b2bpic.net/free-photo/female-young-clear-youth-care_1301-1524.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-spa-objects_23-2148099254.jpg" },
|
||||
{ id: "t2", name: "Marcus W.", date: "Sep 2024", title: "Expert Service", quote: "The massage technique is absolutely unrivaled.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-freckles-side-view_23-2149359575.jpg", imageSrc: "http://img.b2bpic.net/free-photo/candles-towel-flower_23-2147645860.jpg" },
|
||||
{ id: "t3", name: "Sarah J.", date: "Aug 2024", title: "Pure Bliss", quote: "A true sanctuary in the city.", tag: "Classic", avatarSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_176474-99872.jpg", imageSrc: "http://img.b2bpic.net/free-photo/vacation-tourism-leisure-concept-happy-relaxed-attractive-tanned-brunette-woman-glasses-lying-hotel-lounge-zone-cafe-terrace-put-feet-coffee-table-smiling-feeling-paradise_197531-30314.jpg" },
|
||||
{ id: "t4", name: "David K.", date: "Jul 2024", title: "Highly Recommended", quote: "Exquisite service and atmosphere.", tag: "Service", avatarSrc: "http://img.b2bpic.net/free-photo/half-face-portrait-beautiful-spanish-man-casual-blue-t-shirt-with-trendy-hair-beard-showing-his-profile-looking-left-copy-space_176420-10334.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-young-caucasian-brunette-woman-glasses-loose-clothes-looks-away-standing-outdoors-morning-holiday-concept_197531-32644.jpg" },
|
||||
{ id: "t5", name: "Sophie L.", date: "Jun 2024", title: "Amazing", quote: "Every detail was perfect, I felt so renewed.", tag: "Luxury", avatarSrc: "http://img.b2bpic.net/free-photo/female-young-clear-youth-care_1301-1524.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-spa-objects_23-2148099254.jpg" }
|
||||
]}
|
||||
title="Words from Our Guests"
|
||||
description="Your journey to peace starts with a single touch."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Book Your Sanctuary"
|
||||
description="Ready to restore your peace of mind? Send us a message."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message or treatment preference...",
|
||||
}}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-flowers-with-decorative-objects-living-room_169016-2024.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Book Your Sanctuary"
|
||||
description="Ready to restore your peace of mind? Send us a message."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Your message or treatment preference..." }}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-flowers-with-decorative-objects-living-room_169016-2024.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Serenity Touch"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Story",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Treatments",
|
||||
items: [
|
||||
{
|
||||
label: "Facials",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Massage",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Serenity Touch. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Serenity Touch"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Story", href: "#about" }] },
|
||||
{ title: "Treatments", items: [{ label: "Facials", href: "#services" }, { label: "Massage", href: "#services" }] },
|
||||
{ title: "Information", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Serenity Touch. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user