4 Commits

Author SHA1 Message Date
3c567d98f6 Update src/app/page.tsx 2026-03-01 17:14:07 +00:00
12070ae376 Update src/app/page.tsx 2026-03-01 17:13:22 +00:00
ca1d7ca0a6 Merge version_8 into main
Merge version_8 into main
2026-03-01 17:09:09 +00:00
1d35800e51 Merge version_8 into main
Merge version_8 into main
2026-03-01 17:08:19 +00:00

View File

@@ -50,7 +50,7 @@ export default function LandingPage() {
]}
buttonAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
imageSrc="https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=1200&q=80&_wi=1"
imageSrc="/api/placeholder/1200/800?_wi=1"
imageAlt="Computer workstation with development setup"
mediaAnimation="slide-up"
frameStyle="card"
@@ -68,7 +68,7 @@ export default function LandingPage() {
{ value: "200+", title: "Active Members" },
{ value: "50+", title: "Projects Completed" }
]}
imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=1200&q=80&_wi=1"
imageSrc="/api/placeholder/1200/800?_wi=2"
imageAlt="Team collaborating on coding project"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
@@ -87,19 +87,19 @@ export default function LandingPage() {
{
id: 1,
title: "Weekly Coding Workshops", description: "Learn from industry professionals through hands-on workshops covering web development, mobile apps, data science, and more.", phoneOne: {
imageSrc: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=1200&q=80&_wi=2"
imageSrc: "/api/placeholder/400/600?_wi=1"
},
phoneTwo: {
imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=1200&q=80&_wi=2"
imageSrc: "/api/placeholder/400/600?_wi=2"
}
},
{
id: 2,
title: "Hackathons & Competitions", description: "Compete with peers in exciting hackathons, coding challenges, and tech competitions. Win prizes and showcase your skills.", phoneOne: {
imageSrc: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=1200&q=80&_wi=3"
imageSrc: "/api/placeholder/400/600?_wi=3"
},
phoneTwo: {
imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=1200&q=80&_wi=3"
imageSrc: "/api/placeholder/400/600?_wi=4"
}
}
]}
@@ -120,22 +120,22 @@ export default function LandingPage() {
<p className="text-center mb-12">Explore the tools and resources we've built for our community</p>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 max-w-6xl mx-auto px-6">
<div className="bg-white rounded-lg shadow-md p-6">
<img src="https://images.unsplash.com/photo-1552664730-d307ca884978?w=400&q=80" alt="CompClub Platform dashboard" className="w-full h-48 object-cover rounded mb-4" />
<img src="/api/placeholder/400/300" alt="CompClub Platform dashboard" className="w-full h-48 object-cover rounded mb-4" />
<h3 className="text-xl font-semibold mb-2">CompClub Platform</h3>
<p className="text-lg font-bold text-green-600">Free</p>
</div>
<div className="bg-white rounded-lg shadow-md p-6">
<img src="https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=400&q=80" alt="Code Learning Kit" className="w-full h-48 object-cover rounded mb-4" />
<img src="/api/placeholder/400/300" alt="Code Learning Kit" className="w-full h-48 object-cover rounded mb-4" />
<h3 className="text-xl font-semibold mb-2">Code Learning Kit</h3>
<p className="text-lg font-bold text-green-600">$49</p>
</div>
<div className="bg-white rounded-lg shadow-md p-6">
<img src="https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=400&q=80" alt="Hackathon Toolkit" className="w-full h-48 object-cover rounded mb-4" />
<img src="/api/placeholder/400/300" alt="Hackathon Toolkit" className="w-full h-48 object-cover rounded mb-4" />
<h3 className="text-xl font-semibold mb-2">Hackathon Toolkit</h3>
<p className="text-lg font-bold text-green-600">$29</p>
</div>
<div className="bg-white rounded-lg shadow-md p-6">
<img src="https://images.unsplash.com/photo-1552664730-d307ca884978?w=400&q=80" alt="Mentorship Program" className="w-full h-48 object-cover rounded mb-4" />
<img src="/api/placeholder/400/300" alt="Mentorship Program" className="w-full h-48 object-cover rounded mb-4" />
<h3 className="text-xl font-semibold mb-2">Mentorship Program</h3>
<p className="text-lg font-bold text-green-600">$99</p>
</div>
@@ -187,25 +187,25 @@ export default function LandingPage() {
tagAnimation="slide-up"
members={[
{
id: "1", name: "Alex Chen", role: "Club President", description: "Full-stack developer passionate about mentoring. Leads strategic initiatives and oversees all club operations.", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&q=80&_wi=1", imageAlt: "Alex Chen, Club President", socialLinks: [
id: "1", name: "Alex Chen", role: "Club President", description: "Full-stack developer passionate about mentoring. Leads strategic initiatives and oversees all club operations.", imageSrc: "/api/placeholder/400/400?_wi=1", imageAlt: "Alex Chen, Club President", socialLinks: [
{ icon: Github, url: "https://github.com" },
{ icon: Linkedin, url: "https://linkedin.com" }
]
},
{
id: "2", name: "Maya Patel", role: "Vice President", description: "Data science enthusiast focused on community engagement. Organizes workshops and social events.", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&q=80&_wi=1", imageAlt: "Maya Patel, Vice President", socialLinks: [
id: "2", name: "Maya Patel", role: "Vice President", description: "Data science enthusiast focused on community engagement. Organizes workshops and social events.", imageSrc: "/api/placeholder/400/400?_wi=2", imageAlt: "Maya Patel, Vice President", socialLinks: [
{ icon: Github, url: "https://github.com" },
{ icon: Twitter, url: "https://twitter.com" }
]
},
{
id: "3", name: "Jordan Lee", role: "Event Coordinator", description: "Creative problem-solver organizing hackathons and competitions. Ensures memorable experiences for all members.", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&q=80&_wi=2", imageAlt: "Jordan Lee, Event Coordinator", socialLinks: [
id: "3", name: "Jordan Lee", role: "Event Coordinator", description: "Creative problem-solver organizing hackathons and competitions. Ensures memorable experiences for all members.", imageSrc: "/api/placeholder/400/400?_wi=3", imageAlt: "Jordan Lee, Event Coordinator", socialLinks: [
{ icon: Linkedin, url: "https://linkedin.com" },
{ icon: Globe, url: "https://example.com" }
]
},
{
id: "4", name: "Sam Torres", role: "Tech Lead", description: "Backend expert driving our technical infrastructure. Mentors developers and manages projects.", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&q=80&_wi=2", imageAlt: "Sam Torres, Tech Lead", socialLinks: [
id: "4", name: "Sam Torres", role: "Tech Lead", description: "Backend expert driving our technical infrastructure. Mentors developers and manages projects.", imageSrc: "/api/placeholder/400/400?_wi=4", imageAlt: "Sam Torres, Tech Lead", socialLinks: [
{ icon: Github, url: "https://github.com" },
{ icon: Linkedin, url: "https://linkedin.com" }
]
@@ -231,22 +231,22 @@ export default function LandingPage() {
animationType="slide-up"
testimonials={[
{
id: "1", name: "Sarah Johnson", handle: "@sarah_codes", testimonial: "Joining the computer club transformed my coding skills. The mentorship and collaborative projects gave me real-world experience I couldn't get elsewhere.", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=200&q=80&_wi=1", imageAlt: "Sarah Johnson"
id: "1", name: "Sarah Johnson", handle: "@sarah_codes", testimonial: "Joining the computer club transformed my coding skills. The mentorship and collaborative projects gave me real-world experience I couldn't get elsewhere.", imageSrc: "/api/placeholder/200/200?_wi=1", imageAlt: "Sarah Johnson"
},
{
id: "2", name: "Michael Rodriguez", handle: "@mrodriguez_dev", testimonial: "The hackathons organized by this club are incredible. I've built my portfolio, made lasting friendships, and gained confidence in my abilities.", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=200&q=80&_wi=1", imageAlt: "Michael Rodriguez"
id: "2", name: "Michael Rodriguez", handle: "@mrodriguez_dev", testimonial: "The hackathons organized by this club are incredible. I've built my portfolio, made lasting friendships, and gained confidence in my abilities.", imageSrc: "/api/placeholder/200/200?_wi=2", imageAlt: "Michael Rodriguez"
},
{
id: "3", name: "Emily Wang", handle: "@emily_codes", testimonial: "As someone new to programming, the welcoming community and diverse skill levels made it easy to learn. The workshops are top-notch!", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=200&q=80&_wi=2", imageAlt: "Emily Wang"
id: "3", name: "Emily Wang", handle: "@emily_codes", testimonial: "As someone new to programming, the welcoming community and diverse skill levels made it easy to learn. The workshops are top-notch!", imageSrc: "/api/placeholder/200/200?_wi=3", imageAlt: "Emily Wang"
},
{
id: "4", name: "David Kim", handle: "@davidkim_tech", testimonial: "The networking opportunities at club events led to internship offers. This community opens doors and builds connections that last.", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=200&q=80&_wi=2", imageAlt: "David Kim"
id: "4", name: "David Kim", handle: "@davidkim_tech", testimonial: "The networking opportunities at club events led to internship offers. This community opens doors and builds connections that last.", imageSrc: "/api/placeholder/200/200?_wi=4", imageAlt: "David Kim"
},
{
id: "5", name: "Jessica Lopez", handle: "@jess_develops", testimonial: "Best decision I made was joining CompClub. The supportive environment and quality projects have accelerated my career growth significantly.", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=200&q=80&_wi=3", imageAlt: "Jessica Lopez"
id: "5", name: "Jessica Lopez", handle: "@jess_develops", testimonial: "Best decision I made was joining CompClub. The supportive environment and quality projects have accelerated my career growth significantly.", imageSrc: "/api/placeholder/200/200?_wi=5", imageAlt: "Jessica Lopez"
},
{
id: "6", name: "Alex Thompson", handle: "@alexthompson99", testimonial: "Outstanding club with passionate members and leaders. We celebrate wins together, learn from failures, and always push each other to be better.", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=200&q=80&_wi=3", imageAlt: "Alex Thompson"
id: "6", name: "Alex Thompson", handle: "@alexthompson99", testimonial: "Outstanding club with passionate members and leaders. We celebrate wins together, learn from failures, and always push each other to be better.", imageSrc: "/api/placeholder/200/200?_wi=6", imageAlt: "Alex Thompson"
}
]}
speed={40}