import type { Metadata } from "next";
import { Inter, Cormorant_Garamond } from "next/font/google";
import { AppProvider } from "@/context/AppContext";
import "./globals.css";

const inter = Inter({
  variable: "--font-inter",
  subsets: ["latin"],
});

const cormorant = Cormorant_Garamond({
  variable: "--font-cormorant",
  subsets: ["latin"],
  weight: ["300", "400", "500", "600", "700"],
  style: ["normal", "italic"],
});

export const metadata: Metadata = {
  title: "STARBOY PAKISTAN | Crafted For Everyday Greatness",
  description: "Luxury Pakistani streetwear and essentials. Heavyweight cotton tees, oversized fits, and timeless minimalist silhouettes designed for everyday greatness.",
  metadataBase: new URL("http://localhost:3000"),
  openGraph: {
    title: "STARBOY PAKISTAN | Crafted For Everyday Greatness",
    description: "Premium luxury streetwear and essential basics from Pakistan.",
    images: ["/og-image.jpg"],
  },
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en" className={`${inter.variable} ${cormorant.variable} h-full antialiased`}>
      <body className="min-h-full flex flex-col bg-[#F8F7F2] text-[#1A1A1A] selection:bg-[#D4AF37] selection:text-[#0A0A0A]">
        <AppProvider>
          {children}
        </AppProvider>
      </body>
    </html>
  );
}