Merge version_2 into main #1
465
src/app/page.tsx
465
src/app/page.tsx
@@ -4,14 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Award, Leaf, Shield, Sparkles, Waves } from "lucide-react";
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Shield, Sparkles, Award, Leaf, Waves, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,363 +28,114 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Aerocity Spa"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Treatments", id: "services" },
|
||||
{ name: "Packages", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Aerocity Wellness"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Rejuvenate Your Senses in Aerocity"
|
||||
description="Indulge in professional massage therapy and luxury spa treatments. Escape the city buzz and find your inner peace with our tailored wellness experiences."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/after-bath_1098-14737.jpg",
|
||||
alt: "Happy client portrait spa",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/nail-hygiene-care-client_23-2148766585.jpg",
|
||||
alt: "Professional man portrait relaxed",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-holding-tea-cup-relaxing-spa-salon_176420-7551.jpg",
|
||||
alt: "Calm woman portrait spa",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-warm-white-hoodie-home-kitchen-starts-her-day-with-cup-coffee_343596-7220.jpg",
|
||||
alt: "Relaxed person spa client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-wearing-bathrobe-hotel-room_23-2148095362.jpg",
|
||||
alt: "Woman wearing bathrobe in hotel room",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Session",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Open Daily 10 AM - 9 PM",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Wellness Experience",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Aerocity, Delhi",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Therapists",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Serene Atmosphere",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
title="Inner Peace in the Heart of Aerocity"
|
||||
description="Discover a sanctuary of relaxation. Our expert therapists offer bespoke treatments designed to harmonize mind, body, and spirit."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-holding-tea-cup-relaxing-spa-salon_176420-7551.jpg"
|
||||
kpis={[
|
||||
{ value: "10+", label: "Years of Care" },
|
||||
{ value: "5k+", label: "Happy Guests" },
|
||||
{ value: "4.9", label: "Rating" }
|
||||
]}
|
||||
buttons={[{ text: "Book Consultation", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Expert Therapists",
|
||||
description: "Highly trained professionals dedicated to your comfort.",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Premium Oils",
|
||||
description: "High-quality, organic ingredients for a soothing experience.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Sanctuary Environment",
|
||||
description: "Peaceful, quiet space in the heart of Aerocity.",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Holistic Healing",
|
||||
description: "Focusing on mind, body, and soul balance.",
|
||||
},
|
||||
{
|
||||
icon: Waves,
|
||||
title: "Customized Care",
|
||||
description: "Treatments tailored to your unique needs.",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Our Spa?"
|
||||
description="We blend traditional techniques with modern luxury to ensure you leave feeling completely refreshed."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
title="Our Wellness Philosophy"
|
||||
description="We believe in a holistic approach to beauty and wellness, utilizing ancient techniques tailored for the modern individual."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Expert Therapists", description: "Certified professionals dedicated to your restoration.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-physiotherapist-massaging-man-s-arm_23-2148784698.jpg" },
|
||||
{ title: "Premium Organic Oils", description: "High-grade botanical blends for skin and soul.", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-therapist-pouring-oil-her-hands-before-massage-treatment-wellness-center_637285-2057.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Swedish Massage",
|
||||
price: "₹2,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-spa-with-face-mask-treatment_23-2149871947.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Deep Tissue",
|
||||
price: "₹3,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-physiotherapist-massaging-man-s-arm_23-2148784698.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Hot Stone",
|
||||
price: "₹3,800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-getting-spa-treatment-with-stones_23-2148345667.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Aromatherapy",
|
||||
price: "₹2,800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-therapist-pouring-oil-her-hands-before-massage-treatment-wellness-center_637285-2057.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Reflexology",
|
||||
price: "₹2,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leg-massage-spa-salon-body-harmony-relaxing-foot-massage_169016-69107.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Scalp Massage",
|
||||
price: "₹1,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-osteopathist-treating-kid_23-2148776223.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Massages"
|
||||
description="Choose from our range of therapeutic treatments designed for total body rejuvenation."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardFour
|
||||
title="Signature Treatments"
|
||||
description="From deep tissue therapy to soothing aromatic rituals, find your perfect escape."
|
||||
animationType="slide-up"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "s1", name: "Signature Swedish", price: "₹2,500", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-spa-with-face-mask-treatment_23-2149871947.jpg" },
|
||||
{ id: "s2", name: "Hot Stone Ritual", price: "₹3,800", variant: "Healing", imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-getting-spa-treatment-with-stones_23-2148345667.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "₹2,500",
|
||||
subtitle: "Perfect for a quick refresh",
|
||||
features: [
|
||||
"Swedish Massage",
|
||||
"60 min session",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Rejuvenate",
|
||||
price: "₹5,000",
|
||||
subtitle: "Our most popular choice",
|
||||
features: [
|
||||
"Deep Tissue",
|
||||
"Full body exfoliation",
|
||||
"90 min session",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Luxury",
|
||||
price: "₹8,500",
|
||||
subtitle: "Ultimate spa indulgence",
|
||||
features: [
|
||||
"Hot Stone Therapy",
|
||||
"Aromatherapy",
|
||||
"Full body ritual",
|
||||
"120 min session",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Treatment Packages"
|
||||
description="Flexible plans tailored to your wellness needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
title="Wellness Memberships"
|
||||
description="Invest in your health with our carefully curated spa packages."
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "p1", badge: "Essential", price: "₹2,500", subtitle: "Quick Recharge", buttons: [{ text: "Select" }], features: ["60 min massage", "Complimentary tea"] },
|
||||
{ id: "p2", badge: "Premium", price: "₹8,500", subtitle: "Ultimate Indulgence", buttons: [{ text: "Book Now" }], features: ["120 min ritual", "Full access to facilities"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Khan",
|
||||
role: "Traveler",
|
||||
company: "Global Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-hispanic-woman-sitting-rattan-armchair-hotel-patio_197531-22784.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Vikram Singh",
|
||||
role: "Executive",
|
||||
company: "Deloitte",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-couple-wearing-linen-clothing_23-2150695729.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Ananya Sharma",
|
||||
role: "Wellness Coach",
|
||||
company: "Self Employed",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-after-shower-with-towel-profile-green-bathroom-dewy-skin-skincare_169016-69376.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Rohit Verma",
|
||||
role: "Business Owner",
|
||||
company: "Delhi Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-applying-cream_23-2148389885.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Priya Kapoor",
|
||||
role: "Artist",
|
||||
company: "Studio Delhi",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel-outdoors_23-2149037120.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by guests for our commitment to relaxation."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="The most serene experience in Delhi. Aerocity Wellness truly knows how to make one feel brand new."
|
||||
author="Sarah K., Corporate Executive"
|
||||
rating={5}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/happy-smiling-hispanic-woman-sitting-rattan-armchair-hotel-patio_197531-22784.jpg", alt: "Sarah" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need to book an appointment?",
|
||||
content: "Yes, we recommend booking in advance to ensure your preferred time slot.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What should I bring?",
|
||||
content: "We provide all necessary amenities, including robes and slippers. Just bring your comfortable self.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is parking available?",
|
||||
content: "Yes, ample parking is available within the Aerocity complex for our guests.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get answers to everything you need to know about your spa experience."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Wellness Guidance"
|
||||
description="Find all the information you need before your first visit."
|
||||
faqs={[
|
||||
{ id: "q1", title: "How early should I arrive?", content: "Please arrive 15 minutes prior to your treatment for a stress-free transition." },
|
||||
{ id: "q2", title: "Is there parking?", content: "Yes, complimentary guest parking is available in the Aerocity complex." }
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Schedule Your Visit"
|
||||
description="Ready to rejuvenate? Book your appointment today and let us take care of you."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Any special requirements?",
|
||||
rows: 4,
|
||||
required: false,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Begin Your Wellness Journey"
|
||||
description="Drop us a message and our team will get back to you immediately to confirm your appointment."
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Full Name" }, { name: "email", type: "email", placeholder: "Email Address" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Aerocity Spa"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Aerocity Wellness"
|
||||
copyrightText="© 2025 Aerocity Wellness. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user