Page UI logo

Landing Page Discount Component

Use this component to show a discount or offer to encourage users to take action, typically used under call to action buttons.

$350 off for the first 10 customers (2 left)

Usage

import { LandingDiscount } from '@/components/landing/discount/LandingDiscount';
<LandingDiscount
  discountValueText="$350 off"
  discountDescriptionText="for the first 10 customers (2 left)"
/>

Examples

No animation

$99 off for a limited time

API Reference

Prop NameProp TypeRequiredDefault
discountValueText stringYes'$200 off'
discountDescriptionText stringYes'for the first 50 customers (5 left)'
animated booleanNotrue

More Examples

For more even more examples, see our Landing Page Component Examples page or see complete landing page examples by Exploring Our Landing Page Templates.