import type { Metadata } from "next";
import "./globals.css";

export const metadata: Metadata = {
  title: "UNIPAM Baby Diapers — Tiny touch, big care | unipamubc.com",
  description:
    "UNIPAM is a premium baby-care brand offering soft, reliable, and comfortable diapers designed for everyday family needs. Explore our product range and find the perfect fit for your baby.",
  keywords: [
    "UNIPAM",
    "baby diapers",
    "diapers",
    "baby care",
    "UBC",
    "حفاضات أطفال",
    "يونيبام",
  ],
  openGraph: {
    title: "UNIPAM Baby Diapers — Tiny touch, big care",
    description:
      "Soft, reliable, and comfortable diapers designed to keep babies dry, happy, and protected every day.",
    url: "https://unipamubc.com",
    siteName: "UNIPAM",
    type: "website",
    locale: "en_US",
    alternateLocale: "ar_SA",
  },
  twitter: {
    card: "summary_large_image",
    title: "UNIPAM Baby Diapers",
    description: "Tiny touch, big care — Premium baby diapers by UBC.",
  },
  robots: {
    index: true,
    follow: true,
  },
};

import Script from "next/script";
import { I18nProvider } from "@/lib/i18n/context";

import { Header } from "@/components/layout/header";
import { Footer } from "@/components/layout/footer";
import { BackToTop } from "@/components/ui/back-to-top";
import { WhatsAppFloat } from "@/components/ui/whatsapp-float";

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en" dir="ltr" suppressHydrationWarning>
      <head>
        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
        <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&family=Cairo:wght@400;500;600;700;800;900&display=swap" rel="stylesheet" />
        <link rel="icon" href="/images/logo.png" />
      </head>
      <Script id="fb-pixel" strategy="afterInteractive">
        {`
          !function(f,b,e,v,n,t,s)
          {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
          n.callMethod.apply(n,arguments):n.queue.push(arguments)};
          if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
          n.queue=[];t=b.createElement(e);t.async=!0;
          t.src=v;s=b.getElementsByTagName(e)[0];
          s.parentNode.insertBefore(t,s)}(window, document,'script',
          'https://connect.facebook.net/en_US/fbevents.js');
          fbq('init', '982872597212305');
          fbq('track', 'PageView');
        `}
      </Script>
      <body className="antialiased">
        <I18nProvider>
          <Header />
          <main>{children}</main>
          <WhatsAppFloat />
          <BackToTop />
          <Footer />
        </I18nProvider>
      </body>
    </html>
  );
}
