265 lines
12 KiB
TypeScript
265 lines
12 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 {
|
|
Sparkles,
|
|
Heart,
|
|
TrendingUp,
|
|
CheckCircle,
|
|
Zap,
|
|
Clock,
|
|
Users,
|
|
Target,
|
|
Dumbbell,
|
|
Activity,
|
|
Apple,
|
|
Droplets,
|
|
Flame,
|
|
MessageCircle,
|
|
User,
|
|
ArrowRight,
|
|
Instagram,
|
|
Facebook,
|
|
Linkedin,
|
|
Twitter,
|
|
} from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="mediumLarge"
|
|
background="circleGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "features" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="ProFit Coaching"
|
|
bottomLeftText="Transform Your Body"
|
|
bottomRightText="coach@profitcoaching.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{ variant: "sparkles-gradient" }}
|
|
title="Transform Your Body, Elevate Your Life"
|
|
description="Expert personal coaching tailored to your fitness goals. Whether you're starting your fitness journey or pushing toward peak performance, our certified coaches deliver results."
|
|
kpis={[
|
|
{ value: "500+", label: "Successful Transformations" },
|
|
{ value: "98%", label: "Client Satisfaction Rate" },
|
|
{ value: "10+", label: "Years of Experience" },
|
|
]}
|
|
enableKpiAnimation={true}
|
|
tag="Professional Coaching"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Start Your Transformation", href: "#contact" },
|
|
{ text: "Learn More", href: "#about" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/achievement-muscle-gym-man-active_1139-707.jpg"
|
|
imageAlt="Professional fitness coach"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="About ProFit Coaching"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
title="We believe in personalized coaching that delivers real results through expert guidance, proven methods, and unwavering support"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "View Our Approach", href: "#features" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
title="Our Impact"
|
|
description="Proven results that speak for themselves. Join hundreds of satisfied clients who've achieved their fitness goals."
|
|
tag="Achievements"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "2000", title: "Hours", description: "Of personalized coaching delivered", icon: Clock,
|
|
},
|
|
{
|
|
id: "2", value: "500", title: "Clients", description: "Successfully transformed", icon: Users,
|
|
},
|
|
{
|
|
id: "3", value: "98", title: "Percent", description: "Goal achievement rate", icon: Target,
|
|
},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSeven
|
|
title="Our Coaching Process"
|
|
description="A structured approach designed to maximize results and keep you motivated every step of the way."
|
|
tag="Proven Method"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Initial Assessment", description: "We start by understanding your fitness level, goals, and lifestyle. Our coaches perform a comprehensive evaluation to create your personalized roadmap.", imageSrc: "http://img.b2bpic.net/free-photo/young-sports-people-training-morning-gym_1157-32133.jpg", imageAlt: "Initial fitness assessment"},
|
|
{
|
|
id: 2,
|
|
title: "Custom Training Plan", description: "Based on your assessment, we design a detailed workout program tailored to your specific needs, available time, and equipment access.", imageSrc: "http://img.b2bpic.net/free-photo/achievement-muscle-gym-man-active_1139-707.jpg", imageAlt: "Training plan development"},
|
|
{
|
|
id: 3,
|
|
title: "Weekly Check-ins", description: "Regular progress tracking and form feedback ensure you're on track. We adjust your program based on your advancement and feedback.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-with-dumbbells-two-fitness-girls-sportswear-doing-lunges-with-dumbbells-modern-gym-health-diet-sport_613910-20774.jpg", imageAlt: "Weekly progress check-in"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="interactive" data-section="interactive">
|
|
<FeatureBento
|
|
title="Complete Coaching Solutions"
|
|
description="Comprehensive tools and services designed to support your fitness journey from start to finish."
|
|
tag="Services"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
title: "Workout Library", description: "Access to hundreds of exercises with video demonstrations and form guidance.", bentoComponent: "icon-info-cards", items: [
|
|
{ icon: Dumbbell, label: "Strength", value: "150+" },
|
|
{ icon: Activity, label: "Cardio", value: "80+" },
|
|
{ icon: Zap, label: "HIIT", value: "50+" },
|
|
],
|
|
},
|
|
{
|
|
title: "Progress Tracking", description: "Monitor your achievements with detailed analytics and visual progress reports.", bentoComponent: "line-chart"},
|
|
{
|
|
title: "Nutrition Guidance", description: "Personalized meal plans and nutritional advice to fuel your transformation.", bentoComponent: "3d-stack-cards", items: [
|
|
{
|
|
icon: Apple,
|
|
title: "Meal Plans", subtitle: "Customized", detail: "Tailored to your goals"},
|
|
{
|
|
icon: Droplets,
|
|
title: "Hydration", subtitle: "Daily Intake", detail: "Personalized targets"},
|
|
{
|
|
icon: Flame,
|
|
title: "Macro Balance", subtitle: "Optimized", detail: "For your training"},
|
|
],
|
|
},
|
|
{
|
|
title: "24/7 Support", description: "Chat with your coaches anytime for form checks, motivation, and guidance.", bentoComponent: "chat", aiIcon: MessageCircle, userIcon: User, exchanges: [
|
|
{
|
|
userMessage: "Is my form correct on this exercise?", aiResponse: "Send a video and I'll provide detailed feedback on your technique!"},
|
|
{
|
|
userMessage: "I'm struggling with motivation today.", aiResponse: "Remember your goals! Let's break today's workout into manageable parts."},
|
|
], placeholder: "Ask your coach anything..."},
|
|
]}
|
|
carouselMode="buttons"
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Explore Services", href: "#contact" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="ProFit Coaching completely transformed how I approach fitness. My coach didn't just create a workout plan—they changed my entire mindset about health and helped me achieve results I never thought possible. The personalized attention and ongoing support made all the difference in my 40-pound weight loss journey."
|
|
rating={5}
|
|
author="Sarah Martinez, Business Executive"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-girls-gym-sports-ladies-sportswear-friends-training_1157-44988.jpg", alt: "Sarah Martinez"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/fit-couple-sitting-floor-gym_23-2147949622.jpg", alt: "Client testimonial 2"},
|
|
{
|
|
src: "http://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", alt: "Client testimonial 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/indian-man-doing-excercisses-special-equipment-gym-with-personal-trainer_1157-51767.jpg", alt: "Client testimonial 4"},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get Started"
|
|
tagIcon={ArrowRight}
|
|
tagAnimation="slide-up"
|
|
title="Ready to Transform Your Fitness?"
|
|
description="Subscribe to our newsletter for exclusive training tips, nutrition advice, and insider motivation. Plus, get a free consultation to discuss your fitness goals with our coaches."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-hands-with-dumbbells-two-fitness-girls-sportswear-doing-lunges-with-dumbbells-modern-gym-health-diet-sport_613910-20774.jpg"
|
|
imageAlt="Fitness transformation inspiration"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Subscribe Now"
|
|
termsText="We respect your privacy. Unsubscribe at any time. Your transformation starts with a single step."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="ProFit"
|
|
copyrightText="© 2025 ProFit Coaching | Transforming Bodies, Changing Lives"
|
|
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"},
|
|
{
|
|
icon: Twitter,
|
|
href: "https://twitter.com", ariaLabel: "Twitter"},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|