The file contains an array of features and renders them all.
constfeaturesList:Omit<FeatureProps,"showCta">[] = [ { category:"Productivity", title:"Feature 1", description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, diam sit amet dictum ultrices, nunc magna ullamcorper elit, vitae tincidunt nisl nunc sit amet nunc. ",
imageUrl: "https://placehold.co/600x400", }, { category:"Leads generation", title:"Feature 2", description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, diam sit amet dictum ultrices, nunc magna ullamcorper elit, vitae tincidunt nisl nunc sit amet nunc. ",
imageUrl: "https://placehold.co/600x400", },];
Component: <Features />
File: src/components/Features/Features.tsx
page.tsx
import { Features } from"@/components/Features/Features";
Props
Examples
If you need basic components like buttons, inputs, etc, they are all available with ChakraUI.