Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -1,5 +1,4 @@
-"use client";
+'use client';
-
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
@@ -12,7 +11,9 @@ import BlogCardOne from '@/components/sections/blog/BlogCardOne';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBase from '@/components/sections/footer/FooterBase';
 
-export default function Page() {
+const navItems = [{ name: "Home", id: "/" }];
+
+export default function HomePage() {
   return (
     <ThemeProvider 
       defaultButtonVariant="text-stagger" 
@@ -27,94 +28,117 @@ export default function Page() {
       headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleApple navItems={[{ name: "Home", id: "/" }]} />
+        <NavbarStyleApple navItems={navItems} brandName="APEX FORGE" />
       </div>
       <div id="hero" data-section="hero">
         <HeroSplitDoubleCarousel 
-          title="Welcome" 
+            title="FORGE YOUR LEGACY."
-          description="Experience the best." 
+            description="Competition-grade equipment engineered for the relentless."
-          background={{ variant: "plain" }} 
+            background={{ variant: "gradient-bars" }}
-          leftCarouselItems={[]} 
+            leftCarouselItems={[
-          rightCarouselItems={[]} 
+              { imageSrc: "http://img.b2bpic.net/free-photo/training-cross-fit-gym_169016-3356.jpg", imageAlt: "Powerlifter training" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/texture-close-up-metal_23-2148198951.jpg", imageAlt: "Strength Training" }
+            ]}
+            rightCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/squared-concrete-wall_1194-5532.jpg", imageAlt: "Strength" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114124.jpg", imageAlt: "Power Rack" }
+            ]}
+            buttons={[{ text: "EQUIP YOUR GYM", href: "#products" }]}
         />
       </div>
       <div id="strength" data-section="strength">
         <FeatureCardNine
-          title="Our Strengths" 
+            animationType="slide-up"
-          description="Built for scale." 
+            textboxLayout="default"
-          features={[]} 
+            useInvertedBackground={true}
-          showStepNumbers={false} 
+            title="STRENGTH & IRON"
-          animationType="slide-up" 
+            description="Precision-engineered steel for peak performance."
-          textboxLayout="default" 
+            showStepNumbers={false}
-          useInvertedBackground={false} 
+            features={[
+                { title: "Power Racks", description: "11-gauge steel, 1000lb capacity.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114127.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-kettlebells-gym_23-2149255815.jpg" } },
+                { title: "Endurance", description: "Smart cardio engines for recovery.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-gym_52683-111021.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stretching-preparing-exercise-outdoors_23-2149676920.jpg" } }
+            ]}
         />
       </div>
       <div id="compare" data-section="compare">
         <MetricCardEleven
-          title="Metrics" 
+            textboxLayout="split"
-          description="Performance tracking." 
+            useInvertedBackground={false}
-          metrics={[]} 
+            title="TITAN SERIES SPECS"
-          animationType="slide-up" 
+            description="Engineering excellence in every detail."
-          textboxLayout="default" 
+            animationType="slide-up"
-          useInvertedBackground={false} 
+            metrics={[
+                { id: "1", value: "11-GAUGE", title: "Steel Gauge", description: "Professional thickness", imageSrc: "http://img.b2bpic.net/free-photo/girl-gym_1157-5012.jpg" },
+                { id: "2", value: "1000LB", title: "Capacity", description: "Extreme structural load", imageSrc: "http://img.b2bpic.net/free-photo/dumbbell_74190-5777.jpg" }
+            ]}
         />
       </div>
       <div id="social" data-section="social">
         <SocialProofOne 
-          names={["Brand A", "Brand B"]} 
+          names={["Lifetime Frame Warranty", "Global Shipping", "SGS Safety Certified"]}
-          title="Trusted By" 
+          title="CERTIFIED QUALITY"
-          description="Industry leaders." 
+          description="Global standards in athletic safety."
           textboxLayout="default"
           useInvertedBackground={false}
         />
       </div>
       <div id="products" data-section="products">
         <ProductCardTwo
-          title="Our Products" 
+            animationType="scale-rotate"
-          description="Quality curated." 
+            textboxLayout="default"
-          gridVariant="uniform-all-items-equal" 
+            gridVariant="uniform-all-items-equal"
-          animationType="slide-up" 
+            useInvertedBackground={false}
-          textboxLayout="default" 
+            title="ESSENTIAL GEAR"
-          useInvertedBackground={false} 
+            description="Everything the forge demands."
-          products={[
+            buttons={[{ text: "BUY NOW", href: "#contact" }]}
-            { id: "1", brand: "A", name: "P1", price: "$1", rating: 5, reviewCount: "10", imageSrc: "/i.jpg" },
+            products={[
-            { id: "2", brand: "B", name: "P2", price: "$2", rating: 5, reviewCount: "10", imageSrc: "/i.jpg" },
+                { id: "p1", brand: "Apex", name: "Titan Rack", price: "$1200", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/athlete-gym-swings-triceps-with-barbell-sports-lifestyle_169016-61178.jpg" },
-            { id: "3", brand: "C", name: "P3", price: "$3", rating: 5, reviewCount: "10", imageSrc: "/i.jpg" }
+                { id: "p2", brand: "Apex", name: "Iron Plate", price: "$89", rating: 5, reviewCount: "400", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-metallic-pattern-with-holes_23-2148311370.jpg" },
-          ]}
+                { id: "p3", brand: "Apex", name: "Smart Rower", price: "$1500", rating: 4, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114190.jpg" }
+            ]}
         />
       </div>
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardTen
-          title="Testimonials" 
+            textboxLayout="split"
-          description="Hear from users." 
+            useInvertedBackground={true}
-          testimonials={[]} 
+            title="WALL OF GAIN"
-          textboxLayout="default" 
+            description="Real owners, real feedback."
-          useInvertedBackground={false} 
+            testimonials={[
+                { id: "t1", title: "Best Rack", quote: "The engineering is unparalleled.", name: "Mark R.", role: "Gym Owner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-muscular-build-man-weight-training-health-club_637285-2484.jpg" },
+                { id: "t2", title: "Built Tough", quote: "Nothing handles this weight better.", name: "Sarah J.", role: "Powerlifter", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-competing-olympic-games_23-2151450250.jpg" }
+            ]}
         />
       </div>
       <div id="lab" data-section="lab">
         <BlogCardOne
-          title="Lab" 
+            animationType="slide-up"
-          description="Our insights." 
+            textboxLayout="default"
-          blogs={[]} 
+            useInvertedBackground={false}
-          animationType="slide-up" 
+            title="THE FORGE LAB"
-          textboxLayout="default" 
+            description="Maintenance guides & workout templates."
-          useInvertedBackground={false} 
+            blogs={[
+                { id: "b1", category: "Maintenance", title: "Steel Care 101", excerpt: "Keep your racks for life.", imageSrc: "http://img.b2bpic.net/free-photo/development-movements-radial-wrist-joint-functional-board-hand_169016-41385.jpg", authorName: "Forge Master", authorAvatar: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-working-with-car-tire-auto-repair-shop_637285-7618.jpg", date: "Jan 2025" },
+                { id: "b2", category: "Training", title: "Peak Intensity", excerpt: "The science of training.", imageSrc: "http://img.b2bpic.net/free-photo/fitness-girl-making-flexing-exercise_23-2148017401.jpg", authorName: "Forge Master", authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-young-woman-practicing-yoga-is-engaged-with-teacher-online-via-tablet-home-sports-concept_1153-8323.jpg", date: "Feb 2025" }
+            ]}
         />
       </div>
       <div id="contact" data-section="contact">
         <ContactCenter 
-          tag="Contact" 
+          tag="Join The Lab"
-          title="Get in touch" 
+          title="FORGE YOUR LEGACY"
-          description="Let us know your thoughts." 
+          description="Sign up for pro-tips and early equipment access."
-          background={{ variant: "plain" }}
+          background={{ variant: "downward-rays-animated-grid" }}
-          useInvertedBackground={false} 
+          useInvertedBackground={true}
         />
       </div>
       <div id="footer" data-section="footer">
         <FooterBase
-          columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} 
+          logoText="APEX FORGE"
-          logoText="Webild" 
+          columns={[
+            { title: "Shop", items: [{ label: "Strength", href: "#strength" }, { label: "Compare", href: "#compare" }] },
+            { title: "Support", items: [{ label: "Warranty", href: "#" }, { label: "Safety", href: "#" }] }
+          ]}
         />
       </div>
     </ThemeProvider>