"use client";

import { Hero } from "~/components/sections/hero";
import { LanguageSwitcher } from "~/components/language-switcher";
import { useLocale } from "~/components/locale-provider";

export default function HomePage() {
  const { t } = useLocale();
  const year = new Date().getFullYear();

  return (
    <div
      className="relative flex min-h-dvh flex-col"
      style={{ minHeight: "100dvh" }}
    >
      <LanguageSwitcher />
      <main className="flex flex-1 flex-col">
        <Hero />
      </main>
      <footer
        className="shrink-0 py-5 text-center text-[11px] text-neutral-400"
        style={{ paddingBottom: "max(1.25rem, var(--safe-bottom))" }}
      >
        {t.copyright.replace("{year}", String(year))}
      </footer>
    </div>
  );
}