bender/eeb45f87-9d22-4954-be28-6178c0dd6674
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-12 06:17:29 +00:00
parent f9134e0d0e
commit 190a3c9b82
1 changed files with 55 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

181
src/app/page.tsx
View File

@@ -7,191 +7,120 @@ import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
import TextAbout from "@/components/sections/about/TextAbout"; import TextAbout from "@/components/sections/about/TextAbout";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne"; import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven"; import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
import FeatureBento from "@/components/sections/feature/FeatureBento"; import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne"; import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm"; import ContactCTA from "@/components/sections/contact/ContactCTA";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterSimple from "@/components/sections/footer/FooterSimple"; import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Award, TrendingUp, Trophy, Zap, Star, Dumbbell, Heart, Lightbulb, Compass, Mail, Instagram, Twitter, Linkedin } from "lucide-react"; import { Award, Dumbbell, Zap, Star, ShieldCheck, CheckCircle2 } from "lucide-react";
export default function PersonalTrainerPage() { export default function ChristinaFitLifePage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="directional-hover" defaultButtonVariant="hover-bubble"
defaultTextAnimation="background-highlight" defaultTextAnimation="reveal-blur"
borderRadius="pill" borderRadius="soft"
contentWidth="medium" contentWidth="medium"
sizing="mediumLarge" sizing="medium"
background="aurora" background="noise"
cardStyle="gradient-bordered" cardStyle="glass-elevated"
primaryButtonStyle="primary-glow" primaryButtonStyle="gradient"
secondaryButtonStyle="layered" secondaryButtonStyle="glass"
headingFontWeight="semibold" headingFontWeight="semibold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ name: "Home", id: "home" }, { name: "Home", id: "hero" },
{ name: "About", id: "about" }, { name: "About", id: "about" },
{ name: "Certifications", id: "achievements" }, { name: "Programs", id: "services" },
{ name: "Services", id: "services" }, { name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" }
]} ]}
brandName="Personal Trainer" brandName="Christina’s Fit Life"
bottomLeftText="Certified Professional"
bottomRightText="contact@trainer.com"
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitKpi <HeroSplitKpi
title="Transform Your Body, Transform Your Life" title="Elevate Your Life, One Step at a Time"
description="Expert personal training designed for your goals. Whether you're starting your fitness journey or taking your performance to the next level, I provide personalized coaching, proven methods, and unwavering support to help you achieve lasting results." description="Customized fitness coaching designed for the busy mom who wants to regain her confidence, vitality, and strength. Join a community built on balance, not deprivation."
background={{ variant: "rotated-rays-static-grid" }} background={{ variant: "sparkles-gradient" }}
kpis={[ kpis={[
{ value: "500+", label: "Clients Transformed" }, { value: "100%", label: "Personalized" },
{ value: "10+", label: "Years Experience" }, { value: "Flexible", label: "Approach" },
{ value: "95%", label: "Goal Achievement Rate" } { value: "Mom-Tested", label: "Methods" }
]} ]}
enableKpiAnimation={true} enableKpiAnimation={true}
tag="Professional Coach"
tagIcon={Award}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DbxJR6IxC1XHwzUSsYvpr3NNCx/uploaded-1778565239456-76fxax8u.jpg"
imageAlt="Professional Personal Trainer"
imagePosition="right"
buttons={[ buttons={[
{ text: "Start Your Journey", href: "#about" }, { text: "Apply for Coaching", href: "#contact" },
{ text: "View Training Programs", href: "#services" } { text: "View Programs", href: "#services" },
{ text: "Learn More", href: "#about" }
]} ]}
mediaAnimation="slide-up" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DbxJR6IxC1XHwzUSsYvpr3NNCx/uploaded-1778565239456-76fxax8u.jpg"
imageAlt="Christina fit life"
/> />
</div> </div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TextAbout <TextAbout
title="My Commitment to Your Success: Every client deserves a personalized approach. With over a decade of experience in fitness coaching, I combine evidence-based training methods with genuine passion for helping you reach your potential. My philosophy centers on sustainable results, injury prevention, and building habits that last a lifetime." title="Hi, I'm Christina. I know the unique challenges of being a mom and wanting to feel like yourself again. My mission is to simplify fitness so you can thrive as a parent and a woman, without the burnout."
useInvertedBackground={false} ariaLabel="About section"
buttons={[
{ text: "Learn My Story", href: "#achievements" },
{ text: "Explore Methods", href: "#philosophy" }
]}
/>
</div>
<div id="achievements" data-section="achievements">
<MetricCardOne
title="Professional Credentials & Experience"
description="Certified expertise in personal training and athletic development"
tag="Qualifications"
tagIcon={TrendingUp}
metrics={[
{ id: "1", value: "150", title: "Certified Personal Trainer", description: "National Academy of Sports Medicine certification", icon: Trophy },
{ id: "2", value: "500", title: "Specializations", description: "Strength, conditioning, nutrition, mobility, recovery", icon: Zap },
{ id: "3", value: "950", title: "Success Stories", description: "Clients who achieved their fitness goals with guidance", icon: Star },
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/> />
</div> </div>
<div id="services" data-section="services"> <div id="services" data-section="services">
<FeatureCardSeven <FeatureCardSeven
title="Personalized Training Programs" title="My Coaching Programs"
description="Customized fitness solutions tailored to your unique goals and lifestyle" description="Progressive paths to your best self."
tag="Service Offerings" tag="Coaching"
tagIcon={Dumbbell} tagIcon={Dumbbell}
features={[ features={[
{ { title: "Foundation", description: "Building healthy habits and establishing your base.", imageSrc: "https://img.b2bpic.net/free-photo/people-training-athletics_23-2151077709.jpg?id=150856792" },
title: "One-on-One Personal Training", description: "Individual coaching sessions focused entirely on your goals, form, and progression. Each workout is designed based on your fitness level, preferences, and objectives with real-time feedback and adjustments.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DbxJR6IxC1XHwzUSsYvpr3NNCx/uploaded-1778565319822-rjdf8fid.jpg", imageAlt: "One-on-one personal training session" { title: "Elevation", description: "Taking your fitness to the next level of performance.", imageSrc: "https://img.b2bpic.net/free-photo/people-training-athletics_23-2151077709.jpg?id=150856792" },
}, { title: "Transformation", description: "Complete lifestyle shift for long-term health.", imageSrc: "https://img.b2bpic.net/free-photo/people-training-athletics_23-2151077709.jpg?id=150856792" }
{
title: "Small Group Training Classes", description: "Build community while reaching your fitness goals in small, focused groups. Receive personalized attention in a motivating environment with other like-minded individuals committed to transformation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DbxJR6IxC1XHwzUSsYvpr3NNCx/uploaded-1778565341961-l7pyl2nu.jpg", imageAlt: "Small group fitness class"
},
{
title: "Online Coaching Programs", description: "Train from anywhere with customized workout plans, nutrition guidance, and video form checks. Stay connected with regular progress assessments and program adjustments based on your results and feedback.", imageSrc: "https://img.b2bpic.net/free-photo/people-training-athletics_23-2151077709.jpg?id=150856792", imageAlt: "Online fitness coaching platform"
}
]} ]}
textboxLayout="default"
animationType="slide-up" animationType="slide-up"
useInvertedBackground={false} useInvertedBackground={false}
buttons={[
{ text: "Book Consultation", href: "#contact" }
]}
/> />
</div> </div>
<div id="philosophy" data-section="philosophy"> <div id="pricing" data-section="pricing">
<FeatureBento <PricingCardOne
title="My Training Philosophy" title="Investment Options"
description="Holistic approach to fitness and wellness" description="Flexible payment plans to suit your budget, including Affirm and Afterpay."
tag="Training Method" plans={[
tagIcon={Compass} { id: "plan1", badge: "Affirm/Afterpay", price: "$199/mo", subtitle: "Essential access", features: ["Custom workouts", "Support"] },
features={[ { id: "plan2", badge: "Most Popular", price: "$299/mo", subtitle: "Complete transformation", features: ["Custom workouts", "Nutrition", "Weekly check-ins"] },
{ { id: "plan3", badge: "Premium", price: "$499/mo", subtitle: "1-on-1 focus", features: ["Personal coaching", "Direct access", "Full support"] }
title: "Progressive Overload", description: "Systematically increase intensity and challenge to drive continuous improvement and prevent plateaus in your fitness journey", bentoComponent: "animated-bar-chart"
},
{
title: "Functional Fitness", description: "Training that improves real-world strength, mobility, and movement patterns for better performance in daily life", bentoComponent: "3d-stack-cards", items: [
{ icon: Dumbbell, title: "Strength", subtitle: "Build Power", detail: "Compound movements for lasting gains" },
{ icon: Heart, title: "Endurance", subtitle: "Boost Stamina", detail: "Cardiovascular and muscular conditioning" },
{ icon: Lightbulb, title: "Mobility", subtitle: "Improve Range", detail: "Enhanced flexibility and joint health" }
]
},
{
title: "Sustainable Habits", description: "Build consistent routines that fit your lifestyle and lead to long-term results, not quick fixes", bentoComponent: "timeline", heading: "Your Training Journey", subheading: "Three phases to transformation", items: [
{ label: "Foundation", detail: "Building proper form and establishing baseline fitness" },
{ label: "Progression", detail: "Gradually increasing intensity and complexity" },
{ label: "Mastery", detail: "Peak performance and maintaining long-term results" }
],
completedLabel: "Your transformation begins"
}
]} ]}
textboxLayout="default"
animationType="slide-up" animationType="slide-up"
useInvertedBackground={true} useInvertedBackground={true}
buttons={[
{ text: "Start Training", href: "#contact" }
]}
/> />
</div> </div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<SocialProofOne <SocialProofOne
title="Trusted by Fitness Enthusiasts" title="Social Community"
description="Hear from clients who have achieved their transformation goals." names={["Instagram", "Facebook", "Twitter", "LinkedIn"]}
names={["Jessica C.", "Marcus R.", "David W.", "Alex K.", "Sarah P.", "Jordan B.", "Elena M.", "Kevin L."]} description="Follow along for daily tips and mom-hacks."
useInvertedBackground={false}
textboxLayout="default"
/> />
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactCTA
title="Ready to Start Your Transformation?" tag="Join the Movement"
description="Fill out the form below to book your free consultation and kickstart your fitness journey. I look forward to working with you!" title="Ready to start your journey?"
inputs={[ description="Apply today to reserve your spot in my coaching program."
{ name: "name", type: "text", placeholder: "Full Name" }, buttons={[{ text: "Submit Application", href: "#contact" }]}
{ name: "email", type: "email", placeholder: "Email Address" } background={{ variant: "sparkles-gradient" }}
]} useInvertedBackground={false}
textarea={{ name: "goals", placeholder: "Briefly describe your fitness goals..." }}
buttonText="Submit Request"
onSubmit={(data) => console.log(data)}
useInvertedBackground={true}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DbxJR6IxC1XHwzUSsYvpr3NNCx/uploaded-1778565369691-92lmelu9.jpg"
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterSimple <FooterSimple
columns={[ columns={[{ title: "Company", items: [{ label: "About" }, { label: "Privacy" }] }]}
{ title: "Company", items: [{ label: "About" }, { label: "Careers" }] },
{ title: "Support", items: [{ label: "Contact" }, { label: "FAQ" }] },
{ title: "Legal", items: [{ label: "Privacy Policy" }, { label: "Terms of Service" }] }
]}
bottomLeftText="© 2025 Professional Personal Training"
bottomRightText="All rights reserved."
/> />
</div> </div>
</ReactLenis> </ReactLenis>