<div className="grid grid-cols-3 gap-3">
{items.map((item, i) => (
<ScrollReveal key={item} delay={i * 0.1}>
<div className="rounded-xl border border-border bg-card p-5 text-sm font-medium text-foreground shadow-sm">
{item}
</div>
</ScrollReveal>
))}
</div><ScrollReveal direction="left" distance={80} blur={false}>
<div className="rounded-xl border border-border bg-card p-8 text-lg font-semibold text-foreground shadow-sm">
Slides in from the left
</div>
</ScrollReveal>import { ScrollReveal } from "@/components/godui/scroll-reveal";export function ScrollRevealDemo() {return ( <ScrollReveal> <div className="rounded-xl border border-border bg-card p-8 text-lg font-semibold text-foreground shadow-sm"> I reveal on scroll </div> </ScrollReveal>);}