Zavolat na 226 222 222 Můj výběr
Klientská zóna (otevře se v novém okně)
Zavolat na 226 222 222 Klientská zóna (otevře se v novém okně)

← Knihovna bloků

Hero hero · full

Úvodní blok stránky: celoplošné video nebo foto, skleněná karta se žlutou linkou, titulkem s akcentem, perexem a tlačítkem. Hlavička webu leží přes něj. Volitelné klíče media.overlay (navy / dark / none — barva a tvar ztmavení přes médium; bez klíče platí navy) a media.overlayStrength (soft 40 % / strong 75 %, bez klíče 60 %) ladí ztmavení podle konkrétního videa nebo fotky. Místo videa umí pozadí i fotku (media.image se srcset; WebP variantu nabídne media.image.webpSrcset — šířkový srcset, nebo starší jednohodnotový media.image.webp). Volitelný klíč breadcrumbs ([{ title, url }], poslední položka bez url) vykreslí drobečkovou navigaci u spodní hrany — na stránce ho dává front matter, ne blok. Volitelný media.caption { title, text } vykreslí skleněný popisek fotky vpravo dole (na mobilu vpravo nahoře pod hlavičkou); stačí jeden z klíčů, text zalamuje řádky podle \n.

Pro integrátora: Hlavička webu leží přes blok — stránka, která hero blokem začíná, má na <body> třídu has-hero. Video na pozadí vkládá js/components/video-bg.ts podle data-video-set; bez JS zůstane poster. Drobečková navigace (varianta breadcrumbs: třída has-breadcrumbs na sekci a <nav class="breadcrumbs"> v .hero-breadcrumbs) se plní podle stromu stránek a zobrazuje od 768 px. Popisek fotky (třída has-caption na sekci) je <p class="hero-caption"> v .hero-caption-wrap za kartou — fotka je dekorativní, proto ne <figcaption>; v CMS 1–3 krátké řádky.

Zdroj: src/_includes/blocks/hero/

Varianta „default“

Nejširší možnosti
financování nákupu bytu
a unikátní finanční programy

4 způsoby financování a zvýhodněné finanční programy.
Vyberte si řešení podle svých možností, potřeb a plánů.

Nezávazná konzultace
Vzorová data (JSON) 
{
  "settings": {
    "anchor": "uvod",
    "background": "dark"
  },
  "title": "<em>Nejširší možnosti\nfinancování</em> nákupu bytu\na unikátní finanční programy",
  "text": "<p>4 způsoby financování a zvýhodněné finanční programy.<br> Vyberte si řešení podle svých možností, potřeb a plánů.</p>",
  "button": {
    "title": "Nezávazná konzultace",
    "url": "#schuzka"
  },
  "media": {
    "video": "hero-financovani"
  }
}

Varianta „hypoteka“

Zvýhodněná hypotéka zdarma, na míru a na klíč

Výhodné financování bez zbytečných poplatků. Naši hypoteční specialisté vám zdarma pomohou najít řešení, které odpovídá vašim možnostem a potřebám.

Nezávazná konzultace
Vzorová data (JSON) 
{
  "settings": {
    "background": "dark"
  },
  "title": "Zvýhodněná hypotéka zdarma, <em>na míru a na klíč</em>",
  "text": "<p><strong>Výhodné financování bez zbytečných poplatků.</strong> Naši hypoteční specialisté vám zdarma pomohou najít řešení, které odpovídá vašim možnostem a potřebám.</p>",
  "button": {
    "title": "Nezávazná konzultace",
    "url": "#schuzka"
  },
  "media": {
    "overlay": "dark",
    "video": "hero-hypoteka"
  }
}

Varianta „breadcrumbs“

Zvýhodněná hypotéka
zdarma, na míru
a na klíč

Výhodné financování bez zbytečných starostí. Naši hypoteční specialisté vám zdarma pomohou najít řešení, které odpovídá vašim možnostem a potřebám.

Nezávazná konzultace
Vzorová data (JSON) 
{
  "settings": {
    "background": "dark"
  },
  "title": "Zvýhodněná hypotéka\nzdarma, <em>na míru\na na klíč</em>",
  "text": "<p><strong>Výhodné financování bez zbytečných starostí.</strong> Naši hypoteční specialisté vám zdarma pomohou najít řešení, které odpovídá vašim možnostem a potřebám.</p>",
  "button": {
    "title": "Nezávazná konzultace",
    "url": "#schuzka"
  },
  "media": {
    "video": "hero-hypoteka"
  },
  "breadcrumbs": [
    {
      "title": "Možnosti financování",
      "url": "/moznosti-financovani-bytu/"
    },
    {
      "title": "Vyřízení zvýhodněné hypotéky zdarma, na míru a na klíč"
    }
  ]
}

Varianta „bonusy“

Výhodné bonusy
a slevy při nákupu bytu

Získejte zvýhodnění při nákupu dalších bytů i při dřívější úhradě kupní ceny.

Nezávazná konzultace
Vzorová data (JSON) 
{
  "settings": {
    "background": "dark"
  },
  "title": "<em>Výhodné bonusy\na slevy</em> při nákupu bytu",
  "text": "<p>Získejte zvýhodnění při nákupu dalších bytů i při dřívější úhradě kupní ceny.</p>",
  "button": {
    "title": "Nezávazná konzultace",
    "url": "#schuzka"
  },
  "media": {
    "overlay": "none",
    "video": "hero-bonusy"
  }
}

Varianta „postup“

Nové bydlení
krok za krokem

Od výběru bytu přes financování, podpis smlouvy až po předání klíčů. Vše na jednom místě a s podporou našich specialistů.

Nezávazná konzultace
Vzorová data (JSON) 
{
  "settings": {
    "background": "dark"
  },
  "title": "Nové bydlení\n<em>krok za krokem</em>",
  "text": "<p>Od výběru bytu přes financování, podpis smlouvy až po předání klíčů. <strong>Vše na jednom místě</strong> a s podporou našich specialistů.</p>",
  "button": {
    "title": "Nezávazná konzultace",
    "url": "#schuzka"
  },
  "media": {
    "video": "hero-postup"
  }
}

Varianta „pripravovane“

Více než 40.000 nových bytů
v 60 lokalitách

Připravujeme celé nové městské čtvrti i menší exkluzivní rezidenční projekty po celé Praze. A to ve spolupráci s nejlepšími architekty.

Prohlédnout připravované projekty
Vzorová data (JSON) 
{
  "settings": {
    "background": "dark"
  },
  "title": "<em>Více než 40.000</em> nových bytů\nv 60 lokalitách",
  "text": "<p>Připravujeme celé nové městské čtvrti i menší exkluzivní rezidenční projekty po celé Praze. A to ve spolupráci s nejlepšími architekty.</p>",
  "button": {
    "title": "Prohlédnout připravované projekty",
    "url": "#projekty"
  },
  "media": {
    "overlay": "dark",
    "overlayStrength": "soft",
    "video": "hero-pripravovane"
  }
}

Varianta „referencni“

Dokončili jsme 20 tisíc bytů
ve 200 projektech pro více než 40 tisíc lidí

Již více než 30 let stavíme nové bydlení a podílíme se na proměně Prahy. Podívejte se na projekty, které jsme dokončili napříč metropolí.

Prohlédnout projekty
Vzorová data (JSON) 
{
  "settings": {
    "background": "dark"
  },
  "title": "<strong class=\"is-plain\">Dokončili jsme</strong> <em>20 tisíc</em> bytů\nve <strong class=\"is-plain\">200 projektech</strong> pro více než <em>40 tisíc</em> lidí",
  "text": "<p><strong>Již více než 30 let stavíme nové bydlení a podílíme se na proměně Prahy.</strong> Podívejte se na projekty, které jsme dokončili napříč metropolí.</p>",
  "button": {
    "title": "Prohlédnout projekty",
    "url": "#projekty"
  },
  "media": {
    "overlay": "dark",
    "video": "hero-referencni"
  }
}

Varianta „dodavatele“

Přehled výběrových řízení na stavby v roce
2026

Seznamte se s aktuálním plánem výběrových řízení a s možnostmi spolupráce při výstavbě rekordních 3.200 bytů v hodnotě 25 miliard Kč.

Vzorová data (JSON) 
{
  "settings": {
    "background": "dark"
  },
  "title": "Přehled výběrových řízení na <em>stavby v roce<br>2026</em>",
  "text": "<p>Seznamte se s aktuálním plánem výběrových řízení a s možnostmi spolupráce při výstavbě rekordních 3.200 bytů v hodnotě 25 miliard Kč.</p>",
  "media": {
    "overlay": "dark",
    "video": "hero-dodavatele"
  }
}

Varianta „dispozice“

Efektivní dispozice
a snadná zařiditelnost

Minimum nevyužitých ploch, praktické uspořádání a dostatek úložných prostorů.

Prohlédnout nabídku bytů
Vzorová data (JSON) 
{
  "settings": {
    "background": "dark"
  },
  "title": "Efektivní dispozice\n<em>a snadná zařiditelnost</em>",
  "text": "<p>Minimum nevyužitých ploch, praktické uspořádání a dostatek úložných prostorů.</p>",
  "button": {
    "title": "Prohlédnout nabídku bytů",
    "url": "#byty"
  },
  "media": {
    "video": "hero-dispozice"
  }
}

Varianta „vzorkovna“

Největší developerská
vzorkovna v České republice

Vyberte si z nejširší nabídky koupelen, podlah a dveří. A to zdarma.

Nezávazná konzultace
Vzorová data (JSON) 
{
  "settings": {
    "background": "dark"
  },
  "title": "Největší developerská\n<em>vzorkovna v České republice</em>",
  "text": "<p>Vyberte si z nejširší nabídky koupelen, podlah a dveří. A to zdarma.</p>",
  "button": {
    "title": "Nezávazná konzultace",
    "url": "#schuzka"
  },
  "media": {
    "overlay": "dark",
    "video": "hero-vzorkovna"
  }
}

Varianta „zdrave“

EKO-SMART:
Stavíme moderní a energeticky úsporné byty

Naše projekty stavíme v energeticky velmi úsporné třídě PENB B a využíváme v nich řadu vybraných EKO-SMART prvků.

Více o EKO-SMART
Vzorová data (JSON) 
{
  "settings": {
    "background": "dark"
  },
  "title": "<strong>EKO-SMART:</strong>\nStavíme moderní a energeticky úsporné byty",
  "text": "<p>Naše projekty stavíme v energeticky velmi úsporné třídě PENB B a využíváme v nich řadu vybraných EKO-SMART prvků.</p>",
  "button": {
    "title": "Více o EKO-SMART",
    "url": "#eko-smart"
  },
  "media": {
    "overlay": "dark",
    "video": "hero-zdrave"
  }
}

Varianta „proc-zvolit“

6 důvodů, proč si vybrat
nový byt od CENTRAL GROUP

Více než 30 let zkušeností, široká nabídka bytů, flexibilní financování a důraz na kvalitu. Objevte hlavní výhody, díky kterým si nové bydlení vybírají desetitisíce klientů.

Vybrat byt
Vzorová data (JSON) 
{
  "settings": {
    "background": "dark"
  },
  "title": "<em>6 důvodů, proč si vybrat</em>\nnový byt od CENTRAL GROUP",
  "text": "<p>Více než 30 let zkušeností, široká nabídka bytů, flexibilní financování a důraz na kvalitu. Objevte hlavní výhody, díky kterým si nové bydlení vybírají desetitisíce klientů.</p>",
  "button": {
    "title": "Vybrat byt",
    "url": "#projekty"
  },
  "media": {
    "video": "hero-proc-zvolit"
  }
}

Varianta „kdo-jsme“

Více než 30 let
měníme Prahu

CENTRAL GROUP je největší rezidenční stavitel v České republice. Za více než 30 let jsme vybudovali desítky tisíc nových domovů a stali se jedním z hlavních tvůrců moderního bydlení v Praze.

Vzorová data (JSON) 
{
  "settings": {
    "background": "dark"
  },
  "title": "Více než 30 let\n<strong>měníme Prahu</strong>",
  "text": "<p><strong>CENTRAL GROUP je největší rezidenční stavitel v České republice.</strong> Za více než 30 let jsme vybudovali desítky tisíc nových domovů a stali se jedním z hlavních tvůrců moderního bydlení v Praze.</p>",
  "media": {
    "overlay": "dark",
    "video": "hero-kdo-jsme"
  }
}

Varianta „pomahame“

Pomáháme tam,
kde je to nejvíc potřeba

Dlouhodobě podporujeme projekty, které pomáhají lidem a mají skutečný dopad. Zaměřujeme se především na zdraví dětí, zdravotnictví, lékařský výzkum a vzdělávání.

Vzorová data (JSON) 
{
  "settings": {
    "background": "dark"
  },
  "title": "Pomáháme tam,\n<strong>kde je to nejvíc potřeba</strong>",
  "text": "<p><strong>Dlouhodobě podporujeme projekty, které pomáhají lidem</strong> a mají skutečný dopad. Zaměřujeme se především na zdraví dětí, zdravotnictví, lékařský výzkum a vzdělávání.</p>",
  "media": {
    "overlay": "dark",
    "video": "hero-pomahame"
  }
}

Varianta „spolupracujeme“

Spolupracujeme
s nejlepšími architekty

Tvoříme projekty, které mají ambici měnit podobu Prahy. Na jejich návrzích spolupracujeme s předními českými i zahraničními architekty a urbanisty.

Na fotografii: Japonský architekt SOU FUJIMOTO Zvláštní ocenění za originalitu
v architektonické soutěži Centrum Nového Žižkova

Vzorová data (JSON) 
{
  "settings": {
    "background": "dark"
  },
  "title": "Spolupracujeme\n<strong>s nejlepšími architekty</strong>",
  "text": "<p><strong>Tvoříme projekty, které mají ambici měnit podobu Prahy.</strong> Na jejich návrzích spolupracujeme s předními českými i zahraničními architekty a urbanisty.</p>",
  "media": {
    "overlay": "dark",
    "video": "hero-spolupracujeme",
    "caption": {
      "title": "Japonský architekt SOU FUJIMOTO",
      "text": "Zvláštní ocenění za originalitu\nv architektonické soutěži Centrum Nového Žižkova"
    }
  }
}

Varianta „ukazkove-byty“

Navštivte naše
ukázkové byty a domy

Projděte si hotové interiéry, porovnejte různé dispozice a podívejte se, jak může vypadat váš budoucí domov.

Vzorová data (JSON) 
{
  "settings": {
    "background": "dark"
  },
  "title": "Navštivte naše\n<strong>ukázkové byty a domy</strong>",
  "text": "<p>Projděte si hotové interiéry, porovnejte různé dispozice a podívejte se, jak může vypadat váš budoucí domov.</p>",
  "media": {
    "overlay": "dark",
    "video": "hero-ukazkove-byty"
  }
}

Varianta „standardy“

Vysoká kvalita
a standardy bytů

Kvalitní provedení, pečlivě vybrané materiály a rozšířená záruka na kvalitu v délce 5 let.

Prohlédnout standardy
Vzorová data (JSON) 
{
  "settings": {
    "background": "dark"
  },
  "title": "Vysoká kvalita\n<strong>a standardy bytů</strong>",
  "text": "<p>Kvalitní provedení, pečlivě vybrané materiály a rozšířená záruka na kvalitu v délce 5 let.</p>",
  "button": {
    "title": "Prohlédnout standardy",
    "url": "#srovnani"
  },
  "media": {
    "overlayStrength": "soft",
    "video": "hero-standardy"
  }
}

Varianta „photo“

Podstránka s fotografií
místo videa

Když stránka video nemá, vyplní se místo klíče media.video klíč media.image. Fotka se vykreslí přes celou plochu stejně jako video. Klíč media.overlay tu ztmavení přepíná na černou variantu dark a media.overlayStrength ho zeslabuje na soft.

Nezávazná konzultace
Vzorová data (JSON) 
{
  "settings": {
    "background": "dark"
  },
  "title": "Podstránka <em>s fotografií</em>\nmísto videa",
  "text": "<p>Když stránka video nemá, vyplní se místo klíče <code>media.video</code> klíč <code>media.image</code>. Fotka se vykreslí přes celou plochu stejně jako video. Klíč <code>media.overlay</code> tu ztmavení přepíná na černou variantu <code>dark</code> a <code>media.overlayStrength</code> ho zeslabuje na <code>soft</code>.</p>",
  "button": {
    "title": "Nezávazná konzultace",
    "url": "#schuzka"
  },
  "media": {
    "overlay": "dark",
    "overlayStrength": "soft",
    "image": {
      "src": "/assets/images/photos/placeholder-16x9.svg",
      "alt": "",
      "width": 1600,
      "height": 900
    }
  }
}

Varianta „no-button“

Hero bez tlačítka

Karta končí perexem — odpovídá mobilnímu rámu v grafice. Blok nesmí vypsat prázdný obal tlačítka.

Vzorová data (JSON) 
{
  "settings": {
    "background": "dark"
  },
  "title": "Hero <em>bez tlačítka</em>",
  "text": "<p>Karta končí perexem — odpovídá mobilnímu rámu v grafice. Blok nesmí vypsat prázdný obal tlačítka.</p>",
  "media": {
    "video": "hero-financovani"
  }
}

Varianta „long“

Nejširší možnosti financování nákupu nového bytu
a unikátní finanční programy pro každou životní situaci

Hraniční stav pro výšku karty: dlouhý titulek na pět řádků a perex na několik vět. Karta se musí roztáhnout a odsunout spodní hranu sekce, ne text oříznout. Vyberte si řešení podle svých možností, potřeb a plánů — ať už kupujete první byt, nebo investujete.

Nezávazná konzultace
Vzorová data (JSON) 
{
  "settings": {
    "background": "dark"
  },
  "title": "Nejširší možnosti financování nákupu nového bytu\n<em>a unikátní finanční programy pro každou životní situaci</em>",
  "text": "<p>Hraniční stav pro výšku karty: dlouhý titulek na pět řádků a perex na několik vět. Karta se musí roztáhnout a odsunout spodní hranu sekce, ne text oříznout. Vyberte si řešení podle svých možností, potřeb a plánů — ať už kupujete první byt, nebo investujete.</p>",
  "button": {
    "title": "Nezávazná konzultace",
    "url": "#schuzka"
  },
  "media": {
    "video": "hero-financovani"
  }
}

Varianta „text-only“

Hero bez média

Bez videa i fotky zůstane jen tmavý podklad sekce. Karta i tak musí být čitelná.

Nezávazná konzultace
Vzorová data (JSON) 
{
  "settings": {
    "background": "dark"
  },
  "title": "Hero <em>bez média</em>",
  "text": "<p>Bez videa i fotky zůstane jen tmavý podklad sekce. Karta i tak musí být čitelná.</p>",
  "button": {
    "title": "Nezávazná konzultace",
    "url": "#schuzka"
  }
}

Varianta „caption-only-text“

Popisek fotky
jen s textem

Tvoříme projekty, které mají ambici měnit podobu Prahy. Na jejich návrzích spolupracujeme s předními českými i zahraničními architekty a urbanisty.

Na fotografii: Zvláštní ocenění za originalitu
v architektonické soutěži Centrum Nového Žižkova

Vzorová data (JSON) 
{
  "settings": {
    "background": "dark"
  },
  "title": "Popisek fotky\n<strong>jen s textem</strong>",
  "text": "<p><strong>Tvoříme projekty, které mají ambici měnit podobu Prahy.</strong> Na jejich návrzích spolupracujeme s předními českými i zahraničními architekty a urbanisty.</p>",
  "media": {
    "overlay": "dark",
    "video": "hero-spolupracujeme",
    "caption": {
      "text": "Zvláštní ocenění za originalitu\nv architektonické soutěži Centrum Nového Žižkova"
    }
  }
}

Varianta „caption-only-title“

Popisek fotky
jen s titulkem

Tvoříme projekty, které mají ambici měnit podobu Prahy. Na jejich návrzích spolupracujeme s předními českými i zahraničními architekty a urbanisty.

Na fotografii: Japonský architekt SOU FUJIMOTO

Vzorová data (JSON) 
{
  "settings": {
    "background": "dark"
  },
  "title": "Popisek fotky\n<strong>jen s titulkem</strong>",
  "text": "<p><strong>Tvoříme projekty, které mají ambici měnit podobu Prahy.</strong> Na jejich návrzích spolupracujeme s předními českými i zahraničními architekty a urbanisty.</p>",
  "media": {
    "overlay": "dark",
    "video": "hero-spolupracujeme",
    "caption": {
      "title": "Japonský architekt SOU FUJIMOTO"
    }
  }
}

Varianta „caption-long“

Nejširší možnosti financování nákupu nového bytu
a unikátní finanční programy pro každou životní situaci

Hraniční stav pro výšku karty: dlouhý titulek na pět řádků a perex na několik vět. Karta se musí roztáhnout a odsunout spodní hranu sekce, ne text oříznout. Vyberte si řešení podle svých možností, potřeb a plánů — ať už kupujete první byt, nebo investujete.

Nezávazná konzultace

Na fotografii: Japonský architekt SOU FUJIMOTO Zvláštní ocenění za originalitu
v architektonické soutěži Centrum Nového Žižkova
Hraniční stav: třetí řádek popisku

Vzorová data (JSON) 
{
  "settings": {
    "background": "dark"
  },
  "title": "Nejširší možnosti financování nákupu nového bytu\n<em>a unikátní finanční programy pro každou životní situaci</em>",
  "text": "<p>Hraniční stav pro výšku karty: dlouhý titulek na pět řádků a perex na několik vět. Karta se musí roztáhnout a odsunout spodní hranu sekce, ne text oříznout. Vyberte si řešení podle svých možností, potřeb a plánů — ať už kupujete první byt, nebo investujete.</p>",
  "button": {
    "title": "Nezávazná konzultace",
    "url": "#schuzka"
  },
  "media": {
    "video": "hero-financovani",
    "caption": {
      "title": "Japonský architekt SOU FUJIMOTO",
      "text": "Zvláštní ocenění za originalitu\nv architektonické soutěži Centrum Nového Žižkova\nHraniční stav: třetí řádek popisku"
    }
  }
}

Varianta „empty“

Vzorová data (JSON) 
{}