diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 8310565..320c74a 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -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" diff --git a/src/app/activities/page.tsx b/src/app/activities/page.tsx index ef4c256..d7267e1 100644 --- a/src/app/activities/page.tsx +++ b/src/app/activities/page.tsx @@ -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" diff --git a/src/app/join/page.tsx b/src/app/join/page.tsx index c0c6a73..fd7c56b 100644 --- a/src/app/join/page.tsx +++ b/src/app/join/page.tsx @@ -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" diff --git a/src/app/layout.tsx b/src/app/layout.tsx index f7ce0d5..f7cb5cc 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -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({ diff --git a/src/app/page.tsx b/src/app/page.tsx index 07f9092..697bb33 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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"