section

Vertical padding wrapper with optional background. Compose with container() for full-width background with constrained content.

Why Pulse

Built for speed.

Every page scores 100 on Lighthouse by design, not by optimisation.

Content goes here

Dark background · no header

section({
  eyebrow:  'Why Pulse',
  title:    'Built for speed.',
  subtitle: 'Every page scores 100 on Lighthouse by design.',
  align:    'center',
  variant:  'alt',
  content:  container({ size: 'lg', content: featureGrid }),
})

Prop	Type	Default
`content`	string (HTML)	—	Raw HTML slot
`variant`	string	'default'	'default' · 'alt' · 'dark'
`padding`	string	'md'	'sm' · 'md' · 'lg'
`id`	string	—	Anchor id for nav links
`eyebrow`	string	—	Small label above the title
`title`	string	—	Section heading
`level`	number	2	Heading tag for the title (1–6). Visual style is unchanged.
`subtitle`	string	—	Supporting text beneath the heading
`align`	string	'left'	'left' · 'center'