<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="http://www.rowonair.pl/assets/MOJO18/MOJO18_01-5d46e3e162b547f1ec848b16e38f46450e34b8005577ac84ac84a16b5d4d007f.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">
              MOJO 18'
            </h2>
            <p class="text-gray-500">
              MOJO 18' to nasza wydajna deska do wiosłowania, zapewniająca początkującym wioślarzom najlepsze wrażenia z wiosłowania na wodzie. 
              Ta długa, wąska deska została zaprojektowana z 4° V-Bottom i linią rockera, która zmienia każdy ruch wiosłowania w bezwysiłkowe ślizganie. 
              Pomimo swojej długości tę nadmuchiwaną deskę do wiosłowania można łatwo i szybko schować. 
            </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">Zestaw zawiera dodatkowo: plecak, pompka, 3 płetwy, zestaw naprawczy, pasek</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>W zestawie wysokociśnieniowa pompka z funkcją opróżniania</strong> do szybkiego i wygodnego pompowania w mniej niż 10 minut.
                </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>Duży, śrubowy zawór nadmiarowy</strong> - umożliwia szybkie i łatwe opróżnianie.
                  
                </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>Wysokiej jakości konstrukcja </strong> z tkanego ściegu kropelkowego który zapewnia większą wytrzymałość, sztywność i niską wagę.
                </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>Wysokiej klasy kleje i materiał</strong> zapewniają długą trwałość oraz odporność na promieniowanie UV i temperaturę.
                </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>3 płetwy</strong> - (tylny 1 szt. 7,7", przedni 2 szt. 2,4") i pojemniki na płetwy GRI z systemem szybkiego zaczepu utrzymują deskę na torze.
                </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>4° V-Bottom w przedniej połowie i linia wahacza</strong> - zapewniają szybką linię wodną i łatwe ślizganie się przy każdym pociągnięciu.
                </p>
              </div>
            </div>
            <!-- End Icon Block -->
            
          </div>
          <!-- End Col -->
        </div>
        <!-- End Grid -->
      </div>
    </div>
  </section>
  <!-- End Section2 -->




  <!-- Section3 Gallery -->
  <section id="section3" class="border-b-4 pb-12">
    <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="http://www.rowonair.pl/assets/MOJO18/MOJO18_03-b31cf9cc2138522bc0d5f61f0dbd7e0abef3dd304900f4faf3e8977459a181ca.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="http://www.rowonair.pl/assets/MOJO18/MOJO18_04-6999e9a7b3ba72ccfcb57e86ecd812e6e8ff52891b4356decc10e79e03c91a49.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="http://www.rowonair.pl/assets/MOJO18/MOJO18_09-38dc4b57eef246a8f349e22492a2c6a37c66faec6343cdb8a5aecf23103ba6db.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="http://www.rowonair.pl/assets/MOJO18/MOJO18_10-4eab9e0f2b2536cd0340e32979e07e8ba5697a64b343e3de0f7c0b5ee71d4a95.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="http://www.rowonair.pl/assets/MOJO18/MOJO18_21-ef7825bfa499232725e971b3905a5bb55d18fd6b84a0586cb7ae7b71c1449d19.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="http://www.rowonair.pl/assets/MOJO18/MOJO18_16-07dd9711d46f040bb976a8cc419cf48345076a4245c09b064b731f789e9f3a00.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="http://www.rowonair.pl/assets/MOJO18/MOJO18_14-c84cf81428e139f1b4bf4ecad1ccf57e3400292edce3ecb23cc19debde1684f8.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="http://www.rowonair.pl/assets/MOJO18/MOJO18_15-6c917de10c31263d69d01f488864416b236da36f493e7cfb2d110391d4096aec.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="http://www.rowonair.pl/assets/MOJO18/MOJO18_22-d6f2c1a929ce746eb0257cbb050fd35fe2d058dfdb58e5e6f866cfe8adbbd065.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="http://www.rowonair.pl/assets/MOJO18/MOJO18_11-92e7cc00efb0a68d2ebf3648df6a7587844f76bf4de1a9a97f3f336ff3ae4d58.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="http://www.rowonair.pl/assets/MOJO18/MOJO18_24-141244989373fd70b853d4bf948da90f555b43577a74b8eee5e17b7ea5bec98c.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="http://www.rowonair.pl/assets/MOJO18/MOJO18_26-b3c80235291372b13b72f6115cecb38545b3af6d2036a0f075316ba87e92a607.jpg" alt="">
      </div>
      <div class="bg-white rounded-lg col-span-2">
          <img class="h-auto max-w-full rounded-lg transition-transform duration-300 hover:scale-105" src="http://www.rowonair.pl/assets/MOJO18/MOJO18_25-f8607a359bd1127f3cc1987e6b35a3f69e324a9d86347c29d3551e9e8148a956.jpg" alt="">
      </div>

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


  <!-- Section4 Technical details -->
  <section id="section4" class="pt-12">
    <div class="md:grid md:grid-cols-2 md:items-center md:gap-12 xl:gap-32">
      
      <!-- Title -->
      <div>
        <h2 class="font-bold text-3xl text-center lg:text-4xl text-gray-800 pb-10">
          Szczegóły techniczne
        </h2>
      </div>


      <div class="grid grid-cols-7 ">
          <!-- Row -->
          <div class="col-span-2 border-b py-1">
            <h5 class="font-bold text-text-gray-800 pl-4">Długość</h5>
          </div>
          <div class="col-span-4 border-b py-1">
            <span class=" text-gray-800">5,49m (18")</span>
          </div>
          <div class="border-b py-1 md:border-none">
          </div>
          <!-- END Row -->

          <!-- Row -->
          <div class="col-span-2 border-b py-1">
            <h5 class="font-bold text-text-gray-800 pl-4">Szerokość</h5>
          </div>
          <div class="col-span-4 border-b py-1">
            <span class=" text-gray-800">66cm (26")</span>
          </div>
           <div class="border-b py-1 md:border-none">
          </div>
          <!-- END Row -->
          
          <!-- Row -->
          <div class="col-span-2 border-b py-1">
            <h5 class="font-bold text-text-gray-800 pl-4">Grubość</h5>
          </div>
          <div class="col-span-4 border-b py-1">
            <span class=" text-gray-800">15cm (6")</span>
          </div>
           <div class="border-b py-1 md:border-none">
          </div>
          <!-- END Row -->

          <!-- Row -->
          <div class="col-span-2 border-b py-1">
            <h5 class="font-bold text-text-gray-800 pl-4">Objętość</h5>
          </div>
          <div class="col-span-4 border-b py-1">
            <span class=" text-gray-800">410dm3</span>
          </div>
           <div class="border-b py-1 md:border-none">
          </div>
          <!-- END Row -->

          <!-- Row -->
          <div class="col-span-2 border-b py-1">
            <h5 class="font-bold text-text-gray-800 pl-4">Waga</h5>
          </div>
          <div class="col-span-4 border-b py-1">
            <span class=" text-gray-800">Deska 13.1kg (28.9 lbs)<br />Sprzęt 17kg (37.5 lbs)</span>
          </div>
           <div class="border-b py-1 md:border-none">
          </div>
          <!-- END Row -->

          <!-- Row -->
          <div class="col-span-2 border-b py-1">
            <h5 class="font-bold text-text-gray-800 pl-4">Maks. Obciążenie</h5>
          </div>
          <div class="col-span-4 border-b py-1">
            <span class=" text-gray-800">220kg (485 lbs)</span>
          </div>
           <div class="border-b py-1 md:border-none">
          </div>
          <!-- END Row -->

          <!-- Row -->
          <div class="col-span-2 border-b py-1">
            <h5 class="font-bold text-text-gray-800 pl-4">Materiał</h5>
          </div>
          <div class="col-span-4 border-b py-1">
            <span class=" text-gray-800">Tkany ścieg kropelkowy</span>
          </div>
           <div class="border-b py-1 md:border-none">
          </div>
          <!-- END Row -->

          <!-- Row -->
          <div class="col-span-2 border-b py-1">
            <h5 class="font-bold text-text-gray-800 pl-4">Ciśnienie</h5>
          </div>
          <div class="col-span-4 border-b py-1">
            <span class=" text-gray-800">14 PSI</span>
          </div>
           <div class="border-b py-1 md:border-none">
          </div>
          <!-- END Row -->

          <!-- Row -->
          <div class="col-span-2 border-b py-1">
            <h5 class="font-bold text-text-gray-800 pl-4">Pudełko na płetwy</h5>
          </div>
          <div class="col-span-4 border-b py-1">
            <span class=" text-gray-800">GRI, każdy z systemem szybkiego haka</span>
          </div>
           <div class="border-b py-1 md:border-none">
          </div>
          <!-- END Row -->

          <!-- Row -->
          <div class="col-span-2 border-b py-1">
            <h5 class="font-bold text-text-gray-800 pl-4">Płetwy</h5>
          </div>
          <div class="col-span-4 border-b py-1">
            <span class=" text-gray-800">Tył 1 szt. 7,7", przód 2 szt. 2,4"</span>
          </div>
           <div class="border-b py-1 md:border-none">
          </div>
          <!-- END Row -->
          
          <!-- Row -->
          <div class="col-span-2 border-b py-1">
            <h5 class="font-bold text-text-gray-800 pl-4">Osoby</h5>
          </div>
          <div class="col-span-4 border-b py-1">
            <span class=" text-gray-800">1-2</span>
          </div>
           <div class="border-b py-1 md:border-none">
          </div>
          <!-- END Row -->

          <!-- Row -->
          <div class="col-span-2 border-b py-1">
            <h5 class="font-bold text-text-gray-800 pl-4">Czas pompowania</h5>
          </div>
          <div class="col-span-4 border-b py-1">
            <span class=" text-gray-800">Poniżej 9 minut</span>
          </div>
           <div class="border-b py-1 md:border-none">
          </div>
          <!-- END Row -->

          <!-- Row -->
          <div class="col-span-2 py-1">
            <h5 class="font-bold text-text-gray-800 pl-4">Wymiary po złożeniu</h5>
          </div>
          <div class="col-span-4 py-1">
            <span class=" text-gray-800">75 x 45 x 40cm <br />(30" x 18" x 16")</span>
          </div>
           <div>
          </div>
          <!-- END Row --> 

      </div>
    </div>
  </section>
  <!-- End Section4 -->

</main>
<!-- End Main -->


</template></turbo-stream>