landing-background.tsx
899 bytes
| 1 | export function LandingBackground() { |
|---|---|
| 2 | return ( |
| 3 | <div aria-hidden className="pointer-events-none fixed inset-0 -z-10 overflow-hidden"> |
| 4 | <div className="absolute inset-x-0 top-0 h-[52rem] bg-[radial-gradient(circle_at_78%_22%,hsl(var(--primary)/0.14),transparent_34%),radial-gradient(circle_at_12%_8%,hsl(var(--stage-answer)/0.08),transparent_28%)]" /> |
| 5 | <div className="decision-grid absolute inset-x-0 top-0 h-[42rem] opacity-35 [mask-image:linear-gradient(to_bottom,black,transparent)] dark:opacity-20" /> |
| 6 | <div className="absolute right-[-16rem] top-[-11rem] h-[44rem] w-[44rem] rounded-full border border-primary/10" /> |
| 7 | <div className="absolute right-[-11rem] top-[-6rem] h-[34rem] w-[34rem] rounded-full border border-primary/10" /> |
| 8 | <div className="absolute right-[-6rem] top-[-1rem] h-[24rem] w-[24rem] rounded-full border border-primary/10" /> |
| 9 | </div> |
| 10 | ); |
| 11 | } |
| 12 | |