<div class="lp__section lp__variant lp__variant--classic">

  <!-- HERO -->
  <div class="lp__hero">
    <div class="lp__heroGrid">

      <div class="lp__heroText">
        <div class="lp__kicker">
          <span class="lp__dot"></span>
          Hotovo preset
        </div>

        <h2 class="lp__h2">
          Nadpis, který jasně říká výsledek
        </h2>

        <p class="lp__lead">
          Jedna věta s hlavním přínosem. Druhá věta vysvětlí,
          proč je toto řešení lepší než alternativa.
        </p>

        <div class="lp__actions">
          <a class="lp__btn is-primary" href="#">
            Hlavní akce
          </a>
          <a class="lp__btn" href="#">
            Druhá možnost
          </a>
        </div>

        <ul class="lp__list">
          <li class="lp__li">
            <span class="lp__check">✓</span>
            <span>Konkrétní benefit č. 1</span>
          </li>
          <li class="lp__li">
            <span class="lp__check">✓</span>
            <span>Konkrétní benefit č. 2</span>
          </li>
          <li class="lp__li">
            <span class="lp__check">✓</span>
            <span>Konkrétní benefit č. 3</span>
          </li>
        </ul>
      </div>

      <aside class="lp__heroSide">
        <div class="lp__media">
          <img src="https://placehold.co/1100x780" alt="Hero vizuál">
        </div>
      </aside>

    </div>
  </div>

  <!-- STEPPER -->
  <div class="lp__section">
    <ul class="lp__stepper">

      <li class="lp__step is-active">
        <div class="lp__stepNode">1</div>
        <div class="lp__stepTitle">Vyber</div>
        <div class="lp__stepText">
          Zvol variantu podle svého použití.
        </div>
      </li>

      <li class="lp__step">
        <div class="lp__stepNode">2</div>
        <div class="lp__stepTitle">Nastav</div>
        <div class="lp__stepText">
          Rychlé nastavení bez složitostí.
        </div>
      </li>

      <li class="lp__step">
        <div class="lp__stepNode">3</div>
        <div class="lp__stepTitle">Používej</div>
        <div class="lp__stepText">
          Konzistentní a předvídatelné výsledky.
        </div>
      </li>

    </ul>
  </div>

  <!-- PRODUCT PICKS (minimal LP version) -->
  <div class="lp__section">
    <h3 class="lp__h2">Vyberte variantu</h3>
    <p class="lp__sub">
      Jasná struktura pro rychlé rozhodnutí.
    </p>

    <div class="lp__products lp__grid lp__grid--3">

      <div class="lp__productCard">
        <a class="lp__stretchedLink" href="#" aria-label="Produkt A"></a>

        <span class="lp__tag">Start</span>
        <strong>Produkt A</strong>

        <div class="lp__price">
          <span class="lp__priceValue">2 990 Kč</span>
          <span class="lp__priceNote">bez DPH</span>
        </div>

        <span class="lp__sub">
          Základní varianta pro běžné použití.
        </span>

        <div class="lp__actions">
          <a class="lp__btn" href="#">Vybrat</a>
        </div>
      </div>

      <div class="lp__productCard is-featured">
        <a class="lp__stretchedLink" href="#" aria-label="Produkt B"></a>

        <span class="lp__tag">Nejoblíbenější</span>
        <strong>Produkt B</strong>

        <div class="lp__price">
          <span class="lp__priceValue">4 990 Kč</span>
          <span class="lp__priceNote">bez DPH</span>
        </div>

        <span class="lp__sub">
          Nejlepší poměr cena / výkon.
        </span>

        <div class="lp__actions">
          <a class="lp__btn is-primary" href="#">Vybrat</a>
        </div>
      </div>

      <div class="lp__productCard">
        <a class="lp__stretchedLink" href="#" aria-label="Produkt C"></a>

        <span class="lp__tag">Pro</span>
        <strong>Produkt C</strong>

        <div class="lp__price">
          <span class="lp__priceValue">7 990 Kč</span>
          <span class="lp__priceNote">bez DPH</span>
        </div>

        <span class="lp__sub">
          Plná výbava pro profesionální použití.
        </span>

        <div class="lp__actions">
          <a class="lp__btn" href="#">Vybrat</a>
        </div>
      </div>

    </div>
  </div>

  <!-- FINAL CTA -->
  <div class="lp__section">
    <div class="lp__cta">
      <div>
        <strong>Nejste si jisti výběrem?</strong>
        <span>
          Kontaktujte nás a doporučíme nejvhodnější řešení.
        </span>
      </div>

      <div class="lp__actions">
        <a class="lp__btn is-primary" href="#">
          Požádat o radu
        </a>
        <a class="lp__btn" href="#">
          Zobrazit všechny varianty
        </a>
      </div>
    </div>
  </div>

</div>

template-all

Vyber blok → rozbal SRC → zkopíruj HTML

Kicker

Buttons / Actions

Media

List

Classic

Hlavní nadpis pro Classic

Split

Nadpis pro Split

Story

Story nadpis

Compare

Stepper

Featured-card

Plenty of boxes

CTA bar

Trust bar

FAQ

Product picks

Product picks – bez obrázků

Product picks – minimalistická verze

Hotovo preset

Nadpis, který slíbí výsledek

Doporučené varianty

Rychlé doručení

Záruka 2 roky

Věrnostní program

Showroom a servis