ComponentsMarketing
Hero
Primary hero section for a landing page. Includes a tagline badge, headline, subheadline, and a pair of call-to-action buttons.
Preview
New - v1.0
Ship faster with Python.
Stop wrestling with templates. Write pages as Python functions and deploy static sites in minutes.
Code
from nitro_ui import Div, H1, Paragraph, Href, Section, Span
def Hero():
return Section(
Div(
Div(
Span("New - v1.0", cls="tool-badge"),
H1("Ship faster with Python."),
Paragraph(
"Stop wrestling with templates. Write pages as Python "
"functions and deploy static sites in minutes.",
cls="hero-sub",
),
Div(
Href("Get started", href="#", cls="btn btn-primary"),
Href("Read docs", href="#", cls="btn btn-secondary"),
cls="hero-actions",
),
cls="hero-content",
),
cls="container",
),
cls="hero",
)