import type { Metadata } from "next";
import { Inter } from "next/font/google";
import "./globals.css";
import Header from "@/components/Header";
import Footer from "@/components/Footer";
import CookieBanner from "@/components/CookieBanner";

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

export const metadata: Metadata = {
  title: {
    default: "IAZA TRANSPORT - Transport Routier Professionnel à Bruxelles",
    template: "%s | IAZA TRANSPORT"
  },
  description: "IAZA TRANSPORT, entreprise de transport routier de marchandises basée à Bruxelles. Solutions fiables, professionnelles et adaptées pour tous vos besoins logistiques.",
  keywords: ["transport routier Bruxelles", "transport de marchandises Bruxelles", "entreprise de transport Bruxelles", "société de transport routier Belgique", "transport professionnel B2B"],
  alternates: {
    canonical: "https://anthonyemanuel.com",
  },
  openGraph: {
    title: "IAZA TRANSPORT - Transport Routier Professionnel",
    description: "Transport routier de marchandises fiable et professionnel basé à Bruxelles.",
    url: "https://anthonyemanuel.com",
    siteName: "IAZA TRANSPORT",
    images: [
      {
        url: "https://images.unsplash.com/photo-1519003722824-194d4455a60c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80",
        width: 1200,
        height: 630,
        alt: "Camion de transport routier",
      },
    ],
    locale: "fr_BE",
    type: "website",
  },
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="fr" className="scroll-smooth">
      <body className={`${inter.variable} antialiased min-h-screen flex flex-col text-brand-charcoal bg-brand-light`}>
        <Header />
        <main className="flex-grow pt-20">
          {children}
        </main>
        <Footer />
        <CookieBanner />
      </body>
    </html>
  );
}
