> [!NOTE]
> Neutraler Hintergrund.

> [!TIP]
> Eine Abkürzung oder der bessere Weg.

> [!WARNING]
> Etwas, das später Ärger macht.

> [!DANGER]
> Etwas, das den Build sofort zerlegt.

```bash
hugo server --source exampleSite --themesDir ../..
```

{{< hero title="In fünf Minuten" titleAccent="online." subtitle="Plattform aussuchen, Theme einklinken, Inhalte pflegen." >}}

{{< buttons >}}
  {{< button href="/docs" variant="primary" size="lg" >}}Zur Doku{{< /button >}}
{{< /buttons >}}

{{< /hero >}}

{{< pills >}}
  {{< pill icon="mdi:code-tags" >}}Jede Sprache{{< /pill >}}
  {{< pill icon="mdi:translate" >}}Mehrsprachig{{< /pill >}}
  {{< pill icon="mdi:flash" >}}Static & schnell{{< /pill >}}
{{< /pills >}}

{{< buttons >}}
  {{< button href="/docs" variant="primary" size="lg" icon="mdi:rocket-launch" >}}Loslegen{{< /button >}}
  {{< button href="/docs" variant="ghost" size="lg" icon="mdi:arrow-right" iconPosition="right" >}}Zur Doku{{< /button >}}
{{< /buttons >}}

{{< code language="zsh" featured="true" >}}
hugo new site mysite && cd mysite
hugo mod init example.com/mysite
hugo mod get codeberg.org/head1328/hugo-liftoff
hugo server
{{< /code >}}

{{< tabs >}}
  {{< tab name="macOS" icon="simple-icons:apple" >}}
  ```zsh
  brew install hugo
  ```
  {{< /tab >}}
  {{< tab name="Linux" icon="simple-icons:linux" >}}
  ```bash
  sudo apt install hugo
  ```
  {{< /tab >}}
  {{< tab name="Windows" icon="mdi:microsoft-windows" >}}
  ```powershell
  winget install Hugo.Hugo.Extended
  ```
  {{< /tab >}}
{{< /tabs >}}

{{< steps >}}

{{< step number="1" title="Hugo installieren" >}}
```zsh
brew install hugo
```
{{< /step >}}

{{< step number="2" title="Theme einklinken" >}}
Den Modul-Import in der `hugo.toml` ergänzen, dann:

```zsh
hugo mod tidy
hugo server
```
{{< /step >}}

{{< /steps >}}

{{< tabs >}}
  {{< tab name="macOS" icon="simple-icons:apple" >}}
  {{< steps >}}
  {{< step number="1" title="Hugo installieren" >}}
  ```zsh
  brew install hugo
  ```
  {{< /step >}}
  {{< step number="2" title="Server starten" >}}
  ```zsh
  hugo server
  ```
  {{< /step >}}
  {{< step number="3" title="Startpunkt wählen" >}}
  {{< feature-grid >}}
  {{< feature-card title="Landing" icon="mdi:rocket-launch" >}}
  Hero, OS-Tabs, Code-Demo, Feature-Grid, Pricing, CTA.
  {{< /feature-card >}}
  {{< feature-card title="Doku" icon="mdi:book-open-page-variant" >}}
  Layout ohne Sidebar, On-this-page-TOC, Render-Hooks.
  {{< /feature-card >}}
  {{< /feature-grid >}}
  {{< /step >}}
  {{< /steps >}}
  {{< /tab >}}
  {{< tab name="Linux" icon="simple-icons:linux" >}}
  {{< steps >}}
  {{< step number="1" title="Hugo installieren" >}}
  ```bash
  sudo apt install hugo
  ```
  {{< /step >}}
  {{< /steps >}}
  {{< /tab >}}
{{< /tabs >}}

{{< section >}}

## Läuft überall

{{< icon-grid data="integrations" >}}

{{< /section >}}

{{< feature-grid >}}
  {{< feature-card title="Landing" icon="mdi:rocket-launch" url="/get-started" >}}
  Hero, OS-Tabs, Code-Demo, Feature-Grid, Integrationen, Pricing, CTA.
  {{< /feature-card >}}
  {{< feature-card title="Doku" icon="mdi:book-open-page-variant" url="/docs" >}}
  Layout ohne Sidebar, On-this-page-TOC, Render-Hooks, Vor/Zurück.
  {{< /feature-card >}}
  {{< feature-card title="Artikel" icon="mdi:newspaper-variant-outline" url="/articles" >}}
  Listenkarten und Artikelseite mit angenehmer Leseweite.
  {{< /feature-card >}}
{{< /feature-grid >}}

# data/integrations.yaml
- name: Docker
  icon: simple-icons:docker
  url: "#"
- name: Kubernetes
  icon: simple-icons:kubernetes
  url: "#"

{{< icon-grid data="integrations" >}}

# data/consulting.yaml
- name: Entwicklung
  tagline: Das fehlende Stück bauen.
  price: ab 800 EUR/Tag
  features: ["Neue Features", "Migrationen", "Code-Review"]
  cta:
    label: Anfrage stellen
    url: "#"
- name: Beratung
  featured: true
  tag: Häufig gebucht
  price: 150 EUR/h
  features: ["Architektur-Audits", "Workshops"]
  cta: { label: Termin buchen, url: "#", primary: true }

{{< pricing data="consulting-de" >}}

{{< testimonial author="Jane Doe" role="Platform Lead, Acme" >}}
Doku und Landingpage haben wir an einem Wochenende neu aufgesetzt.
Die Voreinstellungen passen, und wo man Hand anlegen muss, sieht man
sofort.

metrics:
- 80 % Zeit gespart
- 6 Seiten live
{{< /testimonial >}}

{{< cta title="Bereit, zu skalieren?" primary="Loslegen|/get-started" secondary="Zur Doku|/docs" >}}
Wähle ein Blueprint und passe es an. Fünf Minuten vom Klonen zum Deploy.
{{< /cta >}}