diff --git a/app/components/footer/index.js b/app/components/footer/index.js
index bb198b6..1b8b3e0 100644
--- a/app/components/footer/index.js
+++ b/app/components/footer/index.js
@@ -1,3 +1,4 @@
+"use client";
 
 import Link from "next/link";
 import style from "./footer.module.css";
@@ -116,7 +117,7 @@ function Footer({ data }) {
             <h1 className="txtPrimary">اینجاست</h1>
           </div>
           <div className={style.map}>
-          <Map data={data} />
+            <Map data={data} />
           </div>
         </div>
         <span className={style.copyRight}>
diff --git a/app/components/map/index.js b/app/components/map/index.js
index f739434..fcb829d 100644
--- a/app/components/map/index.js
+++ b/app/components/map/index.js
@@ -1,3 +1,5 @@
+"use client";
+
 import React, { useEffect } from "react";
 import "ol/ol.css"; // استفاده از استایل‌های OpenLayers
 import Map from "ol/Map";
diff --git a/app/components/navbar/index.js b/app/components/navbar/index.js
index 5a32bdc..ca9e0c4 100644
--- a/app/components/navbar/index.js
+++ b/app/components/navbar/index.js
@@ -1,4 +1,6 @@
 
+"use client";
+
 import Link from "next/link";
 import Image from "next/image";
 import logo from "../../../public/assets/photos/logo.svg";
diff --git a/pages/components/mainClient.js b/pages/components/mainClient.js
index 270542e..ebde23a 100644
--- a/pages/components/mainClient.js
+++ b/pages/components/mainClient.js
@@ -89,53 +89,47 @@ const MainClient = ({ data }) => {
 
 
               <div className={style.introduceSlider}>
-                <Slider
-                  dots={true}
-                  infinite={true}
-                  autoplay={true}
-                  autoplaySpeed={4000}
-                  speed={1000}
-                  slidesToShow={1}
-                  slidesToScroll={1}
-                  arrows={false}
-                >
-                     {(() => {
-  let slides = [];
+              <Slider
+  dots={true}
+  infinite={true}
+  autoplay={true}
+  autoplaySpeed={4000}
+  speed={1000}
+  slidesToShow={1}
+  slidesToScroll={1}
+  arrows={false}
+>
+  {(() => {
+    let slides = [];
 
-  try {
-    slides = data?.slider ? JSON.parse(data.slider) : [];
-  } catch {
-    slides = [];
-  }
+    try {
+      slides = data?.slider ? JSON.parse(data.slider) : [];
+    } catch {
+      slides = [];
+    }
 
-  if (!Array.isArray(slides) || slides.length === 0) return null;
+    if (!Array.isArray(slides) || slides.length === 0) return null;
 
-  return slides.map((el, index) => (
-    <div key={`intro-slide-${index}`} className={style.slideItem}>
-      <div className={style.slideContent}>
-        <div className={style.slideImage}>
-          <Image
-            src={`http://bpms-back.sepehrdata.com/api/getimage?stageID=${el.ValueP1160S1746StageID}&nameOrID=image&token=`}
-            width={600}
-            height={600}
-            style={{ width: "100%", height: "auto", borderRadius: "20px" }}
-            alt={el.title ?? ""}
-            priority={true}
-          />
-        </div>
-        <div className={style.slideText}>
-          <h1 className="txtPrimary">{el.title}</h1>
-          <p className="content">{el.description}</p>
-          {el.link && (
-            <Link href={el.link} target="_blank" className={style.slideLink}></Link>
-          )}
-        </div>
+    return slides.map((el, index) => (
+      <div key={`intro-slide-${index}`} className={style.slideItem}>
+        <Image
+          src={`http://bpms-back.sepehrdata.com/api/getimage?stageID=${el.ValueP1160S1746StageID}&nameOrID=image&token=`}
+          width={1600}
+          height={800}
+          style={{
+            width: "100%",
+            height: "auto",
+            borderRadius: "20px",
+            display: "block",
+          }}
+          alt=""
+          priority={true}
+        />
       </div>
-    </div>
-  ));
-})()}
+    ));
+  })()}
+</Slider> 
 
-                </Slider>
               </div>
 
 
diff --git a/pages/index.module.css b/pages/index.module.css
index 89493dd..39eb74e 100644
--- a/pages/index.module.css
+++ b/pages/index.module.css
@@ -128,11 +128,17 @@
       height: auto;
     }
   
-    .slideItem {
+    /* .slideItem {
       height: auto;
       padding: 20px 0;
-    }
-  }
+    } */
+    .slideItem {
+        padding: 0 !important;
+      }  
+      .slick-slide > div {
+        padding: 0 !important;
+      }
+}