export function QuoteCard() {
  return (
    <div className="bg-[#FAFAF8] p-12 grid place-items-center">
      <figure className="w-full max-w-md bg-[#F4F3EF] border-l-2 border-[#2A3D2F] pl-8 pr-6 py-8 relative">
        <span
          aria-hidden
          className="absolute top-4 left-4 leading-none text-[#2A3D2F] opacity-40"
          style={{
            fontFamily: "'Instrument Serif', Georgia, serif",
            fontSize: 80,
          }}
        >
          &ldquo;
        </span>
        <blockquote
          className="text-[#111111] leading-[1.3] tracking-[-0.005em] relative"
          style={{
            fontFamily: "'Instrument Serif', Georgia, serif",
            fontSize: 22,
          }}
        >
          The taste level is what I&apos;m actually paying for. Velynkit looks
          like something I&apos;d be proud to ship — and that&apos;s rare.
        </blockquote>
        <figcaption className="mt-6 flex items-center justify-between pt-4 border-t border-[#1111111A]">
          <span className="text-[13px] font-medium text-[#111111]">
            Aoife Murray
          </span>
          <span className="font-mono text-[11px] uppercase tracking-[0.12em] text-[#6B6B66]">
            CTO · Northwind
          </span>
        </figcaption>
      </figure>
    </div>
  );
}
Quote Card
