Shipixen Logo

Landing Page Key Point

Updated on

Use this to display a bullet point in the description of a Product Feature. This component can clarify the key features of the product or service, especially when the description is long and detailed.

Intelligent Assistance.
Receive personalized recommendations and insights tailored to your workflow.
Seamless Collaboration.
Easily collaborate with team members and clients in real-time.
Advanced Customization.
Tailor your app to fit your unique requirements with extensive customization.

Usage

import { LandingProductFeatureKeyPoints } from '@/components/landing/LandingProductFeatureKeyPoints';
<LandingProductFeatureKeyPoints
  keyPoints={[
    {
      title: 'Intelligent Assistance',
      description:
        'Receive personalized recommendations and insights tailored to your workflow.',
    },
    {
      title: 'Seamless Collaboration',
      description:
        'Easily collaborate with team members and clients in real-time.',
    },
    {
      title: 'Advanced Customization',
      description:
        'Tailor your app to fit your unique requirements with extensive customization.',
    },
  ]}
/>

Examples

With Cta Section

Want more?

Intelligent Assistance.
Receive personalized recommendations and insights tailored to your workflow.
Seamless Collaboration.
Easily collaborate with team members and clients in real-time.
Advanced Customization.
Tailor your app to fit your unique requirements with extensive customization.
Sample image

API Reference

Prop NameProp TypeRequiredDefault
keyPoints KeyPoint[]Yes-
variant 'primary' ǀ 'secondary'No'primary'
export interface KeyPoint {
  title: string;
  description: string;
}

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.