Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import HeroCentered from '@/components/sections/hero/HeroCentered';
 import TextAbout from '@/components/sections/about/TextAbout';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
@@ -53,27 +53,29 @@ export default function HomePage() {
       </div>
 
       <div id="hero-section" data-section="hero-section">
-        <HeroSplitKpi
-          title="Tech Club by the Numbers"
-          description="A thriving community of developers, designers, and innovators pushing the boundaries of technology."
-          background={{ variant: "grid-gradient" }}
-          kpiItems={[
-            { label: "Active Members", value: "150+" },
-            { label: "Projects Completed", value: "45" },
-            { label: "Events Hosted", value: "32" },
-            { label: "Years Running", value: "8" }
+        <HeroCentered
+          title="Welcome to Tech Club"
+          description="Join a thriving community of developers, designers, and innovators pushing the boundaries of technology together."
+          background={{ variant: "radial-gradient" }}
+          avatars={[
+            { src: "http://img.b2bpic.net/free-photo/side-view-friends-winning-videogame_23-2149349984.jpg", alt: "Member 1" },
+            { src: "http://img.b2bpic.net/free-photo/teen-smiling-boy-vr-headset-playing-video-games-video-game-club-with-blue-illumination-using-gamepad_1268-24604.jpg", alt: "Member 2" },
+            { src: "http://img.b2bpic.net/free-photo/young-adult-listening-study-music-writing-ideas-bachelor-paper_482257-126990.jpg", alt: "Member 3" }
           ]}
-          mediaContent={{
-            type: "image",
-            src: "http://img.b2bpic.net/free-photo/side-view-friends-winning-videogame_23-2149349984.jpg",
-            alt: "Tech Club members collaborating"
-          }}
+          avatarText="Join 150+ members"
           buttons={[
             { label: "Join Us Today", href: "/contact", dataWebildId: "hero_join_btn" },
             { label: "View Projects", href: "/projects", dataWebildId: "hero_projects_btn" }
           ]}
           buttonAnimation="slide-up"
-          enableKpiAnimation={true}
+          marqueeItems={[
+            { type: "image", src: "http://img.b2bpic.net/free-photo/finger-touching-numeric-keypad_1134-136.jpg", alt: "Tech" },
+            { type: "image", src: "http://img.b2bpic.net/free-photo/mystical-numerology-scene_52683-107763.jpg", alt: "Innovation" },
+            { type: "image", src: "http://img.b2bpic.net/free-photo/relaxed-company-ceo-enjoying-successful-business_482257-76955.jpg", alt: "Collaboration" },
+            { type: "image", src: "http://img.b2bpic.net/free-photo/time-smartphone-screen_53876-16162.jpg", alt: "Development" }
+          ]}
+          marqueeSpeed={30}
+          showMarqueeCard={true}
         />
       </div>