import type { Metadata } from "next";
import { Hanken_Grotesk } from "next/font/google";
import "./globals.css";
import { CartDrawer } from "@/components/client/CartDrawer";
import { CartProvider } from "@/components/client/CartProvider";
import { VersionSwitcher } from "@/components/client/VersionSwitcher";

const hankenGrotesk = Hanken_Grotesk({
  variable: "--font-hanken-grotesk",
  subsets: ["latin"],
  weight: ["400", "500", "600", "700", "800", "900"],
  display: "swap",
});

export const metadata: Metadata = {
  title: "Vilmax — Meble tapicerowane premium | Make-to-Order",
  description:
    "Paryski design spotyka bezkompromisową wygodę. Narożniki, sofy i łóżka tapicerowane klasy premium, szyte na zamówienie.",
  openGraph: {
    title: "Vilmax — Meble tapicerowane premium",
    description:
      "Kinowa jakość wizualna bez kosztów sesji zdjęciowych. Make-to-Order.",
    type: "website",
    locale: "pl_PL",
  },
};

export default function RootLayout({ children }: LayoutProps<"/">) {
  return (
    <html
      lang="pl"
      data-scroll-behavior="smooth"
      className={`${hankenGrotesk.variable} h-full antialiased`}
    >
      <body className="min-h-full flex flex-col bg-paper text-graphite" suppressHydrationWarning>
        <CartProvider>
          {children}
          <CartDrawer />
          <VersionSwitcher />
        </CartProvider>
      </body>
    </html>
  );
}