Merge version_1 into main #1
267
src/app/page.tsx
267
src/app/page.tsx
@@ -33,22 +33,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Treatments",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Treatments", id: "#services" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Serene Spa"
|
||||
/>
|
||||
@@ -56,33 +44,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Elevate Your Inner Peace"
|
||||
description="Experience world-class spa treatments designed to rejuvenate your body, mind, and spirit in a tranquil, luxurious sanctuary."
|
||||
tag="Luxury Spa Retreat"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-treatments-arab-baths_1139-162.jpg",
|
||||
imageAlt: "Luxury spa relaxation interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-bath-accessories-thai-orchid-flowers_169016-17211.jpg",
|
||||
imageAlt: "Spa water reflection calm",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-apartment-with-elegant-wood-flooring-generated-by-ai_188544-36597.jpg",
|
||||
imageAlt: "Luxury modern apartment with elegant wood flooring",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2026.jpg",
|
||||
imageAlt: "3d rendering spa and massage wellness in hotel suite",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/panoramic-lakeside-sauna-geometric-heaters-scandinavian-style_169016-68879.jpg",
|
||||
imageAlt: "Panoramic lakeside sauna geometric heaters scandinavian style",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beauty-treatments-arab-baths_1139-162.jpg", imageAlt: "Luxury spa relaxation interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-bath-accessories-thai-orchid-flowers_169016-17211.jpg", imageAlt: "Spa water reflection calm" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -109,21 +77,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Deep Tissue Therapy",
|
||||
description: "Focused relief for muscle tension and stress.",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Botanical Facials",
|
||||
description: "Organic ingredients to nourish and clarify your skin.",
|
||||
},
|
||||
{
|
||||
icon: Waves,
|
||||
title: "Hydrotherapy Rituals",
|
||||
description: "Calm your mind with water-based sensory healing.",
|
||||
},
|
||||
{ icon: Sparkles, title: "Deep Tissue Therapy", description: "Focused relief for muscle tension and stress." },
|
||||
{ icon: Leaf, title: "Botanical Facials", description: "Organic ingredients to nourish and clarify your skin." },
|
||||
{ icon: Waves, title: "Hydrotherapy Rituals", description: "Calm your mind with water-based sensory healing." },
|
||||
]}
|
||||
title="Signature Treatments"
|
||||
description="Discover our collection of curated experiences focused on healing and renewal."
|
||||
@@ -135,43 +91,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Face Serum",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plant-selfcare-products_23-2149249586.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Essential Oils",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fine-powder-bowls-with-brushes-leaves_23-2148774933.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Gift Box",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-skin-care-items-wooden-box_169016-5040.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Bathrobe",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bathrobe_1203-3221.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Diffuser",
|
||||
price: "$65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hyaluronic-acid-tratment_23-2149286703.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Body Scrub",
|
||||
price: "$50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-exfoliates-skin-pampers-herself-makes-massage-with-dry-brush-applies-green-moisturising-mask-wears-headband-stands-bare-shoulders-isolated-beige-studio-wall-body-scrubbing_273609-56964.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Face Serum", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plant-selfcare-products_23-2149249586.jpg" },
|
||||
{ id: "p2", name: "Essential Oils", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/fine-powder-bowls-with-brushes-leaves_23-2148774933.jpg" },
|
||||
{ id: "p3", name: "Gift Box", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/spa-skin-care-items-wooden-box_169016-5040.jpg" },
|
||||
{ id: "p4", name: "Bathrobe", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/bathrobe_1203-3221.jpg" },
|
||||
]}
|
||||
title="Spa Shop"
|
||||
description="Bring the luxury of Serene Spa home with our organic skincare collection."
|
||||
@@ -184,40 +109,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$120",
|
||||
subtitle: "Perfect for a quick recharge.",
|
||||
features: [
|
||||
"60m Massage",
|
||||
"Herbal Tea Service",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Signature",
|
||||
price: "$250",
|
||||
subtitle: "Our most popular full-day escape.",
|
||||
features: [
|
||||
"90m Massage",
|
||||
"Botanical Facial",
|
||||
"Sauna Access",
|
||||
"Lunch",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "deluxe",
|
||||
badge: "Luxury",
|
||||
price: "$400",
|
||||
subtitle: "Complete holistic indulgence.",
|
||||
features: [
|
||||
"2h Treatment",
|
||||
"Full Body Scrub",
|
||||
"Extended Sauna",
|
||||
"Private Tea Room",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Essential", price: "$120", subtitle: "Perfect for a quick recharge.", features: ["60m Massage", "Herbal Tea Service"] },
|
||||
{ id: "pro", badge: "Signature", price: "$250", subtitle: "Our most popular full-day escape.", features: ["90m Massage", "Botanical Facial", "Sauna Access", "Lunch"] },
|
||||
{ id: "deluxe", badge: "Luxury", price: "$400", subtitle: "Complete holistic indulgence.", features: ["2h Treatment", "Full Body Scrub", "Extended Sauna", "Private Tea Room"] },
|
||||
]}
|
||||
title="Treatment Pricing"
|
||||
description="Flexible plans for your wellness journey."
|
||||
@@ -231,27 +125,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Elena Rossi",
|
||||
role: "Head Therapist",
|
||||
description: "15+ years experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2315.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Sarah Chen",
|
||||
role: "Lead Aesthetician",
|
||||
description: "Expert in skin health.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "James Miller",
|
||||
role: "Wellness Director",
|
||||
description: "Creating transformative journeys.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-their-office_23-2149196436.jpg",
|
||||
},
|
||||
{ id: "m1", name: "Elena Rossi", role: "Head Therapist", description: "15+ years experience.", imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2315.jpg" },
|
||||
{ id: "m2", name: "Sarah Chen", role: "Lead Aesthetician", description: "Expert in skin health.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg" },
|
||||
{ id: "m3", name: "James Miller", role: "Wellness Director", description: "Creating transformative journeys.", imageSrc: "http://img.b2bpic.net/free-photo/people-working-their-office_23-2149196436.jpg" },
|
||||
]}
|
||||
title="Our Expert Therapists"
|
||||
description="Meet the dedicated team that makes your wellness our primary mission."
|
||||
@@ -264,41 +140,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Clara S.",
|
||||
role: "Director",
|
||||
testimonial: "An absolute oasis.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manual-therapy_1098-15117.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael D.",
|
||||
role: "Architect",
|
||||
testimonial: "Incredible attention to detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-bed-using-beauty-products_1157-31048.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Julia M.",
|
||||
role: "Designer",
|
||||
testimonial: "Best massage ever.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-spa-with-face-mask-treatment_23-2149871944.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert K.",
|
||||
role: "Teacher",
|
||||
testimonial: "Perfect escape.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-after-training_1398-4934.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna P.",
|
||||
role: "Founder",
|
||||
testimonial: "My monthly ritual.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8274.jpg",
|
||||
},
|
||||
{ id: "1", name: "Clara S.", role: "Director", testimonial: "An absolute oasis.", imageSrc: "http://img.b2bpic.net/free-photo/manual-therapy_1098-15117.jpg" },
|
||||
{ id: "2", name: "Michael D.", role: "Architect", testimonial: "Incredible attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-bed-using-beauty-products_1157-31048.jpg" },
|
||||
{ id: "3", name: "Julia M.", role: "Designer", testimonial: "Best massage ever.", imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-spa-with-face-mask-treatment_23-2149871944.jpg" },
|
||||
{ id: "4", name: "Robert K.", role: "Teacher", testimonial: "Perfect escape.", imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-after-training_1398-4934.jpg" },
|
||||
{ id: "5", name: "Anna P.", role: "Founder", testimonial: "My monthly ritual.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8274.jpg" },
|
||||
]}
|
||||
title="Guest Testimonials"
|
||||
description="Hear what our guests have to say about their experience at Serene Spa."
|
||||
@@ -309,21 +155,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "We recommend booking in advance.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I bring friends?",
|
||||
content: "Group packages are available.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What should I wear?",
|
||||
content: "We provide robes for all guests.",
|
||||
},
|
||||
{ id: "f1", title: "Do I need an appointment?", content: "We recommend booking in advance." },
|
||||
{ id: "f2", title: "Can I bring friends?", content: "Group packages are available." },
|
||||
{ id: "f3", title: "What should I wear?", content: "We provide robes for all guests." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -333,9 +167,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Ready for Your Escape?"
|
||||
description="Join our newsletter to stay updated with exclusive monthly offers and wellness tips."
|
||||
@@ -347,42 +179,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Treatments",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About Us", href: "#about" }, { label: "Treatments", href: "#services" }] },
|
||||
{ items: [{ label: "Pricing", href: "#pricing" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
logoText="Serene Spa"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user