<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/lenovo-ideapad-slim-3-15-6-fhd-touchscreen-laptop-amd-ryzen-7-5825u-16gb-ram-512gb-ssd-windows-11-home">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/36362/a6680fd2a52a16b6.jpeg" alt="Lenovo IdeaPad Slim 3 15.6&quot; FHD Touchscreen Laptop, AMD Ryzen 7 5825U, 16GB RAM, 512GB SSD, Windows 11 Home" 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">
            Lenovo IdeaPad Slim 3 15.6&quot; FHD Touchscreen Laptop, AMD Ryzen 7 5825U, 16GB RAM, 512GB SSD, Windo...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$949.00</span>
              <span class="text-green-600 text-sm font-semibold">$699.97</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">
              • Windows 11 Laptops
                (<span class="text-green-600">Lenovo</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%2F20122959141">
            <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/hp-17-inch-fhd-laptop-computer-for-business-students-16gb-ram-512gb-ssd-intel-i3-n305-8-core-processor-17-3-inch-fhd-ips-display-windows-11-pro-copilot-ai-key-fast-charging-wi-fi-6">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/58127/1df3765863aeba0e.jpg" alt="HP 17 Inch FHD Laptop Computer for Business &amp; Students 16GB RAM 512GB SSD | Intel i3-N305 8 Core Processor, 17.3 inch FHD IPS Display, Windows 11 Pro, Copilot AI Key, Fast Charging, Wi-Fi 6" 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">
            HP 17 Inch FHD Laptop Computer for Business &amp; Students 16GB RAM 512GB SSD | Intel i3-N305 8 Core ...
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • 
            </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.amazon.com/dp/B0CWJS6Q5C?tag=dealhunt0d4-20">
            <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-yellow-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/apple-2026-macbook-air-15-inch-laptop-with-m5-chip-built-for-ai-153-inch-liquid-retina-display-16gb-unified-memory-512gb-ssd-12mp-center-stage-camera-touch-id-wi-fi-7-midnight">
          <img src="https://m.media-amazon.com/images/I/71N5EbSaQqL._AC_SL1500_.jpg" alt="Apple 2026 MacBook Air 15-inch Laptop with M5 chip: Built for AI, 15.3-inch Liquid Retina Display, 16GB Unified Memory, 512GB SSD, 12MP Center Stage Camera, Touch ID, Wi-Fi 7; Midnight" 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">
            Apple 2026 MacBook Air 15-inch Laptop with M5 chip: Built for AI, 15.3-inch Liquid Retina Display...
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • 
                (<span class="text-green-600">Apple</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.amazon.com/dp/B0GR114BV7?tag=dealhuntnow-20">
            <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-pink-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/hp-14-everyday-laptop-copilot-ai-latest-intel-4-core-n150-processor-128gb-ssd-1tb-cloud-storage-2026-edition-windows-11-microsoft-365-thin-portable-w-o-mouse">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/44382/65e6570f71b1f069.jpg" alt="HP 14&quot; Laptop with Copilot AI, 2026 Edition, Latest Intel 4-Core N150 CPU, 128GB SSD + 1TB Cloud Storage, Microsoft 365, Windows 11, Long Battery Life, Thin &amp; Portable for Everyday Use • w/o Mouse" 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">
            HP 14&quot; Laptop with Copilot AI, 2026 Edition, Latest Intel 4-Core N150 CPU, 128GB SSD + 1TB Cloud ...
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • 
            </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.amazon.com/dp/B0FPGR3HR6?tag=dealhunt0d4-20">
            <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-indigo-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/hp-14-laptop-computer-for-2026-student-business-productivity-ms-office-win-11-pro-copilot-ai-intel-4-core-cpu-4gb-ddr5-ram-628gb-storage-128gb-ufs-500gb-ext-wi-fi-6-hubxceladdon-green">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/45221/f75901600c83bea3.jpg" alt="HP 14&quot; Laptop Computer for 2026 Student Business Productivity, MS Office &amp; Win 11 Pro, Copilot AI, Intel 4-Core CPU, 4GB DDR5 RAM, 628GB Storage (128GB UFS+500GB Ext), Wi-Fi 6, HubxcelAddon, Green" 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">
            HP 14&quot; Laptop Computer for 2026 Student Business Productivity, MS Office &amp; Win 11 Pro, Copilot AI...
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • 
                (<span class="text-green-600">HP</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.amazon.com/dp/B0GV64CJGY?tag=dealhunt0d4-20">
            <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-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/hp-2026-ultrabook-laptop-for-students-home-microsoft-office-365-with-copliot-ai-16gb-ram-128gb-storage-500gb-ext-hdd-quad-cores-intel-processor-windows-11-lightweight-long-battery-life">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/29440/91e4d82a4b1cb27b.jpg" alt="HP 2026 Ultrabook Laptop for Students &amp; Home, Microsoft Office 365 with Copliot AI, 16GB RAM, 128GB Storage + 500GB EXT HDD, Quad-Cores Intel Processor, Windows 11, Lightweight, Long battery life" 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">
            HP 2026 Ultrabook Laptop for Students &amp; Home, Microsoft Office 365 with Copliot AI, 16GB RAM, 128...
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • 
            </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.amazon.com/dp/B0GSGC3RQD?tag=dealhunt0d4-20">
            <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/hp-new-everyday-laptop-microsoft-office-365-included-intel-n150-128gb-ssd-long-battery-life-copilot-ai-windows-11">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/57705/624784ad31c6d725.jpg" alt="HP Everyday Slim Laptop • Microsoft Office 365 Included • Intel N150 • 128GB SSD • Long Battery Life • Copilot AI • Win11" 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">
            HP Everyday Slim Laptop • Microsoft Office 365 Included • Intel N150 • 128GB SSD • Long Battery L...
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • 
                (<span class="text-green-600">HP</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.amazon.com/dp/B0H2Q53NQ8?tag=dealhunt0d4-20">
            <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-yellow-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/libened-laptop-backpack-for-college-hi">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/52101/b392dac629dcf82b.jpg" alt="LIBENED Laptop Backpack for College &amp; Hi" 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">
            LIBENED Laptop Backpack for College &amp; Hi
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • 
            </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.amazon.com/dp/B0D2W895C6?tag=dealhuntnow-20">
            <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-pink-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/ysagi-leather-desk-protector-office-mat-large-mouse-mat-non-slip-pu-leather-blotter-laptop-pad-waterproof-writing-pad-for-office-and-home-black-47-x-17">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/19808/85836dff96c7a75a.jpg" alt="YSAGi Leather Desk Protector, Office Mat, Large Mouse Mat, Non-Slip PU Leather Blotter, Laptop Pad, Waterproof Writing Pad for Office and Home (Black, 47&quot; x 17&quot;)" 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">
            YSAGi Leather Desk Protector, Office Mat, Large Mouse Mat, Non-Slip PU Leather Blotter, Laptop Pa...
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • 
            </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.amazon.com/dp/B0DWX2V9GV?tag=dealhunt0d4-20">
            <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-indigo-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/apple-2024-macbook-air-15-inch-laptop-with-m3-chip-153-inch-liquid-retina-67970">
          <img src="https://i.ebayimg.com/images/g/THUAAeSw77xqBlpK/s-l500.jpg" alt="Apple 2024 MacBook Air 15-inch Laptop with M3 chip: 15.3-inch Liquid Retina" 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">
            Apple 2024 MacBook Air 15-inch Laptop with M3 chip: 15.3-inch Liquid Retina
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • 
                (<span class="text-green-600">Apple</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/198355769832?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 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/kingston-nv3-1tb-m-2-2280-nvme-ssd-pcie-4-0-gen-4x4-up-to-6000-mb-s-snv3s-1000g-gen-4x4-nvme-ssd-with-6-000mb-s-read-speeds-and-4tb-capacity-for-laptops-consoles-and-pcs">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/52283/624cd7613852db99.jpg" alt="Kingston NV3 1TB M.2 2280 NVMe SSD | PCIe 4.0 Gen 4x4 | Up to 6000 MB/s | SNV3S/1000G | Gen 4x4 NVMe SSD with 6,000MB/s read speeds and 4TB capacity for laptops, consoles and PCs" 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">
            Kingston NV3 1TB M.2 2280 NVMe SSD | PCIe 4.0 Gen 4x4 | Up to 6000 MB/s | SNV3S/1000G | Gen 4x4 N...
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • 
            </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.amazon.com/dp/B0DBR3DZWG?tag=dealhunt0d4-20">
            <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/2024-samsung-galaxy-book4-156laptop10-core-7-150uupto-16gb2tb-win11pro-64148">
          <img src="https://i.ebayimg.com/images/g/escAAeSwAnpp4LBt/s-l1600.jpg" alt="2024 Samsung Galaxy Book4 15.6&quot;Laptop,10-Core 7-150U,UpTo 16GB,2TB Win11pro" 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">
            2024 Samsung Galaxy Book4 15.6&quot;Laptop,10-Core 7-150U,UpTo 16GB,2TB Win11pro
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • 
                (<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://www.ebay.com/itm/389987187564?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=18&amp;search=laptop"   rel="prev" aria-label="previous">&lsaquo;&nbsp;Prev</a></span> <span class="page"><a href="/?page=1&amp;search=laptop"   >1</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?page=15&amp;search=laptop"   >15</a></span> <span class="page"><a href="/?page=16&amp;search=laptop"   >16</a></span> <span class="page"><a href="/?page=17&amp;search=laptop"   >17</a></span> <span class="page"><a href="/?page=18&amp;search=laptop"   rel="prev" >18</a></span> <span class="page active">19</span> <span class="page"><a href="/?page=20&amp;search=laptop"   rel="next" >20</a></span> <span class="page"><a href="/?page=21&amp;search=laptop"   >21</a></span> <span class="page"><a href="/?page=22&amp;search=laptop"   >22</a></span> <span class="page"><a href="/?page=23&amp;search=laptop"   >23</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?page=67&amp;search=laptop"   >67</a></span> <span class="page next"><a href="/?page=20&amp;search=laptop"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>