import { LandingImage } from "@/components/landing-image";
import { NolaGlitchClientOnly } from "@/components/nola-glitch";
import { Sosmed } from "@/components/sosmed";
import HomeText from "@/components/texts/home.mdx"

import Link from "@/components/link";
import { FakeWindow, HomeWindows } from "@/components/windows";
import { SnowfallBackground } from "@/components/events/christmas";

import { WindowManagerProvider } from "@/hooks/window-manager";
import { ThemeEventsProvider } from "@/hooks/theme-events";

export default function Home() {
  return (<>
    <main className="flex items-center pt-16 md:pt-24 pb-12 px-8 md:px-0 overflow-x-hidden">
      <ThemeEventsProvider>
        <SnowfallBackground />
        <WindowManagerProvider>
          <FakeWindow windowText="Homepage">
            <HomeWindows />
            <header className="text-center mb-8">
              <h1 className="font-bold text-3xl leading-normal">
                Nonszy Work<span className="text-primary">space</span>
              </h1>
            </header>
            <noscript>
              <LandingImage />
            </noscript>
            <NolaGlitchClientOnly />
            <Sosmed />
            <article className="space-y-5 leading-relaxed relative text-sm">
              <HomeText />
            </article>
            <footer className="mt-20 text-center">
              <p>&copy; <span className="text-sm">2025 Nomi Nonszy</span></p>
              <p className="text-sm">
                <Link href={"/terms"}>Terms</Link> and <Link href={"/privacy"}>Privacy</Link>
              </p>
            </footer>
          </FakeWindow>
        </WindowManagerProvider>
      </ThemeEventsProvider>
    </main>
  </>);
}
