import type { Metadata } from 'next';
import './globals.css';
import { I18nProvider } from '@/i18n/I18nProvider';
import { Header, Footer, StickyMobileCTAWrapper } from '@/components/navigation';

export const metadata: Metadata = {
  title: "Dropex - Service de Livraison au Maroc",
  description: "Service de livraison rapide et fiable partout au Maroc. Livraison e-commerce, COD, express et plus.",
  keywords: ["livraison", "maroc", "e-commerce", "COD", "express", "colis"],
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="fr" suppressHydrationWarning>
      <body className="font-sans antialiased">
        <I18nProvider>
          <div className="min-h-screen flex flex-col">
            <Header />
            <main className="flex-1">
              {children}
            </main>
            <StickyMobileCTAWrapper />
            <Footer />
          </div>
        </I18nProvider>
      </body>
    </html>
  );
}
