195 lines
12 KiB
TypeScript
195 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import { Users, TrendingDown, CheckCircle2, ArrowRight } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="large"
|
|
background="circleGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Programs", id: "features" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="ELITEFIT"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
useInvertedBackground={false}
|
|
background={{ variant: "plain" }}
|
|
title="Transform Your Body. Transform Your Life."
|
|
description="Unlock your elite potential with our bespoke training protocols and expert guidance. Join the community defining the new standard of fitness."
|
|
testimonials={[
|
|
{ name: "Marcus J.", handle: "@marcus_fit", testimonial: "The transformation was unparalleled. Professional and life-changing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-gym_23-2149178038.jpg" },
|
|
{ name: "Sarah L.", handle: "@sarah_trains", testimonial: "Elite coaching that actually delivers results. Best in the industry.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-fit-woman-stretching-indoors_23-2150255913.jpg" },
|
|
{ name: "David W.", handle: "@dave_lifts", testimonial: "Unmatched expertise and a community that pushes you harder.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-muscular-young-man-standing-fitness-club_23-2147949572.jpg" },
|
|
{ name: "Emily R.", handle: "@emily_active", testimonial: "Exactly what I needed to break through my performance plateau.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/athletic-young-woman-doing-exercise-yoga-mat_23-2147827396.jpg" },
|
|
{ name: "Chris B.", handle: "@chris_b", testimonial: "The gold standard for luxury fitness training.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-athletic-woman-exercising-health-club-having-fun_637285-866.jpg" },
|
|
]}
|
|
buttons={[{ text: "Start Training", href: "#contact" }, { text: "Book Consultation", href: "#contact" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-sxercising-gym-using-stretch-ropes_1303-31886.jpg"
|
|
imageAlt="Cinematic gym workout"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/woman-training-gym_23-2148024358.jpg", alt: "Athletic member portrait" },
|
|
{ src: "http://img.b2bpic.net/free-photo/young-woman-exercising-elliptical-cardio-machine_23-2147827880.jpg", alt: "Fitness community portrait" },
|
|
{ src: "http://img.b2bpic.net/free-photo/athletic-girl-does-exercises-using-sports-equipment-gym_654080-1055.jpg", alt: "Happy member portrait" },
|
|
{ src: "http://img.b2bpic.net/free-photo/woman-cycling-fitness-center_23-2147827932.jpg", alt: "Dedicated athlete portrait" },
|
|
{ src: "http://img.b2bpic.net/free-photo/smiling-nutritionist-her-office-she-is-showing-healthy-vegetables-fruits-healthcare-diet-concept-female-nutritionist-with-fruits-working-her-desk_657921-280.jpg", alt: "Elite trainer portrait" },
|
|
]}
|
|
marqueeItems={[
|
|
{ type: "text", text: "Science-Backed Training" },
|
|
{ type: "text", text: "Personalized Nutrition" },
|
|
{ type: "text", text: "Elite Performance Coaches" },
|
|
{ type: "text", text: "Luxury Facilities" },
|
|
{ type: "text", text: "Results Driven" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="By The Numbers"
|
|
metrics={[
|
|
{ icon: Users, label: "Members Trained", value: "5,000+" },
|
|
{ icon: TrendingDown, label: "Weight Lost (lbs)", value: "25,000+" },
|
|
{ icon: CheckCircle2, label: "Success Rate", value: "98%" },
|
|
]}
|
|
metricsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Fat Loss Mastery", description: "High-intensity metabolic conditioning combined with precise nutritional planning.", imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114136.jpg", buttonIcon: ArrowRight },
|
|
{ title: "Muscle Hypertrophy", description: "Proven strength training methodology to optimize lean muscle growth and symmetry.", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-salad-home_1301-7059.jpg", buttonIcon: ArrowRight },
|
|
{ title: "Nutrition Coaching", description: "Evidence-based meal planning to fuel recovery and performance efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/happy-sportswoman-making-her-exercise-plan-digital-tablet-while-having-sports-training-fitness-center_637285-388.jpg", buttonIcon: ArrowRight },
|
|
{ title: "Online Performance", description: "Access elite coaching anywhere in the world with our mobile-first training app.", imageSrc: "http://img.b2bpic.net/free-photo/two-beautiful-young-women-doing-fitness-gym_1153-4533.jpg", buttonIcon: ArrowRight },
|
|
]}
|
|
title="Our Elite Programs"
|
|
description="Customized fitness solutions tailored to your unique biological and lifestyle needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardEight
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="blur-reveal"
|
|
plans={[
|
|
{
|
|
id: "starter", badge: "Entry", price: "$199/mo", subtitle: "Ideal for those starting their fitness journey.", buttons: [{ text: "Get Started" }], features: ["Personalized Training App", "Nutrition Guidance", "Basic Performance Tracking"]
|
|
},
|
|
{
|
|
id: "pro", badge: "Recommended for 3x Faster Results", price: "$399/mo", subtitle: "The complete experience for serious results.", buttons: [{ text: "Upgrade to Pro" }], features: ["Custom Nutrition Strategy", "Weekly Coaching Check-ins", "Performance Analytics", "Full Training Support"]
|
|
},
|
|
{
|
|
id: "elite", badge: "Elite", price: "$799/mo", subtitle: "Elite 1-on-1 coaching with top professionals.", buttons: [{ text: "Get Started" }], features: ["Dedicated 1-on-1 Coaching", "24/7 Priority Support", "Comprehensive Fitness Audit", "Advanced Bio-hacking Guidance"]
|
|
},
|
|
]}
|
|
title="Premium Membership Plans"
|
|
description="Choose your path to peak performance with our tiered coaching options."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah Jenkins", imageSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-dark-background_613910-15130.jpg" },
|
|
{ id: "2", name: "Marcus Thorne", imageSrc: "http://img.b2bpic.net/free-photo/image-active-middleaged-fitness-guy-doing-sport-exercises-with-dumbbells-smiling-excited-stan_1258-130971.jpg" },
|
|
{ id: "3", name: "Elena Ross", imageSrc: "http://img.b2bpic.net/free-photo/woman-comfortable-sports-resting-leaned-against-wall-finished-workout-girl-gather-energy-concept_1153-4172.jpg" },
|
|
{ id: "4", name: "James Bondy", imageSrc: "http://img.b2bpic.net/free-photo/portrait-athletic-woman-fitness-clothes_23-2148322434.jpg" },
|
|
{ id: "5", name: "Anna Winter", imageSrc: "http://img.b2bpic.net/free-photo/sweaty-sportswoman-feeling-tired-after-workout-relaxing-gym-s-dressing-room-thinking-something_637285-807.jpg" },
|
|
]}
|
|
cardTitle="Success Stories"
|
|
cardTag="Testimonials"
|
|
cardAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="blog" data-section="blog">
|
|
<BlogCardTwo
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="blur-reveal"
|
|
title="Elite Fitness Insights"
|
|
description="Science-backed strategies to optimize your health, performance, and recovery."
|
|
blogs={[
|
|
{ id: "1", category: "Training", title: "The Science of Hypertrophy", excerpt: "Deep dive into recovery and growth stimulation protocols.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-blogger-recording-yoga-routine_23-2148192294.jpg", authorName: "Dr. Alex Fit", authorAvatar: "http://img.b2bpic.net/free-photo/closeup-portrait-young-bearded-man_273609-15894.jpg", date: "Oct 24, 2023" },
|
|
{ id: "2", category: "Nutrition", title: "Precision Fueling", excerpt: "How to align your macro-nutrient intake with training cycles.", imageSrc: "http://img.b2bpic.net/free-photo/fruit-table_1157-5402.jpg", authorName: "Sarah Jones", authorAvatar: "http://img.b2bpic.net/free-photo/front-view-young-female-smiling-pink_179666-2224.jpg", date: "Oct 20, 2023" },
|
|
{ id: "3", category: "Motivation", title: "The Mindset of Elite Athletes", excerpt: "Consistency is not about will, it's about systems.", imageSrc: "http://img.b2bpic.net/free-photo/dumbells-still-life-studio_23-2151747216.jpg", authorName: "Marcus Thorne", authorAvatar: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114139.jpg", date: "Oct 15, 2023" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "f1", title: "Do I need prior experience?", content: "No, our programs are customized to every fitness level from beginner to elite athlete." },
|
|
{ id: "f2", title: "How do I book a consultation?", content: "You can book directly via our contact form below or call our studio directly." },
|
|
{ id: "f3", title: "Can I train online?", content: "Yes, we have dedicated online performance programs for clients worldwide." },
|
|
{ id: "f4", title: "What equipment is needed?", content: "We offer programs for full-gym, home-gym, and bodyweight-only setups." },
|
|
]}
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Everything you need to know about starting your elite fitness journey with us."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{ variant: "plain" }}
|
|
tag="Get Started"
|
|
title="Begin Your Transformation"
|
|
description="Ready to redefine your limits? Fill out the form below to book your initial fitness assessment."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{ items: [{ label: "Programs", href: "#features" }, { label: "Pricing", href: "#pricing" }, { label: "Blog", href: "#blog" }] },
|
|
{ items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
|
|
{ items: [{ label: "Terms of Service", href: "#" }, { label: "Privacy Policy", href: "#" }] },
|
|
]}
|
|
logoText="ELITEFIT"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |