bender/905f5196-abee-439c-b503-eec8988b76a7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-19 16:44:56 +00:00
parent bff79b2459
commit e80b1e7d14
1 changed files with 126 additions and 332 deletions
Download Patch File Download Diff File Expand all files Collapse all files

458
src/app/page.tsx
View File

@@ -28,346 +28,140 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Rituals",
id: "rituals",
},
{
name: "Experience",
id: "experience",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Dua Spa"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "Rituals", id: "rituals" },
{ name: "Experience", id: "experience" },
{ name: "Contact", id: "contact" }
]}
brandName="Dua Spa"
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "gradient-bars",
}}
title="Where Miami slows down."
description="A luxury wellness sanctuary designed to restore body, mind, and spirit."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-girlfriends-relaxing-white-bathrobes-drinking-healthy-spa-cocktails-outside-resort-hotel-while-talking-furniture-with-hotel-landscaping-background_657921-1174.jpg",
alt: "Guest",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-man-relaxing-sauna_23-2149283622.jpg",
alt: "Guest",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-women-enjoying-blue-matcha-home_23-2150687587.jpg",
alt: "Guest",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-together_23-2151178266.jpg",
alt: "Guest",
},
{
src: "http://img.b2bpic.net/free-photo/woman-relaxing-spa_23-2148000556.jpg",
alt: "Guest",
},
]}
buttons={[
{
text: "Book Your Experience",
href: "#contact",
},
{
text: "Explore Rituals",
href: "#rituals",
},
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text",
text: "Luxury Wellness",
},
{
type: "text",
text: "Emotional Restoration",
},
{
type: "text",
text: "Sensory Calm",
},
{
type: "text",
text: "Personalized Rituals",
},
{
type: "text",
text: "Autograph Collection",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{ variant: "gradient-bars" }}
title="Where Miami slows down."
description="A luxury wellness sanctuary designed to restore body, mind, and spirit."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/young-girlfriends-relaxing-white-bathrobes-drinking-healthy-spa-cocktails-outside-resort-hotel-while-talking-furniture-with-hotel-landscaping-background_657921-1174.jpg", alt: "Guest" },
{ src: "http://img.b2bpic.net/free-photo/close-up-man-relaxing-sauna_23-2149283622.jpg", alt: "Guest" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-women-enjoying-blue-matcha-home_23-2150687587.jpg", alt: "Guest" },
{ src: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-together_23-2151178266.jpg", alt: "Guest" },
{ src: "http://img.b2bpic.net/free-photo/woman-relaxing-spa_23-2148000556.jpg", alt: "Guest" }
]}
buttons={[{ text: "Book Your Experience", href: "#contact" }, { text: "Explore Rituals", href: "#rituals" }]}
buttonAnimation="slide-up"
marqueeItems={[
{ type: "text", text: "Luxury Wellness" },
{ type: "text", text: "Emotional Restoration" },
{ type: "text", text: "Sensory Calm" },
{ type: "text", text: "Personalized Rituals" },
{ type: "text", text: "Autograph Collection" }
]}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="An emotional reset experience."
description="Dua Spa is not just a spa. It is a sanctuary where stress disappears and guests reconnect with calm, beauty, touch, and presence. Designed with organic architecture and soft warm lighting to transport you far beyond the city noise."
bulletPoints={[
{
title: "Intentional Touch",
description: "Personalized treatments designed to dissolve tension.",
},
{
title: "Sensory Rituals",
description: "Soft aromas, warm textures, and meditative atmospheres.",
},
{
title: "Luxury Hospitality",
description: "Deeply personal service in the heart of Brickell.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/attractive-young-woman-is-relaxing-spa-complex-with-sauna_169016-22729.jpg?_wi=1"
mediaAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="An emotional reset experience."
description="Dua Spa is not just a spa. It is a sanctuary where stress disappears and guests reconnect with calm, beauty, touch, and presence."
bulletPoints={[
{ title: "Intentional Touch", description: "Personalized treatments designed to dissolve tension." },
{ title: "Sensory Rituals", description: "Soft aromas, warm textures, and meditative atmospheres." },
{ title: "Luxury Hospitality", description: "Deeply personal service in the heart of Brickell." }
]}
imageSrc="http://img.b2bpic.net/free-photo/attractive-young-woman-is-relaxing-spa-complex-with-sauna_169016-22729.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="rituals" data-section="rituals">
<FeatureBento
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Couples Connection",
description: "Unforgettable shared experiences with champagne and intimacy.",
bentoComponent: {
bentoComponent: "media-stack",
items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/couple-performing-yoga-safari-vacation_107420-9668.jpg",
imageAlt: "Couple",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-training-outdoors_23-2150433219.jpg",
imageAlt: "Couple",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/couple-relaxing-hot-tub_23-2148378764.jpg",
imageAlt: "Couple",
},
],
},
imageSrc: "http://img.b2bpic.net/free-photo/duck-swimming-water_181624-3190.jpg",
imageAlt: "romantic luxury couples spa experience",
},
{
title: "Therapeutic Touch",
description: "Deep tissue and holistic restoration for deep healing.",
bentoComponent: {
bentoComponent: "reveal-icon",
icon: Sparkles,
},
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-is-relaxing-spa-complex-with-sauna_169016-22729.jpg?_wi=2",
imageAlt: "romantic luxury couples spa experience",
},
{
title: "Facial Rituals",
description: "Gentle, intentional skin nourishment.",
bentoComponent: {
bentoComponent: "reveal-icon",
icon: Leaf,
},
imageSrc: "http://img.b2bpic.net/free-photo/gua-sha-face-roller-red-flower-high-angle_23-2149357114.jpg",
imageAlt: "romantic luxury couples spa experience",
},
]}
title="Signature Rituals"
description="Designed to dissolve tension and reconnect you with stillness."
/>
</div>
<div id="rituals" data-section="rituals">
<FeatureBento
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Signature Rituals"
description="Designed to dissolve tension and reconnect you with stillness."
features={[
{ title: "Couples Connection", description: "Unforgettable shared experiences.", bentoComponent: { bentoComponent: "media-stack", items: [{ imageSrc: "http://img.b2bpic.net/free-photo/couple-performing-yoga-safari-vacation_107420-9668.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-training-outdoors_23-2150433219.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/couple-relaxing-hot-tub_23-2148378764.jpg" }] } },
{ title: "Therapeutic Touch", description: "Deep restoration.", bentoComponent: { bentoComponent: "reveal-icon", icon: Sparkles } },
{ title: "Facial Rituals", description: "Gentle nourishment.", bentoComponent: { bentoComponent: "reveal-icon", icon: Leaf } }
]}
/>
</div>
<div id="experience" data-section="experience">
<ProductCardOne
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{
id: "1",
name: "Couples Massage",
price: "$450+",
imageSrc: "http://img.b2bpic.net/free-photo/gua-sha-green-leaf-arrangement-top-view_23-2149357135.jpg",
},
{
id: "2",
name: "Deep Tissue",
price: "$220",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-spa-concept-with-lavender_23-2148290988.jpg",
},
{
id: "3",
name: "Facial Ritual",
price: "$195",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-nuts-cutboard_23-2148431101.jpg",
},
{
id: "4",
name: "Reflexology",
price: "$150",
imageSrc: "http://img.b2bpic.net/free-photo/gua-sha-face-roller-plate-arrangement-high-angle_23-2149357122.jpg",
},
]}
title="Curated Wellness"
description="Premium treatments crafted for your unique needs."
/>
</div>
<div id="experience" data-section="experience">
<ProductCardOne
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
useInvertedBackground={true}
title="Curated Wellness"
description="Premium treatments crafted for your unique needs."
products={[
{ id: "1", name: "Couples Massage", price: "$450+", imageSrc: "http://img.b2bpic.net/free-photo/gua-sha-green-leaf-arrangement-top-view_23-2149357135.jpg" },
{ id: "2", name: "Deep Tissue", price: "$220", imageSrc: "http://img.b2bpic.net/free-photo/top-view-spa-concept-with-lavender_23-2148290988.jpg" },
{ id: "3", name: "Facial Ritual", price: "$195", imageSrc: "http://img.b2bpic.net/free-photo/front-view-nuts-cutboard_23-2148431101.jpg" },
{ id: "4", name: "Reflexology", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/gua-sha-face-roller-plate-arrangement-high-angle_23-2149357122.jpg" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "Visitor",
testimonial: "The best massage I’ve ever had. Truly healing.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-tea-cup-relaxing-spa-salon_176420-7542.jpg",
},
{
id: "2",
name: "Michael C.",
role: "Local",
testimonial: "The atmosphere feels like another universe.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-bed-room_1157-30790.jpg",
},
{
id: "3",
name: "Emily R.",
role: "Visitor",
testimonial: "From the moment you walk in, the chaos disappears.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-young-brunette-laying-massage-bed-beauty-clinic-spa-making-eye-contact_662251-1900.jpg",
},
{
id: "4",
name: "David K.",
role: "Local",
testimonial: "Exceptional service and beautiful energy.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-practicing-selfcare_23-2150396233.jpg",
},
{
id: "5",
name: "Jessica L.",
role: "Visitor",
testimonial: "An unforgettable couples experience.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-being-quarantined-home_23-2148857423.jpg",
},
]}
title="Guest Reflections"
description="What our guests say about their sanctuary."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Guest Reflections"
description="What our guests say."
testimonials={[
{ id: "1", name: "Sarah J.", role: "Visitor", testimonial: "The best massage I’ve ever had.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-tea-cup-relaxing-spa-salon_176420-7542.jpg" },
{ id: "2", name: "Michael C.", role: "Local", testimonial: "The atmosphere feels like another universe.", imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-bed-room_1157-30790.jpg" },
{ id: "3", name: "Emily R.", role: "Visitor", testimonial: "From the moment you walk in, the chaos disappears.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-young-brunette-laying-massage-bed-beauty-clinic-spa-making-eye-contact_662251-1900.jpg" },
{ id: "4", name: "David K.", role: "Local", testimonial: "Exceptional service and beautiful energy.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-practicing-selfcare_23-2150396233.jpg" },
{ id: "5", name: "Jessica L.", role: "Visitor", testimonial: "An unforgettable experience.", imageSrc: "http://img.b2bpic.net/free-photo/couple-being-quarantined-home_23-2148857423.jpg" }
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "Where are you located?",
content: "Located inside Dua Miami, Autograph Collection, 1300 S Miami Ave, Miami, FL.",
},
{
id: "2",
title: "How do I book?",
content: "You can book directly through our website or call us at +1 305-239-1340.",
},
{
id: "3",
title: "Is parking available?",
content: "Valet parking is available at the Autograph Collection main entrance.",
},
]}
sideTitle="Plan Your Visit"
faqsAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqsAnimation="blur-reveal"
sideTitle="Plan Your Visit"
faqs={[
{ id: "1", title: "Where are you located?", content: "Located inside Dua Miami." },
{ id: "2", title: "How do I book?", content: "Book online or call us." },
{ id: "3", title: "Is parking available?", content: "Valet parking is available." }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
text="Step away from the noise. Return to yourself. Your body already knows it needs this."
buttons={[
{
text: "Reserve Your Escape",
href: "#contact",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "sparkles-gradient" }}
text="Step away from the noise. Return to yourself."
buttons={[{ text: "Reserve Your Escape", href: "#contact" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Dua Spa"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#",
},
{
label: "Philosophy",
href: "#",
},
],
},
{
title: "Services",
items: [
{
label: "Rituals",
href: "#",
},
{
label: "Booking",
href: "#",
},
],
},
{
title: "Contact",
items: [
{
label: "1300 S Miami Ave",
href: "#",
},
{
label: "+1 305-239-1340",
href: "tel:+13052391340",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Dua Spa"
columns={[
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Philosophy", href: "#" }] },
{ title: "Services", items: [{ label: "Rituals", href: "#" }, { label: "Booking", href: "#" }] },
{ title: "Contact", items: [{ label: "1300 S Miami Ave", href: "#" }, { label: "+1 305-239-1340", href: "tel:+13052391340" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}