Merge version_1 into main

Merge version_1 into main

src/app/page.tsx

@@ -1,4 +1,5 @@
-'use client';
+"use client";
+
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
@@ -11,9 +12,7 @@ import BlogCardOne from '@/components/sections/blog/BlogCardOne';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBase from '@/components/sections/footer/FooterBase';
 
-const navItems = [{ name: "Home", id: "/" }];
+export default function Page() {
-
-export default function HomePage() {
   return (
     <ThemeProvider 
       defaultButtonVariant="text-stagger" 
@@ -28,117 +27,94 @@ export default function HomePage() {
       headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleApple navItems={navItems} brandName="APEX FORGE" />
+        <NavbarStyleApple navItems={[{ name: "Home", id: "/" }]} />
       </div>
       <div id="hero" data-section="hero">
         <HeroSplitDoubleCarousel 
-            title="FORGE YOUR LEGACY."
+          title="Welcome" 
-            description="Competition-grade equipment engineered for the relentless."
+          description="Experience the best." 
-            background={{ variant: "gradient-bars" }}
+          background={{ variant: "plain" }} 
-            leftCarouselItems={[
+          leftCarouselItems={[]} 
-              { imageSrc: "http://img.b2bpic.net/free-photo/training-cross-fit-gym_169016-3356.jpg", imageAlt: "Powerlifter training" },
+          rightCarouselItems={[]} 
-              { 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
+        <FeatureCardNine 
-            animationType="slide-up"
+          title="Our Strengths" 
-            textboxLayout="default"
+          description="Built for scale." 
-            useInvertedBackground={true}
+          features={[]} 
-            title="STRENGTH & IRON"
+          showStepNumbers={false} 
-            description="Precision-engineered steel for peak performance."
+          animationType="slide-up" 
-            showStepNumbers={false}
+          textboxLayout="default" 
-            features={[
+          useInvertedBackground={false} 
-                { 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
+        <MetricCardEleven 
-            textboxLayout="split"
+          title="Metrics" 
-            useInvertedBackground={false}
+          description="Performance tracking." 
-            title="TITAN SERIES SPECS"
+          metrics={[]} 
-            description="Engineering excellence in every detail."
+          animationType="slide-up" 
-            animationType="slide-up"
+          textboxLayout="default" 
-            metrics={[
+          useInvertedBackground={false} 
-                { 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={["Lifetime Frame Warranty", "Global Shipping", "SGS Safety Certified"]}
+          names={["Brand A", "Brand B"]} 
-          title="CERTIFIED QUALITY"
+          title="Trusted By" 
-          description="Global standards in athletic safety."
+          description="Industry leaders." 
-          textboxLayout="default"
+          textboxLayout="default" 
-          useInvertedBackground={false}
+          useInvertedBackground={false} 
         />
       </div>
       <div id="products" data-section="products">
-        <ProductCardTwo
+        <ProductCardTwo 
-            animationType="scale-rotate"
+          title="Our Products" 
-            textboxLayout="default"
+          description="Quality curated." 
-            gridVariant="uniform-all-items-equal"
+          gridVariant="uniform-all-items-equal" 
-            useInvertedBackground={false}
+          animationType="slide-up" 
-            title="ESSENTIAL GEAR"
+          textboxLayout="default" 
-            description="Everything the forge demands."
+          useInvertedBackground={false} 
-            buttons={[{ text: "BUY NOW", href: "#contact" }]}
+          products={[
-            products={[
+            { id: "1", brand: "A", name: "P1", price: "$1", 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: "2", brand: "B", name: "P2", price: "$2", 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: "3", brand: "C", name: "P3", price: "$3", rating: 5, reviewCount: "10", imageSrc: "/i.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
+        <TestimonialCardTen 
-            textboxLayout="split"
+          title="Testimonials" 
-            useInvertedBackground={true}
+          description="Hear from users." 
-            title="WALL OF GAIN"
+          testimonials={[]} 
-            description="Real owners, real feedback."
+          textboxLayout="default" 
-            testimonials={[
+          useInvertedBackground={false} 
-                { 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
+        <BlogCardOne 
-            animationType="slide-up"
+          title="Lab" 
-            textboxLayout="default"
+          description="Our insights." 
-            useInvertedBackground={false}
+          blogs={[]} 
-            title="THE FORGE LAB"
+          animationType="slide-up" 
-            description="Maintenance guides & workout templates."
+          textboxLayout="default" 
-            blogs={[
+          useInvertedBackground={false} 
-                { 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="Join The Lab"
+          tag="Contact" 
-          title="FORGE YOUR LEGACY"
+          title="Get in touch" 
-          description="Sign up for pro-tips and early equipment access."
+          description="Let us know your thoughts." 
-          background={{ variant: "downward-rays-animated-grid" }}
+          background={{ variant: "plain" }}
-          useInvertedBackground={true}
+          useInvertedBackground={false} 
         />
       </div>
       <div id="footer" data-section="footer">
-        <FooterBase
+        <FooterBase 
-          logoText="APEX FORGE"
+          columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} 
-          columns={[
+          logoText="Webild" 
-            { title: "Shop", items: [{ label: "Strength", href: "#strength" }, { label: "Compare", href: "#compare" }] },
-            { title: "Support", items: [{ label: "Warranty", href: "#" }, { label: "Safety", href: "#" }] }
-          ]}
         />
       </div>
     </ThemeProvider>