HowItWorksSection

Domain

Process steps section in two layouts. horizontal shows numbered/icon circles in a row connected by a dashed line. vertical stacks them with a timeline connector.

Horizontal layout

Preview
Getting started

From repo to production in 3 steps

Connect your repo

Link GitHub, GitLab, or Bitbucket in under 30 seconds. No YAML required.

Auto-detect your stack

Velox reads your repo and configures the right build pipeline automatically.

Ship on every push

Every branch gets a preview URL. Merge to main and go live instantly.

Code
<HowItWorksSection title="3 simple steps" steps={steps} layout="horizontal" />

Vertical timeline

Preview

How it works

Connect your repo

Link GitHub, GitLab, or Bitbucket in under 30 seconds. No YAML required.

Auto-detect your stack

Velox reads your repo and configures the right build pipeline automatically.

Ship on every push

Every branch gets a preview URL. Merge to main and go live instantly.

Code
<HowItWorksSection title="How it works" steps={steps} layout="vertical" />
Sourcemodules/domains/landing/how-it-works/HowItWorksSection.tsx