26 Commits

Author SHA1 Message Date
db7c1243ed Merge version_8 into main
Merge version_8 into main
2026-05-12 06:34:42 +00:00
cf6376c902 Update src/app/page.tsx 2026-05-12 06:34:39 +00:00
0347d7c0b6 Merge version_8 into main
Merge version_8 into main
2026-05-12 06:18:32 +00:00
4f2ea7a93b Update src/app/page.tsx 2026-05-12 06:18:28 +00:00
e0926e0e4e Merge version_8 into main
Merge version_8 into main
2026-05-12 06:18:08 +00:00
bd1d310ef9 Update src/app/page.tsx 2026-05-12 06:18:02 +00:00
dfd8b213fb Merge version_8 into main
Merge version_8 into main
2026-05-12 06:17:32 +00:00
41ac7fee4b Update src/app/styles/base.css 2026-05-12 06:17:29 +00:00
190a3c9b82 Update src/app/page.tsx 2026-05-12 06:17:29 +00:00
f9134e0d0e Update src/app/layout.tsx 2026-05-12 06:17:28 +00:00
51de695da7 Merge version_7 into main
Merge version_7 into main
2026-05-12 06:03:05 +00:00
fe53eeaf54 Update theme colors 2026-05-12 06:03:01 +00:00
9bf0f8a576 Merge version_6 into main
Merge version_6 into main
2026-05-12 06:02:56 +00:00
6f4c5c34da Update theme colors 2026-05-12 06:02:52 +00:00
cefeb160d2 Merge version_5 into main
Merge version_5 into main
2026-05-12 06:02:37 +00:00
1dc2fbd55b Update theme colors 2026-05-12 06:02:34 +00:00
f033eecab4 Merge version_4 into main
Merge version_4 into main
2026-05-12 06:01:54 +00:00
2b307e2205 Update theme colors 2026-05-12 06:01:48 +00:00
e9fd1637e0 Merge version_3 into main
Merge version_3 into main
2026-05-12 06:00:57 +00:00
9b666b8030 Update theme colors 2026-05-12 06:00:53 +00:00
4915a8924d Merge version_2 into main
Merge version_2 into main
2026-05-12 05:56:43 +00:00
8ad113ce63 Update src/app/page.tsx 2026-05-12 05:56:40 +00:00
c59562bd2d Merge version_2 into main
Merge version_2 into main
2026-05-12 05:48:51 +00:00
8c11a86c2d Update src/app/styles/variables.css 2026-05-12 05:48:48 +00:00
a3ef41de6f Update src/app/styles/base.css 2026-05-12 05:48:48 +00:00
3fd1aafdb2 Update src/app/page.tsx 2026-05-12 05:48:47 +00:00
4 changed files with 81 additions and 180 deletions

View File

@@ -6,20 +6,16 @@ import "@/lib/gsap-setup";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Playfair_Display } from "next/font/google";
import { Montserrat } from "next/font/google";
const halant = Halant({
variable: "--font-halant",
subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
export const metadata: Metadata = { title: 'Elite Fitness Coaching | Transform Your Body & Mind', description: 'Achieve your peak performance with personalized fitness training, custom nutrition plans, and expert guidance tailored to your unique health goals.' };
const playfair = Playfair_Display({ variable: "--font-playfair", subsets: ["latin"], weight: ["400", "500", "600", "700", "800", "900"] });
const montserrat = Montserrat({ variable: "--font-montserrat", subsets: ["latin"] });
export default function RootLayout({
children,
}: Readonly<{
@@ -28,9 +24,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} antialiased`}
>
<body className={`${playfair.variable} ${montserrat.variable} antialiased`}>
<Tag />
{children}
<script

View File

@@ -5,221 +5,128 @@ 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, TrendingUp, Trophy, Zap, Star, Dumbbell, Heart, Lightbulb, Compass, Mail, Instagram, Twitter, Linkedin } from "lucide-react";
import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Dumbbell } from "lucide-react";
export default function PersonalTrainerPage() {
export default function ChristinaFitLifePage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="background-highlight"
borderRadius="pill"
defaultButtonVariant="hover-bubble"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="medium"
sizing="mediumLarge"
background="aurora"
cardStyle="gradient-bordered"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
sizing="medium"
background="noise"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "home" },
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Certifications", id: "achievements" },
{ name: "Services", id: "services" },
{ name: "Programs", id: "services" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" }
]}
brandName="Personal Trainer"
bottomLeftText="Certified Professional"
bottomRightText="contact@trainer.com"
brandName="Christinas Fit Life"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
title="Transform Your Body, Transform Your Life"
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."
background={{ variant: "rotated-rays-static-grid" }}
title="Elevate Your Life, One Step at a Time"
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: "sparkles-gradient" }}
kpis={[
{ value: "500+", label: "Clients Transformed" },
{ value: "10+", label: "Years Experience" },
{ value: "95%", label: "Goal Achievement Rate" }
{ value: "100%", label: "Personalized" },
{ value: "Flexible", label: "Approach" },
{ value: "Mom-Tested", label: "Methods" }
]}
enableKpiAnimation={true}
tag="Professional Coach"
tagIcon={Award}
imageSrc="https://img.b2bpic.net/premium-photo/portrait-men-happy-sports-court-with-squash-racket-fitness-game-exercise-performance-smile-athlete-people-equipment-play-match-club-tournament-practice-competition_590464-483720.jpg?id=382939786"
imageAlt="Professional Personal Trainer"
imagePosition="right"
buttons={[
{ text: "Start Your Journey", href: "#about" },
{ text: "View Training Programs", href: "#services" }
{ text: "Apply for Coaching", href: "#contact" },
{ 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 id="about" data-section="about">
<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."
useInvertedBackground={false}
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"
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"
/>
</div>
<div id="services" data-section="services">
<FeatureCardSeven
title="Personalized Training Programs"
description="Customized fitness solutions tailored to your unique goals and lifestyle"
tag="Service Offerings"
title="My Coaching Programs"
description="Progressive paths to your best self."
tag="Coaching"
tagIcon={Dumbbell}
features={[
{
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://img.b2bpic.net/free-photo/group-people-working-out-together-outdoors_23-2149891467.jpg?id=34137118",
imageAlt: "One-on-one personal training session"
},
{
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://img.b2bpic.net/premium-photo/coach-reviewing-playbook-with-team_1314467-168780.jpg?id=324598511",
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"
}
{ 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&_wi=1" },
{ title: "Elevation", description: "Taking your fitness to the next level of performance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DbxJR6IxC1XHwzUSsYvpr3NNCx/uploaded-1778565319822-rjdf8fid.jpg" },
{ title: "Transformation", description: "Complete lifestyle shift for long-term health.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DbxJR6IxC1XHwzUSsYvpr3NNCx/uploaded-1778565341961-l7pyl2nu.jpg" }
]}
textboxLayout="default"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[
{ text: "Book Consultation", href: "#contact" }
]}
/>
</div>
<div id="philosophy" data-section="philosophy">
<FeatureBento
title="My Training Philosophy"
description="Holistic approach to fitness and wellness"
tag="Training Method"
tagIcon={Compass}
features={[
{
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"
}
<div id="pricing" data-section="pricing">
<PricingCardOne
title="Investment Options"
description="Flexible payment plans to suit your budget, including Affirm and Afterpay."
plans={[
{ id: "plan1", badge: "Affirm/Afterpay", price: "$199/mo", subtitle: "Essential access", features: ["Custom workouts", "Support"] },
{ 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"] }
]}
textboxLayout="default"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
buttons={[
{ text: "Start Training", href: "#contact" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
testimonial="Working with this trainer completely changed my relationship with fitness. The personalized approach, constant encouragement, and professional expertise made all the difference. I not only achieved my goals but discovered a passion for training I never knew I had."
rating={5}
author="Jessica Chen, Fitness Enthusiast"
avatars={[
{ src: "https://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-5321.jpg", alt: "Jessica Chen" },
{ src: "https://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-19200.jpg", alt: "Marcus R." },
{ src: "https://img.b2bpic.net/free-photo/masculanity-strength-power-concept-picture-handsome-fit-young-afro-american-bodybuilder-with-bald-head-smoothly-shaven-face-looking-camera-with-confident-serious-facial-expression_343059-336.jpg", alt: "David W." },
{ src: "https://img.b2bpic.net/free-photo/portrait-smiling-afro-american-sports-man-with-arms-folded-looking-camera_171337-8263.jpg", alt: "Alex K." }
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
useInvertedBackground={true}
<SocialProofOne
title="Social Community"
names={["Instagram", "Facebook", "Twitter", "LinkedIn"]}
description="Follow along for daily tips and mom-hacks."
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
background={{ variant: "plain" }}
tag="Ready to Transform?"
title="Start Your Fitness Journey Today"
description="Take the first step toward the healthier, stronger version of yourself. Schedule a free consultation to discuss your goals, learn about personalized training options, and discover how we can work together to achieve results."
<ContactCTA
tag="Join the Movement"
title="Ready to start your journey?"
description="Apply today to reserve your spot in my coaching program."
buttons={[{ text: "Submit Application", href: "#contact" }]}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
imageSrc="https://img.b2bpic.net/free-photo/front-view-man-with-swimming-equipment_23-2150465483.jpg"
imageAlt="Fitness training inspiration"
mediaPosition="right"
mediaAnimation="slide-up"
tagIcon={Mail}
inputPlaceholder="your@email.com"
buttonText="Get Started"
termsText="We respect your privacy. Unsubscribe at any time."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Personal Trainer"
copyrightText="© 2025 Professional Personal Training. All rights reserved."
socialLinks={[
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
{ icon: Mail, href: "mailto:contact@trainer.com", ariaLabel: "Email" }
]}
<FooterSimple
columns={[{ title: "Company", items: [{ label: "About" }, { label: "Privacy" }] }]}
bottomLeftText="© 2025 Christinas Fit Life"
bottomRightText="All rights reserved."
/>
</div>
</ReactLenis>

View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-inter-tight), sans-serif;
font-family: var(--font-playfair), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-inter-tight), sans-serif;
font-family: var(--font-playfair), serif;
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #e3deea;
--card: #ffffff;
--foreground: #27231f;
--primary-cta: #27231f;
--primary-cta-text: #e3deea;
--background: #fffafa;
--card: #fff7f7;
--foreground: #1a0000;
--primary-cta: #e63946;
--primary-cta-text: #fffafa;
--secondary-cta: #ffffff;
--secondary-cta-text: #27231f;
--accent: #c68a62;
--background-accent: #c68a62;
--secondary-cta-text: #1a0000;
--accent: #f5c4c7;
--background-accent: #f09199;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);