// app/layout.tsx
import type { ReactNode } from "react";
import "@/styles/globals.css";

import Header from "@/components/header";
import Footer from "@/components/footer";

export const metadata = {
  title: "JoBBond — Compétences critiques & 50+",
  description:
    "Audit des compétences critiques, sécurisation opérationnelle et plateforme emploi senior 50+.",
};

export default function RootLayout({
  children,
}: {
  children: ReactNode;
}) {
  return (
    <html lang="fr">
      <body className="jb-page">
        {/* HEADER GLOBAL */}
        <Header />

        {/* CONTENU PRINCIPAL */}
        <main className="jb-main">
          {children}
        </main>

        {/* FOOTER GLOBAL */}
        <Footer />
      </body>
    </html>
  );
}
