import type { Metadata } from "next";
import "./globals.css";
import Script from "next/script";
import Navbar from "@/components/common/Navbar";
import Footer from "@/components/common/Footer";
import PageTransition from "@/components/common/PageTransition";
import FunnelProvider from "@/components/funnel/FunnelProvider";
import CallButton from "@/components/funnel/CallButton";
import WhatsAppButton from "@/components/funnel/WhatsAppButton";
import EmailButton from "@/components/funnel/EmailButton";
import FloatingEnquiry from "@/components/common/FloatingBtn";
import MobileStickyFooter from "@/components/common/MobileStickyFooter";
import PopupProvider from "@/components/popup/PopupProvider";
import InitUser from "./InitUser";
import {
  NotFoundProvider,
  useNotFound,
} from "@/components/providers/NotFoundProvider";
import FloatingButtons from "@/components/common/FloatingButtons";

export const metadata: Metadata = {
  title:
    "Epoxy Coated TMT Bars & Dowel Bars Manufacturers in India | Hariom Epoxy Shield",
  description:
    "Hariom Group are premium quality Epoxy Coated Dowel Bars, Epoxy Coated TMT Bars Manufacturers in India designed by our experts. Best in class Epoxy coated.",
  authors: [{ name: "HARIOM GROUP" }],
 
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en" className={` h-full antialiased`}>
      <head>
        <link rel="dns-prefetch" href="/" />

        {/* Preload DM Sans - v17 critical weights */}
        <link
          rel="preload"
          href="/font/dm_sans/dm-sans-v17-latin-regular.woff2"
          as="font"
          type="font/woff2"
          crossOrigin="anonymous"
        />
        <link
          rel="preload"
          href="/font/dm_sans/dm-sans-v17-latin-500.woff2"
          as="font"
          type="font/woff2"
          crossOrigin="anonymous"
        />
        <link
          rel="preload"
          href="/font/dm_sans/dm-sans-v17-latin-600.woff2"
          as="font"
          type="font/woff2"
          crossOrigin="anonymous"
        />
        <link
          rel="preload"
          href="/font/dm_sans/dm-sans-v17-latin-700.woff2"
          as="font"
          type="font/woff2"
          crossOrigin="anonymous"
        />

        {/* Preload Rethink Sans - v7 critical weights */}
        <link
          rel="preload"
          href="/font/rethink_sans/rethink-sans-v7-latin-regular.woff2"
          as="font"
          type="font/woff2"
          crossOrigin="anonymous"
        />
        <link
          rel="preload"
          href="/font/rethink_sans/rethink-sans-v7-latin-500.woff2"
          as="font"
          type="font/woff2"
          crossOrigin="anonymous"
        />
        <link
          rel="preload"
          href="/font/rethink_sans/rethink-sans-v7-latin-600.woff2"
          as="font"
          type="font/woff2"
          crossOrigin="anonymous"
        />
        <link
          rel="preload"
          href="/font/rethink_sans/rethink-sans-v7-latin-700.woff2"
          as="font"
          type="font/woff2"
          crossOrigin="anonymous"
        />
      </head>
      <body className="min-h-full flex flex-col">
        <NotFoundProvider>
        <Navbar />
        <InitUser />
        <FunnelProvider>
          <PopupProvider>
            <PageTransition>
              {children}
              <Script
                src="https://www.googletagmanager.com/gtag/js?id=G-CCHZXL1PQ0"
                strategy="afterInteractive"
              />
              <Script id="google-analytics" strategy="afterInteractive">
                {`
                window.dataLayer = window.dataLayer || [];   function gtag(){dataLayer.push(arguments);}   gtag('js', new Date());   gtag('config', 'G-CCHZXL1PQ0');
              `}
              </Script>

              <Script id="tawk-chat" strategy="afterInteractive">
                {`
            var Tawk_API = Tawk_API || {},
                Tawk_LoadStart = new Date();

            (function () {
              var s1 = document.createElement("script"),
                  s0 = document.getElementsByTagName("script")[0];

              s1.async = true;
              s1.src = "https://embed.tawk.to/6417fbda31ebfa0fe7f38c9e/1gruqvk6n";
              s1.charset = "UTF-8";
              s1.setAttribute("crossorigin", "*");

              s0.parentNode.insertBefore(s1, s0);
            })();
          `}
              </Script>

              {/* <FloatingEnquiry /> */}
              <MobileStickyFooter />
              
                <FloatingButtons />
             
            </PageTransition>
          </PopupProvider>
        </FunnelProvider>
        <Footer />

         </NotFoundProvider>
      </body>
    </html>
  );
}
