6 Commits

Author SHA1 Message Date
2b307e2205 Update theme colors 2026-05-12 06:01:48 +00:00
9b666b8030 Update theme colors 2026-05-12 06:00:53 +00:00
8ad113ce63 Update src/app/page.tsx 2026-05-12 05:56:40 +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
3 changed files with 45 additions and 73 deletions

View File

@@ -8,9 +8,10 @@ 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 SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterCard from "@/components/sections/footer/FooterCard";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Award, TrendingUp, Trophy, Zap, Star, Dumbbell, Heart, Lightbulb, Compass, Mail, Instagram, Twitter, Linkedin } from "lucide-react";
export default function PersonalTrainerPage() {
@@ -55,7 +56,7 @@ export default function PersonalTrainerPage() {
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"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DbxJR6IxC1XHwzUSsYvpr3NNCx/uploaded-1778565239456-76fxax8u.jpg"
imageAlt="Professional Personal Trainer"
imagePosition="right"
buttons={[
@@ -103,22 +104,13 @@ export default function PersonalTrainerPage() {
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: "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: "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: "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"
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"
@@ -138,27 +130,17 @@ export default function PersonalTrainerPage() {
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: "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: [
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: [
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" }
@@ -176,53 +158,43 @@ export default function PersonalTrainerPage() {
</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="Trusted by Fitness Enthusiasts"
description="Hear from clients who have achieved their transformation goals."
names={["Jessica C.", "Marcus R.", "David W.", "Alex K.", "Sarah P.", "Jordan B.", "Elena M.", "Kevin L."]}
useInvertedBackground={false}
textboxLayout="default"
/>
</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."
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."
<ContactSplitForm
title="Ready to Start Your Transformation?"
description="Fill out the form below to book your free consultation and kickstart your fitness journey. I look forward to working with you!"
inputs={[
{ name: "name", type: "text", placeholder: "Full Name" },
{ name: "email", type: "email", placeholder: "Email Address" }
]}
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 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: "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>
</ReactLenis>
</ThemeProvider>
);
}
}

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-inter), 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-libre-baskerville), serif;
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #e3deea;
--background: #f7f6f7;
--card: #ffffff;
--foreground: #27231f;
--primary-cta: #27231f;
--primary-cta-text: #e3deea;
--foreground: #250c0d;
--primary-cta: #b82b40;
--primary-cta-text: #f7f6f7;
--secondary-cta: #ffffff;
--secondary-cta-text: #27231f;
--accent: #c68a62;
--background-accent: #c68a62;
--secondary-cta-text: #250c0d;
--accent: #b90941;
--background-accent: #e8a8b6;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);