import type { Metadata } from "next";
import localFont from "next/font/local";
import "./globals.css";
import { Header } from "@/components/Header";
import { Footer } from "@/components/Footer";

/* A fonte sai dos arquivos do próprio app (next/font/local), e não do Google:
   o build não pode depender do Google Fonts. O next/font/google baixava a
   fonte durante o build e, quando o Google mudou o formato do endereço, o
   deploy caiu. O arquivo é a fonte variável do repositório google/fonts,
   cortada para latim e latim estendido (licença no OFL.txt ao lado). Inter
   variável inteira (100 a 900), como o Google entregava. As opções precisam ser
   literais: o next/font lê esse objeto em tempo de build. */
const inter = localFont({
  src: [{ path: "../fonts/inter/Inter-Variavel.woff2", weight: "100 900", style: "normal" }],
  variable: "--font-inter",
});

export const metadata: Metadata = {
  title: "Marketplace | Ktalogu",
  description: "Tudo que você imagina, em um só lugar. Encontre produtos incríveis de várias lojas.",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="pt-BR">
      <body className={`${inter.variable} font-sans antialiased bg-white text-gray-900 flex flex-col min-h-screen`}>
        <Header />
        <main className="flex-1">
          {children}
        </main>
        <Footer />
      </body>
    </html>
  );
}