import ScrollExpand from "@/components/ScrollExpand/ScrollExpand";

export default function Home() {
  return (
    <div className="min-h-screen bg-[#0b0b08] text-white">
      <ScrollExpand
        className="woiken-hero"
        src="/grass-field.jpg"
        alt="Clouds drifting over a green field under a blue sky"
        title="Woiken"
        scrollHint="Scroll"
        startWidth={46}
        startHeight={56}
        overlayScrim={0.55}
        useWindowScroll
      >
        <p className="mb-4 text-xs font-medium uppercase tracking-[0.3em] text-white/70 md:text-sm">
          Woiken
        </p>
        <h1 className="text-5xl font-semibold leading-[1.05] tracking-tight md:text-7xl lg:text-8xl">
          A new cloud
        </h1>
        <p className="mt-5 text-lg text-white/80 md:text-2xl">coming soon.</p>
      </ScrollExpand>

      <footer className="px-6 py-10 text-center text-sm text-white/40">
        © {new Date().getFullYear()} Woiken
      </footer>
    </div>
  );
}