Merge version_5 into main

Merge version_5 into main
This commit was merged in pull request #8.
This commit is contained in:
2026-02-26 12:17:49 +00:00

View File

@@ -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>