Landing Page Discount Component
- Updated on
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 Name | Prop Type | Required | Default |
|---|---|---|---|
| discountValueText | string | Yes | '$200 off' |
| discountDescriptionText | string | Yes | 'for the first 50 customers (5 left)' |
| animated | boolean | No | true |
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.