feat: added community partners section

hack4bengal · Jun 14, 2024 · 5abcbb0 · 5abcbb0
1 parent d29e91e
commit 5abcbb0
Show file tree

Hide file tree

Showing 3 changed files with 50 additions and 10 deletions.
diff --git a/src/assets/data/SponsorsContent.js b/src/assets/data/SponsorsContent.js
@@ -14,20 +14,20 @@ const sponsors = {
     {
       name: "Filecoin",
       img: filecoin,
-      link: "https://filecoin.io/",
+      link: "https://filecoin.io",
     },
   ],
   Gold: [
     {
       name: "Github",
       img: github,
-      link: "https://github.com/",
+      link: "https://github.com",
     },
 
     {
       name: "Avalanche",
       img: avalanche,
-      link: "https://www.avax.network/",
+      link: "https://www.avax.network",
     },
 
     {
@@ -39,26 +39,26 @@ const sponsors = {
     {
       name: "HackQuest",
       img: hackquest,
-      link: "https://www.hackquest.io/",
+      link: "https://www.hackquest.io",
     },
   ],
   Silver: [
     {
       name: "Road To DevCon",
       img: devcon,
-      link: "https://devcon.org/en/",
+      link: "https://devcon.org",
     },
   ],
   Bronze: [
     {
       name: "Router Protocol",
       img: router,
-      link: "https://www.routerprotocol.com/",
+      link: "https://www.routerprotocol.com",
     },
     {
       name: "GDG Cloud Kolkata",
       img: gdg,
-      link: "https://ccd2024.gdgcloudkol.org/",
+      link: "https://ccd2024.gdgcloudkol.org",
     },
   ],
   Domain: [
@@ -75,6 +75,13 @@ const sponsors = {
       link: "https://www.jis.com",
     },
   ],
+  Community: [
+    {
+      name: "GDG Cloud Kolkata",
+      img: gdg,
+      link: "https://ccd2024.gdgcloudkol.org",
+    },
+  ]
 };
 
 export default sponsors;
diff --git a/src/components/private/sponsors/Sponsors.jsx b/src/components/private/sponsors/Sponsors.jsx
@@ -1,9 +1,10 @@
 import React from "react";
 import HeaderData from "../../../assets/data/HeaderContent";
 import sponsors from "../../../assets/data/SponsorsContent";
-import {Header} from "../../shared";
+import { Header } from "../../shared";
 import "./Sponsors.scss";
 import SingleSponsors from "./singlesponsors/SingleSponsors";
+import Marquee from "react-fast-marquee";
 
 const Sponsors = () => {
   return (
@@ -76,7 +77,27 @@ const Sponsors = () => {
             </div>
           </div>
         </div>
-      </div>
+        <div className="sponsors__container_flex">
+          <div className="sponsors__container domain_container">
+            <h1>Community Partners</h1>
+            <div className="sponsors__flexbox community">
+              <Marquee
+                autoFill={true}
+                pauseOnHover={true}
+                className="testimonials__container"
+                speed={50}
+                direction="right"
+              >
+                {sponsors["Community"].map((item, index) => {
+                  return (
+                    <SingleSponsors key={index} sponsor={item} type="silver" />
+                  );
+                })}
+              </Marquee>
+            </div>
+          </div>
+        </div>
+      </div >
     </>
   );
 };

diff --git a/src/components/private/sponsors/Sponsors.scss b/src/components/private/sponsors/Sponsors.scss
@@ -68,6 +68,7 @@
         }
       }
     }
+
     .sponsors__flexbox {
       display: flex;
       flex-wrap: wrap;
@@ -78,6 +79,17 @@
       max-width: 1400px;
       margin: auto;
 
+      &.community {
+        .rfm-marquee-container {
+          .rfm-marquee {
+            .rfm-child {
+              $gap: 1.5rem;
+              margin-left: $gap;
+            }
+          }
+        }
+      }
+
       @media screen and (max-width: 576px) {
         gap: 1rem;
       }
@@ -87,4 +99,4 @@
   .platinum_container {
     margin-top: 2rem;
   }
-}
+}