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

// Použijeme font Inter, ktorý je pre "PRPL" štýl ideálny
const inter = Inter({ 
  subsets: ["latin"],
  weight: ['400', '700', '900'] 
});

export const metadata: Metadata = {
  title: "Jetomit_ Bio | Portfolio",
  description: "13-year-old Full-stack developer building digital experiences.",
};

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en" className="scroll-smooth">
      <body
        className={`${inter.className} bg-[#0a0a0a] text-[#ededed] antialiased overflow-x-hidden`}
      >
        {/* Tento div vytvorí tie jemné kruhy na pozadí pre celú stránku */}
        <div className="fixed inset-0 pointer-events-none z-0 overflow-hidden">
          <div className="absolute top-1/2 left-0 -translate-y-1/2 w-[800px] h-[800px] border border-white/[0.03] rounded-full -translate-x-1/2" />
          <div className="absolute top-1/2 left-0 -translate-y-1/2 w-[600px] h-[600px] border border-white/[0.03] rounded-full -translate-x-1/2" />
          <div className="absolute top-1/2 left-0 -translate-y-1/2 w-[400px] h-[400px] border border-white/[0.05] rounded-full -translate-x-1/2" />
        </div>

        {/* Obsah stránky sa vykreslí tu */}
        <div className="relative z-10">
          {children}
        </div>
      </body>
    </html>
  );
}