Merge pull request #548 from namespacecomm/new_branch_6

New branch 6

src/Pages/AllEvents/AllEvents.jsx

@@ -28,7 +28,6 @@ const Section = styled.div`
 `;
 
 const Container = styled.div`
-  width: 1440px;
   padding-top: 100px;
   scroll-snap-align: center;
   @media only screen and (max-width: 768px) {

src/Pages/AllTeams/AllTeams.jsx

@@ -27,7 +27,6 @@ const Section = styled.div`
 
 const Container = styled.div`
   scroll-snap-align: center;
-  width: 1440px;
   padding-top: 100px;
   @media only screen and (max-width: 738px) {
     width: 100vw;

src/Sections/Founder/Founder.jsx

@@ -4,16 +4,16 @@ import ImageCarousel from "../../utils/ImageCrousel";
 import { founderImages } from "../../constants/constants";
 
 const Section = styled.div`
-  height: 100vh;
   width: 100%;
+  margin-top: 2rem;
   scroll-snap-align: center;
   display: flex;
   justify-content: center;
   ${""}
   ${""}
   background-color: #010116;
   @media only screen and (max-width: 768px) {
-    height: 90vh;
+    
   }
 `;
 
@@ -75,7 +75,7 @@ const Title = styled.h1`
 `;
 
 const Desc = styled.p`
-  font-size: 18px;
+  font-size: 14px;
   text-align: justify;
   color: lightgray;
   margin: auto 10%;
@@ -88,7 +88,17 @@ const Founder = () => {
         <Left>
           <Title>Founder's Note</Title>
           <Desc>
-
+          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.
+          <br />
+          <br />
+          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.
+          <br />
+          <br />
+          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.
+          <br />
+          <br />
+          ~ <a href="https://pradeeptosarkar.netlify.app/" target="_blank" style={{ color: 'lightblue', textDecoration: 'underline', fontSize: '18px' }}>Pradeepto Sarkar</a>
+
           </Desc>
         </Left>
         <Right>

src/Sections/Hero/Hero.jsx

@@ -246,7 +246,7 @@ const Hero = () => {
 
       <About />
       <Teams />
-      {/* <Founder /> */}
+      <Founder />
       <Events />
       <SocialMedia />
       <Testimonials />

src/Sections/Teams/Teams.jsx

@@ -1,14 +1,14 @@
 import React, { useEffect, useRef } from "react";
 import styled from "styled-components";
-import { members } from "../../constants/constants";
+import { members1, members2 } from "../../constants/constants";
 import TeamCard from "./TeamCard";
 import Slider from "react-slick";
 import { useInView } from "react-intersection-observer";
 import "../../../node_modules/slick-carousel/slick/slick.css";
 import "../../../node_modules/slick-carousel/slick/slick-theme.css";
 
 const Section = styled.div`
-  height: 100vh;
+  
   width: 100%;
   background-color: #010116;
   ${
@@ -20,7 +20,7 @@ const Section = styled.div`
   ); */
   }
   @media only screen and (max-width: 768px) {
-    height: 100vh;
+    
   }
 `;
 
@@ -38,11 +38,11 @@ const Container = styled.div`
 
 const Carousal = styled.div`
   width: 85vw;
-  height: 60vh;
   display: flex;
   flex-direction: column;
   justify-content: center;
-
+  margin-bottom: 40px;
+  
   @media only Screen and (max-width: 40em) {
     width: 85vw;
     .slick-slider .slick-arrow {
@@ -137,12 +137,37 @@ function Teams() {
               <span className="text-2xl md:text-4xl lg:text-5xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-blue-500 to-blue-800">
                 <a href="/team">Team</a>
               </span>{" "}
-              2024-25
             </h2>
-            {/* <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-x-6 gap-y-5 lg:gap-xl-10"> */}
+
+            <h4 className="text-xl md:text-2xl font-bold pt-8">
+              Senior and Junior Councils for 2024-25
+            </h4>
+
+            <Carousal ref={ref}>
+              <Slider ref={sliderRef} {...settings}>
+                {members1.map((member) => {
+                  return (
+                    <TeamCard
+                      key={member.name}
+                      image={member.image}
+                      name={member.name}
+                      position={member.position}
+                      linkedin={member.linkedin}
+                      github={member.github}
+                      instagram={member.instagram}
+                      twitter={member.twitter}
+                    />
+                  );
+                })}
+              </Slider>
+            </Carousal>
+
+            <h4 className="text-xl md:text-2xl font-bold pt-8">
+              Founders and Advisors
+            </h4>
             <Carousal ref={ref}>
               <Slider ref={sliderRef} {...settings}>
-                {members.map((member) => {
+                {members2.map((member) => {
                   return (
                     <TeamCard
                       key={member.name}