Voronoi Membrane

import { VoronoiMembrane } from '@/components/ui/voronoi-membrane'

import { VoronoiMembrane } from '@/components/ui/voronoi-membrane'

export default function VoronoiMembraneDemo() {
  return (
    <div className="relative min-h-[600px] overflow-hidden bg-background">
      <VoronoiMembrane />
      <div className="relative z-10 mx-auto flex min-h-[600px] max-w-5xl flex-col justify-end px-6 pb-20 pt-24">
        <p className="font-mono text-[11px] uppercase tracking-[0.2em] text-muted-foreground sm:text-xs">
          Lab · press against the membrane
        </p>
        <h2 className="mt-4 max-w-2xl text-4xl font-semibold tracking-tight text-balance text-foreground sm:text-5xl">
          Alive at one pixel wide.
        </h2>
        <p className="mt-5 max-w-xl text-sm leading-relaxed text-muted-foreground sm:text-base">
          Twenty-four seeded cells relaxed into equilibrium, breathing so slowly you almost miss
          it. Bring the pointer close and the nearest walls draw tight and brighten, one cell
          keeps the accent.
        </p>
      </div>
    </div>
  )
}