<turbo-stream action="replace" target="products-container"><template>  <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mt-4">
        

  <div class="relative flex flex-col sm:flex-row bg-white p-4 rounded-lg shadow hover:shadow-md transition-all duration-150 hover:bg-blue-100">
    <div class="flex flex-row items-start gap-4 sm:gap-4 flex-1">
      <a data-turbo="false" class="flex gap-4 flex-1 items-start" href="/products/samsung-galaxy-tab-a9-11-widescreen-tablet-128gb-android-13-navy">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/64298/67892c008afe3aeb.jpeg" alt="Samsung Galaxy Tab A9+ 11&quot; Widescreen Tablet, 128GB, Android 13, Navy" class="w-24 h-24 sm:w-28 sm:h-28 object-contain flex-shrink-0 rounded" />

        <div class="flex-1">
          <h2 class="text-base font-semibold text-gray-900 leading-snug mb-2">
            Samsung Galaxy Tab A9+ 11&quot; Widescreen Tablet, 128GB, Android 13, Navy
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$269.00</span>
              <span class="text-green-600 text-sm font-semibold">$199.00</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-26%</span>
            </div>

            <p class="text-sm text-gray-500 mb-2">
              • All Tablets
                (<span class="text-green-600">Samsung</span>)
            </p>
        </div>
</a>    </div>

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://goto.walmart.com/c/6590654/568844/9383?veh=aff&amp;sourceid=imp_000011112222333344&amp;u=https%3A%2F%2Fwww.walmart.com%2Fip%2F5166665536">
            <i class="fa-solid fa-tag mr-1"></i> See Deal
</a>        </div>
    </div>
  </div>

        

  <div class="relative flex flex-col sm:flex-row bg-white p-4 rounded-lg shadow hover:shadow-md transition-all duration-150 hover:bg-green-100">
    <div class="flex flex-row items-start gap-4 sm:gap-4 flex-1">
      <a data-turbo="false" class="flex gap-4 flex-1 items-start" href="/products/ninja-professional-plus-kitchen-blender-with-auto-iq-and-5-preset-programs-108735">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/64297/f548bd487bc8e403.jpg" alt="Ninja Professional Plus Kitchen Blender with Auto-IQ and 5 Preset Programs" class="w-24 h-24 sm:w-28 sm:h-28 object-contain flex-shrink-0 rounded" />

        <div class="flex-1">
          <h2 class="text-base font-semibold text-gray-900 leading-snug mb-2">
            Ninja Professional Plus Kitchen Blender with Auto-IQ and 5 Preset Programs
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$199.99</span>
              <span class="text-green-600 text-sm font-semibold">$154.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-23%</span>
            </div>

            <p class="text-sm text-gray-500 mb-2">
              • 
                (<span class="text-green-600">Ninja</span>)
            </p>
        </div>
</a>    </div>

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://www.ebay.com/itm/366685700211?mkevt=1&amp;mkcid=1&amp;mkrid=711-53200-19255-0&amp;campid=5339115653&amp;toolid=10001">
            <i class="fa-solid fa-tag mr-1"></i> See Deal
</a>        </div>
    </div>
  </div>

  </div>

  <div class="mt-6 flex justify-center col-span-full">
    <nav class="pagy-nav pagination"><span class="page prev"><a href="/?page=252&amp;trk=public_profile__reactions-text"   rel="prev" aria-label="previous">&lsaquo;&nbsp;Prev</a></span> <span class="page"><a href="/?page=1&amp;trk=public_profile__reactions-text"   >1</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?page=249&amp;trk=public_profile__reactions-text"   >249</a></span> <span class="page"><a href="/?page=250&amp;trk=public_profile__reactions-text"   >250</a></span> <span class="page"><a href="/?page=251&amp;trk=public_profile__reactions-text"   >251</a></span> <span class="page"><a href="/?page=252&amp;trk=public_profile__reactions-text"   rel="prev" >252</a></span> <span class="page active">253</span> <span class="page next disabled">Next&nbsp;&rsaquo;</span></nav>
  </div>
</template></turbo-stream>