test

  <!-- Hlavička s navigací -->
  <header>
    <div class="nav-container">
      <div class="nav-logo">Owlet</div>
      <nav>
        <ul>
          <li><a href="#">Proč Owlet</a></li>
          <li><a href="#">Obchod</a></li>
          <li><a href="#">Podpora</a></li>
          <li><a href="#">Kontakt</a></li>
        </ul>
      </nav>
    </div>
  </header>
  
  <!-- Hero sekce s výzvou k akci -->
  <section class="hero">
    <h1>Sledujte zdraví svého miminka</h1>
    <p>Inovativní monitorovací systém pro klidnou mysl rodičů.</p>
    <button class="cta-button">Nakupovat nyní</button>
  </section>
  
  <!-- Sekce produktů -->
  <section class="products">
    <h2>Naše produkty</h2>
    <div class="product-grid">
      <div class="product-item">
        <img src="product1.jpg" alt="Dream Sock®">
        <h3>Dream Sock®</h3>
        <p>FDA schválený monitorovací systém pro miminka.</p>
        <a href="#" class="btn">Nakoupit</a>
      </div>
      <div class="product-item">
        <img src="product2.jpg" alt="Owlet Cam® 2">
        <h3>Owlet Cam® 2</h3>
        <p>Smart HD kamera s nočním viděním.</p>
        <a href="#" class="btn">Nakoupit</a>
      </div>
      <div class="product-item">
        <img src="product3.jpg" alt="Dream Duo® 2">
        <h3>Dream Duo® 2</h3>
        <p>Kompletní systém pro sledování spánku a zdraví.</p>
        <a href="#" class="btn">Nakoupit</a>
      </div>
    </div>
  </section>
  
  <!-- Sekce referencí / příběhů rodičů -->
  <section class="testimonials">
    <h2>Příběhy rodičů</h2>
    <div class="testimonial-item">
      <p>"Díky Owlet mám klidnou mysl a lepší spánek."</p>
      <p>- Jana Nováková</p>
    </div>
    <div class="testimonial-item">
      <p>"Nejlepší investice do bezpečí mého miminka."</p>
      <p>- Petra Svobodová</p>
    </div>
  </section>
  
  <!-- Patička -->
  <footer>
    <div class="footer-container">
      <div>
        <h3>Informace</h3>
        <ul>
          <li><a href="#">O nás</a></li>
          <li><a href="#">Kontakt</a></li>
          <li><a href="#">Podmínky</a></li>
          <li><a href="#">Ochrana osobních údajů</a></li>
        </ul>
      </div>
      <div>
        <h3>Obchod</h3>
        <ul>
          <li><a href="#">Produkty</a></li>
          <li><a href="#">Novinky</a></li>
          <li><a href="#">FAQ</a></li>
        </ul>
      </div>
      <div>
        <h3>Sledujte nás</h3>
        <ul>
          <li><a href="#">Facebook</a></li>
          <li><a href="#">Instagram</a></li>
          <li><a href="#">Twitter</a></li>
        </ul>
      </div>
    </div>
  </footer>
</body>
</html>