Card

<Card card={{ number: "01", title: "Ceremony Design", description: "Altar arrangements, aisle florals, and accent installations.", tag: "Weddings" }} />

import { cn } from '@/lib/utils'
import type { ServiceItem } from '@/types'

interface CardProps {
  card: ServiceItem
}

export function Card({ card }: CardProps): React.JSX.Element {
  return (
    <div className={cn('vow-card')}>
      <span className="card-number">{card.number}</span>
      <h3 className="card-title">{card.title}</h3>
      <p className="card-description">{card.description}</p>
      <span className="card-tag">{card.tag}</span>
    </div>
  )
}