Added community partners section

package.json

@@ -12,6 +12,7 @@
     "antd": "^5.11.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-fast-marquee": "^1.6.3",
     "react-icons": "^4.11.0",
     "react-router-dom": "^6.18.0",
     "react-router-hash-link": "^2.4.3",

src/constants/communityData.js

@@ -0,0 +1,32 @@
+export const community = [
+  {
+    name: "GDSC Aliah",
+    url: "/src/assets/CommunityData/GDSC Aliah logo - Ankit Majee.png",
+    link: "https://www.linkedin.com/company/gdsc-aliah/",
+  },
+  {
+    name: "GDSC BBIT",
+    url: "/src/assets/CommunityData/Group 1 - GDSC BBIT.png",
+    link: "",
+  },
+  {
+    name: "ClueLess",
+    url: "/src/assets/CommunityData/clueless - Subho Ghosh.png",
+    link: "https://www.linkedin.com/company/79089507",
+  },
+  {
+    name: "GDSC IIIT Kalyani",
+    url: "/src/assets/CommunityData/GDSC Logo chapter lockup centered template - Google Developer Student Clubs IIIT Kalyani.jpg",
+    link: "https://www.linkedin.com/company/gdsc-iiit-kalyani/",
+  },
+  {
+    name: "ACM SSCBS",
+    url: "/src/assets/CommunityData/acmlogo - Vineet.jpeg",
+    link: "https://www.linkedin.com/in/acm-sscbs/",
+  },
+  {
+    name: "Devorld",
+    url: "/src/assets/CommunityData/20230207_171323_0000 - Harshavardhan Bajoria.png",
+    link: "https://www.linkedin.com/company/devorld/",
+  },
+];

src/pages/Home/Home.jsx

@@ -8,6 +8,7 @@ import Apply from "partials/Apply/Apply";
 import Projects from "partials/Projects/Projects";
 import Timeline from "partials/Timeline/Timeline";
 import FAQ from "partials/FAQ/FAQ.jsx";
+import Community from "partials/Community/Community";
 
 const Home = () => {
   return (
@@ -16,6 +17,7 @@ const Home = () => {
       <About />
       <Statistics />
       <SOM />
+      <Community />
       <Apply />
       {/* <Projects /> */}
       <Timeline />

src/partials/Community/Community.jsx

@@ -0,0 +1,78 @@
+import React from "react";
+import "./Community.scss";
+import Marquee from "react-fast-marquee";
+
+import { community } from "constants/communityData";
+const Community = () => {
+  return (
+    <div className="scroll">
+      <h1 className="community">Community Partners</h1>
+      <Marquee pauseOnHover speed={70}>
+        {community.map((item) => {
+          return (
+            <a
+              target="_blank"
+              href={item.link}
+              key={item.name}
+              rel="noreferrer"
+            >
+              <img className="image" src={item.url} alt={item.name} />
+            </a>
+          );
+        })}
+        {community.map((item) => {
+          return (
+            <a
+              target="_blank"
+              href={item.link}
+              key={item.name}
+              rel="noreferrer"
+            >
+              <img className="image" src={item.url} alt={item.name} />
+            </a>
+          );
+        })}
+      </Marquee>
+      <Marquee pauseOnHover speed={70} direction="right">
+        {community.map((item) => {
+          return (
+            <a
+              target="_blank"
+              href={item.link}
+              key={item.name}
+              rel="noreferrer"
+            >
+              <img className="image" src={item.url} alt={item.name} />
+            </a>
+          );
+        })}
+        {community.map((item) => {
+          return (
+            <a
+              target="_blank"
+              href={item.link}
+              key={item.name}
+              rel="noreferrer"
+            >
+              <img className="image" src={item.url} alt={item.name} />
+            </a>
+          );
+        })}
+        {community.map((item) => {
+          return (
+            <a
+              target="_blank"
+              href={item.link}
+              key={item.name}
+              rel="noreferrer"
+            >
+              <img className="image" src={item.url} alt={item.name} />
+            </a>
+          );
+        })}
+      </Marquee>
+    </div>
+  );
+};
+
+export default Community;

src/partials/Community/Community.scss

@@ -0,0 +1,26 @@
+.scroll {
+  width: 100%;
+  height: 400px;
+  margin: 10px 0px 70px 0px;
+}
+.image {
+  height: 130px;
+  //   width: 200px;
+  background-color: white;
+  object-fit: cover;
+  margin: 20px 12px;
+}
+.community {
+  text-align: center;
+  margin-bottom: 40px;
+}
+@media screen and (max-width: 768px) {
+  .scroll {
+    height: 200px;
+    margin-top: 20px;
+  }
+  .image {
+    height: 70px;
+    margin: 10px 12px;
+  }
+}