263 lines
14 KiB
TypeScript
263 lines
14 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { Award, Heart, Target, Users, Handshake, TrendingUp, Star, Zap, Sparkles } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="mediumLarge"
|
|
background="aurora"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="T.O.O.T.H"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "features" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Get Started", href: "contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Elite Training for Every Age"
|
|
description="T.O.O.T.H offers world-class fitness services delivered by extensively experienced trainers. Transform your body and mind with personalized coaching designed specifically for you."
|
|
tag="Professional Fitness"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "aurora" }}
|
|
kpis={[
|
|
{ value: "15+", label: "Years Average Experience" },
|
|
{ value: "1000+", label: "Clients Transformed" },
|
|
{ value: "100%", label: "Dedicated Support" }
|
|
]}
|
|
enableKpiAnimation={true}
|
|
buttons={[
|
|
{ text: "Start Your Journey", href: "contact" },
|
|
{ text: "Learn More", href: "about" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/male-personal-trainer-helping-woman-working-with-heavy-dumbbells-gym_651396-1074.jpg"
|
|
imageAlt="Elite gym training session with professional trainer"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="About T.O.O.T.H Training"
|
|
description="We believe fitness is not one-size-fits-all. Our team of elite trainers brings years of dedication and expertise to craft personalized training programs for clients of all ages and fitness levels."
|
|
tag="Our Mission"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
bulletPoints={[
|
|
{ title: "Expert Trainers", description: "Each trainer has 10+ years of hands-on fitness experience and continuous education in latest training methodologies.", icon: Award },
|
|
{ title: "Personalized Plans", description: "We create custom training programs tailored to your goals, fitness level, and lifestyle for maximum results.", icon: Target },
|
|
{ title: "All Ages Welcome", description: "From teens to seniors, our comprehensive approach ensures safe, effective training for everyone.", icon: Users },
|
|
{ title: "Community Focus", description: "Join a supportive community of fitness enthusiasts committed to excellence and mutual growth.", icon: Handshake }
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/achievement-muscle-gym-man-active_1139-707.jpg"
|
|
imageAlt="Professional fitness trainer demonstrating proper form"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
buttons={[{ text: "Explore Services", href: "features" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFour
|
|
title="Our Elite Services"
|
|
description="Comprehensive training solutions designed to meet every fitness objective and lifestyle."
|
|
tag="What We Offer"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "1", title: "One-on-One Personal Training", author: "Expert Coaches", description: "Dedicated sessions with an elite trainer focused entirely on your goals, form, and progression. Maximum personalization and accountability.", tags: ["Individual", "Customized", "Results-Driven"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/achievement-muscle-gym-man-active_1139-707.jpg", imageAlt: "Personal training session"
|
|
},
|
|
{
|
|
id: "2", title: "Group Fitness Classes", author: "Professional Instructors", description: "High-energy group classes including HIIT, strength training, yoga, and functional fitness. Build community while achieving your goals.", tags: ["Group", "Community", "Motivating"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/achievement-muscle-gym-man-active_1139-707.jpg", imageAlt: "Group fitness class"
|
|
},
|
|
{
|
|
id: "3", title: "Youth & Teen Programs", author: "Certified Specialists", description: "Safe, age-appropriate training programs for young athletes and teens. Build strength, confidence, and lifelong fitness habits.", tags: ["Youth", "Development", "Safe"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/achievement-muscle-gym-man-active_1139-707.jpg", imageAlt: "Youth fitness training"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
title="Our Impact"
|
|
description="Proven results from our dedicated team of elite trainers and satisfied clients."
|
|
tag="Success Metrics"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{ id: "1", icon: Users, title: "Active Members", value: "500+" },
|
|
{ id: "2", icon: Award, title: "Certified Trainers", value: "25+" },
|
|
{ id: "3", icon: Zap, title: "Transformations", value: "1000+" }
|
|
]}
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardEleven
|
|
title="Meet Our Elite Trainers"
|
|
description="Experienced professionals dedicated to your fitness success. Each trainer brings years of expertise and passion."
|
|
tag="Our Team"
|
|
tagIcon={Users}
|
|
tagAnimation="slide-up"
|
|
groups={[
|
|
{
|
|
id: "elite-trainers", groupTitle: "Elite Training Staff", members: [
|
|
{
|
|
id: "1", title: "Marcus Johnson", subtitle: "Head Coach - Strength & Conditioning", detail: "20+ years experience", imageSrc: "http://img.b2bpic.net/free-photo/partners-private-professional-life_329181-14113.jpg", imageAlt: "Marcus Johnson"
|
|
},
|
|
{
|
|
id: "2", title: "Sarah Chen", subtitle: "HIIT & Cardio Specialist", detail: "15+ years experience", imageSrc: "http://img.b2bpic.net/free-photo/achievement-muscle-gym-man-active_1139-707.jpg", imageAlt: "Sarah Chen"
|
|
},
|
|
{
|
|
id: "3", title: "David Martinez", subtitle: "Youth & Performance Coach", detail: "12+ years experience", imageSrc: "http://img.b2bpic.net/free-photo/achievement-muscle-gym-man-active_1139-707.jpg", imageAlt: "David Martinez"
|
|
},
|
|
{
|
|
id: "4", title: "Jessica Williams", subtitle: "Functional Fitness Coach", detail: "14+ years experience", imageSrc: "http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg", imageAlt: "Jessica Williams"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="What Our Clients Say"
|
|
description="Real success stories from members who transformed their fitness and achieved their goals."
|
|
tag="Testimonials"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "James Rodriguez", role: "Business Owner", company: "Tech Startup", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/females-gym-taking-photos_23-2148419828.jpg", imageAlt: "James Rodriguez"
|
|
},
|
|
{
|
|
id: "2", name: "Emma Thompson", role: "Athlete", company: "Competitive Runner", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-black-man-lifting-barbell-with-personal-trainer_1262-16411.jpg", imageAlt: "Emma Thompson"
|
|
},
|
|
{
|
|
id: "3", name: "Michael Park", role: "Senior Fitness", company: "Age 65+", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/athlete-swings-triceps-with-dumbbells-gym-healthy-sports-lifestyle_169016-59110.jpg", imageAlt: "Michael Park"
|
|
},
|
|
{
|
|
id: "4", name: "Lisa Anderson", role: "Mom", company: "Post-Pregnancy Recovery", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-psd/gym-fitness-instagram-facebook-story-template_106176-5298.jpg", imageAlt: "Lisa Anderson"
|
|
},
|
|
{
|
|
id: "5", name: "Robert Chen", role: "Weight Loss", company: "Transformation Journey", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205574.jpg", imageAlt: "Robert Chen"
|
|
},
|
|
{
|
|
id: "6", name: "Victoria Martinez", role: "Strength Builder", company: "Fitness Enthusiast", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-high-five-gym_23-2149049819.jpg", imageAlt: "Victoria Martinez"
|
|
}
|
|
]}
|
|
kpiItems={[
|
|
{ value: "98%", label: "Client Satisfaction" },
|
|
{ value: "6 months", label: "Average Result Timeline" },
|
|
{ value: "1000+", label: "Lives Transformed" }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get Started"
|
|
title="Ready to Transform Your Fitness?"
|
|
description="Join T.O.O.T.H and connect with our elite trainers. Enter your email and phone number, and we'll reach out to discuss your fitness goals and create a personalized training plan."
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "rotated-rays-animated" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="your.email@example.com"
|
|
buttonText="Contact Me"
|
|
termsText="We'll contact you within 24 hours to discuss your fitness goals and find the perfect training program for you."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Navigation", items: [
|
|
{ label: "Home", href: "#" },
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Services", href: "#features" },
|
|
{ label: "Team", href: "#team" }
|
|
]
|
|
},
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Personal Training", href: "#features" },
|
|
{ label: "Group Classes", href: "#features" },
|
|
{ label: "Youth Programs", href: "#features" },
|
|
{ label: "Custom Plans", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "Newsletter", href: "#contact" },
|
|
{ label: "Follow Us", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2025 T.O.O.T.H Elite Training. All rights reserved."
|
|
bottomRightText="Transforming Lives Through Fitness"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|