portfolio/src/app/layout.tsx
2026-01-23 17:37:28 +01:00

40 lines
1.4 KiB
TypeScript

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>
);
}