Merge version_1 into main #2
458
src/app/page.tsx
458
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user