OwlCyberSecurity - MANAGER

Edit File: layout.tsx

import type { Metadata, Viewport } from "next";

import Header from "./Header";
import Footer from "./Footer";

import { ToasterProvider } from "@/app/ToasterProvider";
import { Toaster } from "@/components/ui/sonner";

import "@/styles/globals.css";
import "@/styles/home.css";
import "@/styles/media.css";
import "leaflet/dist/leaflet.css";
import "@/next.config";
import GoogleAnalytics from "./GoogleAnalytics";
import localFont from "next/font/local";
import Goftino from "./components/Goftino";
import TelegramContact from "./components/homeComponent/TelegramContact";
import NextTopLoader from "nextjs-toploader";
import NajvaPushNotifaction from "./components/script/NajvaPushNotifaction";
import CloudflareWebAnalytics from "./components/script/CloudflareWebAnalytics";
import Clarity from "./components/script/Clarity";
import Heap from "./components/script/Heap";
import Script from "next/script";
// import Script from "next/script";

const mainFont = localFont({
  src: "./components/iransanswebfanum.ttf",
  variable: "--main-font",
  weight: "400",
  style: "normal",
  display: "swap",
  // preload: true,
});

const boldFont = localFont({
  src: "./components/iransansbold.ttf",
  variable: "--main-bold-font",
  weight: "700",
  style: "bold",
  display: "swap",
  // preload: true,
});

export const viewport: Viewport = {
  themeColor: "#fff",
  initialScale: 1,
  maximumScale: 1,
  userScalable: false,
};

const title = "خرید از آمازون و سایت های خارجی با سفارش آسان از چارسوق";
const description =
  "خرید از آمازون، ایبی، ترندیول، علی‌اکسپرس و ده‌ها سایت خارجی فقط با ریال و تحویل در ایران. بدون کارت ارزی، با چارسوق آسان و مطمئن خرید کنید.";

export const metadata: Metadata = {
  metadataBase: new URL("https://charsooq.com"),
  title,
  description,
  manifest: "/manifest.json",
  icons: {
    apple: [
      { url: "/pwa-icon-180.png" },
      { url: "/pwa-icon-180.png", sizes: "256x256", type: "image/png" },
    ],
    icon: "/32px.png",
    other: { rel: "apple-touch-icon", url: "/pwa-icon-180.png" },
  },
  appleWebApp: { title: "Charsooq", startupImage: "/32px.png" },
  robots: {
    follow: true,
    index: true,
    googleBot: {
      index: true,
      follow: true,
      "max-image-preview": "large",
    },
  },
  alternates: {
    canonical: `${process.env.SITE_ADDRESS}`,
  },
  verification: {
    google: "Mg0DYEc2GPi5vdMf_DMqFT5Vfh2RRFnBrWvGHsMQSjI",
    other: {
      enamad: ["44622200"],
    },
  },
  openGraph: {
    type: "website",
    siteName: "چارسوق",
    title,
    description,
    locale: "fa_IR",
    images: [
      {
        url: "https://charsooq.com/assets/images/icons/logo2.png",
        width: 100,
        height: 100,
        alt: "لوگوی چارسوق",
        type: "ImageObject",
      },
    ],
  },
  twitter: {
    card: "summary_large_image",
    title,
    description,
    images: [
      {
        url: "https://charsooq.com/assets/images/icons/logo2.png",
        width: 100,
        height: 100,
        alt: "لوگوی چارسوق",
        type: "ImageObject",
      },
    ],
  },
};

export default async function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html
      lang="fa"
      dir="rtl"
      className={`${mainFont.variable} ${boldFont.variable}`}
    >
      {/* <head>
        <Script
          src="http://185.215.124.107/dist/chatbox.iife.js"
          strategy="afterInteractive"
        />
      </head> */}
      {process.env.SITE_ADDRESS === "https://www.charsooq.com" && (
        <>
          <GoogleAnalytics />
          {/* <Matomo /> */}
          {/* <Yektanet /> */}
          <NajvaPushNotifaction />
          {/* <Hotjar /> */}
          <Clarity />
          <Goftino />
          <Heap />
        </>
      )}

<body>
        <CloudflareWebAnalytics />
        <Toaster
          position="top-center"
          toastOptions={{
            className: "text-black",
            // unstyled: true,
            classNames: {
              loading:
                "bg-[#F8F8F8] border-[var(--light-border)] [&_svg]:text-[var(--light-border)]",
              error:
                "bg-[var(--light-red)] border-[var(--base-red)] [&_svg]:text-[var(--base-red)]",
              success:
                "bg-[var(--very-light-green)] border-[var(--base-green)] [&_svg]:text-[var(--base-green)]",
              warning:
                "bg-[var(--light-yellow)] border-[var(--base-yellow)] [&_svg]:text-[var(--base-yellow)]",
              info: "bg-[var(--very-light-blue)] border-[var(--base-blue)] [&_svg]:text-[var(--base-blue)]",
            },
          }}
        />
        {/* <StickyHeader /> */}
        <Header />
        <ToasterProvider />
        <NextTopLoader
          color="var(--base-blue)"
          initialPosition={0.08}
          crawlSpeed={200}
          height={3}
          crawl={true}
          showSpinner={false}
          easing="ease"
          speed={200}
          shadow="0 0 10px #2299DD,0 0 5px #2299DD"
        />
        {children}
        <Footer />
        <TelegramContact />
      </body>
    </html>
  );
}