<turbo-stream action="update" target="content"><template><!-- Main -->
<main class="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
  
  <!-- Section1 -->
  <section id="section1" class="border-b-4 pb-12">
    <div class="md:grid md:grid-cols-2 md:items-center md:gap-12 xl:gap-32">
      <div>
        <img class="rounded-xl" src="https://www.xcat.pl/assets/Vista/Vista_133-e6b596dee34597814944e19d3777ed7994d7c89596253a2ab0444809bbe47d1e.jpg" alt="Image Description">
      </div>
      

      <div class="mt-5 sm:mt-10 lg:mt-0">
        <div class="space-y-6 sm:space-y-8">
          <!-- Title -->
          <div class="space-y-2 md:space-y-4">
            <h2 class="font-bold text-3xl lg:text-4xl text-gray-800">
              RowVista®
            </h2>
            <p class="text-gray-500">
              RowVista® to zaawansowany technologicznie system wiosłowania do przodu dla początkujących i profesjonalistów. Zapewnia taką samą wydajność jak tradycyjne konfiguracje wiosłowania.
              Regulowany ogranicznik ogranicza ruch do tyłu, dzięki czemu można wiosłować bez użycia pasków na stopy. Bardzo wygodne, jeśli latem chcesz wiosłować boso.
              Dulki zatrzaskują się na belkach bocznych bez użycia narzędzi. Przesuwne siedzisko porusza się płynnie i cicho wzdłuż środkowej belki na sześciu łożyskach kulkowych.
              Podnóżek można przymocować do belki środkowej i zablokować w 5 pozycjach, aby uzyskać optymalne rozłożenie ciężaru.
            </p>
          </div>
          <!-- End Title -->
          <!-- List -->
          <ul role="list" class="space-y-2 sm:space-y-4">
            <li class="flex space-x-3">
              <svg class="flex-shrink-0 h-6 w-6 text-redcustom " xmlns="http://www.w3.org/2000/svg"  width="16" height="16" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#e2001a}</style><path d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-111 111-47-47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l64 64c9.4 9.4 24.6 9.4 33.9 0L369 209z"/></svg>

              <span class="text-sm sm:text-base text-gray-500">
                <span class="font-bold">Innowacyjny system wiosłowania.</span>
              </span>
            </li>


            <li class="flex space-x-3">
              <svg class="flex-shrink-0 h-6 w-6 text-redcustom " xmlns="http://www.w3.org/2000/svg"  width="16" height="16" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#e2001a}</style><path d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-111 111-47-47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l64 64c9.4 9.4 24.6 9.4 33.9 0L369 209z"/></svg>

              <span class="text-sm sm:text-base text-gray-500">
                <span class="font-bold">Wiosła można w łatwy sposób złożyć i transportować.</span>
              </span>
            </li>


            <li class="flex space-x-3">
              <svg class="flex-shrink-0 h-6 w-6 text-redcustom " xmlns="http://www.w3.org/2000/svg"  width="16" height="16" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#e2001a}</style><path d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-111 111-47-47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l64 64c9.4 9.4 24.6 9.4 33.9 0L369 209z"/></svg>
              <span class="text-sm sm:text-base text-gray-500">
                <span class="font-bold">Wiosłesz w kierunku, w którym patrzysz.</span>
              </span>
            </li>
          </ul>
          <!-- End List -->
        </div>
      </div>
    </div>
  </section>
  <!-- End Section1 -->






  <!-- Section2 -->
  
  <section id="section2" class="border-b-4 pb-12">
  
    <div class="px-4 py-4 sm:px-6 lg:px-2 lg:py-10 mx-auto">
    
      <div class="max-w-4xl mx-auto">
      <h2 class="font-bold text-3xl text-center lg:text-4xl text-gray-800 pb-10">
              Najważniejsze cechy
            </h2>
        <!-- Grid -->
        <div class="grid md:grid-cols-2 gap-6 lg:gap-12">
          <div class="space-y-6 lg:space-y-10">
            <!-- Icon Block -->
            <div class="flex">

              <svg class="flex-shrink-0 mt-2 h-8 w-8 text-redcustom" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>
              <div class="ml-5 sm:ml-8">
                <p class="mt-1 text-gray-600">
                  <strong>Nie marnuje się żadna energia</strong> dzięki wysoce wydajnemu połączeniu.
                </p>

              </div>
            </div>
            <!-- End Icon Block -->

            <!-- Icon Block -->
            <div class="flex">
              <svg class="flex-shrink-0 mt-2 h-8 w-8 text-redcustom" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>
              <div class="ml-5 sm:ml-8">

                <p class="mt-1 text-gray-600">
                  <strong>Drugie siedzenie na belce środkowej</strong> - dla pasażera lub partnera wioślarskiego.
                </p>
              </div>
            </div>
            <!-- End Icon Block -->


          </div>
          <!-- End Col -->

          <div class="space-y-6 lg:space-y-10">
            <!-- Icon Block -->
            <div class="flex">
              <svg class="flex-shrink-0 mt-2 h-8 w-8 text-redcustom" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>
              <div class="ml-5 sm:ml-8">
                <p class="mt-1 text-gray-600">
                  <strong>Wiosła można złożyć i schować pod siedzeniem</strong> podczas żeglowania.
                </p>
              </div>
            </div>
            <!-- End Icon Block -->
          </div>
          <!-- End Col -->
        </div>
        <!-- End Grid -->
      </div>
    </div>
  </section>

  <!-- End Section2 -->




  <!-- Section3 Gallery -->
  <section id="section3">
    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 py-20 lightbox-image" data-controller="lightbox">
      <div class="bg-white rounded-lg">
        <img class="h-auto max-w-full rounded-lg transition-transform duration-300 hover:scale-105" src="https://www.xcat.pl/assets/Vista/Vista_34-8b5714dbf37917781afa94b6cdad68d674bd933b35990715365fe4df28ec80a8.jpg" alt="">
      </div>
      <div class="bg-white rounded-lg">
        <img class="h-auto max-w-full rounded-lg transition-transform duration-300 hover:scale-105" src="https://www.xcat.pl/assets/Vista/Vista_33-e7ff561416b3b1b26e310f3f4ad7229367f07a15614ccecbc301b8795c5dfd19.jpg" alt="">
      </div>
      <div class="bg-white rounded-lg">
        <img class="h-auto max-w-full rounded-lg transition-transform duration-300 hover:scale-105" src="https://www.xcat.pl/assets/Vista/Vista_35-e5003d41bb30a609fe25c5221365bf5f1257e345326ea6745d3cba25fdd614be.jpg" alt="">
      </div>
      <div class="bg-white rounded-lg">
        <img class="h-auto max-w-full rounded-lg transition-transform duration-300 hover:scale-105" src="https://www.xcat.pl/assets/Vista/Vista_41-ff290b9244ba15ad7b10f136b2ae35d8df1af7e34f29d4dba332923facb28c69.jpg" alt="">
      </div>
      <div class="bg-white rounded-lg">
        <img class="h-auto max-w-full rounded-lg transition-transform duration-300 hover:scale-105" src="https://www.xcat.pl/assets/Vista/Vista_48-4873bac2c66265b285bd559887ad3b401bd077e967aef5f7560fac142d4e211a.jpg" alt="">
      </div>
      <div class="bg-white rounded-lg">
        <img class="h-auto max-w-full rounded-lg transition-transform duration-300 hover:scale-105" src="https://www.xcat.pl/assets/Vista/Vista_30-d2f53be51383f7f0dc2d5ff05d58f29f0514e6939c06b8309f1fb9d8124ddf32.jpg" alt="">
      </div>
      <div class="bg-white rounded-lg">
        <img class="h-auto max-w-full rounded-lg transition-transform duration-300 hover:scale-105" src="https://www.xcat.pl/assets/Vista/Vista_31-17cb044649942e01a3b3540ecfe2e4b20427ec759272e6959763d245f26b7b4c.jpg" alt="">
      </div>
      <div class="bg-white rounded-lg">
        <img class="h-auto max-w-full rounded-lg transition-transform duration-300 hover:scale-105" src="https://www.xcat.pl/assets/Vista/Vista_32-740aac7b45ca94df4992ce83494ae53b9df71361d073b7ec5e4e0c279ce03759.jpg" alt="">
      </div>
      <div class="bg-white rounded-lg">
        <img class="h-auto max-w-full rounded-lg transition-transform duration-300 hover:scale-105" src="https://www.xcat.pl/assets/Vista/Vista_49-90c7e1a3fbe76b35cec7adb5790dbf5664f777431ee19479c9573c801ebc8fb0.jpg" alt="">
      </div>
      <div class="bg-white rounded-lg">
        <img class="h-auto max-w-full rounded-lg transition-transform duration-300 hover:scale-105" src="https://www.xcat.pl/assets/Vista/Vista_38-3cf63b69a011722db78b85d06f4a2afd73a5af44bb67752da64f48d3cfd08bfd.jpg" alt="">
      </div>
      <div class="bg-white rounded-lg">
        <img class="h-auto max-w-full rounded-lg transition-transform duration-300 hover:scale-105" src="https://www.xcat.pl/assets/Vista/Vista_47-d2d84e62bfb1858651660720880d5b502eb675a894b04480e7da6830c13a436d.jpg" alt="">
      </div>
      <div class="bg-white rounded-lg">
        <img class="h-auto max-w-full rounded-lg transition-transform duration-300 hover:scale-105" src="https://www.xcat.pl/assets/Vista/Vista_37-e8c37028d75357c7d6a0e0db16535bde405b845e9c76f070eca881fc4797b959.jpg" alt="">
      </div>  
      <div class="bg-white rounded-lg">
        <img class="h-auto max-w-full rounded-lg transition-transform duration-300 hover:scale-105" src="https://www.xcat.pl/assets/Vista/Vista_42-90131fa929c0d9f974c3bec76e506b0762090f4a918824dbcb96c89213788c17.jpg" alt="">
      </div>  
      <div class="bg-white rounded-lg">
        <img class="h-auto max-w-full rounded-lg transition-transform duration-300 hover:scale-105" src="https://www.xcat.pl/assets/Vista/Vista_39-ceb398f061eac363f8400ca9fa4ef6d480d5efd9bf9fe21b9e279c459efb0ce4.jpg" alt="">
      </div>  
      <div class="bg-white rounded-lg col-span-2">
        <iframe class="w-full h-screen" src="https://www.youtube.com/embed/EKnOJteZ8U8?start=27" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
      </div>
    </div>   


  </section>
  <!-- End Section3 -->

</main></template></turbo-stream>