Intro karty intro-cards · light

{
  "settings": {
    "background": "white"
  },
  "title": "<strong>Financování,</strong>\nkteré vám bude vyhovovat",
  "text": "<p>Každý klient má jiné finanční možnosti, potřeby a plány. Proto nabízíme flexibilní řešení pro různé životní situace, ať už pořizujete byt pro vlastní bydlení, nebo jako investici. Vyberte si variantu, která vám bude nejlépe vyhovovat.</p>",
  "items": [
    {
      "title": "Bydlete už\npo zaplacení 10% zálohy",
      "text": "<p><strong>Zaplaťte jen 10 % ceny bytu,</strong> nastěhujte se a zbývající část doplaťte až do dvou let od dokončení.</p>",
      "button": {
        "title": "Zjistit více",
        "url": "#schuzka"
      },
      "media": {
        "video": "intro-cards/bydlete"
      }
    },
    {
      "title": "4 způsoby\nfinancování",
      "text": "<p>Porovnejte si možnosti financování nového bydlení a vyberte řešení, které nejlépe odpovídá vaší situaci.</p>",
      "button": {
        "title": "Zobrazit možnosti",
        "url": "#zpusoby-financovani"
      },
      "media": {
        "video": "intro-cards/zpusoby-financovani"
      }
    },
    {
      "title": "4 unikátní finanční\nprogramy",
      "text": "<p>Využijte programy, které přinášejí další výhody při koupi, investování i následném využití bytu.</p>",
      "button": {
        "title": "Vybrat si program",
        "url": "#programy"
      },
      "media": {
        "video": "intro-cards/programy"
      }
    }
  ]
}

{
  "settings": {
    "background": "white"
  },
  "title": "<strong>Karty bez média</strong>\nzůstanou plně tmavé",
  "text": "<p>Když karta nemá video ani fotku, vykreslí se jako plná tmavá plocha. Text i tlačítko musí zůstat stejně čitelné jako nad videem.</p>",
  "items": [
    {
      "title": "Karta bez videa",
      "text": "<p><strong>Bez klíče <code>media</code></strong> se vykreslí jen podklad sekce v CG Blue.</p>",
      "button": {
        "title": "Zjistit více",
        "url": "#schuzka"
      }
    },
    {
      "title": "Karta s fotkou\nmísto videa",
      "text": "<p>Místo klíče <code>media.video</code> se vyplní <code>media.image</code>; fotka se vykreslí na stejné místo jako poster videa.</p>",
      "button": {
        "title": "Zobrazit možnosti",
        "url": "#zpusoby-financovani"
      },
      "media": {
        "image": {
          "src": "/assets/images/photos/placeholder-16x9.svg",
          "alt": "",
          "width": 1600,
          "height": 900
        }
      }
    },
    {
      "title": "Karta bez tlačítka",
      "text": "<p>Blok nesmí vypsat prázdný obal tlačítka. Karta končí textem a v mřížce se dorovná na výšku sousedů.</p>"
    }
  ]
}

{
  "settings": {
    "background": "white"
  },
  "title": "<strong>Dvě karty</strong>\nmísto tří",
  "text": "<p>Počet karet není pevný — mřížka je musí rozložit bez díry i bez roztažení jedné karty přes celou šířku obsahu.</p>",
  "items": [
    {
      "title": "Bydlete už\npo zaplacení 10% zálohy",
      "text": "<p><strong>Zaplaťte jen 10 % ceny bytu,</strong> nastěhujte se a zbývající část doplaťte až do dvou let od dokončení.</p>",
      "button": {
        "title": "Zjistit více",
        "url": "#schuzka"
      },
      "media": {
        "video": "intro-cards/bydlete"
      }
    },
    {
      "title": "4 způsoby\nfinancování",
      "text": "<p>Porovnejte si možnosti financování nového bydlení a vyberte řešení, které nejlépe odpovídá vaší situaci.</p>",
      "button": {
        "title": "Zobrazit možnosti",
        "url": "#zpusoby-financovani"
      },
      "media": {
        "video": "intro-cards/zpusoby-financovani"
      }
    }
  ]
}

{
  "settings": {
    "background": "white"
  },
  "title": "<strong>Hraniční stav pro výšku karet,</strong>\nkdyž má jedna karta výrazně delší text než ostatní",
  "text": "<p>Karty se v mřížce vyrovnají na výšku té nejvyšší, tlačítko zůstane u spodní hrany a text se nikde neořízne. Zároveň se ověří, že delší titulek na tři řádky nerozbije mezeru pod žlutou linkou.</p>",
  "items": [
    {
      "title": "Bydlete už po zaplacení 10% zálohy a zbytek doplaťte až po dokončení domu",
      "text": "<p><strong>Zaplaťte jen 10 % ceny bytu,</strong> nastěhujte se a zbývající část doplaťte až do dvou let od dokončení. Financování si můžete rozložit podle svých možností a kdykoli ho po dohodě upravit — ať už kupujete první byt, nebo investujete do dalšího.</p>",
      "button": {
        "title": "Zjistit více o zálohovém financování",
        "url": "#schuzka"
      },
      "media": {
        "video": "intro-cards/bydlete"
      }
    },
    {
      "title": "Krátká karta",
      "text": "<p>Jedna věta.</p>",
      "button": {
        "title": "Zobrazit možnosti",
        "url": "#zpusoby-financovani"
      },
      "media": {
        "video": "intro-cards/zpusoby-financovani"
      }
    },
    {
      "title": "4 unikátní finanční\nprogramy",
      "text": "<p>Karta bez tlačítka — obsah končí textem a spodní hrana zůstane zarovnaná se sousedy.</p>",
      "media": {
        "video": "intro-cards/programy"
      }
    }
  ]
}

{}