Landing Pages

Landing pages are conversion surfaces: home pages, launch pages, product pages, waitlists, comparison pages, and campaign pages. In VaraPress, a landing page is intentionally a blank canvas. The layout comes from shortcodes, not from a fixed page template.

The Default Home Page

The site index at content/_index.md uses landing.html by default through templates/index.html. That means the home page starts as a full-width canvas with no docs sidebar and no table of contents.

Create a home page like this:

+++
title = "My Product"
description = "A clear one-line product description."
+++

Then compose the page body with shortcodes:

{{ header_base(
container="lg",
menu="Docs|/docs",
cta_text="Start",
cta_url="/docs"
) }}

{{ hero_split(
container="lg",
title="Launch a precise product site",
description="Compose a landing page from focused sections instead of writing one-off templates.",
action_1_text="Get started",
action_1_url="/docs"
) }}

{{ footer_simple(container="lg", links="Docs|/docs") }}

Compose with Sections

Landing shortcodes are full-width by design so borders and backgrounds can span the viewport. Their content is centered by each shortcode's container parameter.

Use this pattern:

{{ features_grid(container="lg", title="Why teams choose us") }}

Do not wrap standard landing sections in the block container shortcode just to constrain width. Use the section's own container parameter instead. Save the block container shortcode for custom Markdown or custom HTML.

Shortcodes are available throughout landing pages. Use the Shortcodes reference as the catalog for every landing building block.