From 6dcb7a769f18549573469ff9e79f68651843ba53 Mon Sep 17 00:00:00 2001
From: mahmoodsht <106068383+mahmoodsht@users.noreply.github.com>
Date: Sat, 8 Nov 2025 09:55:06 +0330
Subject: [PATCH] =?UTF-8?q?=D8=AA=D9=86=D8=B8=DB=8C=D9=85=D8=A7=D8=AA=20?=
 =?UTF-8?q?=D9=86=D9=87=D8=A7=DB=8C=DB=8C=20=D8=A8=D8=B1=D8=A7=DB=8C=20?=
 =?UTF-8?q?=D9=BE=D8=A7=D8=A8=D9=84=DB=8C=D8=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/footer/index.js |  3 +-
 app/components/map/index.js    |  2 +
 app/components/navbar/index.js |  2 +
 pages/components/mainClient.js | 78 ++++++++++++++++------------------
 pages/index.module.css         | 12 ++++--
 5 files changed, 51 insertions(+), 46 deletions(-)

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;
+      }
+}