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",
    )