Process Steps

A 4-step horizontal methodology timeline displaying key phases of a project.

How We Work

A proven 4-step methodology designed to eliminate risk and deliver exceptional results on time and within budget.

We dive deep into your business goals, target audience, and market landscape to define a clear roadmap for success.

Our designers craft intuitive wireframes and stunning visual prototypes to ensure the user experience is flawless.

Using cutting-edge technologies, our engineers bring the designs to life with robust, scalable, and secure code.

Rigorous QA testing ensures everything works perfectly before we deploy your new digital product to the world.

Install the component automatically via Shadcn CLI.

npx shadcn@latest add https://www.grettech.com/api/registry/process-steps

Prop	Type	Default	Description
className	string	-	Optional CSS classes to apply.
...props	React.HTMLAttributes<HTMLDivElement>	-	Accepts all standard HTML div attributes (id, style, etc).
title	string	"Our 4-Step Process"	Section title.
subtitle	string	"From strategy to launch, we handle design, development, and growth—end to end."	Section subtitle.
pauseOnHover	boolean	true	Whether to pause the automatic rotation when hovering over a step.
steps*	ProcessStep[]	-	Array of steps in the process.