Components
Loading preview...
Glow Effect
npx shadcn@latest add https://21st.dev/r/designali-in/glowimport { Glow } from "@/components/blocks/glow"
export function QRCode () {
return(
<div className="relative">
<Glow variant="top" className="-z-20" />
<div className="relative mt-60 mx-auto max-w-3xl p-10">
<p className="md:text-md text-ali text-xs lg:text-lg xl:text-2xl">
I believe
</p>
<div className="text-2xl tracking-tighter md:text-5xl lg:text-7xl xl:text-8xl">
<div className="flex gap-1 md:gap-2 lg:gap-3 xl:gap-4">
<h1 className="font-semibold">
<span className="pointer-events-none z-10 whitespace-pre-wrap leading-none tracking-tighter ">
"Design should be easy
</span>
</h1>
<p className="font-thin">to</p>
</div>
<div className="flex gap-1 md:gap-2 lg:gap-3 xl:gap-4">
<p className="font-thin">understand because simple</p>
</div>
<div className="flex gap-1 md:gap-2 lg:gap-3 xl:gap-4">
<h1 className="font-semibold">
<span className="pointer-events-none z-10 whitespace-pre-wrap leading-none tracking-tighter ">
ideas are quicker to
</span>
</h1>
</div>
<h1 className="font-semibold">
<span className="pointer-events-none z-10 whitespace-pre-wrap leading-none tracking-tighter ">
grasp..."
</span>
</h1>
</div>
</div>
</div>
)
}