تنظیمات نهایی برای پابلیش

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

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";

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";

pages/components/mainClient.js

@@ -89,53 +89,47 @@ const MainClient = ({ data }) => {
 
 
               <div className={style.introduceSlider}>
-                <Slider
+              <Slider
-                  dots={true}
+  dots={true}
-                  infinite={true}
+  infinite={true}
-                  autoplay={true}
+  autoplay={true}
-                  autoplaySpeed={4000}
+  autoplaySpeed={4000}
-                  speed={1000}
+  speed={1000}
-                  slidesToShow={1}
+  slidesToShow={1}
-                  slidesToScroll={1}
+  slidesToScroll={1}
-                  arrows={false}
+  arrows={false}
-                >
+>
-                     {(() => {
+  {(() => {
-  let slides = [];
+    let slides = [];
 
-  try {
+    try {
-    slides = data?.slider ? JSON.parse(data.slider) : [];
+      slides = data?.slider ? JSON.parse(data.slider) : [];
-  } catch {
+    } catch {
-    slides = [];
+      slides = [];
-  }
+    }
 
-  if (!Array.isArray(slides) || slides.length === 0) return null;
+    if (!Array.isArray(slides) || slides.length === 0) return null;
 
-  return slides.map((el, index) => (
+    return slides.map((el, index) => (
-    <div key={`intro-slide-${index}`} className={style.slideItem}>
+      <div key={`intro-slide-${index}`} className={style.slideItem}>
-      <div className={style.slideContent}>
+        <Image
-        <div className={style.slideImage}>
+          src={`http://bpms-back.sepehrdata.com/api/getimage?stageID=${el.ValueP1160S1746StageID}&nameOrID=image&token=`}
-          <Image
+          width={1600}
-            src={`http://bpms-back.sepehrdata.com/api/getimage?stageID=${el.ValueP1160S1746StageID}&nameOrID=image&token=`}
+          height={800}
-            width={600}
+          style={{
-            height={600}
+            width: "100%",
-            style={{ width: "100%", height: "auto", borderRadius: "20px" }}
+            height: "auto",
-            alt={el.title ?? ""}
+            borderRadius: "20px",
-            priority={true}
+            display: "block",
-          />
+          }}
-        </div>
+          alt=""
-        <div className={style.slideText}>
+          priority={true}
-          <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>
       </div>
-    </div>
+    ));
-  ));
+  })()}
-})()}
+</Slider> 
 
-                </Slider>
               </div>
 
 

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