From d428ef8e8e28e246150144abaeddaf3587483d74 Mon Sep 17 00:00:00 2001 From: AdithaBuwaneka Date: Tue, 22 Jul 2025 18:34:12 +0530 Subject: [PATCH] feat: implement About Us page with mission, values, team members, and community impact sections --- src/app/about/page.tsx | 257 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 257 insertions(+) create mode 100644 src/app/about/page.tsx diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx new file mode 100644 index 0000000..582e88f --- /dev/null +++ b/src/app/about/page.tsx @@ -0,0 +1,257 @@ +'use client'; + +import React from 'react'; +import { useRouter } from 'next/navigation'; +import { + ArrowLeft, + Users, + Target, + Heart, + Globe, + BookOpen, + Award, + Zap, + CheckCircle, + ArrowRight, + Mail, + MessageCircle +} from 'lucide-react'; + +const AboutUsPage = () => { + const router = useRouter(); + + const values = [ + { + icon: Users, + title: 'Community First', + description: 'We believe in the power of peer-to-peer learning and building meaningful connections between learners and teachers.', + color: 'from-blue-500 to-cyan-500' + }, + { + icon: BookOpen, + title: 'Knowledge Sharing', + description: 'Everyone has something valuable to teach. We make it easy to share knowledge and learn from others in your community.', + color: 'from-purple-500 to-blue-500' + }, + { + icon: Target, + title: 'Goal-Oriented', + description: 'We help you set clear learning objectives and connect you with the right people to achieve your skill development goals.', + color: 'from-green-500 to-blue-500' + }, + { + icon: Heart, + title: 'Passion-Driven', + description: 'Learning should be exciting! We connect passionate learners with enthusiastic teachers who love sharing their expertise.', + color: 'from-pink-500 to-purple-500' + } + ]; + + const stats = [ + { number: '10K+', label: 'Active Learners', icon: Users }, + { number: '500+', label: 'Skills Available', icon: BookOpen }, + { number: '25K+', label: 'Successful Matches', icon: Award }, + { number: '95%', label: 'Satisfaction Rate', icon: CheckCircle } + ]; + + const teamMembers = [ + { + name: 'Sarah Chen', + role: 'Co-Founder & CEO', + description: 'Former educator passionate about democratizing learning through technology.', + image: '/team/sarah.jpg' + }, + { + name: 'Michael Rodriguez', + role: 'Co-Founder & CTO', + description: 'Tech enthusiast building scalable platforms for peer-to-peer connections.', + image: '/team/michael.jpg' + }, + { + name: 'Emily Johnson', + role: 'Head of Community', + description: 'Community builder focused on creating safe, inclusive learning environments.', + image: '/team/emily.jpg' + }, + { + name: 'David Kim', + role: 'Head of Product', + description: 'Product strategist designing intuitive experiences for skill exchange.', + image: '/team/david.jpg' + } + ]; + + return ( +
+ {/* Header with Back Button */} +
+ {/* Background Elements */} +
+
+
+
+
+
+
+
+
+ +
+ {/* Back Button */} + + + {/* Hero Section */} +
+

+ + About Us + +

+

+ We're on a mission to revolutionize learning by connecting passionate individuals + who want to share their skills and learn from each other. +

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

Our Mission

+
+

+ At SkillSwap Hub, we believe that everyone has something valuable to teach and something new to learn. + Our platform breaks down traditional barriers to education by creating a community where knowledge flows + freely between peers, fostering personal growth and meaningful connections. +

+
+
+ "Empowering individuals to unlock their potential through peer-to-peer skill exchange, + building a world where learning never stops and knowledge knows no boundaries." +
+
+
+
+ + {/* Values Section */} +
+
+
+
+ +
+
+

Our Values

+

The principles that guide everything we do

+
+ +
+ {values.map((value, index) => ( +
+
+ +
+

{value.title}

+

{value.description}

+
+ ))} +
+
+
+ + {/* Stats Section */} +
+
+

Our Impact

+

Building a thriving community of learners

+
+ +
+ {stats.map((stat, index) => ( +
+
+ +
{stat.number}
+
{stat.label}
+
+
+ ))} +
+
+ + {/* Story Section */} +
+
+
+ +

Our Story

+

How we started and where we're going

+
+ +
+
+

The Beginning

+

+ Founded in 2023, SkillSwap Hub was born from a simple observation: traditional education often fails to + connect people who want to learn with those who are passionate about teaching. Our founders, having + experienced the limitations of formal learning systems, envisioned a platform where knowledge could be + shared freely and organically within communities. +

+
+ +
+

Today

+

+ Today, we're proud to serve thousands of learners and teachers worldwide. From coding bootcamps to + cooking classes, from language exchange to professional mentoring, our platform has facilitated + countless skill exchanges that have transformed lives and careers. +

+
+ +
+

The Future

+

+ We're just getting started. Our vision extends beyond simple skill exchange to creating a global + community where learning is collaborative, accessible, and deeply human. We're building features for + group learning, skill certification, and even more innovative ways to connect learners and teachers. +

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

Join Our Community

+

+ Be part of a movement that's changing how the world learns. Start sharing your skills today! +

+ +
+ + +
+
+
+ ); +}; + +export default AboutUsPage; \ No newline at end of file