CenteredHero

big centered headline, subtitle and two buttons.

Live preview

Build the web, instantly

Markdown in, website out — no build step at all.

Get started Read the blog

Install

From your site folder, run:

Copyjprot add CenteredHero

That downloads the self-contained component into theme/components/CenteredHero.js,

where it is picked up automatically — the same way as any built-in component.

To remove it later, just delete that file.

Use it as a homepage section

Add an entry to the sections: list in jprot.config.js:

Copysections: [
  { component: 'CenteredHero', title: 'CenteredHero' },
]

Use it inside a page

On its own line in any Markdown file, passing the props:

Copy:::CenteredHero title="Build the web, instantly" subtitle="Markdown in, website out — no build step at all." primaryUrl="/about" primaryLabel="Get started" secondaryUrl="/blog" secondaryLabel="Read the blog"

Props

Prop	Type	Note
title	string	the headline
subtitle	string	supporting line
primaryLabel	string	primary button text
primaryUrl	string	primary button target
secondaryLabel	string	secondary button text ('' hides it)
secondaryUrl	string	secondary button target

↩ Back to all elements