290 lines
15 KiB
TypeScript
290 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { Apple, Dumbbell, Heart, Zap } from "lucide-react";
|
|
|
|
export default function FitCoachPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="FitCoach"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "Testimonials", id: "testimonials" }
|
|
]}
|
|
button={{
|
|
text: "Start Free Trial", href: "#contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="FITCOACH"
|
|
description="Transform your body and mind with expert personal coaching. Achieve your fitness goals with customized training programs."
|
|
buttons={[
|
|
{ text: "Start Your Journey", href: "#contact" },
|
|
{ text: "Learn More", href: "#about" }
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/indian-man-doing-excercisses-special-equipment-gym-with-personal-trainer_1157-51767.jpg", imageAlt: "Personal trainer coaching client"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/set-weights-dumbbells-mat-fitness-center-sport-fitness-health_613910-20198.jpg", imageAlt: "Modern gym equipment"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32114.jpg", imageAlt: "Fitness coaching session"
|
|
}
|
|
]}
|
|
autoplayDelay={4000}
|
|
showDimOverlay={true}
|
|
logoClassName="!text-white"
|
|
descriptionClassName="!text-white"
|
|
buttonTextClassName="!text-white"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Professional Coaching That Transforms Lives"
|
|
description="At FitCoach, we believe in personalized, data-driven training programs designed specifically for your unique goals and fitness level. Our certified coaches combine expertise with genuine care to help you achieve lasting results."
|
|
tag="About Us"
|
|
imageSrc="https://img.b2bpic.net/free-photo/two-hardworking-men-training-with-weights_651396-1080.jpg"
|
|
imageAlt="Professional coaching session"
|
|
buttons={[
|
|
{ text: "Meet Our Coaches", href: "#team" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyFive
|
|
title="Our Coaching Services"
|
|
description="Comprehensive fitness solutions tailored to your goals and lifestyle"
|
|
tag="Services"
|
|
features={[
|
|
{
|
|
title: "Strength Training", description: "Build muscle and increase power with scientifically-designed resistance programs. Our coaches guide proper form and progressive overload.", icon: Dumbbell,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/athletic-blond-female-fitness-model-holding-heavy-barbell-preparing-squats_613910-257.jpg?_wi=1", imageAlt: "Strength training session"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/happy-female-athlete-running-treadmill-gym_637285-8562.jpg?_wi=1", imageAlt: "Cardio training"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Cardio & Endurance", description: "Improve cardiovascular health and stamina through customized cardio programs. From HIIT to steady-state training, we optimize your workouts.", icon: Heart,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/happy-female-athlete-running-treadmill-gym_637285-8562.jpg?_wi=2", imageAlt: "Cardio workout"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/athletic-blond-female-fitness-model-holding-heavy-barbell-preparing-squats_613910-257.jpg?_wi=2", imageAlt: "Strength building"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Nutrition Coaching", description: "Fuel your body right with personalized nutrition plans. Our coaches help you make sustainable dietary changes that support your fitness goals.", icon: Apple,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/healthy-menu-recipe-food-diet_53876-122837.jpg?_wi=1", imageAlt: "Nutrition planning"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/closeup-woman-with-hands-cupped-doing-stretching-exercises-floor_637285-3440.jpg?_wi=1", imageAlt: "Wellness approach"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Flexibility & Recovery", description: "Enhance mobility and prevent injury with targeted stretching and recovery protocols. A well-rounded fitness approach includes proper recovery.", icon: Zap,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/closeup-woman-with-hands-cupped-doing-stretching-exercises-floor_637285-3440.jpg?_wi=2", imageAlt: "Flexibility training"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/healthy-menu-recipe-food-diet_53876-122837.jpg?_wi=2", imageAlt: "Recovery nutrition"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
title="Flexible Membership Plans"
|
|
description="Choose the coaching plan that fits your goals and budget"
|
|
tag="Pricing"
|
|
plans={[
|
|
{
|
|
id: "starter", title: "Starter", price: "$99", period: "/month", imageSrc: "https://img.b2bpic.net/free-photo/athletic-blond-female-fitness-model-holding-heavy-barbell-preparing-squats_613910-257.jpg?_wi=3", imageAlt: "Starter plan", button: {
|
|
text: "Start Free Trial", href: "#contact"
|
|
},
|
|
features: [
|
|
"2 sessions per week", "Personalized workout plans", "Email support", "Progress tracking", "Beginner-focused programming"
|
|
]
|
|
},
|
|
{
|
|
id: "professional", title: "Professional", price: "$199", period: "/month", imageSrc: "https://img.b2bpic.net/free-photo/happy-female-athlete-running-treadmill-gym_637285-8562.jpg?_wi=3", imageAlt: "Professional plan", button: {
|
|
text: "Start Free Trial", href: "#contact"
|
|
},
|
|
features: [
|
|
"4 sessions per week", "Custom nutrition plans", "Priority email & phone support", "Body composition analysis", "Advanced programming"
|
|
]
|
|
},
|
|
{
|
|
id: "elite", title: "Elite", price: "$299", period: "/month", imageSrc: "https://img.b2bpic.net/free-photo/healthy-menu-recipe-food-diet_53876-122837.jpg?_wi=3", imageAlt: "Elite plan", button: {
|
|
text: "Start Free Trial", href: "#contact"
|
|
},
|
|
features: [
|
|
"Unlimited sessions", "Dedicated coach", "Nutrition & supplement planning", "24/7 text support", "Quarterly progress assessments"
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
title="Proven Results Backed by Real Transformations"
|
|
tag="Impact"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "2,500+", description: "Active members achieving their fitness goals through personalized coaching"
|
|
},
|
|
{
|
|
id: "2", value: "95%", description: "Client satisfaction rate with measurable results within 12 weeks"
|
|
}
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardOne
|
|
title="Meet Your Coaching Team"
|
|
description="Certified professionals dedicated to your success"
|
|
tag="Team"
|
|
members={[
|
|
{
|
|
id: "1", name: "Marcus Johnson", role: "Head Coach", imageSrc: "https://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg?_wi=1", imageAlt: "Marcus Johnson"
|
|
},
|
|
{
|
|
id: "2", name: "Sarah Williams", role: "Nutrition Expert", imageSrc: "https://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg?_wi=2", imageAlt: "Sarah Williams"
|
|
},
|
|
{
|
|
id: "3", name: "James Chen", role: "Strength Coach", imageSrc: "https://img.b2bpic.net/free-photo/waiter-looking-sportswoman-woman_1262-702.jpg", imageAlt: "James Chen"
|
|
},
|
|
{
|
|
id: "4", name: "Emily Rodriguez", role: "Wellness Coach", imageSrc: "https://img.b2bpic.net/free-photo/smiley-male-boxer-posing-t-shirt-with-arms-crossed_23-2148426242.jpg", imageAlt: "Emily Rodriguez"
|
|
}
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="Success Stories from Our Clients"
|
|
description="Real transformations from dedicated members"
|
|
tag="Testimonials"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "David Martinez", role: "Business Owner", company: "Tech Solutions Inc", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-business-woman-pointing-camera-smiling_1098-20747.jpg", imageAlt: "David Martinez"
|
|
},
|
|
{
|
|
id: "2", name: "Jennifer Liu", role: "Marketing Manager", company: "Creative Agency", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/endurance-workout-fitness-concept-happy-motivated-woman-with-sweat-face-program-equipment-training-session-smiling-delighted-pushing-weight-with-legs-as-using-leg-press_197531-30391.jpg", imageAlt: "Jennifer Liu"
|
|
},
|
|
{
|
|
id: "3", name: "Robert Thompson", role: "Attorney", company: "Law Firm Partners", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/afro-american-sportsman-getting-ready-training_342744-655.jpg", imageAlt: "Robert Thompson"
|
|
},
|
|
{
|
|
id: "4", name: "Amanda Foster", role: "Healthcare Professional", company: "Medical Center", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/rear-view-athletic-woman-showing-heart-shape-sunset_637285-9284.jpg", imageAlt: "Amanda Foster"
|
|
}
|
|
]}
|
|
kpiItems={[
|
|
{ value: "2,500+", label: "Transformations Completed" },
|
|
{ value: "98%", label: "Goal Achievement Rate" },
|
|
{ value: "12 weeks", label: "Average Results Timeline" }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact" style={{ backgroundColor: "#000000" }}>
|
|
<ContactSplit
|
|
tag="Free Workout Plan"
|
|
title="Get Your Free 7-Day Home Workout Plan"
|
|
description="Download our complete beginner-friendly workout program with video demonstrations, nutrition tips, and progress tracking templates. Start your transformation today!"
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={true}
|
|
imageSrc="https://img.b2bpic.net/free-photo/equipments-gym_93675-129485.jpg"
|
|
imageAlt="Modern gym facility"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email for instant access"
|
|
buttonText="Get Free Plan"
|
|
termsText="Instant download. No spam, unsubscribe anytime. Join 2,500+ members getting results with our proven training methods."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="FitCoach"
|
|
leftLink={{
|
|
text: "Privacy Policy", href: "#"
|
|
}}
|
|
rightLink={{
|
|
text: "Terms of Service", href: "#"
|
|
}}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|