The file contains an array of features and renders them all.
const featuresList: 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
Prop
Type
Description
showCta
boolean
Shows or hides the call to action
Examples
If you need basic components like buttons, inputs, etc, they are all available with ChakraUI.
