1import { EtheralShadow } from "@/components/lab/components/EtheralShadow";
2
3export default function Demo() {
4 return (
5 <div className="@container relative flex h-screen w-full flex-col items-center justify-center overflow-hidden">
6 <EtheralShadow
7 color="#808080"
8 sizing="fill"
9 animation={{ scale: 100, speed: 90 }}
10 noise={{ opacity: 1, scale: 1.2 }}
11 />
12 <div className="pointer-events-none absolute inset-x-0 z-10 flex justify-center px-[6cqw]">
13 <h1 className="max-w-[92cqw] text-center text-balance font-semibold leading-[1.1] tracking-tight text-[clamp(0.7rem,7.5cqw,4.5rem)]" style={{ color: "#ffffff" }}>Where creativity meets code.</h1>
14 </div>
15 </div>
16 );
17}