fix: changes for cp

src/assets/data/HeaderContent.js

@@ -37,6 +37,15 @@ const HeaderData = {
     backWordSpacing_mobile: "0.2rem",
     frontWord: "Sponsors",
   },
+  cp: {
+    backWord: "Network",
+    backWordMobile: "Network",
+    backWordSize: "140px",
+    backWordSpacing: "0.3rem",
+    backWordSize_mobile: "75px",
+    backWordSpacing_mobile: "0.2rem",
+    frontWord: "Community Partners",
+  },
   collaborators: {
     backWord: "Collaborators",
     backWordMobile: "Collab",

src/assets/data/SponsorsContent.js

@@ -13,12 +13,12 @@ import callchimp from "../images/SponsorImages/callchimp.png";
 import tezos from "../images/SponsorImages/tezos.png";
 import coding_catalyst from "../images/CommunityImages/coding_catalyst.webp";
 import ddc from "../images/CommunityImages/ddc.webp";
-import gdsc_nsec from "../images/CommunityImages/gdsc_nsec.webp";
-import gdsc_msit from "../images/CommunityImages/gdsc_msit.webp";
+import gdsc_nsec from "../images/CommunityImages/gdsc_nsec.png";
+import gdsc_msit from "../images/CommunityImages/gdsc_msit.png";
 import bytemonk from "../images/CommunityImages/bytemonk.webp";
 import resourcio_community from "../images/CommunityImages/resourcio_community.webp";
 import os_community from "../images/CommunityImages/os_community.webp";
-import gdsc_fiem from "../images/CommunityImages/gdsc_fiem.webp";
+import gdsc_fiem from "../images/CommunityImages/gdsc_fiem.png";
 import skepsis from "../images/CommunityImages/skepsis.webp";
 import noobcode from "../images/CommunityImages/noobcode.webp";
 import polygon_guild_kolkata from "../images/CommunityImages/polygon_guild_kolkata.webp";

src/components/private/community/CommunityPartners.jsx

@@ -0,0 +1,55 @@
+import React from "react";
+import HeaderData from "../../../assets/data/HeaderContent";
+import sponsors from "../../../assets/data/SponsorsContent";
+import { Header } from "../../shared";
+import Marquee from "react-fast-marquee";
+import SingleSponsors from "../sponsors/singlesponsors/SingleSponsors";
+
+const CommunityPartners = () => {
+  return (
+    <>
+      <div className="sponsors__parent" id="sponsors">
+        <Header {...HeaderData.cp} />
+
+        <div className="sponsors__container_flex">
+          <div className="sponsors__container domain_container">
+            <div className="sponsors__flexbox community">
+              <Marquee
+                autoFill={true}
+                pauseOnHover={true}
+                className="testimonials__container"
+                speed={60}
+                direction="right"
+              >
+                {sponsors["Community"].slice(0, 6)?.map((item, index) => {
+                  return (
+                    <SingleSponsors key={index} sponsor={item} type="silver" />
+                  );
+                })}
+              </Marquee>
+            </div>
+            <br />
+            <br />
+            <div className="sponsors__flexbox community">
+              <Marquee
+                autoFill={true}
+                pauseOnHover={true}
+                className="testimonials__container"
+                speed={60}
+                direction="left"
+              >
+                {sponsors["Community"].slice(6)?.map((item, index) => {
+                  return (
+                    <SingleSponsors key={index} sponsor={item} type="silver" />
+                  );
+                })}
+              </Marquee>
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default CommunityPartners;

src/components/private/sponsors/Sponsors.jsx

@@ -85,26 +85,6 @@ const Sponsors = () => {
             </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={60}
-                direction="right"
-              >
-                {sponsors["Community"].map((item, index) => {
-                  return (
-                    <SingleSponsors key={index} sponsor={item} type="silver" />
-                  );
-                })}
-              </Marquee>
-            </div>
-          </div>
-        </div>
       </div>
     </>
   );

src/pages/home/Home.jsx

@@ -14,6 +14,7 @@ import Timeline from "../../components/private/timeline/Timeline";
 import "./Home.scss";
 import Venue from "../../components/private/venue/Venue";
 import Theme from "../../components/private/themes/Theme";
+import CommunityPartners from "../../components/private/community/CommunityPartners";
 
 const Home = () => {
   return (
@@ -28,6 +29,7 @@ const Home = () => {
       <Prizes />
       <Mentors />
       <Sponsors />
+      <CommunityPartners />
       <Testimonials />
       <FAQ />
     </div>