```meta
title: Hero dividido
description: Texto de um lado e imagem do outro; no celular a imagem vai para baixo.
```

:::hero height:auto align:left
:::split ratio:1/2 align:center
# Uma frase que diz o que você faz

Uma linha que explica para quem é e por que importa.

:::inline
[Começar agora](#comecar)
---
[Falar com a gente](#contato)
:::
---
:::cover ratio:4/3 shadow:lifted
![Seu produto em uso](/demo/layout/photo-1.svg)
:::
:::
:::