<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://rowonair.pl/assets/DUDE18/DUDE18_7_banner-b3bc471854fa2a3282d0796877c2f832b4cc3d12e1e12dd20b20ef0ad26c945b.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">
              DUDE 18'
            </h2>
            <p class="text-gray-500">
              Szersza deska DUDE 18' zapewnia więszką stabilność i umożliwia bezwysiłkowe szybowanie z pasażerem. 
              Jest idealny na dłuższe wyprawy wioślarskie, samodzielnie lub w towarzystwie. Pomimo swoich rozmiarów nadmuchiwaną deskę 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://rowonair.pl/assets/DUDE18/DUDE18_1-ee80cf8c6909fe8a997e01f0f8c7bbcfa2e46dcb6ce1cf1140269f02db0e29d9.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://rowonair.pl/assets/DUDE18/DUDE18_9-01591c3a5b50083cdc7502ac31dcebb6e22117b171851061aac74360ea972078.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://rowonair.pl/assets/DUDE18/DUDE18_10-4a84b93e6135cb3deb69bf66e83ca339c2673aa018952030e26473cacb9ef454.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://rowonair.pl/assets/DUDE18/DUDE18_5_banner-49aa520e41d7f2a15fdfd101c9c088afe9391a4a2ab77fbc34a4818986b3cbdc.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://rowonair.pl/assets/DUDE18/DUDE18_14-3a7ff4ad33e8a4204748a1dce7ea88cfdbce362fd1df5449839003c3e9ddcbb4.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://rowonair.pl/assets/DUDE18/DUDE18_15-941e12d701bae7037b4da4717754da67eef6949ea44c742fa45f30a6f94e0322.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://rowonair.pl/assets/DUDE18/DUDE18_16-df74d8d06f5372e13dbce7f5834732762d5c1b9dbd92a1fb8ce99d6ca8311ec0.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://rowonair.pl/assets/DUDE18/DUDE18_17-37577dce7e68b6f39515d507ec1f89bb13aad9973d135f323e06e700d96fd998.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://rowonair.pl/assets/DUDE18/DUDE18_19-9181cadbc4332f9343a0953897c082fb7af73ac9ca79a3fc87879d7772b12bd6.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://rowonair.pl/assets/DUDE18/DUDE18_20-b2451a03af9bb74273fa1e2718873788f0e32a7e54473fdd16301540a43ca217.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://rowonair.pl/assets/DUDE18/DUDE18_21-e3895da76f0b60703cf4cb5b5e7e4bf51e6310dd33bbe1690733ab3cd04876d3.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://rowonair.pl/assets/DUDE18/DUDE18_22-17df65af5a5709217dd361494a61c2e53e6536292f6e73342b959b868936d424.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://rowonair.pl/assets/DUDE18/DUDE18_24-24c1ac132f69643bc08bbf34cf012daea7c783e1fdc67a0131e4489cbb4b7f5c.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">76cm (30")</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">470dm3</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 14,3kg (31,5 lbs)<br />Sprzęt 18,2kg (40,1 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">250kg (551 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 10 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">85 x 45 x 40cm <br />(33" x 18" x 16")</span>
          </div>
           <div>
          </div>
          <!-- END Row --> 

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

</main>
<!-- End Main --></template></turbo-stream>