32 lines
1002 B
TypeScript
32 lines
1002 B
TypeScript
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>
|
|
);
|
|
}
|