Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -8,10 +8,11 @@ import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCa
 import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
 import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
 import FeatureBento from "@/components/sections/feature/FeatureBento";
-import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
+import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
+import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { Trophy, Mail, Dumbbell, Star, TrendingUp } from "lucide-react";
+import { Trophy, Dumbbell, Star, TrendingUp, CheckCircle } from "lucide-react";
 
 export default function PersonalTrainerPage() {
     return (
@@ -75,7 +76,7 @@ export default function PersonalTrainerPage() {
                         useInvertedBackground={true}
                         metrics={[
                             { id: "m1", value: "100%", title: "Elite Focus", description: "Calculated hypertrophy programming", imageSrc: "http://img.b2bpic.net/free-photo/young-powerful-sportsman-white-clothing-black-wall_176420-542.jpg?_wi=1" },
-                            { id: "m2", value: "50+", title: "Transformations", description: "Sculpted physiques globally", imageSrc: "http://img.b2bpic.net/free-photo/smiling-sporty-black-man-standing-with-his-arms-crossed_1262-16419.jpg" }
+                            { id: "m2", value: "50+", title: "Transformations", description: "Sculpted physiques globally", imageSrc: "http://img.b2bpic.net/free-photo/smiling-sporty-black-man-standing-with-his-arms-crossed_1262-16419.jpg?_wi=1" }
                         ]}
                     />
                 </div>
@@ -111,14 +112,28 @@ export default function PersonalTrainerPage() {
                     />
                 </div>
 
-                <div id="testimonials" data-section="testimonials">
+                <div id="offer" data-section="offer">
-                    <TestimonialCardTen
+                    <PricingCardOne
-                        title="Client Excellence"
+                        title="The Coaching Program"
-                        description="Testimonials from men who raised their standards."
+                        description="High-end programming and support structure for serious athletes."
+                        animationType="depth-3d"
                         textboxLayout="split"
                         useInvertedBackground={true}
+                        plans={[
+                            { id: "p1", badge: "Elite", price: "$499", subtitle: "Complete Transformation", features: ["Custom Training Split", "Advanced Nutrition Macros", "Weekly Check-ins", "24/7 Priority Support"] }
+                        ]}
+                    />
+                </div>
+
+                <div id="testimonials" data-section="testimonials">
+                    <TestimonialCardTwelve
+                        cardTitle="Client Success"
+                        cardTag="Results"
+                        cardAnimation="slide-up"
+                        useInvertedBackground={true}
                         testimonials={[
-                            { id: "t1", title: "Peak Status", quote: "Roshdy transformed my physique and my mindset completely.", name: "Alexander K.", role: "Executive Professional" }
+                            { id: "t1", name: "Alexander K.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-sporty-black-man-standing-with-his-arms-crossed_1262-16419.jpg?_wi=2" },
+                            { id: "t2", name: "Marcus R.", imageSrc: "http://img.b2bpic.net/free-photo/young-powerful-sportsman-white-clothing-black-wall_176420-542.jpg" }
                         ]}
                     />
                 </div>
@@ -128,7 +143,7 @@ export default function PersonalTrainerPage() {
                         title="Begin Your Transformation"
                         description="Submit your application to see if you qualify for 1-1 coaching"
                         inputs={[{ name: "name", type: "text", placeholder: "Name" }, { name: "email", type: "email", placeholder: "Email" }]}
-                        buttonText="Submit Application"
+                        buttonText="Apply for Coaching"
                         useInvertedBackground={true}
                         imageSrc="http://img.b2bpic.net/free-photo/athletic-woman-practicing-gymnastics_23-2150918093.jpg"
                     />

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
+  --background: #000000;
-  --card: #1a1a1a;
+  --card: #0f0f0f;
-  --foreground: #ffffffe6;
+  --foreground: #ffffff;
-  --primary-cta: #e6e6e6;
+  --primary-cta: #ffd600;
   --primary-cta-text: #e3deea;
   --secondary-cta: #1a1a1a;
   --secondary-cta-text: #27231f;
-  --accent: #737373;
+  --accent: #ffd600;
-  --background-accent: #737373;
+  --background-accent: #262626;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);