bender/6193aade-0f0a-4072-8341-96719123b388
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 5 commits from version_1 into main 2026-02-26 12:04:12 +00:00
Conversation 0 Commits 5 Files Changed 5 +47 -62
5 changed files with 47 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/app/about/page.tsx
View File

@@ -7,35 +7,32 @@ import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwen
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Code, Users, UserCheck, Sparkles, GitBranch, Zap, Cpu } from 'lucide-react';
import Link from 'next/link';
export default function AboutPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Activities", id: "/activities" },
{ name: "Join Us", id: "/join" },
];
const footerColumns = [
{
title: "Explore",
items: [
title: "Explore", items: [
{ label: "Home", href: "/" },
{ label: "About Us", href: "/about" },
{ label: "Activities", href: "/activities" },
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Learning Hub", href: "/activities" },
{ label: "Code of Conduct", href: "#" },
{ label: "Community Guidelines", href: "#" },
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Contact Us", href: "/join" },
{ label: "Join Our Discord", href: "#" },
{ label: "Newsletter", href: "/join" },
@@ -78,7 +75,7 @@ export default function AboutPage() {
{ title: "Collaborative Projects", description: "Work alongside peers on innovative solutions that make a difference.", icon: Users },
{ title: "Expert Mentorship", description: "Learn from industry professionals and experienced developers.", icon: UserCheck }
]}
imageSrc="http://img.b2bpic.net/free-photo/group-young-people-casual-clothes-working-modern-office_146671-16433.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/group-young-people-casual-clothes-working-modern-office_146671-16433.jpg"
imageAlt="Students collaborating on a tech project in a modern classroom setting"
mediaAnimation="slide-up"
imagePosition="left"
@@ -97,9 +94,9 @@ export default function AboutPage() {
buttons={[{ text: "View All Projects", href: "/activities" }]}
buttonAnimation="opacity"
features={[
{ title: "Open Source Contributions", description: "Join our community of developers contributing to impactful open source projects.", icon: GitBranch, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-vector/course-app-interface-concept_23-2148670236.jpg?_wi=2", imageAlt: "Developer collaborating on GitHub" }, { imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-doing-experiments-robotics-laboratory-girls-protective-glasses_1268-24389.jpg?_wi=3", imageAlt: "Code repository interface" }] },
{ title: "Hackathon Challenges", description: "Participate in monthly hackathons where you'll build innovative solutions under time constraints.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/workers-looking-monthly-statistics_329181-12025.jpg?_wi=2", imageAlt: "Participants working on laptops during hackathon" }, { imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-tech-venture-employee-requests-help-from-manager_482257-120276.jpg?_wi=2", imageAlt: "Judges reviewing project presentations" }] },
{ title: "Tech Workshop Series", description: "Engage in hands-on workshops covering cutting-edge technologies like AI, blockchain, and IoT.", icon: Cpu, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/children-using-building-kit_7502-7346.jpg?_wi=1", imageAlt: "Workshop participants building prototypes" }, { imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-doing-experiments-robotics-laboratory-girls-protective-glasses_1268-24389.jpg?_wi=4", imageAlt: "Instructor demonstrating new technology" }] }
{ title: "Open Source Contributions", description: "Join our community of developers contributing to impactful open source projects.", icon: GitBranch, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-vector/course-app-interface-concept_23-2148670236.jpg", imageAlt: "Developer collaborating on GitHub" }, { imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-doing-experiments-robotics-laboratory-girls-protective-glasses_1268-24389.jpg", imageAlt: "Code repository interface" }] },
{ title: "Hackathon Challenges", description: "Participate in monthly hackathons where you'll build innovative solutions under time constraints.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/workers-looking-monthly-statistics_329181-12025.jpg", imageAlt: "Participants working on laptops during hackathon" }, { imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-tech-venture-employee-requests-help-from-manager_482257-120276.jpg", imageAlt: "Judges reviewing project presentations" }] },
{ title: "Tech Workshop Series", description: "Engage in hands-on workshops covering cutting-edge technologies like AI, blockchain, and IoT.", icon: Cpu, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/children-using-building-kit_7502-7346.jpg", imageAlt: "Workshop participants building prototypes" }, { imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-doing-experiments-robotics-laboratory-girls-protective-glasses_1268-24389.jpg", imageAlt: "Instructor demonstrating new technology" }] }
]}
animationType="slide-up"
textboxLayout="default"
@@ -118,9 +115,9 @@ export default function AboutPage() {
buttons={[{ text: "Join Our Community", href: "/join" }]}
buttonAnimation="opacity"
testimonials={[
{ id: "testimonial-1", name: "Alex Morgan", role: "Software Engineer", company: "TechNova Inc.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-teaching-two-friends-her-phone_1170-48.jpg?_wi=2", imageAlt: "Alex Morgan, Software Engineer at TechNova Inc." },
{ id: "testimonial-2", name: "Jamie Chen", role: "Full Stack Developer", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-creative-designers-working-project-together-sharing-new-ideas-workplace-business-team-work-concept_58466-12412.jpg?_wi=2", imageAlt: "Jamie Chen, Full Stack Developer at InnovateLab" },
{ id: "testimonial-3", name: "Taylor Kim", role: "UI/UX Designer", company: "Creative Minds Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-business-people-happily-working-laptop-together-group-smiling-men-women-spending-time-modern-cozy-office_574295-5693.jpg?_wi=2", imageAlt: "Taylor Kim, UI/UX Designer at Creative Minds Studio" }
{ id: "testimonial-1", name: "Alex Morgan", role: "Software Engineer", company: "TechNova Inc.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-teaching-two-friends-her-phone_1170-48.jpg", imageAlt: "Alex Morgan, Software Engineer at TechNova Inc." },
{ id: "testimonial-2", name: "Jamie Chen", role: "Full Stack Developer", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-creative-designers-working-project-together-sharing-new-ideas-workplace-business-team-work-concept_58466-12412.jpg", imageAlt: "Jamie Chen, Full Stack Developer at InnovateLab" },
{ id: "testimonial-3", name: "Taylor Kim", role: "UI/UX Designer", company: "Creative Minds Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-business-people-happily-working-laptop-together-group-smiling-men-women-spending-time-modern-cozy-office_574295-5693.jpg", imageAlt: "Taylor Kim, UI/UX Designer at Creative Minds Studio" }
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"

23
src/app/activities/page.tsx
View File

@@ -5,35 +5,32 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Code, BookOpen, Mic, Users, GitBranch, Zap, Cpu, Sparkles, Star } from 'lucide-react';
import Link from 'next/link';
export default function ActivitiesPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Activities", id: "/activities" },
{ name: "Join Us", id: "/join" },
];
const footerColumns = [
{
title: "Explore",
items: [
title: "Explore", items: [
{ label: "Home", href: "/" },
{ label: "About Us", href: "/about" },
{ label: "Activities", href: "/activities" },
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Learning Hub", href: "/activities" },
{ label: "Code of Conduct", href: "#" },
{ label: "Community Guidelines", href: "#" },
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Contact Us", href: "/join" },
{ label: "Join Our Discord", href: "#" },
{ label: "Newsletter", href: "/join" },
@@ -72,8 +69,8 @@ export default function ActivitiesPage() {
buttons={[{ text: "Join An Event", href: "/join" }]}
buttonAnimation="opacity"
features={[
{ title: "Hackathon Weekend", description: "Join our bi-weekly hackathons where you'll collaborate with peers to build innovative solutions. Prizes awarded for best projects.", icon: Code, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/team-software-engineers-doing-brainstorming-office_482257-123976.jpg?_wi=2", imageAlt: "Team working on a hackathon project" }, { imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-doing-experiments-robotics-laboratory-girls-protective-glasses_1268-24389.jpg?_wi=5", imageAlt: "Participants presenting their hackathon creations" }] },
{ title: "Coding Workshop Series", description: "Hands-on workshops covering everything from beginner Python to advanced machine learning. All levels welcome!", icon: BookOpen, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/female-business-executive-using-digital-tablet_1170-1992.jpg?_wi=2", imageAlt: "Students attending a coding workshop" }, { imageSrc: "http://img.b2bpic.net/free-photo/spacious-area-group-young-people-casual-clothes-working-modern-office_146671-16510.jpg?_wi=2", imageAlt: "Instructor demonstrating code on screen" }] },
{ title: "Hackathon Weekend", description: "Join our bi-weekly hackathons where you'll collaborate with peers to build innovative solutions. Prizes awarded for best projects.", icon: Code, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/team-software-engineers-doing-brainstorming-office_482257-123976.jpg", imageAlt: "Team working on a hackathon project" }, { imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-doing-experiments-robotics-laboratory-girls-protective-glasses_1268-24389.jpg", imageAlt: "Participants presenting their hackathon creations" }] },
{ title: "Coding Workshop Series", description: "Hands-on workshops covering everything from beginner Python to advanced machine learning. All levels welcome!", icon: BookOpen, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/female-business-executive-using-digital-tablet_1170-1992.jpg", imageAlt: "Students attending a coding workshop" }, { imageSrc: "http://img.b2bpic.net/free-photo/spacious-area-group-young-people-casual-clothes-working-modern-office_146671-16510.jpg", imageAlt: "Instructor demonstrating code on screen" }] },
{ title: "Tech Talk Tuesdays", description: "Weekly talks by industry professionals sharing insights on emerging technologies and career paths in tech.", icon: Mic, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/manager-leading-brainstorming-meeting-with-group-creative-designers-office-leader-business-concept_58466-12410.jpg", imageAlt: "Speaker presenting at a tech talk event" }, { imageSrc: "http://img.b2bpic.net/free-photo/teamwork-meeting-with-business-people_23-2148825934.jpg", imageAlt: "Audience engaged during a tech talk" }] }
]}
animationType="slide-up"
@@ -93,9 +90,9 @@ export default function ActivitiesPage() {
buttons={[{ text: "Start a Project", href: "/join" }]}
buttonAnimation="opacity"
features={[
{ title: "Open Source Contributions", description: "Join our community of developers contributing to impactful open source projects.", icon: GitBranch, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-vector/course-app-interface-concept_23-2148670236.jpg?_wi=3", imageAlt: "Developer collaborating on GitHub" }, { imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-doing-experiments-robotics-laboratory-girls-protective-glasses_1268-24389.jpg?_wi=6", imageAlt: "Code repository interface" }] },
{ title: "Hackathon Challenges", description: "Participate in monthly hackathons where you'll build innovative solutions under time constraints.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/workers-looking-monthly-statistics_329181-12025.jpg?_wi=3", imageAlt: "Participants working on laptops during hackathon" }, { imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-tech-venture-employee-requests-help-from-manager_482257-120276.jpg?_wi=3", imageAlt: "Judges reviewing project presentations" }] },
{ title: "Tech Workshop Series", description: "Engage in hands-on workshops covering cutting-edge technologies like AI, blockchain, and IoT.", icon: Cpu, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/children-using-building-kit_7502-7346.jpg?_wi=2", imageAlt: "Workshop participants building prototypes" }, { imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-doing-experiments-robotics-laboratory-girls-protective-glasses_1268-24389.jpg?_wi=7", imageAlt: "Instructor demonstrating new technology" }] }
{ title: "Open Source Contributions", description: "Join our community of developers contributing to impactful open source projects.", icon: GitBranch, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-vector/course-app-interface-concept_23-2148670236.jpg", imageAlt: "Developer collaborating on GitHub" }, { imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-doing-experiments-robotics-laboratory-girls-protective-glasses_1268-24389.jpg", imageAlt: "Code repository interface" }] },
{ title: "Hackathon Challenges", description: "Participate in monthly hackathons where you'll build innovative solutions under time constraints.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/workers-looking-monthly-statistics_329181-12025.jpg", imageAlt: "Participants working on laptops during hackathon" }, { imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-tech-venture-employee-requests-help-from-manager_482257-120276.jpg", imageAlt: "Judges reviewing project presentations" }] },
{ title: "Tech Workshop Series", description: "Engage in hands-on workshops covering cutting-edge technologies like AI, blockchain, and IoT.", icon: Cpu, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/children-using-building-kit_7502-7346.jpg", imageAlt: "Workshop participants building prototypes" }, { imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-doing-experiments-robotics-laboratory-girls-protective-glasses_1268-24389.jpg", imageAlt: "Instructor demonstrating new technology" }] }
]}
animationType="slide-up"
textboxLayout="default"
@@ -116,7 +113,7 @@ export default function ActivitiesPage() {
features={[
{ title: "Code Tutorials", description: "Step-by-step guides to master programming languages like Python, JavaScript, and Java.", icon: BookOpen, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/programming-script-text-coding-word_53876-64939.jpg", imageAlt: "Python tutorial interface" }, { imageSrc: "http://img.b2bpic.net/free-photo/rear-view-young-college-student-paying-attention-listening-her-online-teacher-laptop-home_662251-2487.jpg", imageAlt: "JavaScript code snippet" }] },
{ title: "Project Templates", description: "Ready-to-use templates for building web apps, mobile projects, and more.", icon: Code, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-vector/landing-page-app-development-template_23-2148692615.jpg", imageAlt: "Web app template preview" }, { imageSrc: "http://img.b2bpic.net/free-vector/gradient-brutalism-template-design_23-2149695425.jpg", imageAlt: "Mobile project layout" }] },
{ title: "Community Forums", description: "Connect with fellow members, ask questions, and share your latest projects.", icon: Users, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/brainstorming-training-group_1262-14804.jpg?_wi=1", imageAlt: "Online discussion interface" }, { imageSrc: "http://img.b2bpic.net/free-photo/brainstorming-training-group_1262-14804.jpg?_wi=2", imageAlt: "Member collaboration" }] }
{ title: "Community Forums", description: "Connect with fellow members, ask questions, and share your latest projects.", icon: Users, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/brainstorming-training-group_1262-14804.jpg", imageAlt: "Online discussion interface" }, { imageSrc: "http://img.b2bpic.net/free-photo/brainstorming-training-group_1262-14804.jpg", imageAlt: "Member collaboration" }] }
]}
animationType="slide-up"
textboxLayout="default"

21
src/app/join/page.tsx
View File

@@ -7,35 +7,32 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
import SplitAbout from '@/components/sections/about/SplitAbout';
import FooterBase from '@/components/sections/footer/FooterBase';
import { MessageCircle, Sparkles, Code, Users, UserCheck } from 'lucide-react';
import Link from 'next/link';
export default function JoinPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Activities", id: "/activities" },
{ name: "Join Us", id: "/join" },
];
const footerColumns = [
{
title: "Explore",
items: [
title: "Explore", items: [
{ label: "Home", href: "/" },
{ label: "About Us", href: "/about" },
{ label: "Activities", href: "/activities" },
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Learning Hub", href: "/activities" },
{ label: "Code of Conduct", href: "#" },
{ label: "Community Guidelines", href: "#" },
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Contact Us", href: "/join" },
{ label: "Join Our Discord", href: "#" },
{ label: "Newsletter", href: "/join" },
@@ -73,7 +70,7 @@ export default function JoinPage() {
tagAnimation="slide-up"
background={{ variant: 'plain' }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/workers-it-company-working-computer_1303-19447.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/workers-it-company-working-computer_1303-19447.jpg"
imageAlt="Students collaborating on tech projects in a modern computer lab"
mediaAnimation="blur-reveal"
mediaPosition="left"
@@ -91,9 +88,9 @@ export default function JoinPage() {
tagIcon={Sparkles}
tagAnimation="slide-up"
testimonials={[
{ id: "testimonial-1", name: "Alex Morgan", role: "Software Engineer", company: "TechNova Inc.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-teaching-two-friends-her-phone_1170-48.jpg?_wi=3", imageAlt: "Alex Morgan, Software Engineer at TechNova Inc." },
{ id: "testimonial-2", name: "Jamie Chen", role: "Full Stack Developer", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-creative-designers-working-project-together-sharing-new-ideas-workplace-business-team-work-concept_58466-12412.jpg?_wi=3", imageAlt: "Jamie Chen, Full Stack Developer at InnovateLab" },
{ id: "testimonial-3", name: "Taylor Kim", role: "UI/UX Designer", company: "Creative Minds Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-business-people-happily-working-laptop-together-group-smiling-men-women-spending-time-modern-cozy-office_574295-5693.jpg?_wi=3", imageAlt: "Taylor Kim, UI/UX Designer at Creative Minds Studio" }
{ id: "testimonial-1", name: "Alex Morgan", role: "Software Engineer", company: "TechNova Inc.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-teaching-two-friends-her-phone_1170-48.jpg", imageAlt: "Alex Morgan, Software Engineer at TechNova Inc." },
{ id: "testimonial-2", name: "Jamie Chen", role: "Full Stack Developer", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-creative-designers-working-project-together-sharing-new-ideas-workplace-business-team-work-concept_58466-12412.jpg", imageAlt: "Jamie Chen, Full Stack Developer at InnovateLab" },
{ id: "testimonial-3", name: "Taylor Kim", role: "UI/UX Designer", company: "Creative Minds Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-business-people-happily-working-laptop-together-group-smiling-men-women-spending-time-modern-cozy-office_574295-5693.jpg", imageAlt: "Taylor Kim, UI/UX Designer at Creative Minds Studio" }
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -114,7 +111,7 @@ export default function JoinPage() {
{ title: "Collaborative Projects", description: "Work alongside peers on innovative solutions that make a difference.", icon: Users },
{ title: "Expert Mentorship", description: "Learn from industry professionals and experienced developers.", icon: UserCheck }
]}
imageSrc="http://img.b2bpic.net/free-photo/group-young-people-casual-clothes-working-modern-office_146671-16433.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/group-young-people-casual-clothes-working-modern-office_146671-16433.jpg"
imageAlt="Students collaborating on a tech project in a modern classroom setting"
mediaAnimation="slide-up"
imagePosition="right"

7
src/app/layout.tsx
View File

@@ -3,14 +3,11 @@ import "./globals.css";
import { Figtree } from "next/font/google";
const figtree = Figtree({
variable: "--font-figtree",
subsets: ["latin"],
variable: "--font-figtree", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Tech Club | Code, Create, Connect - Student Innovation Hub",
description: "Join our vibrant tech community for coding, hands-on learning, and collaborative projects. Empowering students aged 16-25 to innovate and grow together.",
keywords: ["computer club", "tech innovation", "student programming", "coding community", "tech education"],
title: "Tech Club | Code, Create, Connect - Student Innovation Hub", description: "Join our vibrant tech community for coding, hands-on learning, and collaborative projects. Empowering students aged 16-25 to innovate and grow together.", keywords: ["computer club", "tech innovation", "student programming", "coding community", "tech education"],
};
export default function RootLayout({

33
src/app/page.tsx
View File

@@ -8,36 +8,33 @@ import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwen
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles, Code, GraduationCap, Users, GitBranch, UserCheck, BookOpen, Mic, Zap, Cpu, Star, MessageCircle } from 'lucide-react';
import Link from 'next/link';
import { Sparkles, Code, GraduationCap, Users, GitBranch, UserCheck, BookOpen, Zap, MessageCircle } from 'lucide-react';
export default function HomePage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Activities", id: "/activities" },
{ name: "Join Us", id: "/join" },
];
const footerColumns = [
{
title: "Explore",
items: [
title: "Explore", items: [
{ label: "Home", href: "/" },
{ label: "About Us", href: "/about" },
{ label: "Activities", href: "/activities" },
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Learning Hub", href: "/activities" },
{ label: "Code of Conduct", href: "#" },
{ label: "Community Guidelines", href: "#" },
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Contact Us", href: "/join" },
{ label: "Join Our Discord", href: "#" },
{ label: "Newsletter", href: "/join" },
@@ -85,7 +82,7 @@ export default function HomePage() {
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={[{ text: "Hackathons", icon: "Code" }, { text: "Workshops", icon: "GraduationCap" }, { text: "Mentorship", icon: "Users" }, { text: "Open Source", icon: "GitBranch" }]}
marqueeItems={[{ text: "Hackathons", icon: Code }, { text: "Workshops", icon: GraduationCap }, { text: "Mentorship", icon: Users }, { text: "Open Source", icon: GitBranch }]}
marqueeSpeed={40}
showMarqueeCard={true}
ariaLabel="Hero section introducing the tech club"
@@ -106,7 +103,7 @@ export default function HomePage() {
{ title: "Collaborative Projects", description: "Work alongside peers on innovative solutions that make a difference.", icon: Users },
{ title: "Expert Mentorship", description: "Learn from industry professionals and experienced developers.", icon: UserCheck }
]}
imageSrc="http://img.b2bpic.net/free-photo/group-young-people-casual-clothes-working-modern-office_146671-16433.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/group-young-people-casual-clothes-working-modern-office_146671-16433.jpg"
imageAlt="Students collaborating on a tech project in a modern classroom setting"
mediaAnimation="slide-up"
imagePosition="left"
@@ -125,8 +122,8 @@ export default function HomePage() {
buttons={[{ text: "View Full Calendar", href: "/activities" }]}
buttonAnimation="opacity"
features={[
{ title: "Hackathon Weekend", description: "Join our bi-weekly hackathons where you'll collaborate with peers to build innovative solutions. Prizes awarded for best projects.", icon: Code, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/team-software-engineers-doing-brainstorming-office_482257-123976.jpg?_wi=1", imageAlt: "Team working on a hackathon project" }, { imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-doing-experiments-robotics-laboratory-girls-protective-glasses_1268-24389.jpg?_wi=1", imageAlt: "Participants presenting their hackathon creations" }] },
{ title: "Coding Workshop Series", description: "Hands-on workshops covering everything from beginner Python to advanced machine learning. All levels welcome!", icon: BookOpen, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/female-business-executive-using-digital-tablet_1170-1992.jpg?_wi=1", imageAlt: "Students attending a coding workshop" }, { imageSrc: "http://img.b2bpic.net/free-photo/spacious-area-group-young-people-casual-clothes-working-modern-office_146671-16510.jpg?_wi=1", imageAlt: "Instructor demonstrating code on screen" }] }
{ title: "Hackathon Weekend", description: "Join our bi-weekly hackathons where you'll collaborate with peers to build innovative solutions. Prizes awarded for best projects.", icon: Code, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/team-software-engineers-doing-brainstorming-office_482257-123976.jpg", imageAlt: "Team working on a hackathon project" }, { imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-doing-experiments-robotics-laboratory-girls-protective-glasses_1268-24389.jpg", imageAlt: "Participants presenting their hackathon creations" }] },
{ title: "Coding Workshop Series", description: "Hands-on workshops covering everything from beginner Python to advanced machine learning. All levels welcome!", icon: BookOpen, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/female-business-executive-using-digital-tablet_1170-1992.jpg", imageAlt: "Students attending a coding workshop" }, { imageSrc: "http://img.b2bpic.net/free-photo/spacious-area-group-young-people-casual-clothes-working-modern-office_146671-16510.jpg", imageAlt: "Instructor demonstrating code on screen" }] }
]}
animationType="slide-up"
textboxLayout="default"
@@ -145,8 +142,8 @@ export default function HomePage() {
buttons={[{ text: "View All Projects", href: "/activities" }]}
buttonAnimation="opacity"
features={[
{ title: "Open Source Contributions", description: "Join our community of developers contributing to impactful open source projects. Gain real-world experience while making a difference in the tech ecosystem.", icon: GitBranch, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-vector/course-app-interface-concept_23-2148670236.jpg?_wi=1", imageAlt: "Developer collaborating on GitHub" }, { imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-doing-experiments-robotics-laboratory-girls-protective-glasses_1268-24389.jpg?_wi=2", imageAlt: "Code repository interface" }] },
{ title: "Hackathon Challenges", description: "Participate in monthly hackathons where you'll build innovative solutions under time constraints. Win prizes and gain recognition from industry professionals.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/workers-looking-monthly-statistics_329181-12025.jpg?_wi=1", imageAlt: "Participants working on laptops during hackathon" }, { imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-tech-venture-employee-requests-help-from-manager_482257-120276.jpg?_wi=1", imageAlt: "Judges reviewing project presentations" }] }
{ title: "Open Source Contributions", description: "Join our community of developers contributing to impactful open source projects. Gain real-world experience while making a difference in the tech ecosystem.", icon: GitBranch, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-vector/course-app-interface-concept_23-2148670236.jpg", imageAlt: "Developer collaborating on GitHub" }, { imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-doing-experiments-robotics-laboratory-girls-protective-glasses_1268-24389.jpg", imageAlt: "Code repository interface" }] },
{ title: "Hackathon Challenges", description: "Participate in monthly hackathons where you'll build innovative solutions under time constraints. Win prizes and gain recognition from industry professionals.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/workers-looking-monthly-statistics_329181-12025.jpg", imageAlt: "Participants working on laptops during hackathon" }, { imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-tech-venture-employee-requests-help-from-manager_482257-120276.jpg", imageAlt: "Judges reviewing project presentations" }] }
]}
animationType="slide-up"
textboxLayout="default"
@@ -165,9 +162,9 @@ export default function HomePage() {
buttons={[{ text: "Read More Stories", href: "/about" }]}
buttonAnimation="opacity"
testimonials={[
{ id: "testimonial-1", name: "Alex Morgan", role: "Software Engineer", company: "TechNova Inc.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-teaching-two-friends-her-phone_1170-48.jpg?_wi=1", imageAlt: "Alex Morgan, Software Engineer at TechNova Inc." },
{ id: "testimonial-2", name: "Jamie Chen", role: "Full Stack Developer", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-creative-designers-working-project-together-sharing-new-ideas-workplace-business-team-work-concept_58466-12412.jpg?_wi=1", imageAlt: "Jamie Chen, Full Stack Developer at InnovateLab" },
{ id: "testimonial-3", name: "Taylor Kim", role: "UI/UX Designer", company: "Creative Minds Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-business-people-happily-working-laptop-together-group-smiling-men-women-spending-time-modern-cozy-office_574295-5693.jpg?_wi=1", imageAlt: "Taylor Kim, UI/UX Designer at Creative Minds Studio" },
{ id: "testimonial-1", name: "Alex Morgan", role: "Software Engineer", company: "TechNova Inc.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-teaching-two-friends-her-phone_1170-48.jpg", imageAlt: "Alex Morgan, Software Engineer at TechNova Inc." },
{ id: "testimonial-2", name: "Jamie Chen", role: "Full Stack Developer", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-creative-designers-working-project-together-sharing-new-ideas-workplace-business-team-work-concept_58466-12412.jpg", imageAlt: "Jamie Chen, Full Stack Developer at InnovateLab" },
{ id: "testimonial-3", name: "Taylor Kim", role: "UI/UX Designer", company: "Creative Minds Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-business-people-happily-working-laptop-together-group-smiling-men-women-spending-time-modern-cozy-office_574295-5693.jpg", imageAlt: "Taylor Kim, UI/UX Designer at Creative Minds Studio" },
{ id: "testimonial-4", name: "Jordan Smith", role: "Data Scientist", company: "DataFlow Analytics", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149208003.jpg", imageAlt: "Jordan Smith, Data Scientist at DataFlow Analytics" }
]}
gridVariant="three-columns-all-equal-width"
@@ -186,7 +183,7 @@ export default function HomePage() {
tagAnimation="slide-up"
background={{ variant: 'plain' }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/workers-it-company-working-computer_1303-19447.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/workers-it-company-working-computer_1303-19447.jpg"
imageAlt="Students collaborating on tech projects in a modern computer lab"
mediaAnimation="blur-reveal"
mediaPosition="left"