Discount Voucher

Inverted promo header with the discount headline, then a redeem code and expiry date below the perforation.

20% OFFCoffee & Pastries

BREW20Expires Jun 30

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Ticket8 } from "@/components/beste/piece/ticket8";

<Ticket8
  discount="20% OFF"
  description="Coffee & Pastries"
  code="BREW20"
  expires="Expires Jun 30"
/>