Landing Page Product Hunt Award Component
- Updated on
Use this component to show a Product Hunt award, if applicable, to increase trust.
Product of the Day3rd
Usage
import { LandingProductHuntAward } from '@/components/landing/social-proof/LandingProductHuntAward';
<LandingProductHuntAward place={3} />
Examples
Customization
The award can either be grayscale or colored and it comes in two sizes: small and default.
Product of the Day1st
With custom text
#1 Product of the weekMarketing
API Reference
| Prop Name | Prop Type | Required | Default |
|---|---|---|---|
| place | number ǀ string | Yes | - |
| title | string | No | 'Product of the Day' |
| size | 'default' ǀ 'small' | No | 'default' |
| grayscale | boolean | No | true |
| textContainerClassName | string | No | - |
| titleClassName | string | No | - |
| placeClassName | string | No | - |
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.