<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://xcat.pl/assets/Motion/Motion_91-8875b7edc482a95e9253ac2eb3a0afe13d891b1e9723600c42de733f29173cc2.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">
              RowMotion®
            </h2>
            <p class="text-gray-500">
              Klasyczne wiosłowanie wsteczne, tak jak robiono to od setek lat. Katamaran zapewnia ogromną stabilność, a co za tym idzie wysoki poziom bezpieczeństwa.
              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. 
              Regulowane dulki zaciskają się na belkach bocznych bez użycia narzędzi. Wysokość dulek można regulować za pomocą tulei dystansowych o różnych rozmiarach. 
              Przesuwne siedzisko porusza się płynnie i cicho wzdłuż środkowej belki na sześciu łożyskach kulkowych.
              Podnóżek jest przymocowany do środkowej belki i można go 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">Klasyczne wiosłowanie.</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">Szybka i łatwa konfiguracja bez użycia narzędzi.</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">Montaż całości trwa niecałe 3 minuty.</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>Dulki z rurką z włókna węglowego</strong> - do łatwego wtapiania ostrza z regulowanym mankietem.
                </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://xcat.pl/assets/Motion/Motion_24-f711e01eff3761f6959537996842b780cd9aacd4e65b650f02d023bef0d8f2b3.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://xcat.pl/assets/Motion/Motion_30-cd5897c7fb4178c650a47c8aac1aed156eab2a215479de2456dde3071127a466.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://xcat.pl/assets/Motion/Motion_28-25708e6bf9288405d7be0f1de42e97db8c4a05abe09c163b7b575fcc89372e6b.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://xcat.pl/assets/Motion/Motion_26-4bdbbe2e65c9c1cbfd2b51a8b539e858887cc9dde33868f6f80ff54e9794f13b.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://xcat.pl/assets/Motion/Motion_20-f1d32fab54149dcc44ede352a2951cfdbc08a94d53423f6bc3e4f8cf2d30a30c.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://xcat.pl/assets/Motion/Motion_21-f322e57dbd85042d9a18ff6f20afa7c07e38a1eacd9c42283fee8b1d587e8d9c.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://xcat.pl/assets/Motion/Motion_22-91d6123830d00b3f9b972ac2e7ccfc64153225adfd291a7c263046546038cd3b.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://xcat.pl/assets/Motion/Motion_23-b21ae717c724395f9a578010a5b227daa7ee1d72caf91da79e51a4d7bc1d8588.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://xcat.pl/assets/Motion/Motion_32-0d1e72c36654ec579ff236a06bb17084cb1df1a8d988b215af86f6524c0204cf.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://xcat.pl/assets/Motion/Motion_31-bede8262363586f1c1603dd2e0fe70f32960898a63b9b70e2742bd6e383659e4.jpg" alt="">
      </div>

      <div class="bg-white rounded-lg col-span-2">
        <iframe class="w-full h-screen" src="https://www.youtube.com/embed/RY56c0X6QZc" 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>
<!-- End Main -->


</template></turbo-stream>