> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Use seções para estruturar landing pages

> Aprenda a usar seções para estruturar landing pages, organizar o conteúdo e controlar layout, espaçamento e responsividade.

As seções são um dos blocos de construção mais importantes do LanderLab.<br />Elas formam a estrutura principal da sua página e permitem organizar o conteúdo em partes claras e separadas.

### O que é uma seção?

Uma seção é um contêiner que guarda tudo o que está dentro dela:

* Textos
* Imagens
* Botões
* Formulários
* Quaisquer outros elementos

👉 Você não pode adicionar elementos diretamente na página sem colocá-los dentro de uma seção.

***

## Como adicionar uma seção

* Abra a barra lateral esquerda
* Vá até **Layout**
* Arraste **Section** para a tela

***

## Por que as seções são importantes

As seções ajudam você a:

* Separar as diferentes partes da página (hero, recursos, rodapé etc.)
* Manter o layout limpo e organizado
* Controlar o espaçamento e a estrutura com facilidade

Pense em cada seção como um “bloco” da sua página.

***

## Largura máxima (recurso principal)

Uma das principais características das seções é a configuração de **Max Width** (largura máxima).

* Fica no painel da direita, em **Container**
* Controla a largura máxima que o conteúdo dentro da seção pode ter

### Como funciona:

* A seção em si pode ocupar toda a largura
* O conteúdo dentro dela fica centralizado dentro da largura máxima

Exemplo:

* Max Width: 1240px → o conteúdo fica bem centralizado e fácil de ler
* Em telas maiores, o conteúdo não fica esticado demais

***

## Espaçamento dentro das seções

As seções também permitem controlar:

* Padding (espaço dentro da seção)
* Margin (espaço fora da seção)

Isso ajuda a criar o espaçamento certo entre as diferentes partes da página.

***

<Warning>
  Observações importantes

  * Todo elemento precisa ficar dentro de uma seção
  * As seções definem o layout geral da sua página
  * Ajustar a largura máxima afeta tudo o que está dentro daquela seção
</Warning>
