Feature8

The Feature8 component displays a vertical stepper with icons and titles on the left and a dynamic graphic image on the right, allowing users to navigate through different steps with updated content.

All available props for the Feature8 component are defined and handled within Component usage path file. This allows for easy modifications to the content of the feature section.

Component path: src/blocks/feature/Feature8.tsx

Component usage path: src/app/blocks/feature/feature8/page.tsx

Preview link: https://www.saasable.io/blocks/feature/feature8

Props Details

Prop	Type	Description	Displayed as
heading	string	Main title of the feature section.	"How It Works"
caption	string	Additional description or subtitle.	"Follow these steps to understand our process"
cards	ProcessCardProps[]	List of step cards with details for each step.	[ { title: "Step 1", description: "Learn...", icon: "icon-name-1", image: "path-to-image-1.jpg" }, ... ]