"use client"; import Header from "../../app/components/navbar"; import Image from "next/image"; import style from "../index.module.css"; import interduceImg from "../../public/assets/photos/secondInterDuce.png"; import Slider from "react-slick"; import "slick-carousel/slick/slick.css"; import "slick-carousel/slick/slick-theme.css"; import Footer from "../../app/components/footer"; import { useEffect, useState } from "react"; import Head from "next/head"; import Link from "next/link"; const MainClient = ({ data }) => { const [backwardStatus, setbackwardStatus] = useState(null); const [customerSlider, setCustomerSlider] = useState(null); const [companyServices, setCompanyServices] = useState(null); // const [pageContent, setPageContent] = useState(); const settings = { dots: false, infinite: true, autoplay: true, autoplaySpeed: 2000, speed: 2000, slidesToShow: 2, slidesToScroll: 1, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 2, slidesToScroll: 2, infinite: true, }, }, { breakpoint: 600, settings: { slidesToShow: 1, slidesToScroll: 1, initialSlide: 1, }, }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1, }, }, ], }; useEffect(() => { setCustomerSlider(JSON.parse(data.customer)); setCompanyServices(JSON.parse(data.service)); }, []); return ( <>
{data?.company_introduction}
{el?.description}
{data?.product_introduction}
{el?.title}
{data?.company_introduction}