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

app/components/footer/index.js

@@ -1,3 +1,4 @@
+"use client";
 
 import Link from "next/link";
 import style from "./footer.module.css";

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

@@ -98,7 +98,7 @@ const MainClient = ({ data }) => {
   slidesToShow={1}
   slidesToScroll={1}
   arrows={false}
-                >
+>
   {(() => {
     let slides = [];
 
@@ -112,30 +112,24 @@ const MainClient = ({ data }) => {
 
     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 ?? ""}
+          width={1600}
+          height={800}
+          style={{
+            width: "100%",
+            height: "auto",
+            borderRadius: "20px",
+            display: "block",
+          }}
+          alt=""
           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>
-      </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;
       }
+}