Landing Page Feature Component

Updated on

Use this component to display a single product feature. It has a title, description and icon.

It should be used with the FeatureList component, but can also be used standalone.

Automatic deployment to Vercel

Deploying the generated template to Vercel is as easy as clicking a button. There is no need to configure anything.

Usage

import { LandingFeature } from '@/components/landing/feature/LandingFeature';
import { SparklesIcon } from 'lucide-react';
<LandingFeature
  title='Automatic deployment to Vercel'
  description='Deploying the generated template to Vercel is as easy as clicking a button. There is no need to configure anything.'
  icon={<SparklesIcon />}
/>

API Reference

Prop NameProp TypeRequiredDefault
title stringYes-
description stringYes-
icon React.ReactNodeYes-
variant 'primary' ǀ 'secondary'No'primary'

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.