Update theme colors

src/app/page.tsx

@@ -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",
+                                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"
-                                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",
+                                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"
-                                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",
+                                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"
-                                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",
+                                title: "Progressive Overload",                                description: "Systematically increase intensity and challenge to drive continuous improvement and prevent plateaus in your fitness journey",                                bentoComponent: "animated-bar-chart"
-                                description: "Systematically increase intensity and challenge to drive continuous improvement and prevent plateaus in your fitness journey",
-                                bentoComponent: "animated-bar-chart"
                             },
                             {
-                                title: "Functional Fitness",
+                                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: [
-                                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",
+                                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: [
-                                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,50 +158,40 @@ export default function PersonalTrainerPage() {
                 </div>
 
                 <div id="testimonials" data-section="testimonials">
-                    <TestimonialCardFifteen
+                    <SocialProofOne
-                        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."
+                        title="Trusted by Fitness Enthusiasts"
-                        rating={5}
+                        description="Hear from clients who have achieved their transformation goals."
-                        author="Jessica Chen, Fitness Enthusiast"
+                        names={["Jessica C.", "Marcus R.", "David W.", "Alex K.", "Sarah P.", "Jordan B.", "Elena M.", "Kevin L."]}
-                        avatars={[
+                        useInvertedBackground={false}
-                            { src: "https://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-5321.jpg", alt: "Jessica Chen" },
+                        textboxLayout="default"
-                            { 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}
                     />
                 </div>
 
                 <div id="contact" data-section="contact">
-                    <ContactSplit
+                    <ContactSplitForm
-                        background={{ variant: "plain" }}
+                        title="Ready to Start Your Transformation?"
-                        tag="Ready to Transform?"
+                        description="Fill out the form below to book your free consultation and kickstart your fitness journey. I look forward to working with you!"
-                        title="Start Your Fitness Journey Today"
+                        inputs={[
-                        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."
+                            { name: "name", type: "text", placeholder: "Full Name" },
-                        useInvertedBackground={false}
+                            { name: "email", type: "email", placeholder: "Email Address" }
-                        imageSrc="https://img.b2bpic.net/free-photo/front-view-man-with-swimming-equipment_23-2150465483.jpg"
+                        ]}
-                        imageAlt="Fitness training inspiration"
+                        textarea={{ name: "goals", placeholder: "Briefly describe your fitness goals..." }}
-                        mediaPosition="right"
+                        buttonText="Submit Request"
-                        mediaAnimation="slide-up"
+                        onSubmit={(data) => console.log(data)}
-                        tagIcon={Mail}
+                        useInvertedBackground={true}
-                        inputPlaceholder="your@email.com"
+                        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DbxJR6IxC1XHwzUSsYvpr3NNCx/uploaded-1778565369691-92lmelu9.jpg"
-                        buttonText="Get Started"
-                        termsText="We respect your privacy. Unsubscribe at any time."
                     />
                 </div>
 
                 <div id="footer" data-section="footer">
-                    <FooterCard
+                    <FooterSimple
-                        logoText="Personal Trainer"
+                        columns={[
-                        copyrightText="© 2025 Professional Personal Training. All rights reserved."
+                            { title: "Company", items: [{ label: "About" }, { label: "Careers" }] },
-                        socialLinks={[
+                            { title: "Support", items: [{ label: "Contact" }, { label: "FAQ" }] },
-                            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
+                            { title: "Legal", items: [{ label: "Privacy Policy" }, { label: "Terms of Service" }] }
-                            { 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" }
                         ]}
+                        bottomLeftText="© 2025 Professional Personal Training"
+                        bottomRightText="All rights reserved."
                     />
                 </div>
             </ReactLenis>

src/app/styles/base.css

@@ -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;
 }

src/app/styles/variables.css

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