Merge version_2 into main #4
147
src/app/page.tsx
147
src/app/page.tsx
@@ -2,14 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Heart, Activity, BrainCircuit } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,6 +33,7 @@ export default function LandingPage() {
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="VitaHealth"
|
||||
@@ -39,131 +41,96 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Elevate Your Health Journey"
|
||||
description="Discover personalized wellness, professional guidance, and mindful habits designed to nourish your body and soul for a vibrant, healthier life."
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-happy-woman-with-cup_23-2148973390.jpg"
|
||||
imageAlt="Healthy person in a serene nature-inspired room"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-woman-sportswear-beach_273609-5413.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/serious-sportman-blocking-sun_1098-117.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-manager-enjoying-work-break_1262-20856.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fairskinned-young-woman-is-doing-exercises-leaning-forward-with-outstretched-arms-spacious-room-slim-lady-sportswear-takes-care-her-health-people-activities-wellness-concept_197531-32152.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-blonde-woman-posing-with-her-bicycle_23-2148731215.jpg", alt: "User 5" }
|
||||
title="Transform Your Body, Elevate Your Health"
|
||||
description="Tailored wellness protocols and body-focused insights designed to help you thrive through mindful nutrition and movement."
|
||||
buttons={[{ text: "Join Today", href: "#contact" }]}
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-sportswear-beach_273609-5413.jpg", imageAlt: "Yoga and movement" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/serious-sportman-blocking-sun_1098-117.jpg", imageAlt: "Athlete training" }
|
||||
]}
|
||||
avatarText="Join 10,000+ members"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Personalized Wellness" },
|
||||
{ type: "text", text: "Data-Driven Insights" },
|
||||
{ type: "text", text: "Expert Coaching" },
|
||||
{ type: "text", text: "Mindful Living" },
|
||||
{ type: "text", text: "Holistic Balance" }
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fairskinned-young-woman-is-doing-exercises-leaning-forward-with-outstretched-arms-spacious-room-slim-lady-sportswear-takes-care-her-health-people-activities-wellness-concept_197531-32152.jpg", imageAlt: "Wellness exercise" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-blonde-woman-posing-with-her-bicycle_23-2148731215.jpg", imageAlt: "Active living" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
<TestimonialAboutCard
|
||||
tag="Our Philosophy"
|
||||
icon={Heart}
|
||||
title="Holistic Body Wellness"
|
||||
description="We believe true health begins with listening to your body's needs and fueling it with intentional habits."
|
||||
subdescription="Our approach bridges the gap between scientific nutritional data and mindful body movement to create lasting health results."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-doctor-holding-pill-bottle-while-talking-with-senior-couple-about-vitamins-they-should-be-taking_637285-1479.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Our Mission for " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/happy-doctor-holding-pill-bottle-while-talking-with-senior-couple-about-vitamins-they-should-be-taking_637285-1479.jpg", alt: "Wellness Concept" },
|
||||
{ type: "text", content: " Your Well-being" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
<FeatureCardSixteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={true}
|
||||
showStepNumbers={true}
|
||||
title="Comprehensive Wellness Tools"
|
||||
description="Modern solutions integrated into your daily routine to help you achieve balance and optimal health."
|
||||
features={[
|
||||
{
|
||||
title: "Data-Driven Health", description: "Track your metrics in real-time with our smart health dashboard.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/medical-expert-presents-cardiology-disease-diagnosis-home-visit_482257-100080.jpg?_wi=1", imageAlt: "Smart health app dashboard" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/medical-expert-presents-cardiology-disease-diagnosis-home-visit_482257-100080.jpg?_wi=2", imageAlt: "Smart health app dashboard" }
|
||||
},
|
||||
{
|
||||
title: "Wearable Integration", description: "Seamlessly sync your favorite fitness devices to manage your lifestyle.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/good-music-jogging-is-very-important_329181-4345.jpg?_wi=1", imageAlt: "Health wearable device" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/good-music-jogging-is-very-important_329181-4345.jpg?_wi=2", imageAlt: "Health wearable device" }
|
||||
},
|
||||
{
|
||||
title: "Personalized Habits", description: "Get tailored recommendations to improve your sleep, diet, and stress.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/medical-expert-presents-cardiology-disease-diagnosis-home-visit_482257-100080.jpg?_wi=3", imageAlt: "Custom habits tracker" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/medical-expert-presents-cardiology-disease-diagnosis-home-visit_482257-100080.jpg?_wi=4", imageAlt: "Custom habits tracker" }
|
||||
}
|
||||
]}
|
||||
title="The VitaHealth Edge"
|
||||
description="Compare our specialized body wellness programs with generic health advice to see why our approach works."
|
||||
positiveCard={{ items: ["Personalized macro-nutrient tracking", "Body-specific recovery protocols", "Continuous health metric monitoring", "Guided mindfulness for physical relief"] }}
|
||||
negativeCard={{ items: ["One-size-fits-all meal plans", "Disconnected exercise routines", "Lack of biological data tracking", "Ignoring the mind-body connection"] }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Voices of Wellness"
|
||||
description="Join thousands of members who have transformed their lives through personalized care."
|
||||
title="Stories of Revitalized Health"
|
||||
description="See how our community has achieved their wellness goals through consistent body-focused practices."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Entrepreneur", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-sportswear-beach_273609-5413.jpg" },
|
||||
{ id: "2", name: "Michael C.", role: "Athlete", company: "ProFit", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-sportman-blocking-sun_1098-117.jpg" },
|
||||
{ id: "3", name: "Emily R.", role: "Designer", company: "CreativeStudio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-manager-enjoying-work-break_1262-20856.jpg" },
|
||||
{ id: "4", name: "David K.", role: "Yogi", company: "ZenLife", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fairskinned-young-woman-is-doing-exercises-leaning-forward-with-outstretched-arms-spacious-room-slim-lady-sportswear-takes-care-her-health-people-activities-wellness-concept_197531-32152.jpg" },
|
||||
{ id: "5", name: "Anna P.", role: "Senior Exec", company: "GlobalReach", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-blonde-woman-posing-with-her-bicycle_23-2148731215.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "10K+", label: "Lives Transformed" },
|
||||
{ value: "95%", label: "Member Satisfaction" },
|
||||
{ value: "500+", label: "Wellness Coaches" }
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahwell", testimonial: "The body-focused insights have completely changed how I approach my workouts and nutrition.", icon: Activity },
|
||||
{ id: "2", name: "Michael C.", handle: "@mikefit", testimonial: "Finally, a wellness plan that acknowledges the biological differences in my body composition.", icon: BrainCircuit },
|
||||
{ id: "3", name: "Emily R.", handle: "@emilybalanced", testimonial: "I feel more in tune with my physical health than ever before. Truly transformative.", icon: Heart }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
<FaqBase
|
||||
faqs={[
|
||||
{ id: "f1", title: "Is the wellness plan personalized?", content: "Yes, our algorithms adjust your plan based on your health metrics, goals, and lifestyle." },
|
||||
{ id: "f2", title: "Can I integrate my smartwatch?", content: "Absolutely! We support all major fitness trackers including Apple Watch, Fitbit, and Garmin." },
|
||||
{ id: "f3", title: "How does the professional support work?", content: "You are connected with certified wellness coaches who provide ongoing guidance through secure chats." }
|
||||
{ id: "f1", title: "How does body composition tracking work?", content: "We utilize advanced biometric data inputs to create unique health profiles that evolve as your body changes." },
|
||||
{ id: "f2", title: "Is movement guidance personalized?", content: "Yes, our platform evaluates your current fitness level and recovery metrics to suggest optimal movement patterns." },
|
||||
{ id: "f3", title: "Can I get professional advice?", content: "We offer direct access to expert health coaches who review your progress daily." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-recipe-book-still-life-concept_23-2149056006.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Wellness Queries"
|
||||
description="Find answers to popular questions about our platform and wellness approach."
|
||||
faqsAnimation="slide-up"
|
||||
title="Understanding Our Wellness Approach"
|
||||
faqsAnimation="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
<ContactCTA
|
||||
tag="Get Started"
|
||||
title="Ready to Optimize Your Body?"
|
||||
description="Take the first step toward a healthier, more vibrant you by joining VitaHealth today."
|
||||
buttons={[{ text: "Start Your Assessment", href: "#contact" }]}
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Join Us"
|
||||
title="Start Your Health Transformation"
|
||||
description="Ready to prioritize your well-being? Join VitaHealth today and receive your first personalized assessment."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elderly-people-taking-sick-niece-emergency-checkup-feeling-dizzy-light-headed-young-child-being-unconscious-hospital-reception-physician-consulting-girl-with-flashlight_482257-60344.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
<FooterLogoEmphasis
|
||||
logoText="VitaHealth"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Wellness Guides", href: "#" }, { label: "Blog", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
{ items: [{ label: "Home", href: "#hero" }, { label: "Our Mission", href: "#about" }] },
|
||||
{ items: [{ label: "Wellness Tools", href: "#features" }, { label: "FAQs", href: "#faq" }] },
|
||||
{ items: [{ label: "Privacy", href: "#" }, { label: "Support", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user