# Landing Pages

> How to create landing pages with VaraPress.

Canonical HTML: https://press.varavel.com/docs/getting-started/landing-pages/
Markdown: https://press.varavel.com/docs/getting-started/landing-pages/index.md

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:

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

Then compose the page body with shortcodes:

```markdown
{{/* 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:

```markdown
{{/* 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](/docs/shortcodes/) reference as the catalog for every landing building block.