1import { SmokeBackground } from "@/components/lab/components/SmokeBackground";
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 <SmokeBackground smokeColor="#808080" />
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}