Components
Interactive Accordion
A minimal accordion with numbered items featuring smooth spring animations, rotating plus-to-X icons, and progressive underline hover effects.
import { UniqueAccordion } from "@/components/ui/interactive-accordion"
export default function Page() {
return (
<main className="min-h-screen flex items-center justify-center p-8">
<div className="w-full max-w-2xl">
<div className="mb-12">
<h1 className="text-4xl font-medium tracking-tight mb-3 text-balance">What we do</h1>
<p className="text-muted-foreground text-lg">Transforming ideas into exceptional digital experiences.</p>
</div>
<UniqueAccordion />
</div>
</main>
)
}