Merge version_1 into main #2
362
src/app/page.tsx
362
src/app/page.tsx
@@ -9,252 +9,136 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="icon-arrow"
|
||||
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">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="HomeFit"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
title="Transform Your Home Into Your Private Gym"
|
||||
description="Experience professional-grade fitness training from the comfort of your living room with our expert-led sessions."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-gym-composition-with-sport-elements_23-2147913675.jpg?_wi=1",
|
||||
imageAlt: "Yoga morning",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-training-home_23-2149144823.jpg?_wi=1",
|
||||
imageAlt: "Dumbbell training",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-blue-eyed-plus-size-young-woman-sports-clothes-lying-yoga-mat-front-open-laptop-relaxing-after-physical-exercises_343059-2049.jpg",
|
||||
imageAlt: "Virtual class",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-stretching-mat_23-2149144772.jpg",
|
||||
imageAlt: "Pilates training",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_52683-161153.jpg",
|
||||
imageAlt: "HIIT workout",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-sitting-yoga-mat_23-2149249461.jpg",
|
||||
imageAlt: "Trainer feedback",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for Your Life"
|
||||
description="We believe fitness shouldn't feel like a chore or require expensive memberships. Our method focuses on functional, equipment-free, or low-equipment movements that fit any lifestyle."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-shows-thumb-up-holds-rubber-yoga-mat-doing-fitness-exercises-from-home-gym_1258-197891.jpg"
|
||||
imageAlt="About Fitness"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Convenience",
|
||||
title: "Anywhere",
|
||||
subtitle: "Space-Saving Workouts",
|
||||
description: "No home gym? No problem. Our workouts fit in any small space.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-sports-equipment-yellow-background_169016-16710.jpg",
|
||||
imageAlt: "Flat lay composition with sports equipment on yellow background",
|
||||
},
|
||||
{
|
||||
tag: "Expertise",
|
||||
title: "Guidance",
|
||||
subtitle: "Pro Coaching",
|
||||
description: "Work with world-class trainers for real, measurable results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-gym-composition-with-sport-elements_23-2147913675.jpg?_wi=2",
|
||||
imageAlt: "Flat lay composition with sports equipment on yellow background",
|
||||
},
|
||||
{
|
||||
tag: "Flexibility",
|
||||
title: "Timing",
|
||||
subtitle: "Workouts on Demand",
|
||||
description: "Available 24/7 so you can train whenever you have a gap in your schedule.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-training-home_23-2149144823.jpg?_wi=2",
|
||||
imageAlt: "Flat lay composition with sports equipment on yellow background",
|
||||
},
|
||||
]}
|
||||
title="All-in-One Home Fitness"
|
||||
description="Everything you need to stay active without leaving the house."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Proven Results"
|
||||
tag="Performance Data"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
description: "Active users",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500k+",
|
||||
description: "Workouts completed",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9",
|
||||
description: "Average rating",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="This platform completely changed how I think about working out at home. The instructors are amazing and I've never felt fitter."
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/image-fit-healthy-fitness-woman-sportswear-drinking-water-holding-bottle-shaker_1258-197021.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-sporty-woman-following-online-video-instructions-fitness-workout-using_1258-253696.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-relaxing-sofa_23-2147611388.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-athletic-woman-doing-stretching-exercises-home-workout_637285-11657.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-young-athletic-female-leggings-top-running-shoes-sitting-floor-home-front-open-generic-laptop-while-watching-online-yoga-training-doing-various-asanas-having-serious-look_344912-1061.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need equipment?",
|
||||
content: "Most of our workouts are bodyweight-only, but we offer optional tracks for resistance bands and dumbbells.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are there sessions for beginners?",
|
||||
content: "Absolutely. We have comprehensive beginner-level programs that scale as you improve.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How often should I train?",
|
||||
content: "We recommend 3–5 sessions a week for optimal health, but it depends entirely on your personal goals.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/living-room-with-dumbbells-floor_23-2148730158.jpg"
|
||||
imageAlt="Fitness FAQ"
|
||||
title="Common Questions"
|
||||
description="Answers to your fitness queries."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
text="Ready to redefine your fitness journey? Join our community today and get your first month free."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="HomeFit"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="HomeFit"
|
||||
button={{ text: "Join Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Transform Your Home Into Your Private Gym"
|
||||
description="Experience professional-grade fitness training from the comfort of your living room with our expert-led sessions."
|
||||
buttons={[{ text: "Start Free Trial", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/modern-gym-composition-with-sport-elements_23-2147913675.jpg", imageAlt: "Yoga morning" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-training-home_23-2149144823.jpg", imageAlt: "Dumbbell training" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-blue-eyed-plus-size-young-woman-sports-clothes-lying-yoga-mat-front-open-laptop-relaxing-after-physical-exercises_343059-2049.jpg", imageAlt: "Virtual class" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-stretching-mat_23-2149144772.jpg", imageAlt: "Pilates training" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_52683-161153.jpg", imageAlt: "HIIT workout" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-sitting-yoga-mat_23-2149249461.jpg", imageAlt: "Trainer feedback" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for Your Life"
|
||||
description="We believe fitness shouldn't feel like a chore or require expensive memberships. Our method focuses on functional, equipment-free, or low-equipment movements that fit any lifestyle."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-shows-thumb-up-holds-rubber-yoga-mat-doing-fitness-exercises-from-home-gym_1258-197891.jpg"
|
||||
imageAlt="About Fitness"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ tag: "Convenience", title: "Anywhere", subtitle: "Space-Saving Workouts", description: "No home gym? No problem. Our workouts fit in any small space.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-sports-equipment-yellow-background_169016-16710.jpg", imageAlt: "Flat lay composition with sports equipment on yellow background" },
|
||||
{ tag: "Expertise", title: "Guidance", subtitle: "Pro Coaching", description: "Work with world-class trainers for real, measurable results.", imageSrc: "http://img.b2bpic.net/free-photo/modern-gym-composition-with-sport-elements_23-2147913675.jpg", imageAlt: "Flat lay composition with sports equipment on yellow background" },
|
||||
{ tag: "Flexibility", title: "Timing", subtitle: "Workouts on Demand", description: "Available 24/7 so you can train whenever you have a gap in your schedule.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-training-home_23-2149144823.jpg", imageAlt: "Flat lay composition with sports equipment on yellow background" }
|
||||
]}
|
||||
title="All-in-One Home Fitness"
|
||||
description="Everything you need to stay active without leaving the house."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Proven Results"
|
||||
tag="Performance Data"
|
||||
metrics={[
|
||||
{ id: "m1", value: "10k+", description: "Active users" },
|
||||
{ id: "m2", value: "500k+", description: "Workouts completed" },
|
||||
{ id: "m3", value: "4.9", description: "Average rating" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="This platform completely changed how I think about working out at home. The instructors are amazing and I've never felt fitter."
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/image-fit-healthy-fitness-woman-sportswear-drinking-water-holding-bottle-shaker_1258-197021.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-sporty-woman-following-online-video-instructions-fitness-workout-using_1258-253696.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-relaxing-sofa_23-2147611388.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-athletic-woman-doing-stretching-exercises-home-workout_637285-11657.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-young-athletic-female-leggings-top-running-shoes-sitting-floor-home-front-open-generic-laptop-while-watching-online-yoga-training-doing-various-asanas-having-serious-look_344912-1061.jpg", alt: "User 5" }
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do I need equipment?", content: "Most of our workouts are bodyweight-only, but we offer optional tracks for resistance bands and dumbbells." },
|
||||
{ id: "q2", title: "Are there sessions for beginners?", content: "Absolutely. We have comprehensive beginner-level programs that scale as you improve." },
|
||||
{ id: "q3", title: "How often should I train?", content: "We recommend 3–5 sessions a week for optimal health, but it depends entirely on your personal goals." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/living-room-with-dumbbells-floor_23-2148730158.jpg"
|
||||
imageAlt="Fitness FAQ"
|
||||
title="Common Questions"
|
||||
description="Answers to your fitness queries."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
text="Ready to redefine your fitness journey? Join our community today and get your first month free."
|
||||
buttons={[{ text: "Get Started", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="HomeFit"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user