diff --git a/src/app/page.tsx b/src/app/page.tsx
index b27b330..a4cb932 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
@@ -44,35 +44,30 @@ export default function HomePage() {
       </div>
 
       <div id="hero-section" data-section="hero-section">
-        <HeroBillboard
-          title="Where Innovation Meets Community"
-          description="Join our vibrant computer club and explore the latest in technology, collaborate on exciting projects, and connect with fellow tech enthusiasts aged 16-25."
-          background={{ variant: "radial-gradient" }}
-          tag="Tech Enthusiasts Welcome"
-          tagIcon={Sparkles}
-          tagAnimation="slide-up"
+        <HeroCarouselLogo
+          logoText="Computer Club"
+          description="Join our vibrant community of tech enthusiasts. Explore cutting-edge projects, attend workshops, and connect with fellow innovators."
           buttons={[
-            { text: "Explore Events", href: "/events" },
-            { text: "View Projects", href: "/projects" }
+            { text: "Join Us", href: "/join", dataWebildId: "hero_join_btn" },
+            { text: "View Events", href: "/events", dataWebildId: "hero_events_btn" }
           ]}
-          buttonAnimation="slide-up"
-          avatars={[
-            { src: "http://img.b2bpic.net/free-photo/three-students-working-together-laptops_23-2152025161.jpg", alt: "Club member" },
-            { src: "http://img.b2bpic.net/free-photo/two-teenage-friends-playing-video-games-together-home_23-2149332883.jpg", alt: "Club member" },
-            { src: "http://img.b2bpic.net/free-photo/group-people-discussing-business-issues_53876-22915.jpg", alt: "Club member" }
+          slides={[
+            {
+              imageSrc: "https://img.b2bpic.net/free-photo/group-young-people-doing-experiments-robotics-laboratory-girls-protective-glasses_1268-24389.jpg"
+            },
+            {
+              imageSrc: "https://img.b2bpic.net/free-photo/three-students-working-together-laptops_23-2152025161.jpg"
+            },
+            {
+              imageSrc: "https://img.b2bpic.net/free-photo/group-people-discussing-business-issues_53876-22915.jpg"
+            },
+            {
+              imageSrc: "https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg"
+            }
           ]}
-          avatarText="150+ Members"
-          imageSrc="http://img.b2bpic.net/free-photo/group-young-people-doing-experiments-robotics-laboratory-girls-protective-glasses_1268-24389.jpg?_wi=1"
-          imageAlt="Students collaborating on tech projects"
-          mediaAnimation="slide-up"
-          marqueeItems={[
-            { type: "text", text: "Weekly Workshops" },
-            { type: "text", text: "Project Showcases" },
-            { type: "text", text: "Guest Speaker Series" }
-          ]}
-          marqueeSpeed={30}
-          showMarqueeCard={true}
-          ariaLabel="Hero section"
+          autoplayDelay={4000}
+          showDimOverlay={true}
+          ariaLabel="Computer Club hero carousel section"
         />
       </div>