<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/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-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-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-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/lenovo-ideapad-business-laptop-15-6-fhd-touchscreen-display-2026-edition-intel-10-core-i5-cpu-16gb-ram-512gb-ssd-wifi-6-copilot-ai-windows-11">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/38278/2a9c22f279d963fd.jpg" alt="Lenovo IdeaPad Business Laptop • 15.6&quot; FHD Touchscreen Display • 2026 Edition • Intel 10-Core i5 CPU • 16GB RAM • 512GB SSD • WiFi 6 • Copilot AI • 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 Business Laptop • 15.6&quot; FHD Touchscreen Display • 2026 Edition • Intel 10-Core i5 ...
          </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">$569.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-37%</span>
            </div>

            <p class="text-sm text-gray-500 mb-2">
              • 
                (<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://www.amazon.com/dp/B0GS3JD1LX?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/portable-laptop-stand-include-storage-bag-adjustable-folding-aluminum-stand-compatible-with-10-156-inch-laptops-ipad-tablet-silver">
          <img src="https://m.media-amazon.com/images/I/514279kNBiL._AC_.jpg" alt="Portable Laptop Stand (Include Storage Bag), Adjustable Folding Aluminum Stand, Compatible with 10-15.6 Inch Laptops, iPad, Tablet. 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">
            Portable Laptop Stand (Include Storage Bag), Adjustable Folding Aluminum Stand, Compatible with 1...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$14.99</span>
              <span class="text-green-600 text-sm font-semibold">$7.49</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/B0FSDW9R5T?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-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/tecknet-laptop-stand-for-desk-360-rotating-base-ergonomic-foldable-computer-stand-for-laptop-riser-height-adjustable-compatible-with-macbook-pro-all-laptops-10-17-silver">
          <img src="https://m.media-amazon.com/images/I/71d3Q7qLk+L._AC_SL1500_.jpg" alt="TECKNET Laptop Stand for Desk, 360 Rotating Base, Ergonomic Foldable Computer Stand for Laptop Riser Height Adjustable, Compatible with MacBook Pro, All Laptops 10-17&quot; - 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">
            TECKNET Laptop Stand for Desk, 360 Rotating Base, Ergonomic Foldable Computer Stand for Laptop Ri...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$26.99</span>
              <span class="text-green-600 text-sm font-semibold">$16.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-37%</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/B0F99LBC8Q?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/tecknet-laptop-cooling-pad-12-156-laptops-cooler-powerful-cooler-and-ultra-quiet-for-gaming-laptops-pad-2-wind-speed-adjustable-usb-a-c-powered-cooler-stand-with-laptop-fan-led-red">
          <img src="https://m.media-amazon.com/images/I/71+ckF7SM0L._AC_SL1500_.jpg" alt="TECKNET Laptop Cooling Pad - 12&quot;-15.6&quot; Laptops Cooler, Powerful Cooler and Ultra Quiet for Gaming Laptops Pad, 2 Wind Speed Adjustable, USB A &amp; C Powered Cooler Stand with Laptop Fan LED (Red)" 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">
            TECKNET Laptop Cooling Pad - 12&quot;-15.6&quot; Laptops Cooler, Powerful Cooler and Ultra Quiet for Gaming...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$29.99</span>
              <span class="text-green-600 text-sm font-semibold">$26.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/B0DJVGN22M?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-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/zagg-pro-keys-2-ipad-pro-13-m5-pro-13-m4-keyboard-case-wireless-keyboard-detachable-folio-case-laptop-style-backlit-keys-multi-pairing-bluetooth-66-ft-drop-protection">
          <img src="https://m.media-amazon.com/images/I/61gHsatf+zL._AC_SL1500_.jpg" alt="ZAGG Pro Keys 2 iPad Pro 13&quot; (M5)/ Pro 13&quot; (M4) Keyboard Case - Wireless Keyboard &amp; Detachable Folio Case | Laptop-Style Backlit Keys, Multi-Pairing Bluetooth, 6.6 ft Drop Protection" 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">
            ZAGG Pro Keys 2 iPad Pro 13&quot; (M5)/ Pro 13&quot; (M4) Keyboard Case - Wireless Keyboard &amp; Detachable Fo...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$149.99</span>
              <span class="text-green-600 text-sm font-semibold">$64.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/B0DBX3MF6N?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/rnruo-14-laptop-with-windows-11-16gb-ram-512gb-ssd-fhd-screen-usb-c-pd-charing-office-2024-included-portable-laptop-for-students-and-home-use-gray">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/54980/ad0ecc06892f21fa.jpeg" alt="RNRUO 14&quot; Laptop with Windows 11, 16GB RAM 512GB SSD, FHD Screen USB-C PD Charing, Office 2024 Included, Portable Laptop for Students and Home Use, Gray" 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">
            RNRUO 14&quot; Laptop with Windows 11, 16GB RAM 512GB SSD, FHD Screen USB-C PD Charing, Office 2024 In...
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • Ultrabooks
                (<span class="text-green-600">RNRUO</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%2F17818106637">
            <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/kate-spade-new-york-puffer-laptop-sleeve-14-inch-classic-leopard-for-13-to-14-inch-macbook-pro-m3-maxm3m2m2m1-maxm1-pro">
          <img src="https://m.media-amazon.com/images/I/71ixZO+GDPL._AC_SL1444_.jpg" alt="kate spade new york Puffer Laptop Sleeve 14 Inch - Classic Leopard - for 13 to 14 inch MacBook Pro M3 Max/M3/M2/M2/M1 Max/M1 Pro" 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">
            kate spade new york Puffer Laptop Sleeve 14 Inch - Classic Leopard - for 13 to 14 inch MacBook Pr...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$49.99</span>
              <span class="text-green-600 text-sm font-semibold">$34.99</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/B0CLWGC1Z1?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-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/swissgear-1900-scansmart-tsa-laptop-backpack-fits-17-inch-laptop-with-rfid-protection-and-tablet-pocket-greyblack-19-inch">
          <img src="https://m.media-amazon.com/images/I/810ZhJKqrwL._AC_SL1500_.jpg" alt="SWISSGEAR 1900 ScanSmart TSA Laptop Backpack Fits 17 Inch Laptop with RFID Protection and Tablet Pocket, Grey/Black, 19-Inch" 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">
            SWISSGEAR 1900 ScanSmart TSA Laptop Backpack Fits 17 Inch Laptop with RFID Protection and Tablet ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$99.00</span>
              <span class="text-green-600 text-sm font-semibold">$58.95</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">
              • 
            </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/B00ESKY9FU?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/lenovo-b325-laptop-backpack-grey-17-inch-water-resistant-travel-backpack-with-external-usb-port-anti-theft-design-luggage-strap-for-men-women-perfect-for-work-school-and-travel">
          <img src="https://m.media-amazon.com/images/I/919u5EsRDHL._AC_SL1500_.jpg" alt="Lenovo B325 Laptop Backpack, Grey, 17-Inch, Water-Resistant Travel Backpack with External USB Port, Anti-Theft Design, Luggage Strap, for Men &amp; Women, Perfect for Work, School, and Travel" 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 B325 Laptop Backpack, Grey, 17-Inch, Water-Resistant Travel Backpack with External USB Por...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$29.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">-40%</span>
            </div>

            <p class="text-sm text-gray-500 mb-2">
              • 
                (<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://www.amazon.com/dp/B0DL4SDY9R?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-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/microsoft-surface-pro-2-in-1-laptoptablet-2024-windows-11-copilot-pc-13-touchscreen-display-snapdragon-x-plus-10-core-16gb-ram-512gb-storage-sapphire">
          <img src="https://m.media-amazon.com/images/I/61gqAb-yLSL._AC_SL1500_.jpg" alt="Microsoft Surface Pro 2-in-1 Laptop/Tablet (2024), Windows 11 Copilot+ PC, 13&quot; Touchscreen Display, Snapdragon X Plus (10 Core), 16GB RAM, 512GB Storage, Sapphire" 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">
            Microsoft Surface Pro 2-in-1 Laptop/Tablet (2024), Windows 11 Copilot+ PC, 13&quot; Touchscreen Displa...
          </h2>

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