import { Outlet } from 'react-router-dom';

import { StyleProvider } from '@/components/ui/StyleProvider';
import SiteBackgroundSlot from '@/components/ui/SiteBackgroundSlot';
import NavbarFullscreenStatic from "@/components/ui/NavbarFullscreenStatic";
import FooterBasic from "@/components/sections/footer/FooterBasic";

export default function Layout() {
  return (
    <StyleProvider buttonVariant="default" siteBackground="none" heroBackground="none">
      <SiteBackgroundSlot />
      <NavbarFullscreenStatic
                logo="Samuel Uváček"
                navItems={[
                  { name: "Galéria", href: "#gallery" },
                  { name: "Úspechy", href: "#achievements" },
                  { name: "Kontakt", href: "#contact" },
                ]}
                ctaButton={{ text: "Kontaktovať", href: "#contact" }}
              />
      <main className="flex-grow">
        <Outlet />
      </main>
      <FooterBasic
                columns={[
                  {
                    title: "Rýchle odkazy",
                    items: [
                      { label: "Galéria", href: "#gallery" },
                      { label: "Úspechy", href: "#achievements" },
                      { label: "Kontakt", href: "#contact" },
                    ],
                  },
                  {
                    title: "Sledujte ma",
                    items: [
                      { label: "Instagram", href: "#" },
                      { label: "Facebook", href: "#" },
                      { label: "YouTube", href: "#" },
                    ],
                  },
                ]}
                leftText="© 2026 Samuel Uváček. Všetky práva vyhradené."
                rightText="Profesionálny pretekár"
              />
    </StyleProvider>
  );
}