From b663851e84174543b5c6fb15875d46e40053d46e Mon Sep 17 00:00:00 2001 From: pradeeptosarkar Date: Sun, 27 Oct 2024 21:46:02 +0530 Subject: [PATCH] version 2.0 building --- src/Pages/AllTeams/AllTeams.jsx | 343 ++++++++++++------ src/Pages/AllTeams/Founder.jsx | 148 ++++++++ .../CommunityPartner/CommunityPartner.jsx | 10 +- src/Pages/Sponsor/Sponsor.jsx | 12 +- src/Sections/Founder/Founder.jsx | 111 ------ src/Sections/Hero/Hero.jsx | 164 ++++++--- src/Sections/Hero/PartnerWithUs.jsx | 36 +- src/components/Footer/Footer.jsx | 38 +- 8 files changed, 536 insertions(+), 326 deletions(-) create mode 100644 src/Pages/AllTeams/Founder.jsx delete mode 100644 src/Sections/Founder/Founder.jsx diff --git a/src/Pages/AllTeams/AllTeams.jsx b/src/Pages/AllTeams/AllTeams.jsx index e8cb25e..80206ea 100644 --- a/src/Pages/AllTeams/AllTeams.jsx +++ b/src/Pages/AllTeams/AllTeams.jsx @@ -8,19 +8,15 @@ import { Instagram, ExternalLink, } from "lucide-react"; - -const founderImages = [ - { url: "./img/founder1.png", alt: "Pradeepto 1" }, - { url: "./img/founder2.png", alt: "Pradeepto 2" } -]; +import Founder from "./AllTeams"; // Dummy data for core team members const coreTeamMembers = [ { id: 1, name: "Sarah Johnson", - role: "Technical Lead", - image: "/api/placeholder/400/400", + role: "Chief Organizer", + image: "", bio: "Full-stack developer with 5 years of experience in building scalable applications.", social: { github: "https://github.com", @@ -32,8 +28,8 @@ const coreTeamMembers = [ { id: 2, name: "Michael Chen", - role: "Community Manager", - image: "/api/placeholder/400/400", + role: "Community Lead Organizer", + image: "", bio: "Passionate about building inclusive tech communities and fostering collaboration.", social: { github: "https://github.com", @@ -45,8 +41,8 @@ const coreTeamMembers = [ { id: 3, name: "Priya Patel", - role: "Content Lead", - image: "/api/placeholder/400/400", + role: "Community Lead Organizer", + image: "", bio: "Content strategist with expertise in technical writing and documentation.", social: { github: "https://github.com", @@ -58,8 +54,8 @@ const coreTeamMembers = [ { id: 4, name: "Alex Rodriguez", - role: "Event Coordinator", - image: "/api/placeholder/400/400", + role: "Director - Outreach", + image: "", bio: "Experienced in organizing tech conferences and community meetups.", social: { github: "https://github.com", @@ -68,6 +64,227 @@ const coreTeamMembers = [ instagram: "https://instagram.com", }, }, + { + id: 5, + name: "Jessica Lee", + role: "Director - Operations", + image: "", + bio: "Creative designer skilled in visual communication and branding.", + social: { + github: "https://github.com", + linkedin: "https://linkedin.com", + twitter: "https://twitter.com", + instagram: "https://instagram.com", + }, + }, + { + id: 6, + name: "Rajesh Kumar", + role: "Director - Technical", + image: "", + bio: "Backend expert with a knack for building efficient data systems.", + social: { + github: "https://github.com", + linkedin: "https://linkedin.com", + twitter: "https://twitter.com", + instagram: "https://instagram.com", + }, + }, + { + id: 7, + name: "Emma Brown", + role: "Director - Events", + image: "", + bio: "Digital marketer passionate about engagement and brand growth.", + social: { + github: "https://github.com", + linkedin: "https://linkedin.com", + twitter: "https://twitter.com", + instagram: "https://instagram.com", + }, + }, + { + id: 8, + name: "Tommy Nguyen", + role: "Lead - Marketing", + image: "", + bio: "Frontend enthusiast focused on creating interactive web experiences.", + social: { + github: "https://github.com", + linkedin: "https://linkedin.com", + twitter: "https://twitter.com", + instagram: "https://instagram.com", + }, + }, + { + id: 9, + name: "Sophia Kim", + role: "Lead - Collaborations", + image: "", + bio: "Analyst who loves turning data into actionable insights.", + social: { + github: "https://github.com", + linkedin: "https://linkedin.com", + twitter: "https://twitter.com", + instagram: "https://instagram.com", + }, + }, + { + id: 10, + name: "Carlos Rivera", + role: "Lead - Design", + image: "", + bio: "Product visionary with experience in launching successful tech solutions.", + social: { + github: "https://github.com", + linkedin: "https://linkedin.com", + twitter: "https://twitter.com", + instagram: "https://instagram.com", + }, + }, + { + id: 11, + name: "Laura Sanchez", + role: "Lead - Logistics", + image: "", + bio: "User-centered designer skilled in wireframing and prototyping.", + social: { + github: "https://github.com", + linkedin: "https://linkedin.com", + twitter: "https://twitter.com", + instagram: "https://instagram.com", + }, + }, + { + id: 12, + name: "John Green", + role: "Lead - Public Relations", + image: "", + bio: "Cybersecurity expert focused on risk assessment and protection.", + social: { + github: "https://github.com", + linkedin: "https://linkedin.com", + twitter: "https://twitter.com", + instagram: "https://instagram.com", + }, + }, + { + id: 13, + name: "Linda Park", + role: "Lead - Social Media", + image: "", + bio: "Efficient operations lead with experience in project management.", + social: { + github: "https://github.com", + linkedin: "https://linkedin.com", + twitter: "https://twitter.com", + instagram: "https://instagram.com", + }, + }, + { + id: 14, + name: "Akash Mehta", + role: "Lead - Webmaster", + image: "", + bio: "DevOps specialist passionate about automation and CI/CD.", + social: { + github: "https://github.com", + linkedin: "https://linkedin.com", + twitter: "https://twitter.com", + instagram: "https://instagram.com", + }, + }, + { + id: 15, + name: "Hannah White", + role: "Lead - Event", + image: "", + bio: "Skilled content creator with a background in video editing and animation.", + social: { + github: "https://github.com", + linkedin: "https://linkedin.com", + twitter: "https://twitter.com", + instagram: "https://instagram.com", + }, + }, + { + id: 16, + name: "David Kim", + role: "Program Manager", + image: "", + bio: "Experienced in cross-functional program management and project delivery.", + social: { + github: "https://github.com", + linkedin: "https://linkedin.com", + twitter: "https://twitter.com", + instagram: "https://instagram.com", + }, + }, + { + id: 17, + name: "Rachel Adams", + role: "Program Manager", + image: "", + bio: "Specialist in agile project management and team coordination.", + social: { + github: "https://github.com", + linkedin: "https://linkedin.com", + twitter: "https://twitter.com", + instagram: "https://instagram.com", + }, + }, + { + id: 18, + name: "Mark Wilson", + role: "Program Manager", + image: "", + bio: "Background in resource planning and execution across multiple teams.", + social: { + github: "https://github.com", + linkedin: "https://linkedin.com", + twitter: "https://twitter.com", + instagram: "https://instagram.com", + }, + }, + { + id: 19, + name: "Sophie Turner", + role: "Program Manager", + image: "", + bio: "Enthusiastic about bringing structure and focus to innovative projects.", + social: { + github: "https://github.com", + linkedin: "https://linkedin.com", + twitter: "https://twitter.com", + instagram: "https://instagram.com", + }, + }, + { + id: 20, + name: "Ethan Brooks", + role: "Program Manager", + image: "", + bio: "Proven success in managing budgets and timelines for tech programs.", + social: { + github: "https://github.com", + linkedin: "https://linkedin.com", + twitter: "https://twitter.com", + instagram: "https://instagram.com", + }, + }, + { + id: 21, + name: "Isabella Garcia", + role: "Program Manager", + image: "", + bio: "Experienced in facilitating communication and alignment across teams.", + social: { + github: "https://github.com", + linkedin: "https://linkedin.com", + twitter: "https://twitter.com", + instagram: "https://instagram.com", + }, + }, ]; const TeamMemberCard = ({ member }) => { @@ -137,47 +354,6 @@ const TeamMemberCard = ({ member }) => { ); }; -const ImageSlider = ({ images }) => { - const [currentIndex, setCurrentIndex] = useState(0); - - const nextSlide = () => { - setCurrentIndex((prevIndex) => - prevIndex === images.length - 1 ? 0 : prevIndex + 1 - ); - }; - - const prevSlide = () => { - setCurrentIndex((prevIndex) => - prevIndex === 0 ? images.length - 1 : prevIndex - 1 - ); - }; - - return ( -
-
- {images[currentIndex].alt} -
- - -
-
- ); -}; - const AllTeams = () => { return (
@@ -186,65 +362,6 @@ const AllTeams = () => { Meet Our Team -
-
-

- A Note From Our Founder -

-
-

- It is always exciting to witness the growth and vibrancy of our - community. What started as a small group of tech enthusiasts has - blossomed into a dynamic and supportive network of learners, - innovators, and professionals from around the Delhi-NCR region. - Our journey began with a simple yet powerful vision: to create a - space where budding technologists could explore, learn, and - excel in various domains of technology. Today, we continue to - build on that vision, driven by our core values of inclusivity, - collaboration, and innovation. -

-
-

- Our goal is to provide a clear path for those just starting - their tech journeys, helping them navigate through the diverse - fields of competitive programming, web development, machine - learning, and more. I am immensely proud of what we have - achieved together. Our community website, our flagship events, - various internal programs and all our online events and - resources are testaments to our collective efforts and shared - passion for technology. -

-
-

- Looking ahead, we are excited to continue expanding our reach - and impact. We are exploring new initiatives, enhancing our - existing programs, and constantly seeking ways to better serve - our community members. Your feedback and participation are - invaluable to us, and I encourage you to stay engaged, share - your ideas, and help us shape the future of the nameSpace - Community. Thank you for being an integral part of this journey. - Together, we will continue to learn, grow, and make a difference - in the tech world. -

-
-

- ~{" "} - - Pradeepto Sarkar - - -

-
-
- - -
-

Core Team

diff --git a/src/Pages/AllTeams/Founder.jsx b/src/Pages/AllTeams/Founder.jsx new file mode 100644 index 0000000..dce43a8 --- /dev/null +++ b/src/Pages/AllTeams/Founder.jsx @@ -0,0 +1,148 @@ +import React from "react"; +import { useState, useEffect } from "react"; +import { ChevronLeft, ChevronRight, ExternalLink, Quote } from "lucide-react"; + +const founderImages = [ + { url: "./img/founder1.png", alt: "Pradeepto 1" }, + { url: "./img/founder2.png", alt: "Pradeepto 2" }, +]; + +const ImageSlider = ({ images }) => { + const [currentIndex, setCurrentIndex] = useState(0); + const [isAnimating, setIsAnimating] = useState(false); + + const nextSlide = () => { + if (isAnimating) return; + setIsAnimating(true); + setCurrentIndex((prevIndex) => + prevIndex === images.length - 1 ? 0 : prevIndex + 1 + ); + setTimeout(() => setIsAnimating(false), 500); + }; + + const prevSlide = () => { + if (isAnimating) return; + setIsAnimating(true); + setCurrentIndex((prevIndex) => + prevIndex === 0 ? images.length - 1 : prevIndex - 1 + ); + setTimeout(() => setIsAnimating(false), 500); + }; + + useEffect(() => { + const interval = setInterval(nextSlide, 5000); + return () => clearInterval(interval); + }, []); + + return ( +
+
+
+ {images[currentIndex].alt} +
+
+ + + +
+
+ ); +}; + +const Founder = () => { + const [isVisible, setIsVisible] = useState(false); + + useEffect(() => { + setIsVisible(true); + }, []); + + return ( +
+
+
+
+
+

+ Founder and Lead +

+
+
+ +
+ +
+

+ It is always exciting to witness the growth and vibrancy of + our community. What started as a small group of tech + enthusiasts has blossomed into a{" "} + + dynamic and supportive network + {" "} + of learners, innovators, and professionals from around the + Delhi-NCR region. +

+

+ Our goal is to provide a clear path for those just starting + their tech journeys, helping them navigate through the diverse + fields of + + {" "} + competitive programming + + , web development, + machine learning, and + more. +

+

+ Looking ahead, we are excited to continue expanding our reach + and impact. We are exploring new initiatives, enhancing our + existing programs, and constantly seeking ways to better serve + our community members. +

+ +
+ +
+ +
+
+
+
+ ); +}; + +export default Founder; diff --git a/src/Pages/CommunityPartner/CommunityPartner.jsx b/src/Pages/CommunityPartner/CommunityPartner.jsx index 425cede..f7c7c09 100644 --- a/src/Pages/CommunityPartner/CommunityPartner.jsx +++ b/src/Pages/CommunityPartner/CommunityPartner.jsx @@ -73,7 +73,7 @@ const CommunityPartner = () => { icon: Globe, color: "from-orange-600 to-red-600", items: [ - "Access to 10,000+ tech enthusiasts", + "Access to 16,000+ tech enthusiasts", "Presence across multiple campuses", "Direct engagement with student innovators", "Industry-academia bridge building", @@ -216,9 +216,9 @@ const CommunityPartner = () => { >