Initial commit
This commit is contained in:
213
src/app/page.tsx
Normal file
213
src/app/page.tsx
Normal file
@@ -0,0 +1,213 @@
|
||||
"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, Muscle, 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="aurora"
|
||||
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: "aurora" }}
|
||||
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: Muscle, label: "Endurance", value: "Sustained effort" },
|
||||
{ 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user