import type { Metadata } from "next"
import { Poppins, Inter } from "next/font/google"
import "./globals.css"
import { CartProvider } from "@/store/cartStore"
import { Navbar } from "@/app/components/Navbar"
import { Footer } from "@/app/components/Footer"

const poppins = Poppins({
  subsets: ["latin"],
  weight: ["400", "600", "700", "800", "900"],
  variable: "--font-poppins",
  display: "swap",
})

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

export const metadata: Metadata = {
  title: { default: "TshirtGeek", template: "%s | TshirtGeek" },
  description: "Premium custom t-shirts designed for everyone.",
}

export default function RootLayout({ children }: LayoutProps<"/">) {
  return (
    <html
      lang="en"
      className={`${poppins.variable} ${inter.variable} h-full antialiased`}
    >
      <body className="min-h-full flex flex-col bg-black">
        <CartProvider>
          <Navbar />
          <main className="flex-1 pt-48">{children}</main>
          <Footer />
        </CartProvider>
      </body>
    </html>
  )
}
