<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/Sail/Sail_166-808de67fe1c5de25d8f1b77e76162172a539458bd29a43b405255933c9eca30a.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 Sail
            </h2>
            <p class="text-gray-500">
              Niezwykle stabilny w wodzie dzięki kadłubom zoptymalizowanym do wiosłowania. Duża prędkość przy niewielkim wietrze.
              Krótki maszt i duży żagiel zapewniają duże bezpieczeństwo. I jest szybki dzięki lekkim kadłubom, niewielkiej masie całkowitej 75 kg i unikalnemu grotowi,
              który dzięki pomysłowemu systemowi pętli generuje bardzo dużą moc.
            </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">Sterujesz odpowiednio balansując ciałem.</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">Zabierz go wszędzie ze sobą, waga to jedyne 75kg.</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 15 minut, bez żadnych dodatkowych 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">Patent żeglarski nie jest wymagany.</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>Bardzo prosty system szotów Genoa</strong> z holownikiem Barber dla optymalnego trymowania żagla.
                </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>Napinacz listew żaglowych</strong> - napinanie bez wysiłku.
                </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>Osłony Dyneema</strong> - mocne jak stalowa linka, ale elastyczne i miękkie jak linka.
                </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>Bukszpryt</strong> z rurą węglową o wysokiej wytrzymałości na najtrudniejsze warunki.
                </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>Brak ryzyka</strong> zaczepienia liku przedniego o maszt.
                </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>Bezpieczeństwo przede wszystkim</strong> - żagiel zawsze łatwo się zsuwa, na wypadek gdybyś kiedykolwiek potrzebował zrobić to szybko.
                </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/Sail/Sail_31-c11c35125d71e3b90ffc33300a3517f67d50bd2704fbff556805658f890aa8ff.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/Sail/Sail_33-b8de5ffd2f4f90b0876fb22ef72d21866b2647cb2d740ff809e6f55458f88b41.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/Sail/Sail_34-ca7ce9a7e11b982de4bc674f6c9a454e5bae6e404d04a7e129ce8314d467366f.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/Sail/Sail_32-4832b83079aa6e8559df94d39f3f749856098d56d86afb0ffaa69b26b7fa29b2.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/Sail/Sail_37-cef5fc43788f91eac34652a05c375f699aadab0a95a3b61a0d923e07e6531dfe.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/Sail/Sail_38-9c086844a11bbec9a641f03c708ae4679dd4c254702edc1dd8dac1be3ea6eef1.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/Sail/Sail_43-cb4c3eb81a34448f8d7efce55b56ea52c5540c8bd5eafc402a4b98fbee14f3ee.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/Sail/Sail_44-ea1b5c4aaaa6d5a6f843cb5c9eca42075ccd48aab084ea278ac89711522bc2cf.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/Sail/Sail_46-5d976b205675ac8236b9f2780117120b3e65c194fa3db7219c217e41d2d69247.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/Sail/Sail_47-c0e58549715861e9df6482380f1591e485207a73fc9bcc643e6ce95f757bb5b4.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/Sail/Sail_48-e709d30fa8f8b6a138d0cb527db226408da9bc2a15d71a541516352fb71be7b8.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/Sail/Sail_49-223ab83e606942e0ff697118e00ed3dc3a800bd78b6607952ebf8b2d0a3fd4b4.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/Sail/Sail_50-76aebcaa42d99ffb82dbf13be63f2391f6bc5a03dbf4195374ca4b5372d1559b.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/Sail/Sail_51-89aa758dd27f95278723b17257b99a97d51f1e0a102ce2c49837be89a680b5e5.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/Sail/Sail_40-3bbc5eedafa8d13868c5455d9bf75c15f3fe6a03498f55b6893f573d4570d138.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/Sail/Sail_41-2fea4a56be34209551d0e190db036ad65d439890ec40c623ea174b8d85209ec6.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/Sail/Sail_42-144014dfdccfe631aa4e37ae3e38f0df01c32ad6bf58e6ba2fb5d59222b7e9b2.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/Sail/Sail_30-281fc1f3f1879566360ef05fa00d42aaaf2ab83d23d8ba0b3284d84d006bd494.jpg" alt="">
      </div>
      <div class="bg-white rounded-lg col-span-2">
        <iframe class="w-full h-screen" src="https://www.youtube.com/embed/yLqPQ4v38tY" 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>