← Knihovna bloků

Kontaktní CTA contact-cta · light

Světlý box přes celou šířku obsahu: titulek, odstavec, telefon a e-mail ve žlutých čtvercích a CTA na sjednání schůzky. Kontakty se berou z globálního nastavení webu (_data/site.json → contact), blok jen vybírá klíčem `contacts`, které z nich vypsat. CTA míří na kotvu #schuzka, kterou globální anchors.ts otevře jako off-canvas formulář — klíč `modal` se tu nepoužívá. Sekce má poloviční svislé mezery (46 px), protože obsah nese box; pozadí je bílé. Varianta `title-above` (Postup při koupi) vytáhne titulek nad box a přidá volitelné jméno specialisty nad kontakty, které jsou pak pod sebou místo vedle sebe — přepíná ji klíč `titlePosition`. Klíč `person` je buď prosté jméno, nebo objekt { name, photo }: s fotkou (Vzorkovna) přibude vedle kontaktů portrét, který přesahuje nad horní hranu boxu. Fotku, jméno, kontakty i CTA vykresluje sdílená komponenta contact-person.

Pro integrátora: Tlačítko otevírá sdílený panel kontaktního formuláře #schuzka (bloky/kontaktni-formular.html), který musí být na stránce právě jednou.

Zdroj: src/_includes/blocks/contact-cta/

Varianta „default“

Máte zájem o hypotéku?

Spojte se s našimi hypotečními specialisty a získejte nezávaznou konzultaci ZDARMA. Pomůžeme vám vybrat nejvýhodnější financování podle vašich potřeb a možností.

Vzorová data (JSON)
{
  "title": "Máte zájem <strong>o hypotéku?</strong>",
  "text": "<strong>Spojte se s našimi hypotečními specialisty</strong> a získejte nezávaznou konzultaci ZDARMA. Pomůžeme vám vybrat nejvýhodnější financování podle vašich potřeb a možností.",
  "contacts": [
    "phone",
    "email"
  ],
  "cta": {
    "title": "Sjednat schůzku",
    "url": "#schuzka"
  },
  "settings": {}
}

Varianta „no-text“

Vzorová data (JSON)
{
  "title": "Máte zájem <strong>o hypotéku?</strong>",
  "contacts": [
    "phone",
    "email"
  ],
  "cta": {
    "title": "Sjednat schůzku",
    "url": "#schuzka"
  }
}

Varianta „phone-only“

Zavolejte nám ještě dnes

Poradíme vám s výběrem financování a spočítáme, na jakou splátku dosáhnete.

Vzorová data (JSON)
{
  "title": "Zavolejte nám <strong>ještě dnes</strong>",
  "text": "<strong>Poradíme vám s výběrem financování</strong> a spočítáme, na jakou splátku dosáhnete.",
  "contacts": [
    "phone"
  ],
  "cta": {
    "title": "Sjednat schůzku",
    "url": "#schuzka"
  }
}

Varianta „no-contacts“

Máte zájem o hypotéku?

Spojte se s našimi hypotečními specialisty a získejte nezávaznou konzultaci ZDARMA.

Vzorová data (JSON)
{
  "title": "Máte zájem <strong>o hypotéku?</strong>",
  "text": "<strong>Spojte se s našimi hypotečními specialisty</strong> a získejte nezávaznou konzultaci ZDARMA.",
  "contacts": [],
  "cta": {
    "title": "Sjednat schůzku",
    "url": "#schuzka"
  }
}

Varianta „no-cta“

Máte zájem o hypotéku?

Spojte se s našimi hypotečními specialisty a získejte nezávaznou konzultaci ZDARMA. Pomůžeme vám vybrat nejvýhodnější financování podle vašich potřeb a možností.

Vzorová data (JSON)
{
  "title": "Máte zájem <strong>o hypotéku?</strong>",
  "text": "<strong>Spojte se s našimi hypotečními specialisty</strong> a získejte nezávaznou konzultaci ZDARMA. Pomůžeme vám vybrat nejvýhodnější financování podle vašich potřeb a možností.",
  "contacts": [
    "phone",
    "email"
  ]
}

Varianta „long“

Máte zájem o zvýhodněnou hypotéku na nový byt od Central Group?

Spojte se s našimi hypotečními specialisty a získejte nezávaznou konzultaci ZDARMA. Pomůžeme vám vybrat nejvýhodnější financování podle vašich potřeb a možností, projdeme s vámi podmínky jednotlivých bank a připravíme srovnání splátek. Celý proces vyřídíme za vás, včetně odhadu nemovitosti a komunikace s bankou.

Vzorová data (JSON)
{
  "title": "Máte zájem o zvýhodněnou hypotéku <strong>na nový byt od Central Group?</strong>",
  "text": "<strong>Spojte se s našimi hypotečními specialisty a získejte nezávaznou konzultaci ZDARMA.</strong> Pomůžeme vám vybrat nejvýhodnější financování podle vašich potřeb a možností, projdeme s vámi podmínky jednotlivých bank a připravíme srovnání splátek. Celý proces vyřídíme za vás, včetně odhadu nemovitosti a komunikace s bankou.",
  "contacts": [
    "phone",
    "email"
  ],
  "cta": {
    "title": "Sjednat nezávaznou schůzku se specialistou",
    "url": "#schuzka"
  }
}

Varianta „title-above“

Chcete se
dozvědět více?

Rádi vám představíme program Garance vrácení peněz a zodpovíme všechny vaše otázky. Domluvte si nezávaznou konzultaci s naším specialistou.

Vzorová data (JSON)
{
  "title": "Chcete se<br><strong>dozvědět více?</strong>",
  "titlePosition": "above",
  "text": "<strong>Rádi vám představíme program Garance vrácení peněz</strong> a zodpovíme všechny vaše otázky. Domluvte si nezávaznou konzultaci s naším specialistou.",
  "person": "Mgr. Stanislav Vlk",
  "contacts": [
    "phone",
    "email"
  ],
  "cta": {
    "title": "Sjednat schůzku",
    "url": "#schuzka"
  },
  "settings": {}
}

Varianta „title-above-no-person“

Chcete se
dozvědět více?

Rádi Vás provedeme celým procesem koupě nového bytu a zodpovíme všechny Vaše otázky. Domluvte si nezávaznou konzultaci s naším specialistou.

Vzorová data (JSON)
{
  "title": "Chcete se<br><strong>dozvědět více?</strong>",
  "titlePosition": "above",
  "text": "<strong>Rádi Vás provedeme celým procesem koupě</strong> nového bytu a zodpovíme všechny Vaše otázky. Domluvte si nezávaznou konzultaci s naším specialistou.",
  "contacts": [
    "phone",
    "email"
  ],
  "cta": {
    "title": "Sjednat schůzku",
    "url": "#schuzka"
  }
}

Varianta „title-above-photo“

Chcete se
dozvědět více?

Rádi vám představíme program Garance vrácení peněz a zodpovíme všechny vaše otázky. Domluvte si nezávaznou konzultaci s naším specialistou.

Vzorová data (JSON)
{
  "title": "Chcete se<br><strong>dozvědět více?</strong>",
  "titlePosition": "above",
  "text": "<strong>Rádi vám představíme program Garance vrácení peněz</strong> a zodpovíme všechny vaše otázky. Domluvte si nezávaznou konzultaci s naším specialistou.",
  "person": {
    "photo": {
      "src": "/assets/images/photos/kontakt-03-176.png",
      "webp": "/assets/images/photos/kontakt-03-176.webp 1x, /assets/images/photos/kontakt-03-352.webp 2x",
      "alt": "",
      "width": 176,
      "height": 233
    }
  },
  "contacts": [
    "phone",
    "email"
  ],
  "cta": {
    "title": "Sjednat schůzku",
    "url": "#schuzka"
  }
}

Varianta „vzorkovna“

Potřebujete
poradit?

Domluvte si schůzku s našimi zkušenými interiérovými konzultanty, kteří vám rádi poradí při výběru vhodného vybavení nového domova.

Vzorová data (JSON)
{
  "title": "Potřebujete<br><strong>poradit?</strong>",
  "titlePosition": "above",
  "text": "<strong>Domluvte si schůzku s našimi zkušenými interiérovými konzultanty,</strong> kteří vám rádi poradí při výběru vhodného vybavení nového domova.",
  "contacts": [
    "phone",
    "email"
  ],
  "cta": {
    "title": "Sjednat schůzku",
    "url": "#schuzka"
  }
}

Varianta „empty“

Vzorová data (JSON)
{}