Process8

The Process8 component displays a centered heading with an image and a list of process steps, each containing an icon, title, and description.

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

Component path: src/blocks/process/Process8.tsx

Component usage path: src/app/blocks/process/process8/page.tsx

Preview link: https://www.saasable.io/blocks/process/process8

Props Details

Prop	Type	Description	Displayed as
heading	string	The main title or heading displayed at the top of the section.	<Typography variant="h2/h3/h4"> via Typeset component
caption	string	A subheading or description below the heading.	<Typography variant="body1">inside Typeset
image	ImageCommonProps	An object defining the image to show beside the card list.	<GraphicsImage /> with height and responsive styles
cards	ProcessCardProps[]	Array of objects, each containing icon, title, and description.	Rendered inside <ListItem> — each item includes an avatar and text