Skip to main content

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

Thicket UI

Build beautiful static sites faster

A production-ready component system for Jekyll. Accessible, themable, and ready for commercial templates.

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.