bender/3aee45d7-4193-448c-9991-ba923dabaa49
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #4

Merged
bender merged 1 commits from version_3 into main 2026-04-23 12:05:33 +00:00
Conversation 0 Commits 1 Files Changed 1 +57 -242
1 changed files with 57 additions and 242 deletions
Download Patch File Download Diff File Expand all files Collapse all files

299
src/app/page.tsx
View File

@@ -6,6 +6,7 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -33,26 +34,12 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Carousel", id: "carousel" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="Lotus Spa"
/>
@@ -60,48 +47,33 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-static",
}}
background={{ variant: "rotated-rays-static" }}
title="Awaken Your Inner Peace"
description="Discover a sanctuary of tranquility at Lotus Spa, where modern luxury meets ancient healing traditions in the heart of the city."
buttons={[
{
text: "Book Your Session",
href: "#contact",
},
]}
buttons={[{ text: "Book Your Session", href: "#contact" }]}
carouselItems={[
{
id: "h1",
imageSrc: "http://img.b2bpic.net/free-photo/pink-orchid-flower-dry-tea-herb-with-texture-ceramic-teapot-black-placemat_23-2148208385.jpg?_wi=1",
imageAlt: "Luxurious spa entrance",
},
{
id: "h2",
imageSrc: "http://img.b2bpic.net/free-photo/orchid-near-aromatherapy-supplies_23-2147809164.jpg?_wi=1",
imageAlt: "Massage therapy",
},
{
id: "h3",
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712989.jpg?_wi=1",
imageAlt: "Water feature",
},
{
id: "h4",
imageSrc: "http://img.b2bpic.net/free-photo/view-male-beauty-products-with-rock-stone-display_23-2150435225.jpg?_wi=1",
imageAlt: "Towels",
},
{
id: "h5",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-bathing-brush-with-essential-oils-candles-spa-concept_127675-2567.jpg?_wi=1",
imageAlt: "Spa room",
},
{
id: "h6",
imageSrc: "http://img.b2bpic.net/free-photo/spa-accessories-dark-background_1220-3736.jpg",
imageAlt: "Candle light",
},
{ id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/pink-orchid-flower-dry-tea-herb-with-texture-ceramic-teapot-black-placemat_23-2148208385.jpg?_wi=1", imageAlt: "Luxurious spa entrance" },
{ id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/orchid-near-aromatherapy-supplies_23-2147809164.jpg?_wi=1", imageAlt: "Massage therapy" },
{ id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712989.jpg?_wi=1", imageAlt: "Water feature" },
{ id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/view-male-beauty-products-with-rock-stone-display_23-2150435225.jpg?_wi=1", imageAlt: "Towels" },
{ id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-bathing-brush-with-essential-oils-candles-spa-concept_127675-2567.jpg?_wi=1", imageAlt: "Spa room" },
{ id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/spa-accessories-dark-background_1220-3736.jpg", imageAlt: "Candle light" },
]}
/>
</div>
<div id="carousel" data-section="carousel">
<HeroBillboardCarousel
title="Our Signature Healing Spaces"
description="Explore the various environments designed for your ultimate relaxation and rejuvenation."
background={{ variant: "plain" }}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/pink-orchid-flower-dry-tea-herb-with-texture-ceramic-teapot-black-placemat_23-2148208385.jpg?_wi=1", imageAlt: "Spa Entrance" },
{ imageSrc: "http://img.b2bpic.net/free-photo/orchid-near-aromatherapy-supplies_23-2147809164.jpg?_wi=1", imageAlt: "Massage Room" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712989.jpg?_wi=1", imageAlt: "Relaxation Area" },
{ imageSrc: "http://img.b2bpic.net/free-photo/view-male-beauty-products-with-rock-stone-display_23-2150435225.jpg?_wi=1", imageAlt: "Treatment Room" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-bathing-brush-with-essential-oils-candles-spa-concept_127675-2567.jpg?_wi=1", imageAlt: "Spa Bath" },
{ imageSrc: "http://img.b2bpic.net/free-photo/spa-accessories-dark-background_1220-3736.jpg", imageAlt: "Lounge Space" },
]}
/>
</div>
@@ -110,12 +82,7 @@ export default function LandingPage() {
<TextAbout
useInvertedBackground={false}
title="The Lotus Philosophy"
buttons={[
{
text: "Learn More",
href: "#features",
},
]}
buttons={[{ text: "Learn More", href: "#features" }]}
/>
</div>
@@ -125,21 +92,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
icon: Sparkles,
title: "Aromatherapy Massage",
description: "Customized blends of essential oils tailored to your needs.",
},
{
icon: Leaf,
title: "Organic Facials",
description: "Natural ingredients to restore your skin's youthful glow.",
},
{
icon: Waves,
title: "Hydrotherapy Rituals",
description: "Immersive water treatments for deep muscle relaxation.",
},
{ icon: Sparkles, title: "Aromatherapy Massage", description: "Customized blends of essential oils tailored to your needs." },
{ icon: Leaf, title: "Organic Facials", description: "Natural ingredients to restore your skin's youthful glow." },
{ icon: Waves, title: "Hydrotherapy Rituals", description: "Immersive water treatments for deep muscle relaxation." },
]}
title="Signature Spa Experiences"
description="Our curated treatments are designed to rejuvenate your body and mind through expert techniques and premium organic products."
@@ -152,41 +107,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "p1",
badge: "Essentials",
price: "$89",
subtitle: "A quick escape",
features: [
"30 min massage",
"Custom oil blend",
"Herbal tea",
],
},
{
id: "p2",
badge: "Luxury",
price: "$159",
subtitle: "The signature experience",
features: [
"60 min massage",
"Organic facial",
"Access to sauna",
"Spa lunch",
],
},
{
id: "p3",
badge: "Ultimate",
price: "$249",
subtitle: "Total body bliss",
features: [
"90 min treatment",
"Full body wrap",
"Private suite",
"Gift set",
],
},
{ id: "p1", badge: "Essentials", price: "$89", subtitle: "A quick escape", features: ["30 min massage", "Custom oil blend", "Herbal tea"] },
{ id: "p2", badge: "Luxury", price: "$159", subtitle: "The signature experience", features: ["60 min massage", "Organic facial", "Access to sauna", "Spa lunch"] },
{ id: "p3", badge: "Ultimate", price: "$249", subtitle: "Total body bliss", features: ["90 min treatment", "Full body wrap", "Private suite", "Gift set"] },
]}
title="Rejuvenation Packages"
description="Explore our tiered treatment options designed for your ultimate wellness journey."
@@ -200,27 +123,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "12+",
title: "Years Experience",
description: "Dedicated service",
icon: Award,
},
{
id: "m2",
value: "5k+",
title: "Happy Guests",
description: "Relaxed and renewed",
icon: Smile,
},
{
id: "m3",
value: "25+",
title: "Expert Staff",
description: "Wellness professionals",
icon: User,
},
{ id: "m1", value: "12+", title: "Years Experience", description: "Dedicated service", icon: Award },
{ id: "m2", value: "5k+", title: "Happy Guests", description: "Relaxed and renewed", icon: Smile },
{ id: "m3", value: "25+", title: "Expert Staff", description: "Wellness professionals", icon: User },
]}
title="A Legacy of Wellness"
description="Serving our community with dedicated care and exceptional results since our establishment."
@@ -234,24 +139,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
members={[
{
id: "t1",
name: "Elena R.",
role: "Head Therapist",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-with-crossed-arms-bathrobe-looking-confident_176474-88448.jpg",
},
{
id: "t2",
name: "Marcus V.",
role: "Esthetician",
imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-with-white-shirt_1098-3663.jpg",
},
{
id: "t3",
name: "Sarah J.",
role: "Massage Expert",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-posing_23-2148497197.jpg",
},
{ id: "t1", name: "Elena R.", role: "Head Therapist", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-with-crossed-arms-bathrobe-looking-confident_176474-88448.jpg" },
{ id: "t2", name: "Marcus V.", role: "Esthetician", imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-with-white-shirt_1098-3663.jpg" },
{ id: "t3", name: "Sarah J.", role: "Massage Expert", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-posing_23-2148497197.jpg" },
]}
title="Meet Your Wellness Guides"
description="Our team of certified practitioners is dedicated to providing you with the most relaxing and transformative experience."
@@ -263,61 +153,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "ts1",
name: "Anna K.",
date: "Oct 2023",
title: "Total Renewal",
quote: "The aromatherapy massage was exactly what I needed to release the week's tension.",
tag: "Relaxation",
avatarSrc: "http://img.b2bpic.net/free-photo/happy-adult-caucasian-lady-uses-roller-massager-while-sitting-blonde-woman-table-indoors-skin-care-concept_197531-31466.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/pink-orchid-flower-dry-tea-herb-with-texture-ceramic-teapot-black-placemat_23-2148208385.jpg?_wi=2",
imageAlt: "happy spa customer portrait",
},
{
id: "ts2",
name: "John D.",
date: "Sep 2023",
title: "Fantastic Experience",
quote: "High-end service in a very peaceful environment. Highly recommended.",
tag: "Service",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-women-indulging-self-care-with-beauty-product_23-2148655765.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/orchid-near-aromatherapy-supplies_23-2147809164.jpg?_wi=2",
imageAlt: "happy spa customer portrait",
},
{
id: "ts3",
name: "Maria L.",
date: "Aug 2023",
title: "Exceptional Facial",
quote: "My skin has never felt better. The organic products made such a difference.",
tag: "Skincare",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-couple-bathrobes-taking-selfie_23-2148389850.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712989.jpg?_wi=2",
imageAlt: "happy spa customer portrait",
},
{
id: "ts4",
name: "Peter S.",
date: "Jul 2023",
title: "Pure Bliss",
quote: "A truly luxurious experience from start to finish. I left feeling completely recharged.",
tag: "Experience",
avatarSrc: "http://img.b2bpic.net/free-photo/adult-women-communicating-through-sign-language_23-2148590310.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/view-male-beauty-products-with-rock-stone-display_23-2150435225.jpg?_wi=2",
imageAlt: "happy spa customer portrait",
},
{
id: "ts5",
name: "Sophia B.",
date: "Jun 2023",
title: "My Oasis",
quote: "The best spa in town. The attention to detail is truly impressive.",
tag: "Hospitality",
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-woman-relaxing-spa_23-2151178229.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-bathing-brush-with-essential-oils-candles-spa-concept_127675-2567.jpg?_wi=2",
imageAlt: "happy spa customer portrait",
},
{ id: "ts1", name: "Anna K.", date: "Oct 2023", title: "Total Renewal", quote: "The aromatherapy massage was exactly what I needed to release the week's tension.", tag: "Relaxation", avatarSrc: "http://img.b2bpic.net/free-photo/happy-adult-caucasian-lady-uses-roller-massager-while-sitting-blonde-woman-table-indoors-skin-care-concept_197531-31466.jpg", imageSrc: "http://img.b2bpic.net/free-photo/pink-orchid-flower-dry-tea-herb-with-texture-ceramic-teapot-black-placemat_23-2148208385.jpg?_wi=2", imageAlt: "happy spa customer portrait" },
{ id: "ts2", name: "John D.", date: "Sep 2023", title: "Fantastic Experience", quote: "High-end service in a very peaceful environment. Highly recommended.", tag: "Service", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-women-indulging-self-care-with-beauty-product_23-2148655765.jpg", imageSrc: "http://img.b2bpic.net/free-photo/orchid-near-aromatherapy-supplies_23-2147809164.jpg?_wi=2", imageAlt: "happy spa customer portrait" },
{ id: "ts3", name: "Maria L.", date: "Aug 2023", title: "Exceptional Facial", quote: "My skin has never felt better. The organic products made such a difference.", tag: "Skincare", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-couple-bathrobes-taking-selfie_23-2148389850.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712989.jpg?_wi=2", imageAlt: "happy spa customer portrait" },
{ id: "ts4", name: "Peter S.", date: "Jul 2023", title: "Pure Bliss", quote: "A truly luxurious experience from start to finish. I left feeling completely recharged.", tag: "Experience", avatarSrc: "http://img.b2bpic.net/free-photo/adult-women-communicating-through-sign-language_23-2148590310.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-male-beauty-products-with-rock-stone-display_23-2150435225.jpg?_wi=2", imageAlt: "happy spa customer portrait" },
{ id: "ts5", name: "Sophia B.", date: "Jun 2023", title: "My Oasis", quote: "The best spa in town. The attention to detail is truly impressive.", tag: "Hospitality", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-woman-relaxing-spa_23-2151178229.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-bathing-brush-with-essential-oils-candles-spa-concept_127675-2567.jpg?_wi=2", imageAlt: "happy spa customer portrait" },
]}
title="Guest Reflections"
description="Hear from our guests about their transformative journeys at Lotus Spa."
@@ -328,21 +168,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How early should I arrive?",
content: "We recommend arriving 15 minutes early to complete your intake form.",
},
{
id: "q2",
title: "Are products organic?",
content: "Yes, we exclusively use premium, certified organic products.",
},
{
id: "q3",
title: "Do I need a booking?",
content: "Bookings are recommended to ensure availability for your preferred time.",
},
{ id: "q1", title: "How early should I arrive?", content: "We recommend arriving 15 minutes early to complete your intake form." },
{ id: "q2", title: "Are products organic?", content: "Yes, we exclusively use premium, certified organic products." },
{ id: "q3", title: "Do I need a booking?", content: "Bookings are recommended to ensure availability for your preferred time." },
]}
sideTitle="Common Questions"
sideDescription="Everything you need to know about your spa day."
@@ -353,32 +181,19 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Visit Us"
title="Begin Your Journey"
description="Ready for some well-deserved relaxation? Book your Lotus Spa experience today."
buttons={[
{
text: "Schedule Appointment",
href: "#",
},
]}
description="Ready for some well-deserved relaxation? Book your Lotus Spa experience today. Reach us at +1 (555) 123-4567 for bookings."
buttons={[{ text: "Schedule Appointment", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Lotus Spa"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "© 2024 Lotus Spa",
href: "#",
}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "© 2024 Lotus Spa", href: "#" }}
/>
</div>
</ReactLenis>