Files
bcdf6175-00a9-4801-a37b-658…/src/app/page.tsx
2026-04-28 11:54:01 +00:00

208 lines
13 KiB
TypeScript

"use client";
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 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";
export default function PersonalTrainerPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="medium"
sizing="mediumLarge"
background="aurora"
cardStyle="gradient-bordered"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Philosophy", id: "philosophy" },
{ name: "Services", id: "services" },
]}
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"
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"
/>
</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" }
]}
/>
</div>
<div id="achievements" data-section="achievements">
<MetricCardOne
title="The Gold Standard"
description="Quantifiable progress driven by refined, scientific training."
tag="Proven Impact"
tagIcon={TrendingUp}
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 },
]}
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}
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"
}
]}
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"
}
]}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={true}
buttons={[
{ text: "Enlist Now", href: "#contact" }
]}
/>
</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"
useInvertedBackground={true}
/>
</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}
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="Submit Application"
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" }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}