1import { GLSLHills } from "@/components/lab/components/GLSLHills";
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 <GLSLHills cameraZ={125} planeSize={256} speed={0.5} />
7 <div className="pointer-events-none absolute inset-x-0 z-10 flex justify-center px-[6cqw]">
8 <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>
9 </div>
10 </div>
11 );
12}