212 lines
11 KiB
TypeScript
212 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Award, Brain, Calendar, Clock, Facebook, Heart, Instagram, Lightbulb, Linkedin, Mail, Sun, Trophy, TrendingUp, Users, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="mediumLarge"
|
|
background="none"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="inset-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="Elite Swimming Coach"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "features" },
|
|
{ name: "Coaching", id: "bento" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
bottomLeftText="Elite Swimming Academy"
|
|
bottomRightText="coach@eliteswimming.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Olympic-Level Swimming Coaching"
|
|
description="Transform your technique and achieve peak performance with personalized 1-on-1 coaching from an elite swimming coach with Olympic experience. Master the fundamentals, break through plateaus, and unlock your full potential in the water."
|
|
tag="Professional Coaching"
|
|
tagIcon={Award}
|
|
background={{ variant: "plain" }}
|
|
kpis={[
|
|
{ value: "20+", label: "Years Experience" },
|
|
{ value: "500+", label: "Athletes Trained" },
|
|
{ value: "15+", label: "Competition Records" }
|
|
]}
|
|
enableKpiAnimation={true}
|
|
imageSrc="https://img.b2bpic.net/free-photo/portrait-woman-competing-olympic-games-championship_23-2151460420.jpg"
|
|
imageAlt="Olympic swimmer in action"
|
|
imagePosition="right"
|
|
buttons={[
|
|
{ text: "Book First Session", href: "#contact" },
|
|
{ text: "Learn More", href: "#about" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="About Your Coach"
|
|
title="Dedicated to Bringing Out Your Best in Every Stroke"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "View Credentials", href: "#metrics" },
|
|
{ text: "Get Started", href: "#contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
title="Proven Track Record"
|
|
description="Exceptional results in competitive swimming development and athlete transformation"
|
|
tag="Achievements"
|
|
tagIcon={Trophy}
|
|
metrics={[
|
|
{
|
|
id: "1", value: "20+", title: "Years", description: "Elite coaching experience and mentorship", icon: Calendar
|
|
},
|
|
{
|
|
id: "2", value: "500+", title: "Athletes", description: "Successfully trained and coached swimmers", icon: Users
|
|
},
|
|
{
|
|
id: "3", value: "150+", title: "Records", description: "Personal bests and competition achievements", icon: TrendingUp
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSeven
|
|
title="Comprehensive Coaching Services"
|
|
description="Personalized training programs designed for your specific goals and swimming level"
|
|
tag="What We Offer"
|
|
tagIcon={Zap}
|
|
textboxLayout="default"
|
|
animationType="blur-reveal"
|
|
useInvertedBackground="noInvert"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Technique Refinement", description: "Develop proper stroke mechanics with detailed analysis and real-time feedback. Perfect your form in all four competitive strokes for maximum efficiency and speed.", imageSrc: "https://img.b2bpic.net/free-photo/rear-view-man-preparing-swimming-goggles_171337-7585.jpg", imageAlt: "Swimming technique coaching session"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Performance Training", description: "Build strength, endurance, and speed through customized workout programs. Train at the intensity level that challenges you and drives measurable improvements.", imageSrc: "https://img.b2bpic.net/free-photo/two-schoolgirl-water-polo-players-listening-teacher-poolside-have-fun-play-splash-blue-swimming-pool_1157-50615.jpg", imageAlt: "Coach demonstrating training methods"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Race Preparation", description: "Get ready for competition with strategic race plans and mental conditioning. Learn pacing strategies and competition psychology to perform your best when it matters.", imageSrc: "https://img.b2bpic.net/free-photo/athlete-holding-gold-medal-closeup_23-2148990940.jpg", imageAlt: "Olympic medals representing achievement"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="bento" data-section="bento">
|
|
<FeatureBento
|
|
title="Advanced Training Methods"
|
|
description="Cutting-edge techniques and proven coaching methodologies for competitive swimmers"
|
|
tag="Coaching Philosophy"
|
|
tagIcon={Lightbulb}
|
|
textboxLayout="default"
|
|
animationType="blur-reveal"
|
|
useInvertedBackground="invertDefault"
|
|
features={[
|
|
{
|
|
title: "Video Analysis", description: "Advanced stroke analysis using video technology to identify areas for improvement and track progress", bentoComponent: "timeline", heading: "Your Progress Timeline", subheading: "Track improvement through each coaching phase", items: [
|
|
{ label: "Assessment Phase", detail: "Initial evaluation of current technique and fitness level" },
|
|
{ label: "Development Phase", detail: "Focused training on identified improvement areas" },
|
|
{ label: "Competition Phase", detail: "Peak training and race-specific preparation" }
|
|
],
|
|
completedLabel: "Achieved"
|
|
},
|
|
{
|
|
title: "Strength & Conditioning", description: "Targeted dryland exercises and gym training to build swimming-specific strength", bentoComponent: "icon-info-cards", items: [
|
|
{ icon: Zap, label: "Power", value: "Explosive strength" },
|
|
{ icon: Heart, label: "Cardiovascular", value: "Aerobic capacity" }
|
|
]
|
|
},
|
|
{
|
|
title: "Mental Training", description: "Develop mental toughness, focus, and confidence for competition", bentoComponent: "reveal-icon", icon: Brain
|
|
},
|
|
{
|
|
title: "Weekly Training Focus", description: "Flexible coaching sessions designed around your availability", bentoComponent: "3d-task-list", title: "Training Schedule", items: [
|
|
{ icon: Clock, label: "Morning sessions", time: "6:00 AM" },
|
|
{ icon: Sun, label: "Evening sessions", time: "5:00 PM" },
|
|
{ icon: Calendar, label: "Weekend training", time: "9:00 AM" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="Working with this coach transformed my swimming. In just six months, I dropped 5 seconds off my personal best. The personalized attention and expert technique guidance made all the difference in my training."
|
|
rating={5}
|
|
author="Sarah Mitchell, Competitive Swimmer"
|
|
avatars={[
|
|
{ src: "https://img.b2bpic.net/free-photo/swimmer-coach-discussing-by-pool-european-ethnicity-leisure-center_1157-49312.jpg", alt: "Sarah Mitchell" },
|
|
{ src: "https://img.b2bpic.net/free-photo/woman-trainer-showing-swimmer-his-results-she-is-holding-clipboard-talking-man_1157-49334.jpg", alt: "James Chen" },
|
|
{ src: "https://img.b2bpic.net/free-photo/woman-trainer-giving-high-five-swimmer-she-is-holding-clipboard-success-concept_1157-49336.jpg", alt: "Emma Rodriguez" },
|
|
{ src: "https://img.b2bpic.net/free-photo/water-polo-players-pool-with-swimming-equipment_23-2150893919.jpg", alt: "Michael Johnson" }
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Ready to Improve?"
|
|
tagIcon={Mail}
|
|
title="Book Your First Coaching Session"
|
|
description="Take the first step toward swimming excellence. Get in touch to discuss your goals, schedule your initial consultation, and start your transformation journey with expert personalized coaching."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground="invertDefault"
|
|
imageSrc="https://img.b2bpic.net/free-photo/happy-male-swimmer-holding-starting-block_171337-7792.jpg"
|
|
imageAlt="Olympic pool coaching environment"
|
|
mediaPosition="right"
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Schedule Session"
|
|
termsText="We respect your privacy. We'll only use your email to confirm your coaching session and send relevant updates."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Elite Swimming Coach"
|
|
copyrightText="© 2025 Elite Swimming Coach. All rights reserved. Professional coaching for champions."
|
|
socialLinks={[
|
|
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
|
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
|
|
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |