Merge version_1 into main #1
362
src/app/page.tsx
362
src/app/page.tsx
@@ -18,235 +18,157 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Bodyfitum"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Bodyfitum"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Rejuvenate Your Body and Mind"
|
||||
description="Experience professional massage therapy tailored to your needs in our tranquil, modern sanctuary. Discover the path to total relaxation."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Julia M.",
|
||||
handle: "@juliam",
|
||||
testimonial: "The best massage I've ever had. Truly professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-with-copy-space_23-2148548055.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark S.",
|
||||
handle: "@marks",
|
||||
testimonial: "Bodyfitum is my weekly escape from the office stress.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-5081.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Session",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel-outdoors_23-2149037120.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
title="Rejuvenate Your Body and Mind"
|
||||
description="Experience professional massage therapy tailored to your needs in our tranquil, modern sanctuary. Discover the path to total relaxation."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel-outdoors_23-2149037120.jpg"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
name: "Julia M.", handle: "@juliam", testimonial: "The best massage I've ever had. Truly professional.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-with-copy-space_23-2148548055.jpg"},
|
||||
{
|
||||
name: "Mark S.", handle: "@marks", testimonial: "Bodyfitum is my weekly escape from the office stress.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-5081.jpg"},
|
||||
]}
|
||||
buttons={[{ text: "Book Session", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Philosophy of Wellness"
|
||||
description="At Bodyfitum, we believe massage is not just a luxury, but a necessity for long-term health and wellbeing. Our certified therapists use expert techniques to relieve tension and restore balance."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/massage-concept-with-happy-woman_23-2147816945.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
title="Our Philosophy of Wellness"
|
||||
description="At Bodyfitum, we believe massage is not just a luxury, but a necessity for long-term health and wellbeing. Our certified therapists use expert techniques to relieve tension and restore balance."
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/massage-concept-with-happy-woman_23-2147816945.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Deep Tissue Therapy",
|
||||
description: "Focused relief for chronic pain and deep muscle tension.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/realistic-spa-stones-with-flowers-background_23-2148175341.jpg",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Aromatherapy Flow",
|
||||
description: "Sensory massage using essential oils to calm the nervous system.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-incense-sticks-air-humidifier-aroma-oils_169016-58125.jpg",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Sports Recovery",
|
||||
description: "Specialized techniques to aid athlete muscle recovery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-having-beauty-treatment-sauna_23-2149241464.jpg",
|
||||
},
|
||||
]}
|
||||
title="Premium Massage Services"
|
||||
description="Customized treatments for every physical need."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardEight
|
||||
title="Premium Massage Services"
|
||||
description="Customized treatments for every physical need."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Deep Tissue Therapy", description: "Focused relief for chronic pain and deep muscle tension.", imageSrc: "http://img.b2bpic.net/free-vector/realistic-spa-stones-with-flowers-background_23-2148175341.jpg"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Aromatherapy Flow", description: "Sensory massage using essential oils to calm the nervous system.", imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-incense-sticks-air-humidifier-aroma-oils_169016-58125.jpg"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Sports Recovery", description: "Specialized techniques to aid athlete muscle recovery.", imageSrc: "http://img.b2bpic.net/free-photo/women-having-beauty-treatment-sauna_23-2149241464.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena R.",
|
||||
role: "Graphic Designer",
|
||||
company: "Creative Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-young-interracial-girls-good-mood-wear-nightgowns-pajama-party-leisure-lifestyle-beauty-concept_197531-31732.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David W.",
|
||||
role: "Architect",
|
||||
company: "Design Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-home-bed_1157-31059.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah P.",
|
||||
role: "Teacher",
|
||||
company: "Local School",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-stretching-outdoors_23-2149293656.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James B.",
|
||||
role: "Consultant",
|
||||
company: "Global Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-getting-massage_23-2151178220.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Join our community of satisfied wellness enthusiasts."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
title="What Our Clients Say"
|
||||
description="Join our community of satisfied wellness enthusiasts."
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Elena R.", role: "Graphic Designer", company: "Creative Hub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-young-interracial-girls-good-mood-wear-nightgowns-pajama-party-leisure-lifestyle-beauty-concept_197531-31732.jpg"},
|
||||
{
|
||||
id: "2", name: "David W.", role: "Architect", company: "Design Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-home-bed_1157-31059.jpg"},
|
||||
{
|
||||
id: "3", name: "Sarah P.", role: "Teacher", company: "Local School", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-stretching-outdoors_23-2149293656.jpg"},
|
||||
{
|
||||
id: "4", name: "James B.", role: "Consultant", company: "Global Corp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-getting-massage_23-2151178220.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How often should I get a massage?",
|
||||
content: "Depending on your goals, once a week or twice a month is ideal for maintenance.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do I need to arrive early?",
|
||||
content: "Yes, we recommend arriving 10 minutes prior to relax and fill in initial forms.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What should I wear during my session?",
|
||||
content: "You can undress to your comfort level; our therapists use proper draping techniques throughout.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-bathrobe-brushing-her-hair_23-2148389846.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
description="We are here to help you get the most out of your salon visits."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Common Questions"
|
||||
description="We are here to help you get the most out of your salon visits."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "How often should I get a massage?", content: "Depending on your goals, once a week or twice a month is ideal for maintenance."},
|
||||
{
|
||||
id: "f2", title: "Do I need to arrive early?", content: "Yes, we recommend arriving 10 minutes prior to relax and fill in initial forms."},
|
||||
{
|
||||
id: "f3", title: "What should I wear during my session?", content: "You can undress to your comfort level; our therapists use proper draping techniques throughout."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-bathrobe-brushing-her-hair_23-2148389846.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Opening Hours",
|
||||
content: "Daily 9:00 AM - 9:00 PM",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Location",
|
||||
content: "123 Relaxation St, Wellness District",
|
||||
},
|
||||
]}
|
||||
ctaTitle="Ready for your session?"
|
||||
ctaDescription="Contact us directly to book your next appointment today."
|
||||
ctaButton={{
|
||||
text: "Call Now",
|
||||
}}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
ctaTitle="Ready for your session?"
|
||||
ctaDescription="Contact us directly to book your next appointment today."
|
||||
ctaButton={{ text: "Call Now" }}
|
||||
ctaIcon={Phone}
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Opening Hours", content: "Daily 9:00 AM - 9:00 PM"},
|
||||
{
|
||||
id: "q2", title: "Location", content: "123 Relaxation St, Wellness District"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Bodyfitum"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Bodyfitum"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Services", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Book Now", href: "#contact" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user