Merge version_3 into main #2
203
src/app/page.tsx
203
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>
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user