Moire Veil Card

import { CardMoireVeil } from '@/components/ui/card-moire-veil'

import { CardMoireVeil } from '@/components/ui/card-moire-veil'

export default function CardMoireVeilDemo() {
  return (
    <div className="mx-auto flex min-h-[520px] max-w-md items-center px-4 py-16 sm:px-6">
      <CardMoireVeil
        meta="PLATE A/B · 0.8 DEG"
        title="Interference plate"
        description="Drift the pointer, two hairline screens shear by fractions of a degree and moiré bands fan across the card."
        pitch={7}
        maxSkew={1.6}
        className="w-full"
      />
    </div>
  )
}