OwlCyberSecurity - MANAGER

Edit File: page.tsx

import React from "react";
import BannerHome from "../BannerHome";
import HomeSearch from "../HomeSearch";
import { BannerData } from "@/components/BannerData";
import HomeCharsooqCarousel from "../components/homeComponent/HomeCharsooqCarousel";
import HomeAmazonCarousel from "../components/homeComponent/HomeAmazonCarousel";
import Link from "next/link";
import HomeCheapCarousel from "../components/homeComponent/HomeCheapCarousel";
import RecentlyProductsView from "../components/homeComponent/RecentlyProductsView";
import HomeAdvantages from "../components/homeComponent/HomeAdvantages";
import Image from "next/image";
import Script from "next/script";
import { breadcrumbSchema } from "../components/script/breadcrumbSchema";
import { ReduxProvider } from "@/redux/provider";
import AmazonDescription from "./AmazonDescription";
import HomeDiscountCarousel from "../components/homeComponent/HomeDiscountCarousel";
import HomeStepBuy from "../components/homeComponent/HomeStepBuy";
import HomeBlog from "../components/homeComponent/HomeBlog";

export default async function HomeAmazon() {
  const sliders = await fetchSliders();
  const data = await fetchPageData();
  const articles = await fetchArticle();
  return (
    <>
      <Script
        id="breadcrumbs-schema"
        type="application/ld+json"
        dangerouslySetInnerHTML={{
          __html: JSON.stringify(breadcrumbSchema),
        }}
      />
      <main className="flex flex-col w-full items-center gap-4 md:gap-8">
        <BannerHome sliders={sliders.sliders} />
        <HomeSearch />
        <h1 className="font-IRANSansBold text-xl md:text-2xl">
          سفارش و خرید از آمازون آمریکا با
          <span className="text-[var(--base-yellow)] font-IRANSansBold">
            {" "}
            چارسوق
          </span>
        </h1>
        <HomeStepBuy />
        <HomeDiscountCarousel data={sliders?.Products_offer} />
        <HomeAmazonCarousel data={data?.amazon_products} />
        <div className="home-carousels-container mx-auto grid md:grid-cols-2 gap-4 md:gap-6 w-full">
          <Link
            href="/amazon/products?page=1&category=clothing-shoes-jewelry"
            className="w-full hover:scale-[1.005] ease-in-out duration-75"
          >
            <Image
              width={760}
              height={270}
              loading="eager"
              className="w-full rounded-[12px]"
              src="/assets/images/home/category/shoes.jpg"
              alt="خرید-کتونی-اوجینال-از-چارسوق"
              priority
            />
          </Link>
          <Link
            href="/amazon/products?page=1&category=beauty-personal-care-fragrance"
            className="w-full hover:scale-[1.005] ease-in-out duration-75"
          >
            <Image
              width={760}
              height={270}
              loading="eager"
              className="w-full rounded-[12px]"
              src="/assets/images/home/category/cosmetic.jpg"
              alt="خرید-لوازم-آرایشی_بهداشتی-چارسوق"
              priority
            />
          </Link>
        </div>

{/* <HomeCharsooqCarousel data={data?.products} /> */}
        <HomeCheapCarousel data={data?.cheap_products} />
        <div className="home-carousels-container mx-auto grid md:grid-cols-2 gap-4 md:gap-6 w-full">
          <a
            className="w-full hover:scale-[1.005] ease-in-out duration-75"
            target="_blank"
            href="https://www.instagram.com/charsooqofficial/"
          >
            <Image
              width={760}
              height={270}
              loading="eager"
              className="w-full rounded-2xl"
              src="/assets/images/home/home-instagram2.webp"
              alt="اینستاگرام-چارسوق"
              priority
            />
          </a>
          <a
            className="w-full hover:scale-[1.005] ease-in-out duration-75"
            target="_blank"
            href="https://telegram.me/charsooq"
          >
            <Image
              width={760}
              height={270}
              loading="eager"
              className="w-full rounded-2xl"
              src="/assets/images/home/home-telegram2.webp"
              alt="تلگرام-چارسوق"
              priority
            />
          </a>
        </div>
        {/* <HomeCreditsCarousel data={sliders.credits_products} /> */}
        {/* <div className="category-container">
        <h1 id="amazon-category-title">
          خرید کالا های محبوب{" "}
          <span className="text-[var(--base-yellow)]">آمازون</span>
        </h1>
        <HomeCategory />
      </div> */}

{/* <CommentHomePage /> */}
        {/* <HowSellBuy advantage={sliders.advantage} /> */}
        <ReduxProvider>
          <RecentlyProductsView />
        </ReduxProvider>
        {/* <FAQSection /> */}
        <HomeAdvantages advantage={sliders.advantage} />
        <AmazonDescription />
        <HomeBlog data={articles} />
      </main>
    </>
  );
}