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

# Oldal felépítése

> A weboldal szekciói, tartalmuk és céljuk

## A főoldal szekciói

A weboldal egyoldalas, görgetős elrendezésű főoldalra épül, amelynek minden szekciója egy-egy tartami egységet képvisel.

***

<Steps>
  <Step title="Hero — Nyitóblokk">
    **Tartalom:** Szervezet neve, mottó (Ifjúság • Kultúra • Hagyomány), bevezető szöveg, két CTA gomb, logó.

    **Cél:** Azonnali identifikáció, az egyesület egyértelmű bemutatása az első néhány másodpercben.

    **CTA:** „Csatlakozás" (`#csatlakozas`) és „Programjaink" (`#programok`)
  </Step>

  <Step title="Küldetés — Értékkártyák">
    **Tartalom:** Három kártya — Ifjúságnevelés, Közművelődés, Hagyományőrzés.

    **Cél:** A szervezet három alappillérének vizuális és szöveges kiemelése.

    **Ankor:** `#kuldetes`
  </Step>

  <Step title="Programok — Tevékenységek">
    **Tartalom:** Négy számozott programtípus: Koncertek & rendezvények, Hagyományőrző programok, Merchandising, Közösségi projektek.

    **Cél:** Konkrét tevékenységek bemutatása érdeklődőknek és potenciális támogatóknak.

    **Ankor:** `#programok`
  </Step>

  <Step title="Merch & Támogatás — Split layout">
    **Tartalom:** Bal oldal — szöveges leírás, termékek listája, színpaletta. Jobb oldal — négy termékpreview kártya (Merch, Támogatás, Jelenlét, Arculat).

    **Cél:** A merchandising bevételi modell és közösségi szerepének kommunikálása.
  </Step>

  <Step title="Közösségi jelenlét — Split layout">
    **Tartalom:** Cím + felsorolás: Kulturális események, Hagyományőrzés, Ifjúsági jelenlét.

    **Cél:** Az összetartozás és a közösségi értékek érzelmi kommunikálása.
  </Step>

  <Step title="Instagram Feed — Közösségi média">
    **Tartalom:** Smash Balloon Instagram Feed bővítmény (feed=1), CTA gomb az Instagram profilra.

    **Cél:** Valós idejű tartalom megjelenítése, közösségi média konverzió növelése.

    **Ankor:** `#instagram`
  </Step>

  <Step title="Támogatás — Adatok kártya">
    **Tartalom:** Szervezet neve, székhely, adószám, bankszámla, kapcsolatfelvételi gomb.

    **Cél:** Az adományozás és támogatás adminisztratív megkönnyítése.
  </Step>
</Steps>

***

## Navigáció

Az oldal ankor-linkekkel navigálható, a menüpontok a megfelelő szekciókhoz görgetnek:

| Menüpont    | Ankor          |
| ----------- | -------------- |
| Küldetés    | `#kuldetes`    |
| Programok   | `#programok`   |
| Instagram   | `#instagram`   |
| Csatlakozás | `#csatlakozas` |