Page UI logo

Landing Page Product Hunt Award Component

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 NameProp TypeRequiredDefault
place number ǀ stringYes-
title stringNo'Product of the Day'
size 'default' ǀ 'small'No'default'
grayscale booleanNotrue
textContainerClassName stringNo-
titleClassName stringNo-
placeClassName stringNo-

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.