From e46d0475165e60252822dbbf86da04307cf0e371 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 9 May 2026 10:46:36 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 42bd890..53020b9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,7 +11,7 @@ import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCa
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Award, CheckCircle, Shield } from "lucide-react";
+import { Award, CheckCircle, Shield, Dumbbell, Zap, Users, UserPlus } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -28,142 +28,93 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        { name: "Services", id: "services" },
-        { name: "Gallery", id: "gallery" },
-        { name: "Why Us", id: "why-us" },
-        { name: "Contact", id: "contact" },
-      ]}
-      brandName="Boss Roofing"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Classes", id: "classes" },
+              { name: "Coaches", id: "coaches" },
+              { name: "Pricing", id: "pricing" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Faisal Gym"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCarouselLogo
-      logoText="Boss Roofing LLC"
-      description="Trusted Roofing Experts Protecting Homes Across Washington"
-      buttons={[
-        { text: "Get Free Estimate", href: "#contact" },
-        { text: "Call Now", href: "tel:+15550123456" },
-      ]}
-      slides={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof-clouds_23-2149343646.jpg" }
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCarouselLogo
+            logoText="Faisal Gym"
+            description="Unleash Your Potential in the heart of Giza. Premium fitness equipment and expert coaching."
+            buttons={[
+              { text: "Book Trial", href: "#contact" },
+              { text: "View Plans", href: "#pricing" },
+            ]}
+            slides={[
+              { imageSrc: "https://img.b2bpic.net/free-photo/gym-with-dumbbells-weights_1150-13617.jpg" },
+              { imageSrc: "https://img.b2bpic.net/free-photo/muscular-man-lifting-heavy-barbell_1150-14364.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwentyOne
-      mediaAnimation="slide-up"
-      useInvertedBackground={true}
-      title="Professional Roofing Services"
-      description="Comprehensive roofing solutions for Washington homeowners."
-      accordionItems={[
-        { id: "1", title: "Roof Repair", content: "Quick, reliable repairs to stop leaks." },
-        { id: "2", title: "Roof Replacement", content: "Long-lasting roofing systems." },
-        { id: "3", title: "Emergency Roofing", content: "24/7 service for storm damage." },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-blue-lines-perfect-using-as-background_181624-15180.jpg"
-    />
-  </div>
+        <div id="why-us" data-section="why-us">
+          <AboutMetric
+            title="Why Choose Faisal Gym"
+            metrics={[
+              { label: "Certified Coaches", value: "10+", icon: Users },
+              { label: "State-of-Art", value: "24/7", icon: Zap },
+              { label: "Transformations", value: "500+", icon: Award },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="gallery" data-section="gallery">
-      <FeatureCardTwentyOne
-      mediaAnimation="blur-reveal"
-      useInvertedBackground={false}
-      title="Before & After Gallery"
-      description="See the Boss Roofing difference."
-      accordionItems={[
-        { id: "1", title: "Precision Work", content: "Our craftsmanship speaks for itself." },
-        { id: "2", title: "Modern Aesthetics", content: "Elevated curb appeal every time." },
-        { id: "3", title: "Durable Results", content: "Roofs built for Washington weather." },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg"
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardTwentyOne
+            title="Our Classes"
+            description="From HIIT to Strength Training, we have a class for your goal."
+            accordionItems={[
+              { id: "1", title: "HIIT", content: "High-intensity training for fat burning." },
+              { id: "2", title: "Bodybuilding", content: "Build lean muscle with professional guidance." },
+              { id: "3", title: "Yoga", content: "Improve flexibility and core strength." },
+            ]}
+            imageSrc="https://img.b2bpic.net/free-photo/people-working-out-gym_1150-13619.jpg"
+          />
+        </div>
 
-  <div id="why-us" data-section="why-us">
-      <AboutMetric
-      useInvertedBackground={true}
-      title="Why Choose Boss Roofing"
-      metrics={[
-        { label: "Licensed & Insured", value: "100%", icon: Shield },
-        { label: "Years Experience", value: "15+", icon: Award },
-        { label: "Projects Completed", value: "2000+", icon: CheckCircle },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSix
+            title="Member Success"
+            description="Hear from our athletes about their fitness journeys."
+            testimonials={[
+              { id: "1", name: "Ahmed M.", handle: "@ahmedm", testimonial: "The best gym in Faisal! Incredible coaches and atmosphere." },
+              { id: "2", name: "Sara K.", handle: "@sarak", testimonial: "My transformation has been amazing thanks to the team." },
+              { id: "3", name: "Omar R.", handle: "@omarr", testimonial: "High-end gear and very professional environment." },
+            ]}
+            animationType="slide-up"
+            textboxLayout="split"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      useInvertedBackground={false}
-      animationType="slide-up"
-      textboxLayout="split"
-      title="Client Voices"
-      description="Hear from our satisfied customers across Washington."
-      testimonials={[
-        { id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "Fantastic service and quick turnaround!" },
-        { id: "2", name: "Mike D.", handle: "@miked", testimonial: "The roof looks incredible and holds up perfectly." },
-        { id: "3", name: "Emily R.", handle: "@emilyr", testimonial: "Highly recommended for any roofing needs." },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            title="Book Your Trial"
+            description="Take the first step toward your fitness goals today."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Full Name", required: true },
+              { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
+            ]}
+            textarea={{ name: "message", placeholder: "Tell us about your fitness goal..." }}
+            buttonText="Reserve Free Session"
+            imageSrc="https://img.b2bpic.net/free-photo/young-fitness-couple-doing-exercises-gym_1150-13618.jpg"
+          />
+        </div>
 
-  <div id="process" data-section="process">
-      <FaqSplitText
-      faqsAnimation="slide-up"
-      useInvertedBackground={true}
-      sideTitle="Our Process"
-      sideDescription="Simple, transparent roofing process."
-      faqs={[
-        { id: "1", title: "Inspection", content: "Our experts evaluate your current roofing." },
-        { id: "2", title: "Estimate", content: "Get a transparent, itemized quote." },
-        { id: "3", title: "Repair", content: "Professional installation and repair." },
-        { id: "4", title: "Final Check", content: "Quality assurance and satisfaction." },
-      ]}
-    />
-  </div>
-
-  <div id="emergency" data-section="emergency">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      metrics={[
-        { id: "1", value: "24/7", description: "Emergency availability" },
-        { id: "2", value: "Fast", description: "Response time" },
-      ]}
-      title="Emergency Roofing Support"
-      description="Urgent roofing problems solved fast."
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Get Your Free Estimate"
-      description="Fill out the form to secure your roof."
-      inputs={[
-        { name: "name", type: "text", placeholder: "Name", required: true },
-        { name: "email", type: "email", placeholder: "Email", required: true },
-      ]}
-      textarea={{ name: "message", placeholder: "Describe your roofing project..." }}
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Boss Roofing LLC"
-      leftLink={{ text: "Privacy Policy", href: "#" }}
-      rightLink={{ text: "Terms of Service", href: "#" }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Faisal Gym"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Terms of Service", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );