add logos

pages/components/Brands.js

@@ -9,68 +9,176 @@ import { imgslides } from "../../src/redux/static";
 
 
 
-const slides= [
+const slides = [
   {
     id: 1,
-    title: " شرکت گازهای طبی ره پویان توسعه تهران",
-    img: imgslides.a,
+    title: ' شرکت گازهای طبی ره پویان توسعه تهران',
+    img: imgslides.a
   },
   {
     id: 2,
-    title: " شرکت پیاوار",
-    img: imgslides.b,
+    title: ' شرکت پیاوار',
+    img: imgslides.b
   },
   {
     id: 3,
-    title: "شرکت  کارپذیر",
-    img: imgslides.c,
+    title: 'شرکت  کارپذیر',
+    img: imgslides.c
   },
   {
     id: 4,
-    title: "  شرکت فنی مهندسی کهربا تراشه",
-    img: imgslides.d,
+    title: '  شرکت فنی مهندسی کهربا تراشه',
+    img: imgslides.d
   },
   {
     id: 5,
-    title: " شرکت پویندگان راه سعادت",
-    img: imgslides.e,
+    title: ' شرکت پویندگان راه سعادت',
+    img: imgslides.e
   },
   {
     id: 6,
-    title: "  صنایع چوبی دکو مهر",
-    img: imgslides.f,
+    title: '  صنایع چوبی دکو مهر',
+    img: imgslides.f
   },
   {
     id: 7,
-    title: "شرکت لوازم اداری سهند",
-    img: imgslides.g,
+    title: 'شرکت لوازم اداری سهند',
+    img: imgslides.g
   },
   {
     id: 8,
-    title: "   شرکت طب و صنعت یاسین",
+    title: '   شرکت طب و صنعت یاسین',
     img: imgslides.h
   },
   {
     id: 9,
-    title: "  شرکت مون گارشو",
-    img: imgslides.i,
+    title: 'شرکت مون گارشو',
+    img: imgslides.i
   },
   {
     id: 10,
-    title: "  شرکت  پویان تهویه",
-    img: imgslides.j,
+    title: 'شرکت  پویان تهویه',
+    img: imgslides.j
   },
   {
     id: 11,
-    title: " کاربین برج",
-    img: imgslides.k,
+    title: ' کاربین برج',
+    img: imgslides.k
   },
-];
+  {
+    id: 12,
+    title: ' داطا',
+    img: imgslides.DATA
+  },
+  {
+    id: 13,
+    title: 'نوید پرتو نما',
+    img: imgslides.navidparto
+  },
+  {
+    id: 14,
+    title: '  دریای طب اندیشان',
+    img: imgslides.daryateb
+  },
+  {
+    id: 15,
+    title: '  سازه فراز قرن',
+    img: imgslides.sazefaraz
+  },
+  {
+    id: 16,
+    title: '  ستاره فن آوری طب',
+    img: imgslides.setarefanavar
+  },
+  {
+    id: 17,
+    title: ' سیما طب',
+    img: imgslides.simateb
+  },
+  {
+    id: 18,
+    title: ' سیوان صنعت بار ثاوا',
+    img: imgslides.sivansaneat
+  },
+  {
+    id: 19,
+    title: ' شهراب گستران اروند ',
+    img: imgslides.shahrabgostaran
+  },
+  {
+    id: 20,
+    title: ' شینا سازه آریانا',
+    img: imgslides.shinasaze
+  },
+  {
+    id: 21,
+    title: '  طراح تجهیز پویش مانا',
+    img: imgslides.poyeshmana
+  },
+  {
+    id: 22,
+    title: '  عصر و صنعت آتبین',
+    img: imgslides.asratin
+  },
+  {
+    id: 23,
+    title: ' تهویه  فراز',
+    img: imgslides.tahveyefaraz
+  },
+  {
+    id: 24,
+    title: ' تک نوع خاورمیانه ',
+    img: imgslides.taknoekhavar
+  },
+  {
+    id: 25,
+    title: ' پایامد الکترونیک',
+    img: imgslides.payamaelectronic
+  },
+  {
+    id: 26,
+    title: ' پاکشویان آپادانا',
+    img: imgslides.pakshoyanapadana
+  },
+  {
+    id: 27,
+    title: ' پارس نسیم دما ',
+    img: imgslides.parasnasim
+  },
+  {
+    id: 28,
+    title: '  ایرانیان همگام',
+    img: imgslides.iranianhamgam
+  },
+  {
+    id: 29,
+    title: '  آوان طب',
+    img: imgslides.avanteb
+  },
+  {
+    id: 30,
+    title: ' آرین درمان پژوه ',
+    img: imgslides.ariyandarman
+  }
+  ,
+  {
+    id: 31,
+    title: '  آریا گردیک  ',
+    img: imgslides.ariyagerdic
+  }
+,
+  {
+    id: 32,
+    title: ' رستاک طب پارسه   ',
+    img: imgslides.rastackteb
+  },
+]
 
 
-const brands = () => {
+
+function brands() {
   return (
-    <MDBContainer  className={"mt-5"}>
+    <MDBContainer className={"mt-5"}>
       <div className="flex justify-center">
         <h3 className="bk-med font-bold">سهامداران پروژه</h3>
       </div>
@@ -111,34 +219,33 @@ const brands = () => {
             },
           }}
         >
-        {slides.map((slide) => {
-          return (
-            <SwiperSlide className="slidesBrands" key={slide.id}>
-              <Link href="#">
-                <div className="card-content">
-                  <div className="image w-full">
-                    <img
-                     src={slide.img}
-                      className="lg:w-[70%] md:w-[65%]  m-auto slidimg	"
-                      alt=""
-                    />
+          {slides.map((slide) => {
+            return (
+              <SwiperSlide className="slidesBrands" key={slide.id}>
+                <Link href="#">
+                  <div className="card-content">
+                    <div className="image w-full">
+                      <img
+                        src={slide.img}
+                        className="lg:w-[70%] md:w-[65%]  m-auto slidimg	"
+                        alt="" />
+                    </div>
+                    <div className="detail flex text-center	mt-[1.5rem]  ">
+                      <p className="compony font-bold text-[0.8rem] text-[#1e1e2d] ">
+                        {slide.title}
+                      </p>
+                    </div>
                   </div>
-                  <div className="detail flex text-center	mt-[1.5rem]  ">
-                    <p className="compony font-bold text-[0.8rem] text-[#1e1e2d] ">
-                      {slide.title}
-                    </p>
-                  </div>
-                </div>
-              </Link>
-            </SwiperSlide>
-          );
-        })}
-   
+                </Link>
+              </SwiperSlide>
+            );
+          })}
+
 
         </Swiper>
       </div>
     </MDBContainer>
   );
-};
+}
 
 export default brands;

src/redux/static/index.js

@@ -1,13 +1,35 @@
 export const imgslides = {
-  a: require("../../../public/resource/brands/A.png"),
-  b: require("../../../public/resource/brands/B.png"),
-  c: require("../../../public/resource/brands/C.png"),
-  d: require("../../../public/resource/brands/D.png"),
-  e: require("../../../public/resource/brands/E.png"),
-  f: require("../../../public/resource/brands/F.png"),
-  g: require("../../../public/resource/brands/G.png"),
-  h: require("../../../public/resource/brands/H.png"),
-  i: require("../../../public/resource/brands/I.png"),
-  j: require("../../../public/resource/brands/J.png"),
-  k: require("../../../public/resource/brands/k.jpg"),
-};
+  a: require('../../../public/resource/brands/A.png'),
+  b: require('../../../public/resource/brands/B.png'),
+  c: require('../../../public/resource/brands/C.png'),
+  d: require('../../../public/resource/brands/D.png'),
+  e: require('../../../public/resource/brands/E.png'),
+  f: require('../../../public/resource/brands/F.png'),
+  g: require('../../../public/resource/brands/G.png'),
+  h: require('../../../public/resource/brands/H.png'),
+  i: require('../../../public/resource/brands/I.png'),
+  j: require('../../../public/resource/brands/J.png'),
+  k: require('../../../public/resource/brands/k.jpg'),
+  DATA: require('../../../public/resource/brands/DATA.png'),
+  navidparto: require('../../../public/resource/brands/navidparto.png'),
+  daryateb: require('../../../public/resource/brands/daryateb.png'),
+  sazefaraz: require('../../../public/resource/brands/sazefaraz.png'),
+  setarefanavar: require('../../../public/resource/brands/setarefanavar.png'),
+  simateb: require('../../../public/resource/brands/simateb.png'),
+  sivansaneat: require('../../../public/resource/brands/sivansaneat.png'),
+  shahrabgostaran: require('../../../public/resource/brands/shahrabgostaran.png'),
+  shinasaze: require('../../../public/resource/brands/shinasaze.png'),
+  poyeshmana: require('../../../public/resource/brands/poyeshmana.png'),
+  asratin: require('../../../public/resource/brands/asratin.png'),
+  tahveyefaraz: require('../../../public/resource/brands/tahveyefaraz.png'),
+  taknoekhavar: require('../../../public/resource/brands/taknoekhavar.png'),
+  payamaelectronic: require('../../../public/resource/brands/payamaelectronic.png'),
+  pakshoyanapadana: require('../../../public/resource/brands/pakshoyanapadana.png'),
+  parasnasim: require('../../../public/resource/brands/parasnasim.png'),
+  iranianhamgam: require('../../../public/resource/brands/iranianhamgam.png'),
+  avanteb: require('../../../public/resource/brands/avanteb.png'),
+  ariyandarman: require('../../../public/resource/brands/ariyandarman.png'),
+  ariyagerdic: require('../../../public/resource/brands/ariyagerdic.png'),
+  rastackteb: require('../../../public/resource/brands/rastackteb.png')
+
+}