1import { FadeUpText } from "@/components/lab/components/FadeUpText";
2
3export default function Demo() {
4 return (
5 <div className="@container relative flex h-screen w-full items-center justify-center bg-[#080b12] px-[6cqw]">
6 <FadeUpText
7 badge="Bodhi's Lab"
8 title1="Where creativity meets"
9 title2="code."
10 description="Motion, shaders, and interfaces — crafted one experiment at a time."
11 className="w-full max-w-[92cqw] px-0 [&_h1]:!text-[clamp(0.85rem,8.5cqw,4.5rem)] [&_h1]:!leading-[1.05] [&_p]:!mt-[3cqw] [&_p]:max-w-full [&_p]:px-0 [&_p]:!text-[clamp(0.625rem,3.2cqw,1.125rem)] [&_.inline-flex]:!mb-[4cqw] [&_.inline-flex]:!px-[2.5cqw] [&_.inline-flex]:!py-[1cqw] [&_.inline-flex_span]:!text-[clamp(0.6rem,2.5cqw,0.875rem)]"
12 />
13 </div>
14 );
15}