From 423d9420593b973b915586522bc5532227c78e91 Mon Sep 17 00:00:00 2001
From: kudindmitriy <kudin.dima@gmail.com>
Date: Thu, 26 Feb 2026 12:17:09 +0000
Subject: [PATCH] Bob AI: [Block: hero-logo|Hero Logo|/blocks/hero/herologo....

---
 src/app/page.tsx | 40 +++++++++++++++++++++++++---------------
 1 file changed, 25 insertions(+), 15 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e715ff3..4560f9f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,6 +10,7 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import { Sparkles, Code, GraduationCap, Users, GitBranch, UserCheck, BookOpen, Zap, MessageCircle } from 'lucide-react';
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 
 export default function HomePage() {
   const navItems = [
@@ -65,28 +66,37 @@ export default function HomePage() {
       </div>
 
       <div id="hero-section" data-section="hero-section">
-        <HeroBillboard
+        <HeroBillboardCarousel
           title="Code, Create, Connect: Join Our Tech Community"
           description="Empowering students aged 16-25 to explore coding, build innovative projects, and collaborate with fellow tech enthusiasts in a supportive environment."
           background={{ variant: 'radial-gradient' }}
           tag="Innovation Hub"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          buttons={[{ text: "Explore Projects", href: "/activities" }, { text: "Join Us", href: "/join" }]}
-          buttonAnimation="slide-up"
-          avatars={[
-            { src: "http://img.b2bpic.net/free-photo/young-coworkers-working-computer-office_329181-20147.jpg", alt: "Tech enthusiast student" },
-            { src: "http://img.b2bpic.net/free-photo/black-female-entrepreneur-presenting-business-growth-chart-meeting-office_637285-9857.jpg", alt: "Creative developer" },
-            { src: "http://img.b2bpic.net/free-photo/business-executives-discussing-computer-their-desk_1170-1946.jpg", alt: "Collaborative team member" }
+          buttons={[
+            { text: "Explore Projects", href: "/activities" },
+            { text: "Join Us", href: "/join" }
           ]}
-          avatarText="100+ Members Strong"
-          imageSrc="http://img.b2bpic.net/free-photo/creative-professionals-sitting-together-table-with-blueprints-working-project_74855-9768.jpg"
-          imageAlt="Students working together on laptops and prototypes"
-          mediaAnimation="slide-up"
-          marqueeItems={[{ type: "text-icon", text: "Hackathons", icon: Code }, { type: "text-icon", text: "Workshops", icon: GraduationCap }, { type: "text-icon", text: "Mentorship", icon: Users }, { type: "text-icon", text: "Open Source", icon: GitBranch }]}
-          marqueeSpeed={40}
-          showMarqueeCard={true}
-          ariaLabel="Hero section introducing the tech club"
+          buttonAnimation="slide-up"
+          mediaItems={[
+            {
+              imageSrc: "https://img.b2bpic.net/free-photo/creative-professionals-sitting-together-table-with-blueprints-working-project_74855-9768.jpg",
+              imageAlt: "Students working together on laptops and prototypes"
+            },
+            {
+              imageSrc: "https://img.b2bpic.net/free-photo/young-coworkers-working-computer-office_329181-20147.jpg",
+              imageAlt: "Tech enthusiast student coding"
+            },
+            {
+              imageSrc: "https://img.b2bpic.net/free-photo/business-executives-discussing-computer-their-desk_1170-1946.jpg",
+              imageAlt: "Collaborative team members"
+            },
+            {
+              imageSrc: "https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg",
+              imageAlt: "Tech club community"
+            }
+          ]}
+          ariaLabel="Hero section introducing the tech club with carousel"
         />
       </div>