import type { Metadata, Viewport } from "next";
import { SkipLink } from "@/components/ui";
import { AuthProvider } from "@/components/auth";
import "./globals.css";

export const metadata: Metadata = {
  title: "Canevas d'Atelier Design | Programme Pionniers",
  description: "Plateforme interactive pour les ateliers de design fiction du Programme Pionniers. Explorez et complétez les 31 canevas d'exercices.",
  keywords: ["design fiction", "atelier", "canvas", "programme pionniers", "innovation"],
  authors: [{ name: "Programme Pionniers" }],
  icons: {
    icon: "/favicon.svg",
  },
  openGraph: {
    title: "Canevas d'Atelier Design",
    description: "Plateforme interactive pour les ateliers de design fiction",
    type: "website",
  },
  robots: {
    index: true,
    follow: true,
  },
};

export const viewport: Viewport = {
  width: "device-width",
  initialScale: 1,
  themeColor: "#155DFC",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="fr">
      <body className="antialiased">
        <AuthProvider>
          <SkipLink />
          <div id="main-content">
            {children}
          </div>
        </AuthProvider>
      </body>
    </html>
  );
}
