Shipixen Logo

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 NameProp TypeRequiredDefault 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.