Features

Show the features of your product

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

userdesk.io

---

If you need basic components like buttons, inputs, etc, they are all available with ChakraUI.