<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/ordilend-keyboard-cleaner-laptop-cleaning-kit-all-in-1-for-computer-pc-electronics-deep-cleaning-reusable-brush-tool-screen-safe-spray-for-iphone-ipad-macbook-airpod-camera-gaming-accessories">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/58144/83d08db50dddc210.jpg" alt="Ordilend Keyboard Cleaner &amp; Laptop Cleaning Kit, All-in-1 for Computer PC | Electronics Deep Cleaning Reusable Brush Tool, Screen-Safe Spray, for iPhone iPad Macbook Airpod Camera, Gaming Accessories" 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">
            Ordilend Keyboard Cleaner &amp; Laptop Cleaning Kit, All-in-1 for Computer PC | Electronics Deep Clea...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$16.99</span>
              <span class="text-green-600 text-sm font-semibold">$13.98</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-18%</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/B0C2VBXRYG?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/logitech-g203-wired-gaming-mouse-8000-dpi-rainbow-optical-effect-lightsync-rgb-6-programmable-buttons-on-board-memory-screen-mapping-pcmac-computer-and-laptop-compatible-black">
          <img src="https://m.media-amazon.com/images/I/61oE1NouXuL._AC_SL1500_.jpg" alt="Logitech G203 Wired Gaming Mouse, 8,000 DPI, Rainbow Optical Effect LIGHTSYNC RGB, 6 Programmable Buttons, On-Board Memory, Screen Mapping, PC/Mac Computer and Laptop Compatible - Black" 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">
            Logitech G203 Wired Gaming Mouse, 8,000 DPI, Rainbow Optical Effect LIGHTSYNC RGB, 6 Programmable...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$34.99</span>
              <span class="text-green-600 text-sm font-semibold">$18.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-46%</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/B07YN82X3B?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-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/hp-essential-laptop-computer-4gb-ram-128gb-ssd-intel-n150-cpu-lightweight-portable-design-long-battey-life-windows-11-with-microsoft-365">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/45131/667bbf7582983f94.jpg" alt="HP Essential Laptop Computer, 4GB RAM, 128GB SSD, Intel N150 CPU, Lightweight, Portable Design, Long Battey Life, Windows 11 with Microsoft 365" 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 Essential Laptop Computer, 4GB RAM, 128GB SSD, Intel N150 CPU, Lightweight, Portable Design, L...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$799.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">-65%</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/B0GSH3LBVH?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-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-essential-laptop-computer-2026-edition-amd-high-performance-processor-128gb-ssd-1tb-cloud-storage-thin-portable-fast-response-windows11-with-microsoft-365">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/45247/6d9d5c809274ddd5.jpg" alt="HP Essential Laptop Computer • 2026 Edition • AMD High Performance Processor • 128GB SSD • Microsoft 365 • Thin &amp; Portable • Fast Response • Windows11" 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 Essential Laptop Computer • 2026 Edition • AMD High Performance Processor • 128GB SSD • Micros...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$599.97</span>
              <span class="text-green-600 text-sm font-semibold">$269.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-55%</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/B0G3YFH2NJ?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/biwin-black-opal-nv7400-1tb-ssd-gen4x4-read-speed-up-to-7450mb-s-nvme-m-2-2280-pcie-4-0-internal-pc-solid-state-drive-for-laptop-desktop-ps5">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/45643/e907e06447dd25e8.jpg" alt="BIWIN Black Opal NV7400 1TB SSD Gen4x4, Read Speed up to 7450MB/s, NVMe M.2 2280 PCIe 4.0 Internal PC Solid State Drive for Laptop/Desktop/PS5" 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">
            BIWIN Black Opal NV7400 1TB SSD Gen4x4, Read Speed up to 7450MB/s, NVMe M.2 2280 PCIe 4.0 Interna...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$174.99</span>
              <span class="text-green-600 text-sm font-semibold">$149.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-14%</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/B0DM1R7KHZ?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-17-3-touchscreen-laptop-for-work-and-home-amd-ryzen-5-7430u-16gb-ram-512gb-ssd-webcam-hdmi-backlit-keyboard-fingerprint-reader-wi-fi-6-windows-11-home-blue">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/34303/7911a15f6e34aa45.jpg" alt="HP 17.3&quot; Touchscreen Laptop for Work and Home, AMD Ryzen 5 7430U, 16GB RAM, 512GB SSD, Webcam, HDMI, Backlit Keyboard, Fingerprint Reader, Wi-Fi 6, Windows 11 Home, Blue" 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.3&quot; Touchscreen Laptop for Work and Home, AMD Ryzen 5 7430U, 16GB RAM, 512GB SSD, Webcam, HD...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$719.00</span>
              <span class="text-green-600 text-sm font-semibold">$647.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/B0FN4RNHWC?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/lenovo-ideapad-3i-15-6-fhd-touchscreen-business-laptop-computer-11th-intel-dual-core-i3-1115g4-intel-uhd-graphics-16gb-ram-512gb-pcie-ssd-wi-fi-6-bluetooth-hdmi-windows-11">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/38871/2d5b8c1a8bc45946.jpeg" alt="Lenovo Ideapad 3i 15.6&quot; FHD Touchscreen Business Laptop Computer, 11th Intel Dual-Core i3-1115G4, Intel UHD Graphics, 16GB RAM, 512GB PCIe SSD, Wi-Fi 6, Bluetooth, HDMI, Windows 11" 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 3i 15.6&quot; FHD Touchscreen Business Laptop Computer, 11th Intel Dual-Core i3-1115G4,...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$572.00</span>
              <span class="text-green-600 text-sm font-semibold">$415.24</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">
              • 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%2F5395245144">
            <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/hp-victus-15-6-inch-fhd-144hz-ips-win-11-gaming-laptop-intel-core-i5-13420h-16gb-ram-512gb-ssd-rtx-4050-mica-silver">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/18298/c82f31ca17cb0e23.jpeg" alt="HP Victus 15.6 inch FHD 144Hz IPS Win 11 Gaming Laptop Intel Core i5-13420H 16GB RAM 512GB SSD RTX 4050 Mica Silver" 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 Victus 15.6 inch FHD 144Hz IPS Win 11 Gaming Laptop Intel Core i5-13420H 16GB RAM 512GB SSD RT...
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • HP Gaming Laptops
                (<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://goto.walmart.com/c/6590654/568844/9383?veh=aff&amp;sourceid=imp_000011112222333344&amp;u=https%3A%2F%2Fwww.walmart.com%2Fip%2F13987763030">
            <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-17-3-touchscreen-laptop-w-microsoft-365-8gb-ram-512gb-ssd-128gb-ufs-webcam-w-shutter-fingerprint-reader-backlit-keyboard-microsoft-copilot-key-intel-quad-core-cpu-win11-blue">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/53397/f9f4e7135e3d2ec6.jpg" alt="HP 17.3” Touchscreen Laptop w/Microsoft 365, 8GB RAM, 512GB SSD+128GB UFS | Webcam w/ shutter, Fingerprint Reader, Backlit Keyboard, Microsoft Copilot Key, Intel Quad-Core CPU, Win11, Blue" 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.3” Touchscreen Laptop w/Microsoft 365, 8GB RAM, 512GB SSD+128GB UFS | Webcam w/ shutter, Fi...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$629.00</span>
              <span class="text-green-600 text-sm font-semibold">$566.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/B0H7K8TCB3?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-2026-macbook-pro-laptop-with-apple-m5-chip-with-10-core-cpu-and-10-core-gpu-built-for-ai-142-inch-liquid-retina-xdr-display-32gb-unified-memory-1tb-ssd-space-black">
          <img src="https://m.media-amazon.com/images/I/61YmF8NQxoL._AC_SL1500_.jpg" alt="Apple 2026 MacBook Pro Laptop with Apple M5 chip with 10-core CPU and 10-core GPU: Built for AI, 14.2-inch Liquid Retina XDR Display, 32GB Unified Memory, 1TB SSD; Space Black" 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 Pro Laptop with Apple M5 chip with 10-core CPU and 10-core GPU: Built for AI, ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$2099.00</span>
              <span class="text-green-600 text-sm font-semibold">$1799.00</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-14%</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/B0GR1FWR38?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-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/arzopa-16-1-144hz-portable-gaming-monitor-106-srgb-1080p-fhd-kickstand-portable-monitor-with-hdr-ultra-slim-eye-care-external-second-screen-for-laptop-pc-ps5-mac-xbox-z1fc">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/23240/0cfca2fcbbe4e169.jpg" alt="ARZOPA 16.1&#39;&#39; 144Hz Portable Gaming Monitor 106% sRGB - Z1FC | 1080P FHD Kickstand Portable Monitor with HDR, Ultra Slim, Eye Care, External Second Screen for Laptop, PC, PS5, Mac, Xbox" 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">
            ARZOPA 16.1&#39;&#39; 144Hz Portable Gaming Monitor 106% sRGB - Z1FC | 1080P FHD Kickstand Portable Monit...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$129.99</span>
              <span class="text-green-600 text-sm font-semibold">$96.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-25%</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/B0CH9WTW56?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/the-north-face-borealis-commuter-laptop">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/55838/efb48037bb4b59e6.jpg" alt="The North Face Borealis Commuter Laptop" 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">
            The North Face Borealis Commuter Laptop
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$115.00</span>
              <span class="text-green-600 text-sm font-semibold">$80.50</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-30%</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/B0D4NN78HN?tag=dealhuntnow-20">
            <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=25&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=22&amp;search=laptop"   >22</a></span> <span class="page"><a href="/?page=23&amp;search=laptop"   >23</a></span> <span class="page"><a href="/?page=24&amp;search=laptop"   >24</a></span> <span class="page"><a href="/?page=25&amp;search=laptop"   rel="prev" >25</a></span> <span class="page active">26</span> <span class="page"><a href="/?page=27&amp;search=laptop"   rel="next" >27</a></span> <span class="page"><a href="/?page=28&amp;search=laptop"   >28</a></span> <span class="page"><a href="/?page=29&amp;search=laptop"   >29</a></span> <span class="page"><a href="/?page=30&amp;search=laptop"   >30</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=27&amp;search=laptop"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>