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

150 lines
8.0 KiB
TypeScript

"use client";
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
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 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="reveal-blur"
borderRadius="soft"
contentWidth="medium"
sizing="mediumLarge"
background="noise"
cardStyle="solid"
primaryButtonStyle="flat"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Philosophy", id: "philosophy" }
]}
brandName="ROSHDY PHYSIQUES"
/>
</div>
<div id="hero" data-section="hero">
<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"
buttons={[{ text: "Apply Now", href: "#contact" }]}
showBlur={true}
/>
</div>
<div id="about" data-section="about">
<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">
<MetricCardEleven
title="Tangible Results"
description="Data-driven transformations backed by consistent application."
tag="The Evidence"
tagIcon={TrendingUp}
animationType="blur-reveal"
textboxLayout="split"
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" },
{ 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" }
]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardNine
title="Coaching Ecosystem"
description="Systems for peak aesthetic and performance optimization."
showStepNumbers={true}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
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" }
}
]}
/>
</div>
<div id="philosophy" data-section="philosophy">
<FeatureBento
title="Methodology"
description="The core principles guiding every client towards an elite status."
animationType="blur-reveal"
textboxLayout="default"
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">
<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">
<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"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Socials", items: [{ label: "Instagram" }, { label: "Twitter" }] },
{ title: "Contact", items: [{ label: "Email Us" }] }
]}
bottomLeftText="© 2025 Roshdy Physiques"
bottomRightText="Elite Coaching"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}