export function HeartQuote({ quote }: { quote: string }) {
  return (
    <blockquote className="mt-12 bg-wedding-cream px-wedding-gutter-mobile py-12 text-center wedding-md:px-wedding-gutter-phone">
      <p className="font-wedding-display text-wedding-medium italic leading-wedding-display text-wedding-terracotta">
        “{quote}”
      </p>
      <div className="mx-auto mt-8 flex max-w-xs items-center gap-4 text-wedding-terracotta">
        <span className="h-px flex-1 bg-wedding-line" />
        <span aria-hidden="true">♥</span>
        <span className="h-px flex-1 bg-wedding-line" />
      </div>
    </blockquote>
  )
}