import type { Metadata } from "next";
import { Varela_Round } from "next/font/google";
import "./globals.css";

const varelaRound = Varela_Round({
  weight: "400",
  subsets: ["latin"],
  variable: "--font-varela",
});

export const metadata: Metadata = {
  title: "beWerbung - Sebastian Fröhlich",
  description: "Die Bewerberwebseite von Sebastian Fröhlich - Full-Stack Developer, technischer PO, Team Leader mit Fokus auf moderne Webtechnologien",
  keywords: ["Sebastian Fröhlich", "Bewerbung", "Full-Stack Developer", "Web Development", "PHP", "JavaScript", "Python"],
  authors: [{ name: "Sebastian Fröhlich" }],
  openGraph: {
    title: "beWerbung - Sebastian Fröhlich",
    description: "Full-Stack Developer, technischer PO, Team Leader mit Leidenschaft für moderne Webtechnologien",
    type: "website",
  },
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="de" className="scroll-smooth">
      <body
        className={`${varelaRound.variable} antialiased font-varela`}
      >
        {children}
      </body>
    </html>
  );
}
