From db5b799a1a3e6213c5853553a29051bf87da871d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 28 Apr 2026 11:57:30 +0000
Subject: [PATCH 1/2] Update src/app/page.tsx

---
 src/app/page.tsx | 203 +++++++++++++++++------------------------------
 1 file changed, 72 insertions(+), 131 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 943d241..ad768d9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,28 +3,28 @@
 import ReactLenis from "lenis/react";
 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 HeroOverlay from "@/components/sections/hero/HeroOverlay";
+import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
+import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
+import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
 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 TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Trophy, Mail, Dumbbell, Star, TrendingUp } from "lucide-react";
 
 export default function PersonalTrainerPage() {
     return (
         <ThemeProvider
             defaultButtonVariant="directional-hover"
-            defaultTextAnimation="background-highlight"
-            borderRadius="pill"
+            defaultTextAnimation="reveal-blur"
+            borderRadius="soft"
             contentWidth="medium"
             sizing="mediumLarge"
-            background="aurora"
-            cardStyle="gradient-bordered"
-            primaryButtonStyle="primary-glow"
-            secondaryButtonStyle="layered"
+            background="noise"
+            cardStyle="solid"
+            primaryButtonStyle="flat"
+            secondaryButtonStyle="solid"
             headingFontWeight="semibold"
         >
             <ReactLenis root>
@@ -33,173 +33,114 @@ export default function PersonalTrainerPage() {
                         navItems={[
                             { name: "Home", id: "home" },
                             { name: "About", id: "about" },
-                            { name: "Philosophy", id: "philosophy" },
                             { name: "Services", id: "services" },
+                            { name: "Philosophy", id: "philosophy" }
                         ]}
                         brandName="ROSHDY PHYSIQUES"
-                        bottomLeftText="Elite Performance"
-                        bottomRightText="contact@roshdyphysiques.com"
                     />
                 </div>
 
                 <div id="hero" data-section="hero">
-                    <HeroSplitKpi
-                        title="UNLEASH YOUR ULTIMATE POTENTIAL"
-                        description="Roshdy Physiques delivers elite-level coaching, precision programming, and an uncompromising commitment to your aesthetic and strength goals. Elevate your physique with gold-standard methods."
-                        background={{ variant: "rotated-rays-static-grid" }}
-                        kpis={[
-                            { value: "100%", label: "Dedication" },
-                            { value: "PRO", label: "Elite Standard" },
-                            { value: "#FFD600", label: "Our Signature" }
-                        ]}
-                        enableKpiAnimation={true}
-                        tag="ROSHDY PHYSIQUES ELITE"
+                    <HeroOverlay
+                        title="ELITE PHYSIQUE ARCHITECTURE"
+                        description="Precision-engineered coaching for men demanding excellence. We redefine limits through scientific programming and unwavering discipline."
+                        tag="ROSHDY PHYSIQUES"
                         tagIcon={Trophy}
                         imageSrc="http://img.b2bpic.net/free-photo/adult-training-body-building_23-2149660995.jpg"
-                        imageAlt="Elite Fitness Transformation"
-                        imagePosition="right"
-                        buttons={[
-                            { text: "Join The Squad", href: "#contact" },
-                            { text: "Explore Services", href: "#services" }
-                        ]}
-                        mediaAnimation="slide-up"
+                        buttons={[{ text: "Apply Now", href: "#contact" }]}
+                        showBlur={true}
                     />
                 </div>
 
                 <div id="about" data-section="about">
-                    <TextAbout
-                        title="My mission is simple: To bridge the gap between where you are and your peak aesthetic state. With a focus on the signature Roshdy Physiques philosophy—where discipline meets science—I design blueprints for those ready to transcend average and command respect in every room."
-                        useInvertedBackground={false}
-                        buttons={[
-                            { text: "See The Results", href: "#achievements" },
-                            { text: "Our Core Values", href: "#philosophy" }
-                        ]}
+                    <TestimonialAboutCard
+                        tag="The Standard"
+                        title="Commitment Above All"
+                        description="Roshdy Physiques is not just coaching; it is a standard. We cultivate elite male physiques by aligning rigorous training protocols with psychological fortitude."
+                        subdescription="My methods are built for those who understand that perfection is a moving target, not a destination."
+                        icon={Dumbbell}
+                        imageSrc="http://img.b2bpic.net/free-photo/fit-man-lifting-barbell_1098-14389.jpg"
+                        useInvertedBackground={true}
                     />
                 </div>
 
                 <div id="achievements" data-section="achievements">
-                    <MetricCardOne
-                        title="The Gold Standard"
-                        description="Quantifiable progress driven by refined, scientific training."
-                        tag="Proven Impact"
+                    <MetricCardEleven
+                        title="Tangible Results"
+                        description="Data-driven transformations backed by consistent application."
+                        tag="The Evidence"
                         tagIcon={TrendingUp}
+                        animationType="blur-reveal"
+                        textboxLayout="split"
                         metrics={[
-                            { id: "1", value: "10/10", title: "Precision", description: "Tailored programming for maximal growth", icon: Trophy },
-                            { id: "2", value: "100+", title: "Elite Clients", description: "Physiques redefined across the globe", icon: Zap },
-                            { id: "3", value: "5-Star", title: "Excellence", description: "Unmatched commitment to client success", icon: Star },
+                            { 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" },
+                            { 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" }
                         ]}
-                        gridVariant="uniform-all-items-equal"
-                        animationType="slide-up"
-                        textboxLayout="default"
-                        useInvertedBackground={false}
                     />
                 </div>
 
                 <div id="services" data-section="services">
-                    <FeatureCardSeven
-                        title="High-Performance Coaching"
-                        description="Structured, intensive programs built to change your composition."
-                        tag="The Services"
-                        tagIcon={Dumbbell}
+                    <FeatureCardNine
+                        title="Coaching Ecosystem"
+                        description="Systems for peak aesthetic and performance optimization."
+                        showStepNumbers={true}
+                        animationType="slide-up"
+                        textboxLayout="default"
+                        useInvertedBackground={true}
                         features={[
                             {
-                                title: "Physique Sculpting",                                description: "Strategic resistance training focused on symmetry and hypertrophy.",                                imageSrc: "http://img.b2bpic.net/free-photo/fit-man-lifting-barbell_1098-14389.jpg",                                imageAlt: "Physique Sculpting Training"
-                            },
-                            {
-                                title: "Precision Nutrition",                                description: "Calculated macro coaching designed to fuel performance and reveal definition.",                                imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-checking-grocery-list-looking-vegetables-holding-notebook-reading-recipe-while_1258-193451.jpg",                                imageAlt: "Nutrition Guidance"
-                            },
-                            {
-                                title: "Elite Mentorship",                                description: "24/7 access to tactical adjustments and mental conditioning.",                                imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-chatting-gym_23-2149734675.jpg",                                imageAlt: "Elite Coaching"
+                                title: "Sculpt & Definition",                                description: "Strategic resistance planning for aesthetic symmetry.",                                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/fit-man-lifting-barbell_1098-14389.jpg" },
+                                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/young-powerful-sportsman-white-clothing-black-wall_176420-542.jpg" }
                             }
                         ]}
-                        textboxLayout="default"
-                        animationType="slide-up"
-                        useInvertedBackground={false}
-                        buttons={[
-                            { text: "Get Started", href: "#contact" }
-                        ]}
                     />
                 </div>
 
                 <div id="philosophy" data-section="philosophy">
                     <FeatureBento
-                        title="The Roshdy Philosophy"
-                        description="Where the color yellow represents the energy, clarity, and gold-medal results we pursue."
-                        tag="Methodology"
-                        tagIcon={Compass}
-                        features={[
-                            {
-                                title: "Intensity Protocol",                                description: "Training until you break boundaries, not spirit.",                                bentoComponent: "animated-bar-chart"
-                            },
-                            {
-                                title: "Peak Performance",                                description: "Three core pillars of athletic refinement.",                                bentoComponent: "3d-stack-cards",                                items: [
-                                    { icon: Dumbbell, title: "Power", subtitle: "Strength", detail: "Explosive movement dynamics" },
-                                    { icon: Heart, title: "Focus", subtitle: "Conditioning", detail: "High-intensity output systems" },
-                                    { icon: Lightbulb, title: "Clarity", subtitle: "Strategy", detail: "The science behind the physique" }
-                                ]
-                            },
-                            {
-                                title: "Transformation Path",                                description: "Evolve through disciplined, repeatable systems.",                                bentoComponent: "timeline",                                heading: "The Evolution",                                subheading: "The Roshdy Roadmap",                                items: [
-                                    { label: "Foundation", detail: "Building base integrity" },
-                                    { label: "Sculpting", detail: "Advanced hypertrophy protocols" },
-                                    { label: "Elite Status", detail: "Maintaining the gold standard" }
-                                ],
-                                completedLabel: "Peak Condition Achieved"
-                            }
-                        ]}
+                        title="Methodology"
+                        description="The core principles guiding every client towards an elite status."
+                        animationType="blur-reveal"
                         textboxLayout="default"
-                        animationType="slide-up"
-                        useInvertedBackground={true}
-                        buttons={[
-                            { text: "Enlist Now", href: "#contact" }
+                        useInvertedBackground={false}
+                        features={[
+                            { title: "Tactical Rigor", description: "Disciplined execution in every session.", bentoComponent: "reveal-icon", icon: Dumbbell },
+                            { title: "Systematic Growth", description: "Progressive overload science.", bentoComponent: "animated-bar-chart" }
                         ]}
                     />
                 </div>
 
                 <div id="testimonials" data-section="testimonials">
-                    <TestimonialCardFifteen
-                        testimonial="I've worked with many, but the Roshdy Physiques approach is on another level. The detail, the energy, and the constant push for better meant I reached my peak aesthetic within 12 weeks. Truly elite."
-                        rating={5}
-                        author="Elite Client"
-                        avatars={[
-                            { src: "http://img.b2bpic.net/free-photo/young-powerful-sportsman-white-clothing-black-wall_176420-542.jpg", alt: "User" },
-                            { src: "http://img.b2bpic.net/free-photo/brunette-woman-wearing-sport-clothes_329181-13219.jpg", alt: "User" },
-                            { src: "http://img.b2bpic.net/free-photo/smiling-sporty-black-man-standing-with-his-arms-crossed_1262-16419.jpg", alt: "User" }
-                        ]}
-                        ratingAnimation="slide-up"
-                        avatarsAnimation="slide-up"
+                    <TestimonialCardTen
+                        title="Client Excellence"
+                        description="Testimonials from men who raised their standards."
+                        textboxLayout="split"
                         useInvertedBackground={true}
+                        testimonials={[
+                            { id: "t1", title: "Peak Status", quote: "Roshdy transformed my physique and my mindset completely.", name: "Alexander K.", role: "Executive Professional" }
+                        ]}
                     />
                 </div>
 
                 <div id="contact" data-section="contact">
-                    <ContactSplit
-                        background={{ variant: "plain" }}
-                        tag="READY FOR GOLD?"
-                        title="Command Your Transformation"
-                        description="Stop settling. Apply for an elite coaching spot with Roshdy Physiques and commit to becoming the most disciplined, aesthetic version of yourself."
-                        useInvertedBackground={false}
+                    <ContactSplitForm
+                        title="Ready for The Standard?"
+                        description="Apply for 1-1 coaching to redefine your physique."
+                        inputs={[{ name: "name", type: "text", placeholder: "Name" }, { name: "email", type: "email", placeholder: "Email" }]}
+                        buttonText="Submit Application"
+                        useInvertedBackground={true}
                         imageSrc="http://img.b2bpic.net/free-photo/athletic-woman-practicing-gymnastics_23-2150918093.jpg"
-                        imageAlt="Transformation Ready"
-                        mediaPosition="right"
-                        mediaAnimation="slide-up"
-                        tagIcon={Mail}
-                        inputPlaceholder="your.goal@email.com"
-                        buttonText="Apply for Coaching"
-                        termsText="By submitting, you align with the Roshdy Physiques standard of excellence."
                     />
                 </div>
 
                 <div id="footer" data-section="footer">
-                    <FooterCard
-                        logoText="ROSHDY PHYSIQUES"
-                        copyrightText="© 2025 Roshdy Physiques. The Gold Standard."
-                        socialLinks={[
-                            { icon: Instagram, href: "#", ariaLabel: "Instagram" },
-                            { icon: Twitter, href: "#", ariaLabel: "Twitter" },
-                            { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
-                            { icon: Mail, href: "#", ariaLabel: "Email" }
+                    <FooterSimple
+                        columns={[
+                            { title: "Socials", items: [{ label: "Instagram" }, { label: "Twitter" }] },
+                            { title: "Contact", items: [{ label: "Email Us" }] }
                         ]}
+                        bottomLeftText="© 2025 Roshdy Physiques"
+                        bottomRightText="Elite Coaching"
                     />
                 </div>
             </ReactLenis>
-- 
2.49.1


From d79bf6e814bae846d8b602f64af918c3e90f760a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 28 Apr 2026 11:57:31 +0000
Subject: [PATCH 2/2] Update src/app/styles/variables.css

---
 src/app/styles/variables.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 32083d5..7eac7dd 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #e3deea;
-  --card: #ffffff;
-  --foreground: #27231f;
-  --primary-cta: #27231f;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffffe6;
+  --primary-cta: #e6e6e6;
   --primary-cta-text: #e3deea;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #27231f;
-  --accent: #c68a62;
-  --background-accent: #c68a62;
+  --accent: #737373;
+  --background-accent: #737373;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
-- 
2.49.1