// app/layout.tsx
import "./globals.css";
import Navbar from "@/components/Navbar";
import CartDrawer from "@/components/CartDrawer";
import AuthModal from "@/components/AuthModal";
import SessionProvider from "@/components/SessionProvider";
import ThemeProvider from "@/components/ThemeProvider";

export const metadata = {
  title: "GraphicVault - Vector Graphics, CDR, PSD & PNG Market",
  description: "Download ready-to-print CorelDRAW, PSD, and ZIP graphic assets instantly.",
};

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en" suppressHydrationWarning>
      <body className="bg-zinc-50 text-zinc-900 dark:bg-zinc-950 dark:text-zinc-100 min-h-screen antialiased flex flex-col justify-between transition-colors duration-200">
        <SessionProvider>
          <ThemeProvider>
            <Navbar />
            <main className="flex-1">{children}</main>
            <CartDrawer />
            <AuthModal />
          </ThemeProvider>
        </SessionProvider>
      </body>
    </html>
  );
}