Lahu did changes in 3 files

src/components/blogs.tsx

@@ -5,7 +5,7 @@ const Blogs = () => {
         Community Events
       </h1>
       <div className="container mx-auto w-[30vw] pb-10 md:pb-20">
-        <img src="/images/separator.png" />
+        <img src="/images/separator.png"  alt="Separator line image" />
       </div>
       <div className="tech-slideshow">
         <div className="mover-1"></div>

src/components/communityPartners.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-
+import {communityData} from "../constants/index"
 const CommunityPartners = () => {
   return (
     <div className="home">
@@ -22,7 +22,7 @@ const CommunityPartners = () => {
           <p className="mt-10 font-mono-medium text-white xl:px-24 text-center text-[16px] md:text-[22px] ">
             Here is a glimpse of the program from 2022 & 2023!
           </p> */}
-          <div className="px-5 md:px-0 grid grid-cols-1 md:grid md:grid-cols-5 gap-12 container mx-auto">
+          {/* <div className="px-5 md:px-0 grid grid-cols-1 md:grid md:grid-cols-5 gap-12 container mx-auto">
             <div className="bg-white px-4 py-4 h-100 flex justify-center items-center">
               <img
                 src="/images/DPGA.svg"
@@ -36,12 +36,23 @@ const CommunityPartners = () => {
               <img src="/images/oni.jpg" className="self-center h-100" />
             </div>
             <div className="bg-white px-4 py-4 h-100 flex justify-center items-center">
-              <img src="/images/bmgf.png" className="self-center h-100" />
+              <img src="/images/bmgf.png" alt="image bmgf"className="self-center h-100" />
             </div>
             <div className="bg-white px-4 py-4 h-100 flex justify-center items-center">
-              <img src="/images/Samagra.png" className="self-center h-100" />
+              <img src="/images/Samagra.png"  alt="Image"className="self-center h-100" />
+            </div>
+          </div> */}
+          {/* Modified code above code by Lahu19 */}
+          <div className="px-5 md:px-0 grid grid-cols-1 md:grid md:grid-cols-5 gap-12 container mx-auto">
+          {communityData.map((card, index) => (
+                <div className="bg-white px-4 py-4 h-100 flex justify-center items-center">
+                  <img
+                src={card.imageUrl}
+                className="self-center h-100 md:mx-10"
+              />
+              </div>
+            ))}
             </div>
-          </div>
         </div>
       </div>
     </div>

src/components/companies.tsx

@@ -1,6 +1,6 @@
 // import "react-responsive-carousel/lib/styles/carousel.min.css"; // requires a loader
 // import { Carousel } from "react-responsive-carousel";
-
+import {companiesData} from "../constants/index"
 const Companies = () => {
   return (
     <div className="impact py-20">
@@ -11,7 +11,7 @@ const Companies = () => {
         <img src="/images/separator.png" />
       </div>
       <div className="px-5 md:px-0 grid grid-cols-2 md:grid md:grid-cols-4 lg:grid lg:grid-cols-5 gap-5 container mx-auto">
-        <img src="/images/organisations/avanti.png" />
+        {/* <img src="/images/organisations/avanti.png" />
         <img src="/images/organisations/dhiway.png" />
         <img src="/images/organisations/digital-green.png" />
         <img src="/images/organisations/egov.png" />
@@ -30,7 +30,10 @@ const Companies = () => {
         <img src="/images/organisations/tekdi.png" />
         <img src="/images/organisations/thoughtworks.png" />
         <img src="/images/organisations/tibil.png" />
-        <img src="/images/organisations/trustin.png" />
+        <img src="/images/organisations/trustin.png" /> */}
+        {companiesData.map((data, index) => (
+          <img src={data.imageUrl} alt="organisations logo image" />
+           ))}
       </div>
     </div>
   );

src/constants/index.js

@@ -0,0 +1,105 @@
+export const communityData = [
+    {
+      id: "0",
+      imageUrl: "/images/DPGA.svg",
+    },
+    {
+      id: "1",
+      imageUrl: "/images/Github.png",
+    },
+    {
+      id: "2",
+      imageUrl: "/images/oni.jpg",
+    },
+    {
+      id: "3",
+      imageUrl: "/images/bmgf.png",
+    },
+    {
+      id: "4",
+      imageUrl: "/images/Samagra.png",
+    },
+  ];
+  export const companiesData = [
+    {
+      id: "0",
+      imageUrl: "/images/organisations/avanti.png",
+    },
+    {
+      id: "1",
+      imageUrl: "/images/organisations/dhiway.png",
+    },
+    {
+      id: "2",
+      imageUrl: "/images/organisations/digital-green.png",
+    },
+    {
+      id: "3",
+      imageUrl: "/images/organisations/egov.png",
+    },
+    {
+      id: "4",
+      imageUrl: "/images/organisations/ek-step.png",
+    },
+    {
+      id: "5",
+      imageUrl: "/images/organisations/fide.png",
+    },
+    {
+        id: "6",
+        imageUrl: "/images/organisations/meity.png",
+    },
+    {
+        id: "7",
+        imageUrl: "/images/organisations/nha.png",
+    },
+    {
+        id: "8",
+        imageUrl: "/images/organisations/reap-benefit.png",
+    },
+
+    {
+        id: "9",
+        imageUrl: "/images/organisations/sahaj.png",
+    },
+    {
+        id: "10",
+        imageUrl: "/images/organisations/samagra-x.png",
+    },
+    {
+        id: "11",
+        imageUrl: "/images/organisations/samanvay.png",
+    },
+    {
+        id: "12",
+        imageUrl: "/images/organisations/sanketika.png",
+    },
+    {
+        id: "13",
+        imageUrl: "/images/organisations/shikshalokam.png",
+    },
+    {
+        id: "14",
+        imageUrl: "/images/organisations/tarento.png",
+    },
+    {
+        id: "15",
+        imageUrl: "/images/organisations/tech4dev.png",
+    },
+    {
+        id: "16",
+        imageUrl: "/images/organisations/tekdi.png",
+    },
+    {
+        id: "17",
+        imageUrl: "/images/organisations/thoughtworks.png",
+    },
+    {
+        id: "18",
+        imageUrl: "/images/organisations/tibil.png",
+    },
+    {
+        id: "19",
+        imageUrl: "/images/organisations/trustin.png",
+    },
+  ];