"use client";

import "@/node_modules/react-modal-video/css/modal-video.css";
import "public/assets/css/style.css";
import "public/assets/css/responsive.css";

import "swiper/css";
import "swiper/css/pagination";
import "swiper/css/free-mode";

import {niconne, poppins, tangerine} from "@/lib/font";
import Script from "next/script";
import { usePathname } from "next/navigation";

export const metadata = {
  title: "Sixty5 Street: Fusion Street Food in Ontario",
  description:
    "Discover Sixty5 Street — where Middle Eastern, South Indian, and North American flavors come together. Visit us in Ontario for fusion street food that’s bold and comforting.",
};

export default function RootLayout({ children }) {
  const pathname = usePathname();
  const siteUrl = "https://sixty5street.com";
  const canonicalUrl = `${siteUrl}${pathname}`;
  const ogImage = `${siteUrl}/assets/images/logo/logo-white.png`;

  return (
    <html
      lang="en"
      className={`${niconne.variable} ${poppins.variable} ${tangerine.variable}`}>
      <head>
                      {/* Google Tag Manager */}
              <script dangerouslySetInnerHTML={{
          __html: `
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());
            gtag('config', 'G-YZNXD8G2Y7');
          `
        }} />
        {/* ✅ Canonical URL */}
        <link rel="canonical" href={canonicalUrl} />

        {/* ✅ Robots */}
        <meta name="robots" content="index, follow" />

        {/* ✅ Open Graph */}
        <meta property="og:title" content="Sixty5 Street – Bold Global Street Food" />
        <meta
          property="og:description"
          content="Welcome to Sixty5 Street – where every bite brings you the vibrant taste of global street food. From fiery wings and loaded fries to shawarma, dosas and milkshakes, we serve crave-worthy meals made fresh, fast, and full of attitude."
        />
        <meta property="og:type" content="restaurant" />
        <meta property="og:url" content={siteUrl} />
        <meta property="og:site_name" content="Sixty5 Street" />
        <meta property="og:image" content={ogImage} />
        <meta property="og:locale" content="en_CA" />

        {/* ✅ Twitter Meta */}
        <meta name="twitter:card" content="summary_large_image" />
        <meta
          name="twitter:title"
          content="Sixty5 Street – Bold Global Street Food"
        />
        <meta
          name="twitter:description"
          content="From fiery wings and loaded fries to shawarma, dosas and milkshakes — Sixty5 Street brings crave-worthy street food made fresh and full of attitude."
        />
        <meta name="twitter:image" content={ogImage} />
        <meta name="twitter:site" content="@Sixty5Street" />
        <meta name="twitter:creator" content="@Sixty5Street" />


        {/* ✅ Preconnect */}
        <link rel="preconnect" href="https://www.googletagmanager.com" />
        <link rel="preconnect" href="https://connect.facebook.net" />
        <link rel="preconnect" href="https://www.facebook.com" />
        <link rel="preconnect" href="https://scripts.clarity.ms" />

        {/* ✅ Preload Hero Image */}
        <link
          rel="preload"
          as="image"
          href="/assets/images/banner/banner-1.webp"
          fetchPriority="high"
        />

        {/* ✅ Schema.org JSON-LD */}
        <Script
          id="schema-restaurant"
          type="application/ld+json"
          strategy="afterInteractive"
        >
          {JSON.stringify({
            "@context": "https://schema.org",
            "@type": "Restaurant",
            name: "Sixty5 Street",
            url: siteUrl,
            image: ogImage,
            description:
              "Fusion street food blending Middle Eastern, South Indian & North American flavors in Ontario.",
            address: {
              "@type": "PostalAddress",
              addressLocality: "Mississauga",
              addressRegion: "ON",
              addressCountry: "CA",
            },
            telephone: "+1-289-498-6565",
            servesCuisine: ["Indian", "Middle Eastern", "Fusion"],
            priceRange: "$$",
            sameAs: [
              "https://www.facebook.com/sixty5street/",
              "https://www.instagram.com/sixty5street/",
            ],
          })}
        </Script>

        {/*clarity Tag start */}
          <script dangerouslySetInnerHTML={{
          __html: `
            (function(c,l,a,r,i,t,y){
              c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
              t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
              y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
            })(window, document, "clarity", "script", "tiwefg4i5m");
          `
        }} />
  {/*clarity Tag End */}


      </head>
  <body>{children}</body>
    </html>
  );
}
