<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/Basic/Basic_133-939d874a12efb19f33ff91495c75d42f07b67a2d74b6ec5ce6c14e8f773337c6.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">
              XCAT Basic
            </h2>
            <p class="text-gray-500">
              Podstawowa wersja dla wszystkich opcji modelu. Możesz dodać co chcesz i kiedy chcesz - żeglarstwo, wioślarstwo i wiele więcej. XCAT Basic to najbardziej wszechstronny katamaran o jakim słyszałeś. Waży zaledwie 55kg i składa się z 5 elementów, dzięki czemu możesz go zabrać w każdą podróż autem osobowym.
            </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">Super lekki i wtrzymały.</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">Waży jedynie 55kg.</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>Elementy ramy wykonane z anodyzowanego aluminium</strong> zapewniają trwałość i odporność na działanie wody morskiej.
                </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>Powłoka kadłuba wykonana jest z HDPE</strong> - odpornego na warunki atmosferyczne, uderzenia i zabrudzenia plastiku, który jest łatwy do czyszczenia.
                </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>Niskie kadłuby</strong> sprawiają, że drabinka do pływania jest zbędna.
                </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>Wykorzystywane są złącza zatrzaskowe i wtykowe</strong> które zapewniają proste i szybkie złożenie bez dodatkowych narzędzi.
                </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 Textilene®</strong> do siatki trampoliny.
                </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>Kadłuby wypełnione są pianką cząsteczkową EPP</strong>, niezwykle odporną na uderzenia, niezatapialną i praktycznie niezniszczalną.
                </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>Precyzyjne sterowanie z Tiller-Fix</strong> podczas wiosłowania na stojąco.
                </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/Basic/Basic_12-06fa16217ae4c24d2dca8bf530d985a181a1afd216d6ac4a4ae0954b26ffa353.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/Basic/Basic_10-f339337ff28cb09780960b6dc1538546ef311627ee6ae4641bc2683a82668e9b.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/Basic/Basic_14-8e11360e6ae0372f33612560a3c4d7922f4fa72006de5b696fa87e77a45e00ba.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/Basic/Basic_15-cf8834a66ee47d99ceaa8a6a445f87e8733ff16fcb02f1d350f30b996f248512.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/Basic/Basic_16-ad6b8349dffd79bbb1e15b85f5559cb7e91ae071b4e565e0b450e883dafdacb2.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/Basic/Basic_17-8e0f28d2263fc445e74283db51c660ccb33fed576391bb618d90d64b139f554d.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/Basic/Basic_18-e74c55cd66f5716d463af8f5cd32ec03ee96ed2a5acff14788962c5fb5d31fa3.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/Basic/Basic_19-2081ec6d0c36a6a489da764de11e5497c8700b5bc0d35044670fc92841994f34.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/Basic/Basic_20-71a9df0b5a7883762939d17c30cd3d2ad12a45f86bc09daffbf9068cc127eef5.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/Basic/Basic_21-32a6ca30ffb04982cd352bb930f6cb87f5ae60e0ae10f2a31599cb2193b380cb.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/Basic/Basic_11-28028411e21068cf6c930cab69aaeb1421dc4c67f54db3498ad05afa6ba7615a.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/Basic/Basic_23-f2cbccab9e4d933c79c128913fd94fb271da2cf13c3acf945e6b68cd017cc645.jpg" alt="">
      </div>
      <div class="bg-white rounded-lg col-span-2">
          <iframe class="w-full h-screen" src="https://www.youtube.com/embed/g47D3NLqpjc" 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>