Process2

The Process2 component renders a section with a background image card and a list of feature cards, displaying a heading, caption, and each feature card’s title, description, and icon.

All available props for the Process2 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/Process2.tsx

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

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

Props Details

Prop
Type
Description
Displayed as

heading

string

Main title of the section.

"Our Process"

caption

string

Subheading or additional description related to the heading.

"Discover how we bring ideas to life with our streamlined process."

bgImage

BgImageProps

Background image settings for the GraphicsCard component.

{ src: 'https://example.com/background-image.jpg', alt: 'Background Image' }

cards

ProcessCardProps[]

Array of objects containing data for each card.

[ { title: 'Step 1', description: 'Initial consultation...', icon: 'consultation-icon' }, ... ]

Last updated