Hero
Primary landing section with title, subtitle, actions, and optional media.
Usage
{% include sections/hero.html
eyebrow="New release"
title="Build faster with components"
subtitle="A production-ready system for Jekyll."
primary_label="Get Started"
primary_href="/docs/"
secondary_label="Examples"
secondary_href="/examples/saas/"
variant="default"
heading_level=1
%}
Example
Parameters
| Parameter | Description |
|---|---|
eyebrow |
Small label above the title |
title |
Main heading |
subtitle |
Supporting text |
primary_label / primary_href |
Primary CTA |
secondary_label / secondary_href |
Secondary CTA |
media / media_alt |
Optional image |
variant |
default or split |
heading_level |
Heading level from 1 to 6; defaults to 1 |
See live usage on the SaaS example and Portfolio example.