maps

components/pageParts/texnika.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import Title from "../tools/title";
+import Title from "../title";
 import { Gehl, Hyundai, JCB, Lonking, Mitsubishi, XCMG } from "@/assets";
 import Image, { StaticImageData } from "next/image";
 
@@ -28,30 +28,33 @@ const slideImage: StaticImageData[] = [
 
 export default function Texnika() {
   return (
-    <div className="flex flex-col items-center justify-center gap-20 mt-20 max-w-[1200px] w-full mx-auto">
+    <div className="my-20 max-w-[1100px] w-full mx-auto">
       {/* title */}
       <div className="mb-4">
         <Title text="brand-h2" />
       </div>
 
       {/* slider */}
-      <div className="my-10">
+      <div className="my-20">
         <Swiper
           autoplay={{
             reverseDirection: true,
             delay: 2500,
             disableOnInteraction: false,
           }}
+          loop={true}
           modules={[Autoplay]}
           slidesPerView={4}
-          className="mySwiper flex items-center justify-center"
+          className="mySwiper flex items-center justify-around"
         >
           {slideImage.map((item, index) => (
-            <SwiperSlide key={index}>
+            <SwiperSlide key={index} className="!w-[200px] mx-10 " >
               <Image
                 src={item}
                 alt="Partner images"
-                className="w-[200px] h-[200px] object-contain"
+                width={200}
+                height={200}
+                className="object-contain mx-auto max-w-[200px] h-auto"
               />
             </SwiperSlide>
           ))}