Update src/app/page.tsx
This commit is contained in:
571
src/app/page.tsx
571
src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { CheckCircle, Clock, Leaf, LineChart, TrendingUp, UserCheck, Users, Utensils } from "lucide-react";
|
||||
import { CheckCircle, Clock, Leaf, LineChart, TrendingUp, UserCheck, Users, Utensils, Zap, Apple, BarChart2, Phone } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,426 +29,173 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Programs",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="EliteFit"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Programs", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="EliteFit"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Build the Best Version of Yourself"
|
||||
description="Customized online fitness coaching that bridges the gap between where you are and where you want to be. Start your journey with expert guidance today."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahfit",
|
||||
testimonial: "The best program I've ever followed. Results within 3 weeks!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-women-gym-training_23-2148419894.jpg?_wi=1",
|
||||
imageAlt: "fitness coach training client studio",
|
||||
},
|
||||
{
|
||||
name: "Mike R.",
|
||||
handle: "@miker",
|
||||
testimonial: "EliteFit changed my perspective on strength training entirely.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-sitting-studio-near-gray-wall_158538-3670.jpg?_wi=1",
|
||||
imageAlt: "fitness coach training client studio",
|
||||
},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@elena_v",
|
||||
testimonial: "Finally, a coach who actually listens to my specific goals.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-business-line-graph-report_53876-120736.jpg?_wi=1",
|
||||
imageAlt: "fitness coach training client studio",
|
||||
},
|
||||
{
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Consistency is easy when you have a plan like this.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-breast-meat-salad_74190-6123.jpg?_wi=1",
|
||||
imageAlt: "fitness coach training client studio",
|
||||
},
|
||||
{
|
||||
name: "Rachel L.",
|
||||
handle: "@rachell",
|
||||
testimonial: "Highly recommended for anyone serious about fitness.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-gym-with-smartphone-template_23-2148111618.jpg?_wi=1",
|
||||
imageAlt: "fitness coach training client studio",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Coaching",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-women-gym-training_23-2148419894.jpg?_wi=2"
|
||||
imageAlt="fitness coach training client studio"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-helping-man-workout-gym-high-angle_23-2149740130.jpg",
|
||||
alt: "Woman helping man workout at gym high angle",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-happy-people-with-exercise-mat-gym_23-2147949691.jpg",
|
||||
alt: "Group of happy people with exercise mat in gym",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32111.jpg",
|
||||
alt: "Two internationals friends is engaged in a gym",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-adults-sport-gym-using-kettlebells_23-2149255807.jpg",
|
||||
alt: "Young adults in sport gym using kettlebells",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-fitness-young-man-sitting-track-field_23-2148162133.jpg",
|
||||
alt: "Portrait of fitness young man sitting on track field",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Personalized Coaching",
|
||||
icon: UserCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Data-Driven Results",
|
||||
icon: LineChart,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Flexible Nutrition",
|
||||
icon: Utensils,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Sustainable Habits",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Community Support",
|
||||
icon: Users,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{ variant: "plain" }}
|
||||
title="Build the Best Version of Yourself"
|
||||
description="Customized online fitness coaching that bridges the gap between where you are and where you want to be. Start your journey with expert guidance today."
|
||||
testimonials={[
|
||||
{ name: "Sarah J.", handle: "@sarahfit", testimonial: "The best program I've ever followed. Results within 3 weeks!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-women-gym-training_23-2148419894.jpg", imageAlt: "fitness coach training client studio" },
|
||||
{ name: "Mike R.", handle: "@miker", testimonial: "EliteFit changed my perspective on strength training entirely.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-sitting-studio-near-gray-wall_158538-3670.jpg", imageAlt: "fitness coach training client studio" },
|
||||
{ name: "Elena V.", handle: "@elena_v", testimonial: "Finally, a coach who actually listens to my specific goals.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/corporate-business-line-graph-report_53876-120736.jpg", imageAlt: "fitness coach training client studio" },
|
||||
{ name: "David K.", handle: "@davidk", testimonial: "Consistency is easy when you have a plan like this.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-breast-meat-salad_74190-6123.jpg", imageAlt: "fitness coach training client studio" },
|
||||
{ name: "Rachel L.", handle: "@rachell", testimonial: "Highly recommended for anyone serious about fitness.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-gym-with-smartphone-template_23-2148111618.jpg", imageAlt: "fitness coach training client studio" },
|
||||
]}
|
||||
buttons={[{ text: "Start Coaching", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-women-gym-training_23-2148419894.jpg"
|
||||
imageAlt="fitness coach training client studio"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-helping-man-workout-gym-high-angle_23-2149740130.jpg", alt: "Woman helping man workout at gym high angle" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/group-happy-people-with-exercise-mat-gym_23-2147949691.jpg", alt: "Group of happy people with exercise mat in gym" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32111.jpg", alt: "Two internationals friends is engaged in a gym" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-adults-sport-gym-using-kettlebells_23-2149255807.jpg", alt: "Young adults in sport gym using kettlebells" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-fitness-young-man-sitting-track-field_23-2148162133.jpg", alt: "Portrait of fitness young man sitting on track field" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text-icon", text: "Personalized Coaching", icon: UserCheck },
|
||||
{ type: "text-icon", text: "Data-Driven Results", icon: LineChart },
|
||||
{ type: "text-icon", text: "Flexible Nutrition", icon: Utensils },
|
||||
{ type: "text-icon", text: "Sustainable Habits", icon: Leaf },
|
||||
{ type: "text-icon", text: "Community Support", icon: Users },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Science-Based, Human-Driven"
|
||||
description="Our philosophy combines physiological data with empathy. We don't just provide workouts; we teach you how to master your body and build sustainable habits for a lifetime."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
title: "Lives Transformed",
|
||||
},
|
||||
{
|
||||
value: "12+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-sitting-studio-near-gray-wall_158538-3670.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
imageAlt="professional fitness trainer headshot"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Science-Based, Human-Driven"
|
||||
description="Our philosophy combines physiological data with empathy. We don't just provide workouts; we teach you how to master your body and build sustainable habits for a lifetime."
|
||||
metrics={[
|
||||
{ value: "500+", title: "Lives Transformed" },
|
||||
{ value: "12+", title: "Years Experience" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-sitting-studio-near-gray-wall_158538-3670.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
imageAlt="professional fitness trainer headshot"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Custom Workouts",
|
||||
description: "Tailored training blocks created specifically for your equipment and goals.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-boxer-resting_23-2148615120.jpg",
|
||||
imageAlt: "Front view of male boxer resting",
|
||||
},
|
||||
{
|
||||
title: "Nutrition Planning",
|
||||
description: "No restrictive diets. Flexible, sustainable, and data-driven macros.",
|
||||
buttonIcon: "Apple",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-women-gym-training_23-2148419894.jpg?_wi=3",
|
||||
imageAlt: "Front view of male boxer resting",
|
||||
},
|
||||
{
|
||||
title: "Progress Tracking",
|
||||
description: "Keep an eye on your performance metrics through our secure app.",
|
||||
buttonIcon: "BarChart2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-sitting-studio-near-gray-wall_158538-3670.jpg?_wi=3",
|
||||
imageAlt: "Front view of male boxer resting",
|
||||
},
|
||||
{
|
||||
title: "Bi-Weekly Calls",
|
||||
description: "Regular check-ins to ensure your form, nutrition, and mindset stay on track.",
|
||||
buttonIcon: "Phone",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-business-line-graph-report_53876-120736.jpg?_wi=2",
|
||||
imageAlt: "Front view of male boxer resting",
|
||||
},
|
||||
]}
|
||||
title="Everything You Need for Success"
|
||||
description="Comprehensive tools designed to guide you through every rep, meal, and habit formation stage."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Custom Workouts", description: "Tailored training blocks created specifically for your equipment and goals.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-boxer-resting_23-2148615120.jpg", imageAlt: "Front view of male boxer resting" },
|
||||
{ title: "Nutrition Planning", description: "No restrictive diets. Flexible, sustainable, and data-driven macros.", buttonIcon: Apple, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-women-gym-training_23-2148419894.jpg", imageAlt: "Front view of male boxer resting" },
|
||||
{ title: "Progress Tracking", description: "Keep an eye on your performance metrics through our secure app.", buttonIcon: BarChart2, imageSrc: "http://img.b2bpic.net/free-photo/female-sitting-studio-near-gray-wall_158538-3670.jpg", imageAlt: "Front view of male boxer resting" },
|
||||
{ title: "Bi-Weekly Calls", description: "Regular check-ins to ensure your form, nutrition, and mindset stay on track.", buttonIcon: Phone, imageSrc: "http://img.b2bpic.net/free-photo/corporate-business-line-graph-report_53876-120736.jpg", imageAlt: "Front view of male boxer resting" },
|
||||
]}
|
||||
title="Everything You Need for Success"
|
||||
description="Comprehensive tools designed to guide you through every rep, meal, and habit formation stage."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: CheckCircle,
|
||||
title: "Client Retention",
|
||||
value: "92%",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: TrendingUp,
|
||||
title: "Avg Strength Gain",
|
||||
value: "25%",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Clock,
|
||||
title: "Time to Habit",
|
||||
value: "21 Days",
|
||||
},
|
||||
]}
|
||||
title="Real Data, Real Results"
|
||||
description="Transparency is key. Here's why clients stay with our program long-term."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", icon: CheckCircle, title: "Client Retention", value: "92%" },
|
||||
{ id: "m2", icon: TrendingUp, title: "Avg Strength Gain", value: "25%" },
|
||||
{ id: "m3", icon: Clock, title: "Time to Habit", value: "21 Days" },
|
||||
]}
|
||||
title="Real Data, Real Results"
|
||||
description="Transparency is key. Here's why clients stay with our program long-term."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Fundamentals Pro",
|
||||
price: "$150/mo",
|
||||
variant: "Beginner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-business-line-graph-report_53876-120736.jpg?_wi=3",
|
||||
imageAlt: "digital fitness program interface",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Macro Mastery",
|
||||
price: "$99/mo",
|
||||
variant: "Nutrition",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-breast-meat-salad_74190-6123.jpg?_wi=2",
|
||||
imageAlt: "healthy meal prep colorful food",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "30-Day Shred",
|
||||
price: "$199",
|
||||
variant: "Intensive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-gym-with-smartphone-template_23-2148111618.jpg?_wi=2",
|
||||
imageAlt: "workout challenge mobile app",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Yoga & Mobility",
|
||||
price: "$79/mo",
|
||||
variant: "Flexibility",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/faceless-man-preparing-sprint_23-2147775445.jpg",
|
||||
imageAlt: "yoga flexibility routine fitness",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Athletic Recovery",
|
||||
price: "$120/mo",
|
||||
variant: "Recovery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-sportswear-working-out-outdoors_23-2149011875.jpg",
|
||||
imageAlt: "sports recovery mobility plan",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "VIP 1-on-1",
|
||||
price: "$450/mo",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-greeting-human-resources-worker-videocall-interview-pc-closeup_482257-118762.jpg",
|
||||
imageAlt: "private fitness coaching call",
|
||||
},
|
||||
]}
|
||||
title="Select Your Program"
|
||||
description="Whether you are a beginner or looking to break a plateau, we have a structured program for you."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Fundamentals Pro", price: "$150/mo", variant: "Beginner", imageSrc: "http://img.b2bpic.net/free-photo/corporate-business-line-graph-report_53876-120736.jpg", imageAlt: "digital fitness program interface" },
|
||||
{ id: "p2", name: "Macro Mastery", price: "$99/mo", variant: "Nutrition", imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-breast-meat-salad_74190-6123.jpg", imageAlt: "healthy meal prep colorful food" },
|
||||
{ id: "p3", name: "30-Day Shred", price: "$199", variant: "Intensive", imageSrc: "http://img.b2bpic.net/free-photo/woman-gym-with-smartphone-template_23-2148111618.jpg", imageAlt: "workout challenge mobile app" },
|
||||
{ id: "p4", name: "Yoga & Mobility", price: "$79/mo", variant: "Flexibility", imageSrc: "http://img.b2bpic.net/free-photo/faceless-man-preparing-sprint_23-2147775445.jpg", imageAlt: "yoga flexibility routine fitness" },
|
||||
{ id: "p5", name: "Athletic Recovery", price: "$120/mo", variant: "Recovery", imageSrc: "http://img.b2bpic.net/free-photo/women-sportswear-working-out-outdoors_23-2149011875.jpg", imageAlt: "sports recovery mobility plan" },
|
||||
{ id: "p6", name: "VIP 1-on-1", price: "$450/mo", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/woman-greeting-human-resources-worker-videocall-interview-pc-closeup_482257-118762.jpg", imageAlt: "private fitness coaching call" },
|
||||
]}
|
||||
title="Select Your Program"
|
||||
description="Whether you are a beginner or looking to break a plateau, we have a structured program for you."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-multiracial-coworkers-giving-high-five-eating-pizza-together-office_1163-5140.jpg",
|
||||
imageAlt: "happy fitness client portrait",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-athletic-male-vogue-model-dressed-white-shirt-grey-background_613910-9888.jpg",
|
||||
imageAlt: "young fit man headshot",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-colleagues-high-five_23-2149009004.jpg",
|
||||
imageAlt: "athletic woman fitness portrait",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-top-standing-with-coach_1157-32126.jpg",
|
||||
imageAlt: "healthy lifestyle man portrait",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Rachel L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-gym_23-2149049763.jpg",
|
||||
imageAlt: "active woman fitness portrait",
|
||||
},
|
||||
]}
|
||||
cardTitle="Client Success Stories"
|
||||
cardTag="Real Transformations"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-multiracial-coworkers-giving-high-five-eating-pizza-together-office_1163-5140.jpg", imageAlt: "happy fitness client portrait" },
|
||||
{ id: "t2", name: "Mike R.", imageSrc: "http://img.b2bpic.net/free-photo/brutal-athletic-male-vogue-model-dressed-white-shirt-grey-background_613910-9888.jpg", imageAlt: "young fit man headshot" },
|
||||
{ id: "t3", name: "Elena V.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-colleagues-high-five_23-2149009004.jpg", imageAlt: "athletic woman fitness portrait" },
|
||||
{ id: "t4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-top-standing-with-coach_1157-32126.jpg", imageAlt: "healthy lifestyle man portrait" },
|
||||
{ id: "t5", name: "Rachel L.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-gym_23-2149049763.jpg", imageAlt: "active woman fitness portrait" },
|
||||
]}
|
||||
cardTitle="Client Success Stories"
|
||||
cardTag="Real Transformations"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need gym equipment?",
|
||||
content: "We offer programs for home setups, full gym access, or bodyweight only.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long is the program?",
|
||||
content: "Our memberships are flexible and designed for sustainable results.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I cancel at any time?",
|
||||
content: "Yes, cancel your subscription at any time through your dashboard.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Clear answers to help you get started with confidence."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do I need gym equipment?", content: "We offer programs for home setups, full gym access, or bodyweight only." },
|
||||
{ id: "f2", title: "How long is the program?", content: "Our memberships are flexible and designed for sustainable results." },
|
||||
{ id: "f3", title: "Can I cancel at any time?", content: "Yes, cancel your subscription at any time through your dashboard." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Clear answers to help you get started with confidence."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Ready to Start?"
|
||||
description="Fill out the form below to book a free 15-minute consultation."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "goals",
|
||||
placeholder: "Tell us about your fitness goals...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/alpine-hotel-hosting-winter-sports_482257-102253.jpg"
|
||||
imageAlt="bright minimalist fitness studio"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Ready to Start?"
|
||||
description="Fill out the form below to book a free 15-minute consultation."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "goals", placeholder: "Tell us about your fitness goals...", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/alpine-hotel-hosting-winter-sports_482257-102253.jpg"
|
||||
imageAlt="bright minimalist fitness studio"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Programs",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="EliteFit"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Programs", href: "#products" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="EliteFit"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user