diff --git a/.claude/settings.local.json b/.claude/settings.local.json new file mode 100644 index 0000000..f1b4b69 --- /dev/null +++ b/.claude/settings.local.json @@ -0,0 +1,12 @@ +{ + "permissions": { + "allow": [ + "Bash(npm run dev:*)", + "Bash(npm install:*)", + "Bash(npm run build:*)", + "Bash(cat:*)" + ], + "deny": [], + "ask": [] + } +} diff --git a/app/about/page.tsx b/app/about/page.tsx index 109426a..c168324 100644 --- a/app/about/page.tsx +++ b/app/about/page.tsx @@ -1,8 +1,8 @@ 'use client' import Image from "next/image" -import { Card, CardContent } from "@/components/ui/card" -import { Lightbulb, Handshake, GraduationCap, Share2 } from "lucide-react" +import Link from "next/link" +import { ArrowRight, ExternalLink } from "lucide-react" import { useEffect, useState } from "react" interface CoreTeamMember { @@ -25,260 +25,309 @@ export default function AboutPage() { }, []); return ( -
-
-

About Dev Weekends

-

- Learn about our mission, values, and the team behind Dev Weekends. -

-
- - {/* Mission Section */} -
-
-

Our Mission

-

- At Dev Weekends, we empower students,developers and professionals through mentorship, competitive preparation, and - real-world engagement. We connect students with experienced engineers for career guidance, help them excel - in ICPC and Meta HackerCup, and encourage contributions to open source programs like GSoC. -

-

- With a community of 20,000+ members across various platforms, we foster collaboration, networking, and skill - development through hackathons, workshops, and technology-specific groups. We provide resources on - freelancing, job opportunities, and problem-solving, along with weekly meetups and code review sessions. -

-

- Our free DSA courses, tech talks, and mentorship programs ensure continuous learning and growth. Join us to - connect, learn, and innovate together! 🚀 -

-
-
- Dev Weekends Meetup +
+ {/* Hero Section */} +
+
+
+
+
+

+ About Dev Weekends +

+

+ We Build{" "} + + Engineers + + {" "} + Who Change Lives +

+

+ Pakistan's largest free engineering mentorship community. We don't just teach code—we + transform students into world-class engineers through mentorship, community, and relentless practice. +

+
+ + Our Full Story + + + + Join Community + +
+
+
+ Dev Weekends Meetup +
+
- {/* Core Values Section */} -
-

Core Values

-
- - -
-
- -
-

Innovation

-

- Embrace and drive new ideas, technologies, and methodologies to keep the community at the cutting edge - of tech. -

+ {/* Stats Bar */} +
+
+
+ {[ + { value: "20K+", label: "Community Members" }, + { value: "800+", label: "Engineers Trained" }, + { value: "200+", label: "Sessions Delivered" }, + { value: "100%", label: "Free Forever" }, + ].map((stat, i) => ( +
+
{stat.value}
+
{stat.label}
- - - - - -
-
- -
-

Collaboration

-

- Foster a supportive environment where sharing knowledge and working together is at the heart of every - initiative. -

-
- - - - - - - -
-
- -
-

Continuous Learning

-

- Cultivate a culture where education—through mentorship, workshops, and peer-to-peer sessions—is - ongoing and adaptive. -

-
- - - - - -
-
- -
-

Community Impact

-

- Commit to initiatives that not only uplift members professionally but also contribute positively to - society at large. -

-
- - + ))} +
- {/* Mentorship Approach Section */} -
-

How Do We Mentor?

-
- - -
-

One-on-One Mentoring

-

- Personalized sessions that allow experienced developers to guide individuals through specific - challenges and career decisions. -

-
- - - - - -
-

Group Workshops and Bootcamps

-

- Interactive sessions focused on specific technologies or skill sets, encouraging peer learning and - collective problem-solving. -

-
- - - - - -
-

Peer Mentoring Circles

-

- Small groups of members who regularly share experiences and provide mutual support and accountability. -

-
- - - - - -
-

Project-Based Mentorship

-

- Real-world projects where mentors guide teams through the entire development lifecycle, enhancing - practical skills. -

-
- - + {/* Mission Section */} +
+
+
+

+ Our Mission +

+

+ Why We Exist +

+
- - -
-

Code Review Sessions

-

- Regular meetups where seasoned developers review code submitted by mentees, offering constructive - feedback and best practices. -

-
- - +
+
+

+ We started Dev Weekends because we saw brilliant minds falling through the cracks. + Students with incredible potential but no roadmap. Engineers who could build anything + but didn''t know where to start. A generation of talent lost to a broken system. +

+

+ So we built something different. A community where engineers at top companies mentor + the next generation. Where practice isn''t optionalit''s daily. Where success is measured + not by what you know, but by how many lives you change after your own transformation. +

+
+
+

What We Believe

+
    + {[ + "Talent is everywhere, opportunity is not", + "The best mentors are those who remember struggling", + "Practice beats theory, always", + "Community accelerates everything", + "Free education is a right, not a privilege", + ].map((belief, i) => ( +
  • + + {belief} +
    • + ))} +
+
+
+
+
- - -
-

Hackathon Guidance

-

- Mentors provide on-site or virtual support during hackathons, helping teams navigate challenges and - innovate effectively. -

-
- - + {/* The Circles Ecosystem */} +
+
+
+

+ The Circles Ecosystem +

+

+ Specialized Communities Within +

+

+ Join focused circles based on your interests and goals +

+
- - -
-

Career Guidance and Job Placement

-

- Structured mentorship sessions dedicated to resume building, interview preparation, and industry - networking. -

+
+ {[ + { title: "Open Source Alpha", desc: "Beginner open source contributors", color: "border-l-blue-500" }, + { title: "Open Source Beta", desc: "Intermediate contributors on real projects", color: "border-l-purple-500" }, + { title: "X-Team", desc: "Elite performers building production systems", color: "border-l-red-500" }, + { title: "Co-Working", desc: "Virtual sessions for focused productivity", color: "border-l-green-500" }, + { title: "ICPC Team", desc: "Competitive programming for ICPC", color: "border-l-orange-500" }, + { title: "GSoC Prep", desc: "Google Summer of Code preparation", color: "border-l-cyan-500" }, + { title: "Interview Prep", desc: "Mock interviews and placement prep", color: "border-l-pink-500" }, + { title: "2-Day Startup", desc: "Onsite weekend sprints to beat procrastination", color: "border-l-yellow-500" }, + { title: "Hackathon Circle", desc: "Building flawlessly engineered products", color: "border-l-emerald-500" }, + { title: "Weekend Deep-Dives", desc: "Topic-focused intensive sessions", color: "border-l-amber-500" }, + { title: "Remote Job Placement", desc: "Landing international remote opportunities", color: "border-l-teal-500" }, + ].map((circle, i) => ( +
+

{circle.title}

+

{circle.desc}

- - + ))} +
+
+
- - -
-

Virtual Q&A and Office Hours

-

- Scheduled online sessions where community members can ask questions and receive expert advice in real - time. -

-
- - + {/* The Internal Engine */} +
+
+
+

+ The Internal Engine +

+

+ How We Stay Cutting Edge +

+

+ Our internal teams ensure you always get the best guidance +

+
- - -
-

Technical Deep-Dive Sessions

-

- In-depth seminars on emerging technologies and trends, led by industry veterans, to keep the community - abreast of the latest developments. -

+
+ {[ + { + title: "Policy & Strategy Team", + points: [ + "Continuously evaluating approaches", + "Rethinking resources and methods", + "Testing everything before deployment", + ], + }, + { + title: "Curriculum Development", + points: [ + "Well-planned and tested assignments", + "Personalized guidance, no generic advice", + "Regular updates based on industry trends", + ], + }, + { + title: "Resource Curation", + points: [ + "Weekly article sharing (3 articles/week)", + "Curated book recommendations", + "Interview question databases", + ], + }, + { + title: "Quality Assurance", + points: [ + "Mock interviews (up to 5 levels)", + "Project audits and case studies", + "Resume, LinkedIn, portfolio reviews", + ], + }, + ].map((team, i) => ( +
+

{team.title}

+
    + {team.points.map((point, j) => ( +
  • + + {point} +
    • + ))} +
- - + ))} +
{/* Team Section */} -
-

Meet Our Team

+
+
+
+

+ Core Team +

+

+ Meet the People Behind +

+
-
- {loadingCore ? ( - Array.from({ length: 4 }).map((_, i) => ( -
-
-
-
+
+ {loadingCore ? ( + Array.from({ length: 4 }).map((_, i) => ( +
+
+ - +

{member.name}

+

{member.role}

+ + )) + )} +
+
+
+ + {/* CTA Section */} +
+
+

+ Ready to Transform? +

+

+ Join 20,000+ engineers who chose to stop waiting and start building. + Your transformation starts with one decision. It''s free, forever. +

+
+ + Join Discord Community + + + + Apply for Fellowship + +
+
) } - diff --git a/app/globals.css b/app/globals.css index 6cc33a4..9fc893f 100644 --- a/app/globals.css +++ b/app/globals.css @@ -23,7 +23,7 @@ --border: 0 0% 89%; --input: 0 0% 89%; --ring: 0 0% 0%; - --radius: 0.75rem; + --radius: 0; } .dark { diff --git a/app/mindmaster/page.tsx b/app/mindmaster/page.tsx index 0dc6d76..be4aaf6 100644 --- a/app/mindmaster/page.tsx +++ b/app/mindmaster/page.tsx @@ -1,25 +1,39 @@ 'use client'; import { useState, useEffect } from 'react'; -import { Book, Video, Calendar, ExternalLink } from 'lucide-react'; -import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"; -import { Button } from "@/components/ui/button"; -import { Alert, AlertDescription } from "@/components/ui/alert"; -import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"; +import { Book, Video, ArrowRight, ExternalLink, Play, BookOpen } from 'lucide-react'; import Link from 'next/link'; -// MindMaster component for the public page +interface MindMasterItem { + _id?: string; + title: string; + bio: string; + author?: string; + link?: string; + videoUrl?: string; + youtubeEmbedId?: string; + isPlaylist?: boolean; +} + +interface MindMasterData { + talkOfTheWeek: MindMasterItem | null; + talkOfTheMonth: MindMasterItem | null; + bookOfTheWeek: MindMasterItem | null; + bookOfTheMonth: MindMasterItem | null; + recommendedTalks?: MindMasterItem[]; +} + export default function MindMaster() { const [loading, setLoading] = useState(true); const [error, setError] = useState(''); - const [mindmasterData, setMindmasterData] = useState({ + const [mindmasterData, setMindmasterData] = useState({ talkOfTheWeek: null, talkOfTheMonth: null, bookOfTheWeek: null, - bookOfTheMonth: null + bookOfTheMonth: null, + recommendedTalks: [] }); - // Fetch MindMaster data on component mount useEffect(() => { const fetchMindMasterData = async () => { try { @@ -42,72 +56,134 @@ export default function MindMaster() { fetchMindMasterData(); }, []); - // Format date - const formatDate = (dateString) => { - if (!dateString) return ''; - const date = new Date(dateString); - return date.toLocaleDateString('en-US', { - year: 'numeric', - month: 'long', - day: 'numeric' - }); - }; + const noContent = !mindmasterData.talkOfTheWeek && + !mindmasterData.talkOfTheMonth && + !mindmasterData.bookOfTheWeek && + !mindmasterData.bookOfTheMonth; if (loading) { return ( -
-
+
+
); } - // Check if there's no active content - const noContent = !mindmasterData.talkOfTheWeek && - !mindmasterData.talkOfTheMonth && - !mindmasterData.bookOfTheWeek && - !mindmasterData.bookOfTheMonth; - return ( -
-
-

MindMaster Community

-

Expand your mind with our curated talks and books

-
+
+ {/* ============================================ + HERO SECTION + ============================================ */} +
+
+
+

+ A Closed Community for Thinkers +

+

+ Beyond Code, +
+ There's the Mind +

+

+ MindMaster is our invite-only space for engineers who understand that true growth + happens beyond the keyboard. Psychology, time mastery, spiritual grounding, and + the mental frameworks that turn good developers into exceptional human beings. +

+ + {/* Stats */} +
+ {[ + { number: "200+", label: "Closed Members" }, + { number: "Weekly", label: "Deep Dives" }, + { number: "Invite", label: "Only Access" }, + ].map((stat, i) => ( +
+

{stat.number}

+

{stat.label}

+
+ ))} +
+
+
+
+ + {/* ============================================ + PHILOSOPHY SECTION + ============================================ */} +
+
+
+ {[ + { + number: "01", + title: "Psychology of Excellence", + description: "Understanding how the mind works is the first step to mastering it. We explore cognitive biases, decision-making, and the psychology behind peak performance." + }, + { + number: "02", + title: "Time & Energy Mastery", + description: "Time management is energy management. Learn frameworks from the world's top performers to structure your days, weeks, and life for maximum impact." + }, + { + number: "03", + title: "The Spiritual Dimension", + description: "Purpose, meaning, and inner peace. The best engineers we know have found balance between ambition and contentment. We explore that journey together." + }, + ].map((item, i) => ( +
+
+ {item.number} +
+

{item.title}

+

{item.description}

+
+ ))} +
+
+
{error && ( - - {error} - +
+
+
+

{error}

+
+
+
)} - + {noContent && !error && ( - - - No MindMaster content is currently available. Please check back later! - - +
+
+
+ +
+

Coming Soon

+

+ New curated content is being prepared. Check back soon for fresh talks and book recommendations! +

+
+
)} - {/* Featured Talks Section */} + {/* ============================================ + FEATURED TALKS SECTION + ============================================ */} {(mindmasterData.talkOfTheWeek || mindmasterData.talkOfTheMonth) && ( -
-
-
-
- {/* Talk of the Week */} - {mindmasterData.talkOfTheWeek && ( - - - - Talk of the Week - -

{mindmasterData.talkOfTheWeek.title}

+
+
+
+
+ +
+ {/* Talk of the Week */} + {mindmasterData.talkOfTheWeek && ( +
{mindmasterData.talkOfTheWeek.youtubeEmbedId && ( -
+
)} -

{mindmasterData.talkOfTheWeek.bio}

- {(mindmasterData.talkOfTheWeek.videoUrl || mindmasterData.talkOfTheWeek.youtubeEmbedId) && ( - - )} - - - )} + )} +
+
+ )} - {/* Talk of the Month */} - {mindmasterData.talkOfTheMonth && ( - - - - Talk of the Month - -

{mindmasterData.talkOfTheMonth.title}

+ {/* Talk of the Month */} + {mindmasterData.talkOfTheMonth && ( +
{mindmasterData.talkOfTheMonth.youtubeEmbedId && ( -
+
)} -

{mindmasterData.talkOfTheMonth.bio}

- {(mindmasterData.talkOfTheMonth.videoUrl || mindmasterData.talkOfTheMonth.youtubeEmbedId) && ( - - )} - - - )} + )} +
+
+ )} +
)} - {/* Featured Books Section */} + {/* ============================================ + FEATURED BOOKS SECTION + ============================================ */} {(mindmasterData.bookOfTheWeek || mindmasterData.bookOfTheMonth) && ( -
-
- -

- Featured Books -

-
-
- {/* Book of the Week */} - {mindmasterData.bookOfTheWeek && ( - - - +
+
+
+ +

Featured Books

+
+ +
+ {/* Book of the Week */} + {mindmasterData.bookOfTheWeek && ( +
+ Book of the Week -

{mindmasterData.bookOfTheWeek.title}

-

By {mindmasterData.bookOfTheWeek.author}

-

{mindmasterData.bookOfTheWeek.bio}

+

{mindmasterData.bookOfTheWeek.title}

+ {mindmasterData.bookOfTheWeek.author && ( +

by {mindmasterData.bookOfTheWeek.author}

+ )} +

{mindmasterData.bookOfTheWeek.bio}

{mindmasterData.bookOfTheWeek.link && ( - + + + View Book + + )} - - - )} +
+ )} - {/* Book of the Month */} - {mindmasterData.bookOfTheMonth && ( - - - + {/* Book of the Month */} + {mindmasterData.bookOfTheMonth && ( +
+ Book of the Month -

{mindmasterData.bookOfTheMonth.title}

-

By {mindmasterData.bookOfTheMonth.author}

-

{mindmasterData.bookOfTheMonth.bio}

+

{mindmasterData.bookOfTheMonth.title}

+ {mindmasterData.bookOfTheMonth.author && ( +

by {mindmasterData.bookOfTheMonth.author}

+ )} +

{mindmasterData.bookOfTheMonth.bio}

{mindmasterData.bookOfTheMonth.link && ( - + + View Book + + )} - - - )} +
+ )} +
)} - {/* Recommended Talks Section */} + {/* ============================================ + RECOMMENDED TALKS SECTION + ============================================ */} {mindmasterData.recommendedTalks && mindmasterData.recommendedTalks.length > 0 && ( -
-
-
-
- {mindmasterData.recommendedTalks.map((talk, idx) => ( - - - - Recommended Talk - -

{talk.title}

+
+
+
+
+ +
+ {mindmasterData.recommendedTalks.map((talk, idx) => ( +
{talk.youtubeEmbedId && ( -
+
)} -

{talk.bio}

- {talk.youtubeEmbedId && ( -
+
); } \ No newline at end of file diff --git a/app/network/page.tsx b/app/network/page.tsx index e8b8ead..24265b5 100644 --- a/app/network/page.tsx +++ b/app/network/page.tsx @@ -1,6 +1,6 @@ "use client" -import React, { useEffect, useState } from "react" +import React, { useEffect, useState, useCallback } from "react" import { ZoomIn, ZoomOut, Maximize2, RefreshCw, Target, Network, Table, ChevronDown, ChevronUp, Tag as TagIcon } from "lucide-react" import dynamic from "next/dynamic" @@ -425,7 +425,7 @@ export default function MentorshipPage() { const [isRefreshing, setIsRefreshing] = useState(false) const [hasNewData, setHasNewData] = useState(false) - const fetchData = async (showRefreshIndicator = false) => { + const fetchData = useCallback(async (showRefreshIndicator = false) => { if (showRefreshIndicator) setIsRefreshing(true) if (!showRefreshIndicator) setLoading(true) setError(null) @@ -466,12 +466,12 @@ export default function MentorshipPage() { setLoading(false) setIsRefreshing(false) } - } + }, [mentors, mentees, lastUpdated]) // Initial data fetch useEffect(() => { fetchData() - }, []) + }, [fetchData]) // Listen for admin updates via localStorage or window events (but don't auto-refresh) useEffect(() => { diff --git a/app/our-story/page-old.tsx b/app/our-story/page-old.tsx new file mode 100644 index 0000000..5bab98a --- /dev/null +++ b/app/our-story/page-old.tsx @@ -0,0 +1,575 @@ +"use client" + +import { useState, useEffect, useRef } from "react" +import Link from "next/link" +import { ArrowRight } from "lucide-react" +// import "./styles.css" + +export default function OurStoryPage() { + const [scrollY, setScrollY] = useState(0) + const [animatedStats, setAnimatedStats] = useState({ + members: 0, + engineers: 0, + centurions: 0, + sessions: 0, + placements: 0, + views: 0, + turing: 0, + success: 0, + }) + const statsRef = useRef(null) + const [hasAnimatedStats, setHasAnimatedStats] = useState(false) + + const animateStats = () => { + const targets = { + members: 20000, + engineers: 800, + centurions: 500, + sessions: 200, + placements: 1000, + views: 50000, + turing: 20, + success: 67, + } + + const duration = 2000 + const steps = 60 + const increment = duration / steps + + let currentStep = 0 + const timer = setInterval(() => { + currentStep++ + const progress = currentStep / steps + const easeOut = 1 - Math.pow(1 - progress, 3) + + setAnimatedStats({ + members: Math.floor(targets.members * easeOut), + engineers: Math.floor(targets.engineers * easeOut), + centurions: Math.floor(targets.centurions * easeOut), + sessions: Math.floor(targets.sessions * easeOut), + placements: Math.floor(targets.placements * easeOut), + views: Math.floor(targets.views * easeOut), + turing: Math.floor(targets.turing * easeOut), + success: Math.floor(targets.success * easeOut), + }) + + if (currentStep >= steps) { + clearInterval(timer) + setAnimatedStats(targets) + } + }, increment) + } + + useEffect(() => { + const handleScroll = () => { + setScrollY(window.scrollY) + + if (statsRef.current && !hasAnimatedStats) { + const rect = statsRef.current.getBoundingClientRect() + if (rect.top < window.innerHeight && rect.bottom > 0) { + setHasAnimatedStats(true) + animateStats() + } + } + } + + const reveals = document.querySelectorAll('.reveal') + const revealOnScroll = () => { + reveals.forEach((element) => { + const windowHeight = window.innerHeight + const elementTop = element.getBoundingClientRect().top + const revealPoint = 150 + + if (elementTop < windowHeight - revealPoint) { + element.classList.add('active') + } + }) + } + + window.addEventListener('scroll', handleScroll) + window.addEventListener('scroll', revealOnScroll) + window.addEventListener('load', revealOnScroll) + + return () => { + window.removeEventListener('scroll', handleScroll) + window.removeEventListener('scroll', revealOnScroll) + window.removeEventListener('load', revealOnScroll) + } + // eslint-disable-next-line react-hooks/exhaustive-deps + }, [hasAnimatedStats]) + + return ( +
+
+
+
+
+
+ +
+
+ + Your Gateway to Becoming a Better Software Engineer +
+ +

+ We Don't Just Teach Code.
+ We Build + Engineers + +
+ Who Change Lives. +

+ +

+ Join 20,000+ students and 800+ successful engineers who transformed their careers through + FREE mentorship, world-class training, and a community that believes in giving back. +

+ +
+ + Join the Fellowship + + + + Explore Mentorship + + + Become Ambassador + +
+ +
+ {[ + { number: '7', label: 'Countries' }, + { number: '50+', label: 'Universities' }, + { number: '800+', label: 'Engineers Trained' }, + { number: '100%', label: 'Free Forever' }, + ].map((stat, i) => ( +
+
{stat.number}
+
{stat.label}
+
+ ))} +
+
+
+ + {/* Our Focus Areas */} +
+
+
+

What We Teach

+

Our Focus Areas

+

+ We offer mentorship and sessions across various domains of technology +

+
+ +
+ {[ + { title: 'Software Engineering', desc: 'Web Application, Mobile Application, Desktop Application, and more.' }, + { title: 'DSA & Competitive Programming', desc: 'Data Structures, Algorithms, Problem Solving, and Competitive Programming Contests.' }, + { title: 'DevOps & Cloud', desc: 'CI/CD, Infrastructure as Code, Containerization, AWS, Azure, GCP, and Cloud Architecture.' }, + { title: 'Machine Learning/AI', desc: 'ML fundamentals, deep learning, NLP, computer vision, and AI applications.' }, + { title: 'Open Source Programs', desc: 'GSoC, Hacktoberfest, Outreachy, and other open source contribution programs.' }, + { title: 'Remote Jobs', desc: 'Remote job opportunities, freelancing, and international tech careers.' }, + ].map((area, i) => ( +
+

{area.title}

+

{area.desc}

+
+ ))} +
+
+
+ + {/* Problem Section */} +
+
+
+

The Gap We Bridge

+

Brilliant Minds. Broken System.

+

+ We produce exceptional talent. But talent alone doesn't build careers. +

+
+ +
+ {[ + { num: '01', icon: '🎓', title: 'The Education Gap', text: 'Universities teach syntax. Industry needs systems thinking, problem-solving, and the ability to build at scale.' }, + { num: '02', icon: '🗺️', title: 'No Roadmap', text: 'Brilliant minds stuck without direction. No mentors to guide them toward global careers and international opportunities.' }, + { num: '03', icon: '🧍', title: 'Learning Alone', text: 'Self-learning without community means falling behind. No accountability, no support, no one to push you forward.' }, + ].map((problem, i) => ( +
+ {problem.num} +
+ {problem.icon} +
+

{problem.title}

+

{problem.text}

+
+ ))} +
+ +
+

We built something different.

+
+
+
+ + {/* Philosophy Section */} +
+
+
+

Our Philosophy

+

+ Engineering Excellence
Requires Three Pillars +

+
+ +
+ {[ + { + num: 'PILLAR 01', + icon: '🎯', + title: 'Purpose', + subtitle: 'The WHY', + tagline: '"Find your \'why\' before your \'what\'"', + text: 'Every morning, we start with mindset. Why do you code? What problem do you want to solve? Purpose drives persistence when motivation fades.', + }, + { + num: 'PILLAR 02', + icon: '🧠', + title: 'Psychology', + subtitle: 'The MINDSET', + tagline: '"Your mindset is your most important algorithm"', + text: 'Technical skills plateau without mental resilience. We build engineers who think like winners, handle rejection, and never stop growing.', + }, + { + num: 'PILLAR 03', + icon: '⚡', + title: 'Practice', + subtitle: 'The SKILLS', + tagline: '"Deliberate, world-class skill building"', + text: '500+ LeetCode centurions. GSoC selections. Competition golds. We don\'t just practice—we practice with intention and intensity.', + }, + ].map((pillar, i) => ( +
+ {pillar.num} +
+ {pillar.icon} +
+

{pillar.title}

+

{pillar.tagline}

+

{pillar.text}

+
+ ))} +
+
+
+ + {/* Method Section */} +
+
+
+

The Dev Weekends Method

+

A Day in the Life of Transformation

+

+ Three talks. Three dimensions of growth. Every single day. +

+
+ +
+ {[ + { time: 'Morning + Breakfast', title: 'MINDSET TALKS', desc: 'Start with purpose. Productivity hacks, discipline frameworks, and the psychology of high performers.', tags: ['Productivity', 'Discipline', 'Winner Mentality'] }, + { time: 'Lunch Sessions', title: 'TECH TALKS', desc: 'Deep dives into system design, industry best practices, and the technical skills that get you hired.', tags: ['System Design', 'DSA', 'Industry Skills'] }, + { time: 'Evening + Dinner', title: 'SPIRITUAL TALKS', desc: 'End with reflection. Purpose, resilience, giving back, and building a life beyond code.', tags: ['Purpose', 'Resilience', 'Community'] }, + ].map((talk, i) => ( +
+ {talk.time} +

{talk.title}

+

{talk.desc}

+
+ {talk.tags.map((tag, j) => ( + + {tag} + + ))} +
+
+ ))} +
+
+
+ + {/* Fellowship Section */} +
+
+
+

The Fellowship

+

Your 4-Month Transformation

+

+ A structured journey from wherever you are to wherever you want to be. +

+
+ +
+ {[ + { num: '01', title: 'Join a Clan', text: 'Get assigned to one of 25 focused clans with personalized mentorship' }, + { num: '02', title: 'Weekly Tracking', text: 'Progress reviews, accountability partners, and milestone celebrations' }, + { num: '03', title: 'Mock Interviews', text: 'Up to 5 mock interviews with real engineers from top companies' }, + { num: '04', title: 'Certification', text: 'Earn Bronze, Silver, or Gold based on your dedication and growth' }, + ].map((step, i) => ( +
+
{step.num}
+

{step.title}

+

{step.text}

+
+ ))} +
+ +
+ {[ + { icon: 'đź‘Ą', title: 'Personal Mentor', text: '1:1 guidance from engineers at top companies who volunteer their time' }, + { icon: 'đź“Š', title: '30+ Live Sessions', text: 'DSA deep dives, engineering grinds, and capstone project guidance' }, + { icon: 'đź”—', title: 'Circles Ecosystem', text: 'Alpha/Beta Open Source, X-Team, co-working sessions, and specialized tracks' }, + ].map((feature, i) => ( +
+
+ {feature.icon} +
+
+

{feature.title}

+

{feature.text}

+
+
+ ))} +
+
+
+ + {/* Impact Dashboard */} +
+
+
+

Our Impact

+

Dev Weekends in Numbers

+
+ +
+ {[ + { value: animatedStats.members, suffix: 'K+', label: 'Community Members', divisor: 1000 }, + { value: animatedStats.engineers, suffix: '+', label: 'Engineers Trained', divisor: 1 }, + { value: animatedStats.centurions, suffix: '+', label: 'LeetCode Centurions', divisor: 1 }, + { value: animatedStats.sessions, suffix: '+', label: 'Sessions Delivered', divisor: 1 }, + { value: animatedStats.placements, suffix: '+', label: 'Job Placements', divisor: 1 }, + { value: animatedStats.views, suffix: 'K+', label: 'YouTube Views', divisor: 1000 }, + { value: animatedStats.turing, suffix: '+', label: 'Engineers at Turing', divisor: 1 }, + { value: animatedStats.success, suffix: '%', label: 'Career Success Rate', divisor: 1 }, + ].map((stat, i) => ( +
+
+ {Math.floor(stat.value / stat.divisor)}{stat.suffix} +
+
{stat.label}
+
+ ))} +
+ +
+ {[ + { badge: 'GSoC Success', name: 'Saqlain Nawaz', desc: 'Google Summer of Code @ Chromium. From unknown to contributing to the world\'s most used browser.' }, + { badge: 'Open Source', name: 'M. Salman', desc: 'GSoC @ FOSSology. Proving that open source is the gateway to global opportunities.' }, + { badge: 'Industry Placement', name: 'M. Shehroz', desc: 'Software Engineer @ Unanime Planet. From fellowship to full-time in 4 months.' }, + ].map((story, i) => ( +
+ {story.badge} +

{story.name}

+

{story.desc}

+
+ ))} +
+
+
+ + {/* Tracks Section */} +
+
+
+

Learning Tracks

+

Choose Your Path

+

+ Structured tracks designed for different goals and experience levels. +

+
+ +
+ {[ + { + label: 'Foundation Track', + title: 'DSA & Competitive', + desc: 'From basics to advanced patterns. Build the problem-solving muscle that gets you through any technical interview.', + levels: ['Level 0: Basics', 'Level 1: 100 Problems', 'Level 2: 250+ Advanced'], + }, + { + label: 'Professional Track', + title: 'Engineering Grind', + desc: 'Full-stack development with real projects. Frontend, backend, DevOps, and everything in between.', + levels: ['Frontend', 'Backend', 'Full-Stack', 'DevOps'], + }, + { + label: 'Competition Track', + title: 'ICPC & Contests', + desc: 'Train for Meta Hacker Cup, Google Code Jam, Codeforces, and international programming competitions.', + levels: ['Contest Prep', 'ICPC Training', 'Hacker Cup'], + }, + { + label: 'Open Source Track', + title: 'GSoC & Contributions', + desc: 'Learn to contribute to open source. Prepare for GSoC, LFX Mentorship, and build a global portfolio.', + levels: ['Alpha (Beginner)', 'Beta (Intermediate)', 'X-Team (Advanced)'], + }, + ].map((track, i) => ( +
+ {track.label} +

{track.title}

+

{track.desc}

+
+ {track.levels.map((level, j) => ( + + {level} + + ))} +
+
+ ))} +
+
+
+ + {/* Giving Back Section */} +
+
+
+

Why It's Free

+

It's Free Because We Believe

+
+ +

+ "Someone believed in us. Now we pay it forward." +

+ +
+ {[ + { icon: '⏰', title: '10-15 Hours Weekly', text: 'Our mentors are working professionals who volunteer their evenings and weekends to build the next generation.' }, + { icon: '💻', title: 'Equipment Sponsors', text: 'We sponsor laptops, competition fees, and resources for underprivileged students who can\'t afford them.' }, + { icon: '🔄', title: 'The Chain Continues', text: 'Mentees become mentors. The cycle of giving back never stops. One day, you\'ll lead someone too.' }, + ].map((item, i) => ( +
+
+ {item.icon} +
+

{item.title}

+

{item.text}

+
+ ))} +
+
+
+ + {/* Testimonials Section */} +
+
+
+

Community Voices

+

What They Say About Us

+
+ +
+ {[ + { + quote: 'The fellowship didn\'t just teach me to code. It taught me to think, build, and ship. I landed my first job within a month of completing.', + initials: 'AK', + name: 'Ahmed Khan', + role: 'SWE @ Careem • Cohort 2024', + }, + { + quote: 'I went from 0 LeetCode to 150+ problems in 3 months. The accountability and community made all the difference. Now I\'m at Turing.', + initials: 'SF', + name: 'Sara Fatima', + role: 'Engineer @ Turing • Cohort 2023', + }, + { + quote: 'GSoC seemed impossible before Dev Weekends. The mentors guided me step by step. Now I\'m contributing to Chromium.', + initials: 'SN', + name: 'Saqlain Nawaz', + role: 'GSoC @ Chromium • Cohort 2024', + }, + ].map((testimonial, i) => ( +
+
"
+

{testimonial.quote}

+
+
+ {testimonial.initials} +
+
+
{testimonial.name}
+
{testimonial.role}
+
+
+
+ ))} +
+
+
+ + {/* CTA Section */} +
+
+

+ Ready to Transform Your Career? +

+

+ Join the community that has helped 800+ engineers level up. It's free. It's intense. It works. +

+ +
+ + Apply for Fellowship 2025-26 + + + + Apply for Mentorship + + + Join Discord Community + +
+ +
+ {[ + { num: '1', text: 'Join Discord' }, + { num: '2', text: 'Complete Kickoff' }, + { num: '3', text: 'Get Your Clan' }, + { num: '4', text: 'Begin Journey' }, + ].map((step, i) => ( +
+
{step.num}
+
{step.text}
+
+ ))} +
+ +
+ + Want to Become a Mentor? + + +
+
+
+
+ ) + } diff --git a/app/our-story/page.tsx b/app/our-story/page.tsx new file mode 100644 index 0000000..cc10726 --- /dev/null +++ b/app/our-story/page.tsx @@ -0,0 +1,1256 @@ +"use client" + +import { useState, useEffect, useRef } from "react" +import Link from "next/link" +import Image from "next/image" +import { ArrowRight, ExternalLink, X, Mail, Linkedin } from "lucide-react" + +export default function OurStoryPage() { + const [showMentorModal, setShowMentorModal] = useState(false) + const [showSponsorModal, setShowSponsorModal] = useState(false) + const [showContactModal, setShowContactModal] = useState(false) + const [animatedStats, setAnimatedStats] = useState({ + members: 0, + engineers: 0, + centurions: 0, + sessions: 0, + placements: 0, + views: 0, + turing: 0, + success: 0, + }) + const statsRef = useRef(null) + const [hasAnimatedStats, setHasAnimatedStats] = useState(false) + + const animateStats = () => { + const targets = { + members: 20000, + engineers: 800, + centurions: 500, + sessions: 200, + placements: 1000, + views: 50000, + turing: 20, + success: 67, + } + + const duration = 2000 + const steps = 60 + const increment = duration / steps + + let currentStep = 0 + const timer = setInterval(() => { + currentStep++ + const progress = currentStep / steps + const easeOut = 1 - Math.pow(1 - progress, 3) + + setAnimatedStats({ + members: Math.floor(targets.members * easeOut), + engineers: Math.floor(targets.engineers * easeOut), + centurions: Math.floor(targets.centurions * easeOut), + sessions: Math.floor(targets.sessions * easeOut), + placements: Math.floor(targets.placements * easeOut), + views: Math.floor(targets.views * easeOut), + turing: Math.floor(targets.turing * easeOut), + success: Math.floor(targets.success * easeOut), + }) + + if (currentStep >= steps) { + clearInterval(timer) + setAnimatedStats(targets) + } + }, increment) + } + + useEffect(() => { + const handleScroll = () => { + if (statsRef.current && !hasAnimatedStats) { + const rect = statsRef.current.getBoundingClientRect() + if (rect.top < window.innerHeight && rect.bottom > 0) { + setHasAnimatedStats(true) + animateStats() + } + } + } + + const reveals = document.querySelectorAll('.reveal') + const revealOnScroll = () => { + reveals.forEach((element) => { + const windowHeight = window.innerHeight + const elementTop = element.getBoundingClientRect().top + const revealPoint = 150 + + if (elementTop < windowHeight - revealPoint) { + element.classList.add('active') + } + }) + } + + window.addEventListener('scroll', handleScroll) + window.addEventListener('scroll', revealOnScroll) + revealOnScroll() + + return () => { + window.removeEventListener('scroll', handleScroll) + window.removeEventListener('scroll', revealOnScroll) + } + }, [hasAnimatedStats]) + + return ( +
+ + {/* ============================================ + SECTION 1: HERO - THE EMOTIONAL HOOK + ============================================ */} +
+ {/* Grid Background Pattern */} +
+
+
+ +
+
+ {/* Left: Content */} +
+ {/* Badge */} +
+ + Your Gateway to Becoming a Better Software Engineer +
+ + {/* Main Headline */} +

+ We Don't Just Teach Code. +
+ We Build{" "} + + Engineers + + +
+ Who Change Lives. +

+ + {/* Subheadline */} +

+ Join 20,000+ members and 800+ successful engineers who transformed their careers through + FREE mentorship, world-class training, and a community that believes in giving back. +

+ + {/* CTAs */} +
+ + Join the Fellowship + + + + Join Discord + +
+ + {/* Stats Bar */} +
+ {[ + { number: "7", label: "Countries" }, + { number: "50+", label: "Universities" }, + { number: "800+", label: "Engineers Trained" }, + { number: "100%", label: "Free Forever" }, + ].map((stat, i) => ( +
+
{stat.number}
+
+ {stat.label} +
+
+ ))} +
+
+ + {/* Right: Image */} +
+ Dev Weekends Community +
+
+
+
+ + {/* ============================================ + SECTION 2: OUR FOCUS AREAS + ============================================ */} +
+
+
+

+ What We Teach +

+

+ Our Focus Areas +

+

+ Mentorship and sessions across various domains of technology +

+
+ +
+ {[ + { + title: "Software Engineering", + desc: "Web, Mobile, Desktop applications and full-stack development." + }, + { + title: "DSA & Competitive Programming", + desc: "Data Structures, Algorithms, and competitive programming contests." + }, + { + title: "DevOps & Cloud", + desc: "CI/CD, containerization, AWS, Azure, GCP, and cloud architecture." + }, + { + title: "Machine Learning/AI", + desc: "ML fundamentals, deep learning, NLP, and AI applications." + }, + { + title: "Open Source Programs", + desc: "GSoC, Hacktoberfest, Outreachy, and open source contributions." + }, + { + title: "Remote Jobs", + desc: "Remote opportunities, freelancing, and international careers." + }, + ].map((area, i) => ( +
+

{area.title}

+

{area.desc}

+
+ ))} +
+
+
+ + {/* ============================================ + SECTION 3: THE PROBLEM WE SOLVE + ============================================ */} +
+
+
+

+ The Gap We Bridge +

+

+ Brilliant Minds. Broken System. +

+

+ We produce exceptional talent. But talent alone doesn't build careers. +

+
+ +
+ {[ + { + num: "01", + title: "The Education Gap", + text: "Universities teach syntax. Industry needs systems thinking, problem-solving, and the ability to build at scale." + }, + { + num: "02", + title: "No Roadmap", + text: "Brilliant minds stuck without direction. No mentors to guide them toward global careers." + }, + { + num: "03", + title: "Learning Alone", + text: "Self-learning without community means falling behind. No accountability, no support." + }, + ].map((problem, i) => ( +
+ + {problem.num} + +

{problem.title}

+

{problem.text}

+
+ ))} +
+ +
+

We built something different.

+
+
+
+ + {/* ============================================ + SECTION 4: THE THREE PILLARS PHILOSOPHY + ============================================ */} +
+
+
+

+ Our Philosophy +

+

+ Engineering Excellence +

+

+ Requires Three Pillars +

+
+ +
+ {[ + { + num: "01", + subtitle: "The WHY", + title: "Purpose", + tagline: "Find your 'why' before your 'what'", + points: [ + "Spiritual grounding and connection", + "Finding deeper purpose beyond a job", + "Building resilience through meaning", + "Daily reflection and intentional living", + ], + }, + { + num: "02", + subtitle: "The MINDSET", + title: "Psychology", + tagline: "Your mindset is your most important algorithm", + points: [ + "Dopamine management and discipline", + "Overcoming procrastination", + "Winner mentality and growth mindset", + "Handling rejection, building persistence", + ], + }, + { + num: "03", + subtitle: "The SKILLS", + title: "Practice", + tagline: "World-class engineering through deliberate practice", + points: [ + "Data Structures & Algorithms mastery", + "Real-world tech stack proficiency", + "System design and architecture", + "Open source contribution excellence", + ], + }, + ].map((pillar, i) => ( +
+
+ + PILLAR {pillar.num} + +
+ +

+ {pillar.subtitle} +

+

{pillar.title}

+

"{pillar.tagline}"

+ +
    + {pillar.points.map((point, j) => ( +
  • + + {point} +
    • + ))} +
+
+ ))} +
+ +
+
+ + {/* ============================================ + SECTION 5: THE DEV WEEKENDS METHOD + ============================================ */} +
+
+
+

+ The Dev Weekends Method +

+

+ A Day in the Life of Transformation +

+

+ Three talks. Three dimensions of growth. Every single day. +

+
+ +
+ {[ + { + time: "Morning", + title: "Mindset Talks", + desc: "Productivity hacks, discipline frameworks, and the psychology of high performers.", + tags: ["Productivity", "Discipline", "Mindset"] + }, + { + time: "Afternoon", + title: "Tech Talks", + desc: "Deep dives into system design, industry best practices, and technical skills.", + tags: ["System Design", "DSA", "Industry Skills"] + }, + { + time: "Evening", + title: "Spiritual Talks", + desc: "Purpose, resilience, giving back, and building a life beyond code.", + tags: ["Purpose", "Resilience", "Community"] + }, + ].map((talk, i) => ( +
+ + {talk.time} + +

{talk.title}

+

{talk.desc}

+
+ {talk.tags.map((tag, j) => ( + + {tag} + + ))} +
+
+ ))} +
+
+
+ + {/* ============================================ + SECTION 6: THE 3-TRACK SYSTEM + ============================================ */} +
+
+
+

+ Choose Your Path +

+

+ Three Paths. One Mission. +

+

+ Every path requires engineering excellence. The difference is where you want to go deep. +

+
+ +
+ {[ + { + num: "01", + title: "The Competitive Edge", + tagline: "ICPC & Algorithmic Mastery", + desc: "For those who want to compete at the highest level. Master algorithms, crack ICPC regionals, and compete in Meta Hacker Cup.", + features: [ + "Deep algorithmic problem solving", + "ICPC team formation & training", + "Meta Hacker Cup preparation", + "Codeforces rating progression", + "Advanced data structures", + ], + highlight: "ICPC Regionals | Div 1 Codeforces", + }, + { + num: "02", + title: "The Balanced Engineer", + tagline: "Engineering + Problem Solving", + desc: "Excel in both worlds. Build production-grade products while maintaining strong DSA skills. Target remote roles and side projects.", + features: [ + "Full-stack product development", + "LeetCode 200+ problems mastery", + "GSoC + ICPC participation", + "Remote job interview prep", + "Side project to revenue", + ], + highlight: "Remote Roles | GSoC + ICPC", + }, + { + num: "03", + title: "The Open Source Path", + tagline: "Become a Global Contributor", + desc: "Go deep into open source. Crack GSoC, LFX, Outreachy, and more. Build your reputation in the global developer community.", + features: [ + "GSoC proposal writing mastery", + "LFX Mentorship preparation", + "Outreachy application strategy", + "Open source contribution workflow", + "Building maintainer relationships", + ], + highlight: "3+ Programs/Year | Global Impact", + }, + ].map((track, i) => ( +
+ + Path {track.num} + +

{track.title}

+

{track.tagline}

+

{track.desc}

+ +
    + {track.features.map((f, j) => ( +
  • + + {f} +
    • + ))} +
+ +
+ {track.highlight} +
+
+ ))} +
+ +

+ All paths include: Engineering fundamentals, mentorship, community support, and certification +

+
+
+ + {/* ============================================ + SECTION 7: THE FELLOWSHIP EXPERIENCE + ============================================ */} +
+
+
+

+ The Fellowship +

+

+ Your 4-Month Transformation +

+

+ A structured journey from wherever you are to wherever you want to be +

+
+ + {/* Journey Steps */} +
+ {[ + { num: "01", title: "Join a Clan", text: "Get assigned to one of 25 focused clans" }, + { num: "02", title: "Meet Your Mentors", text: "2-3 mentors per clan tracking progress" }, + { num: "03", title: "Weekly Tracking", text: "Progress reviews with accountability" }, + { num: "04", title: "Earn Certification", text: "Bronze, Silver, or Gold" }, + ].map((step, i) => ( +
+
{step.num}
+

{step.title}

+

{step.text}

+
+ ))} +
+ + {/* Features Grid */} +
+ {[ + { + title: "Personal Mentor", + text: "1:1 guidance from engineers at top companies. Direct support." + }, + { + title: "30+ Live Sessions", + text: "DSA deep dives, engineering grinds, and mock interviews." + }, + { + title: "Up to 5 Mock Interviews", + text: "Practice with real engineers. Get feedback. Land your job." + }, + ].map((feature, i) => ( +
+

{feature.title}

+

{feature.text}

+
+ ))} +
+ + {/* Certification Tiers */} +
+ {[ + { tier: "Bronze", color: "bg-amber-700", desc: "Core program completion" }, + { tier: "Silver", color: "bg-gray-400", desc: "Advanced projects + competitions" }, + { tier: "Gold", color: "bg-amber-500", desc: "GSoC/Major success + mentoring" }, + ].map((cert, i) => ( +
+
+
+
+

{cert.tier}

+

{cert.desc}

+
+
+ ))} +
+
+
+ + {/* ============================================ + SECTION 7.25: THE CIRCLES ECOSYSTEM + ============================================ */} +
+
+
+

+ The Circles Ecosystem +

+

+ Specialized Communities Within +

+

+ Join focused circles based on your interests and goals +

+
+ +
+ {[ + { title: "Open Source Alpha", desc: "Beginner open source contributors", color: "border-l-blue-500" }, + { title: "Open Source Beta", desc: "Intermediate contributors on real projects", color: "border-l-purple-500" }, + { title: "X-Team", desc: "Elite performers building production systems", color: "border-l-red-500" }, + { title: "Co-Working", desc: "Virtual sessions for focused productivity", color: "border-l-green-500" }, + { title: "ICPC Team", desc: "Competitive programming for ICPC", color: "border-l-orange-500" }, + { title: "GSoC Prep", desc: "Google Summer of Code preparation", color: "border-l-cyan-500" }, + { title: "Interview Prep", desc: "Mock interviews and placement prep", color: "border-l-pink-500" }, + { title: "2-Day Startup", desc: "Onsite weekend sprints to beat procrastination", color: "border-l-yellow-500" }, + { title: "Hackathon Circle", desc: "Building flawlessly engineered products", color: "border-l-emerald-500" }, + { title: "Weekend Deep-Dives", desc: "Topic-focused intensive sessions", color: "border-l-amber-500" }, + { title: "Remote Job Placement", desc: "Landing international remote opportunities", color: "border-l-teal-500" }, + ].map((circle, i) => ( +
+

{circle.title}

+

{circle.desc}

+
+ ))} +
+
+
+ + {/* ============================================ + SECTION 7.5: EVENTS CALENDAR + ============================================ */} +
+
+
+ {/* Left: Info */} +
+

+ Stay Updated +

+

+ Never Miss a Session +

+

+ We host 3+ sessions every week—DSA deep dives, system design talks, + mock interviews, and mindset workshops. Subscribe to stay in the loop. +

+ +
+ {[ + { day: "Mon - Fri", event: "Daily DSA & Mindset Talks" }, + { day: "Weekends", event: "Deep Dive Sessions & Workshops" }, + { day: "Monthly", event: "Industry Expert Masterclasses" }, + ].map((item, i) => ( +
+ + {item.day} + + {item.event} +
+ ))} +
+ + + Add to Your Calendar + + +
+ + {/* Right: Calendar Embed */} +
+
+
+ +
+
+
+
+
+
+ + {/* ============================================ + SECTION 10: RESOURCES & TOOLS + ============================================ */} +
+
+
+

+ Resources & Tools +

+

+ Free Tools for Your Journey +

+

+ Everything you need to succeed, curated by our community +

+
+ +
+ {[ + { + title: "LeetCode Templates", + desc: "Battle-tested patterns for common interview problems", + link: "https://resources.devweekends.com/resources/cp-dsa" + }, + { + title: "Study Schedules", + desc: "Winner study schedule templates with productivity frameworks", + link: "https://resources.devweekends.com/productivity-sheets/overview" + }, + { + title: "Weekly Articles", + desc: "Curated engineering articles shared every week", + link: "https://resources.devweekends.com/resources/engineering-channels#weekly-engineering-articles-curated-learning-resources" + }, + { + title: "DSA Roadmap Repository", + desc: "Structured path from basics to advanced algorithms", + link: "https://github.com/devweekends/DW-Fellowship-DSA-Roadmap" + }, + { + title: "Interview Question Bank", + desc: "MERN stack interview questions from real interviews", + link: "https://resources.devweekends.com/resources/mern-interview-qs" + }, + { + title: "Resume & Portfolio Templates", + desc: "ATS-friendly templates that get callbacks", + link: "https://resources.devweekends.com/resources/job-prep-branding" + }, + ].map((resource, i) => ( + +

{resource.title}

+

{resource.desc}

+ + Access Resource + + + ))} +
+
+
+ + {/* ============================================ + SECTION 11: IMPACT DASHBOARD + ============================================ */} +
+
+
+

+ Our Impact +

+

+ Dev Weekends in Numbers +

+
+ +
+ {[ + { value: animatedStats.members, suffix: "K+", label: "Community Members", divisor: 1000 }, + { value: animatedStats.engineers, suffix: "+", label: "Engineers Trained", divisor: 1 }, + { value: animatedStats.centurions, suffix: "+", label: "LeetCode Centurions", divisor: 1 }, + { value: animatedStats.sessions, suffix: "+", label: "Sessions Delivered", divisor: 1 }, + { value: animatedStats.placements, suffix: "+", label: "Job Placements", divisor: 1 }, + { value: animatedStats.views, suffix: "K+", label: "YouTube Views", divisor: 1000 }, + { value: animatedStats.turing, suffix: "+", label: "Engineers at Turing", divisor: 1 }, + { value: animatedStats.success, suffix: "%", label: "Career Success Rate", divisor: 1 }, + ].map((stat, i) => ( +
+
+ {Math.floor(stat.value / stat.divisor)}{stat.suffix} +
+
+ {stat.label} +
+
+ ))} +
+ + {/* Success Stories */} +
+ {[ + { + badge: "GSoC @ Chromium", + name: "Saqlain Nawaz", + desc: "From unknown to contributing to the world's most used browser." + }, + { + badge: "GSoC @ FOSSology", + name: "M. Salman", + desc: "Open source is the gateway to global opportunities." + }, + { + badge: "Industry Placement", + name: "M. Shehroz", + desc: "Fellowship to full-time in 4 months." + }, + ].map((story, i) => ( +
+ + {story.badge} + +

{story.name}

+

{story.desc}

+
+ ))} +
+
+
+ + {/* ============================================ + SECTION 12: THE GIVING BACK MODEL + ============================================ */} +
+
+
+

+ Why It's Free +

+

+ It's Free Because We Believe +

+

+ "Someone believed in us.{" "} + Now we pay it forward." +

+
+ +
+ {[ + { + title: "10-15 Hours Weekly", + text: "Our mentors are working professionals who volunteer their time to build the next generation." + }, + { + title: "Equipment Sponsors", + text: "We sponsor laptops, registration fees, and resources for students who can't afford them." + }, + { + title: "The Chain Continues", + text: "Mentees become mentors. The cycle of giving back never stops." + }, + ].map((item, i) => ( +
+

{item.title}

+

{item.text}

+
+ ))} +
+
+
+ + {/* ============================================ + SECTION 12.5: LEARN FROM INDUSTRY LEADERS + ============================================ */} +
+
+
+

+ Expert Mentors +

+

+ Learn from Industry Leaders +

+

+ Our mentors are experienced professionals working at top companies, + sharing real-world insights and guiding you to success. +

+
+ +
+ {[ + { + name: "Usman Sheikh", + role: "Sr. Cloud Architect @ Microsoft", + linkedin: "https://www.linkedin.com/in/usmanikramsheikh/", + image: "/usman.jpg", + }, + { + name: "Zeeshan Adil", + role: "Lead Engineer | Top Rated Plus", + linkedin: "https://www.linkedin.com/in/zeeshanadilbutt/", + image: "/zee.png", + }, + { + name: "Moeez Ahmad", + role: "SWE @ Calo", + linkedin: "https://www.linkedin.com/in/moeezahmad01/", + image: "/m3.png", + }, + { + name: "Tanzeel Saleem", + role: "Founder @ DevNexus", + linkedin: "https://www.linkedin.com/in/tanzeel-saleem/", + image: "/tanzeel.jpg", + }, + { + name: "Fiaz Ahmad", + role: "Top Rated Plus @ Upwork", + linkedin: "https://www.linkedin.com/in/fiazahmad/", + image: "/m5.jpeg", + }, + { + name: "Muhammad Shehroz", + role: "SWE @ Unanime Planet", + linkedin: "https://www.linkedin.com/in/muhammad-shehroze", + image: "/shehroz.png", + }, + { + name: "Abu Bakar", + role: "SWE @ Salla Ecommerce", + linkedin: "https://www.linkedin.com/in/iamaboubakar/", + image: "/bakar.png", + }, + { + name: "Farooq Tahir", + role: "Top Rated Plus @ Upwork", + linkedin: "https://www.linkedin.com/in/farooqtahir/", + image: "/farooq.png", + }, + ].map((mentor, i) => ( +
+
+ {mentor.name} +
+

{mentor.name}

+

{mentor.role}

+ + + Connect + +
+ ))} +
+ +
+ + View All Mentors + + +
+
+
+ + {/* ============================================ + SECTION 13: TESTIMONIALS / FELLOW VOICES + ============================================ */} +
+
+
+

+ Fellow Voices +

+

+ What They Say About Us +

+
+ +
+ {[ + { + quote: "Before joining the fellowship, my technical knowledge was limited to HTML, CSS, and JavaScript. Through the mentorship, resources, and structured guidance provided, I gained proficiency in React, Node.js, and the MERN stack as a whole. The fellowship also played a significant role in improving my confidence. In addition, the fellowship introduced me to Data Structures and Algorithms, an area where I had no prior experience. I am proud to have now solved over 100 problems.", + name: "Henry Anomah Yeboah", + }, + { + quote: "At first, I thought that to grow in this field you just need to go deep into one technology and keep pushing until you become a pro. But through this fellowship, I understood that real growth means understanding concepts, applying them by building projects, and then moving on to new challenges. Along the way, I also realized the importance of consistency in coding practice and effective problem-solving strategies.", + name: "Alisha Fatima", + }, + ].map((testimonial, i) => ( +
+
"
+

{testimonial.quote}

+
+
+ {testimonial.name.split(" ").map((n) => n[0]).join("")} +
+
{testimonial.name}
+
+
+ ))} +
+
+
+ + {/* ============================================ + SECTION 14: JOIN THE MOVEMENT (CTA) + ============================================ */} +
+
+

+ Ready to Transform Your Career? +

+

+ Join the community that has helped 800+ engineers level up. + It's free. It's intense. It works. +

+ +
+ + Apply for Fellowship + + + + Apply for Mentorship + +
+ + {/* Steps */} +
+ {[ + { num: "1", text: "Join Discord" }, + { num: "2", text: "Complete Kickoff" }, + { num: "3", text: "Get Your Clan" }, + { num: "4", text: "Begin Journey" }, + ].map((step, i) => ( +
+
{step.num}
+
{step.text}
+
+ ))} +
+ + {/* Become a Mentor */} +
+ +
+
+
+ + {/* Mentor Modal */} + {showMentorModal && ( +
+
setShowMentorModal(false)} + /> +
+ + +
+

Become a Mentor

+

+ Share why you want to help the next generation of engineers and how your experience can make a difference. +

+ + + + Write to Us + + +

+ Email us at devweekends@gmail.com +

+
+
+
+ )} + + {/* Sponsor Modal */} + {showSponsorModal && ( +
+
setShowSponsorModal(false)} + /> +
+ + +
+

Sponsor a Student

+

+ Your sponsorship can change a student's life. Help us provide free education, + resources, and mentorship to underserved engineering students across Pakistan. +

+ +
+
+
$25
+
1 Month
+
+
+
$100
+
6 Months
+
+
+
$200
+
Full Year
+
+
+ + + + Get in Touch + + +

+ 100% of donations go directly to student support +

+
+
+
+ )} + + {/* Contact Modal */} + {showContactModal && ( +
+
setShowContactModal(false)} + /> +
+ + +
+

Contact Us

+

+ Have questions about our programs? Want to collaborate or partner with us? + We'd love to hear from you. +

+ +
+
+ +
+
Email
+
devweekends@gmail.com
+
+
+
+ + + + Send Email + + +

+ We typically respond within 24-48 hours +

+
+
+
+ )} +
+ ) +} diff --git a/app/our-story/styles.css b/app/our-story/styles.css new file mode 100644 index 0000000..4a384d1 --- /dev/null +++ b/app/our-story/styles.css @@ -0,0 +1,91 @@ +.reveal { + opacity: 0; + transform: translateY(40px); + transition: all 0.8s ease; +} + +.reveal.active { + opacity: 1; + transform: translateY(0); +} + +.hero-title { + font-weight: 800; + letter-spacing: -3px; + line-height: 1.05; +} + +.section-title { + font-weight: 800; + letter-spacing: -2px; + line-height: 1.1; +} + +.section-eyebrow { + font-size: 12px; + font-weight: 600; + letter-spacing: 3px; + text-transform: uppercase; +} + +.problem-number { + font-size: 120px; + font-weight: 800; + letter-spacing: -5px; + line-height: 1; +} + +.pillar-title { + font-size: 32px; + font-weight: 800; + letter-spacing: -1px; +} + +.impact-number { + font-weight: 800; + letter-spacing: -2px; +} + +.btn-primary { + display: inline-flex; + align-items: center; + gap: 12px; + background: hsl(var(--primary)); + color: hsl(var(--primary-foreground)); + padding: 20px 40px; + font-size: 14px; + font-weight: 600; + letter-spacing: 1px; + text-transform: uppercase; + text-decoration: none; + transition: all 0.3s ease; + border: none; + cursor: pointer; +} + +.btn-primary:hover { + transform: translateY(-3px); + box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); +} + +.btn-secondary { + display: inline-flex; + align-items: center; + gap: 12px; + background: transparent; + color: hsl(var(--foreground)); + padding: 20px 40px; + font-size: 14px; + font-weight: 600; + letter-spacing: 1px; + text-transform: uppercase; + text-decoration: none; + border: 2px solid hsl(var(--border)); + transition: all 0.3s ease; + cursor: pointer; +} + +.btn-secondary:hover { + border-color: hsl(var(--foreground)); + background: hsl(var(--muted)); +} diff --git a/components/footer.tsx b/components/footer.tsx index 7e6a70a..9af7d5e 100644 --- a/components/footer.tsx +++ b/components/footer.tsx @@ -1,119 +1,354 @@ +"use client" + +import { useState } from "react" import Link from "next/link" -import Image from "next/image" +import { X, Mail, Youtube, Linkedin, Twitter } from "lucide-react" export default function Footer() { + const [showSponsorModal, setShowSponsorModal] = useState(false) + const [showContactModal, setShowContactModal] = useState(false) + const socialLinks = [ { - name: 'Linktree', - url: 'https://linktr.ee/DevWeekends', - icon: '/linktree.png' + name: 'YouTube', + icon: Youtube, + url: 'https://www.youtube.com/@devweekends', }, { - name: 'Instagram', - url: 'https://www.instagram.com/devweekends', - icon: 'https://cdn.brandfetch.io/ido5G85nya/theme/light/id8qc6z_TX.svg?c=1dxbfHSJFAPEGdCLU4o5B' + name: 'Discord', + icon: null, // Custom SVG below + url: 'https://discord.com/invite/32mYcRmy', }, { name: 'LinkedIn', + icon: Linkedin, url: 'https://www.linkedin.com/company/devweekends/', - icon: 'https://cdn.brandfetch.io/idJFz6sAsl/theme/dark/symbol.svg?c=1dxbfHSJFAPEGdCLU4o5B' - }, - { - name: 'YouTube', - url: 'https://www.youtube.com/@devweekends', - icon: 'https://cdn.brandfetch.io/idVfYwcuQz/theme/dark/symbol.svg?c=1dxbfHSJFAPEGdCLU4o5B' }, { - name: 'Facebook', - url: 'https://facebook.com/groups/devweekends', - icon: 'https://cdn.brandfetch.io/idpKX136kp/theme/dark/symbol.svg?c=1dxbfHSJFAPEGdCLU4o5B' + name: 'Twitter', + icon: Twitter, + url: 'https://twitter.com/devweekends', }, - { - name: 'Discord', - url: 'https://discord.com/invite/c7Sn3yhvSh', - icon: 'https://cdn.brandfetch.io/idM8Hlme1a/theme/dark/symbol.svg?c=1dxbfHSJFAPEGdCLU4o5B' - } ] return ( -