<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/laptop-bag-for-women-156-inch-professional-tote-briefcase-purse-eco-friendly-leather-teacher-bag-work-bag-for-business">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/47193/f626b8cd5fc4a9ac.jpg" alt="Laptop Bag for Women 15.6 Inch, Professional Tote Briefcase Purse, Eco-friendly Leather Teacher Bag Work Bag for Business" 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">
            Laptop Bag for Women 15.6 Inch, Professional Tote Briefcase Purse, Eco-friendly Leather Teacher B...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$18.99</span>
              <span class="text-green-600 text-sm font-semibold">$16.39</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/B0G8HGVC18?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/swissdigital-design-laptop-backpack-with-usb-charging-port-travel-backpack-fits-15-6-inches-computer-31l-college-school-backpack-for-men-black-sd803-01">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/21102/9a24f736fb4cbe94.jpg" alt="Swissdigital Design Laptop Backpack with USB Charging Port, Travel Backpack Fits 15.6 inches Computer, 31L College School Backpack for Men, Black | SD803-01" 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">
            Swissdigital Design Laptop Backpack with USB Charging Port, Travel Backpack Fits 15.6 inches Comp...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$79.99</span>
              <span class="text-green-600 text-sm font-semibold">$63.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/B0DCZ7N14Z?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/ugreen-nexode-100w-gan-usb-c-charger-4-port-compact-foldable-fast-laptop-charger-power-adapter-for-macbook-pro-air-ipad-pro-iphone-17-16-15-series-galaxy-s25-s24-pixel-10-9-steam-deck-pixelbook">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/37085/c5d4287ff5305165.jpg" alt="UGREEN Nexode 100W GaN USB C Charger, 4-Port Compact Foldable Fast Laptop Charger Power Adapter for MacBook Pro/Air, iPad Pro, iPhone 17/16/15 Series, Galaxy S25/S24, Pixel 10/9, Steam Deck, Pixelbook" 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">
            UGREEN Nexode 100W GaN USB C Charger, 4-Port Compact Foldable Fast Laptop Charger Power Adapter f...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$54.99</span>
              <span class="text-green-600 text-sm font-semibold">$33.23</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/B091Z6JNX4?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-15-6-business-laptop-with-1-year-office-365-with-copliot-ai-16gb-ram-128gb-ssd-quad-cores-intel-processor-windows-11-plusera-earphones-8-in-1-hub-included-natural-silver">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/19584/c61145371ed96e58.jpg" alt="HP 15.6&quot; Business Laptop with 1-Year Office 365 with Copliot AI, 16GB RAM 128GB SSD, Quad-Cores Intel Processor, Windows 11, PLUSERA Earphones &amp; 8-in-1 Hub Included, Natural 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 15.6&quot; Business Laptop with 1-Year Office 365 with Copliot AI, 16GB RAM 128GB SSD, Quad-Cores I...
          </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">$439.97</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-32%</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/B0GGCQSLNW?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/looyotul-4k-hdmi-cable-75ft-ultra-high-speed-hdmi-2-0-cable-4k-60hz-3d-arc-gold-plated-connector-ethernet-audio-video-return-hdmi-cord-for-uhd-tv-monitor-laptop-xbox-ps4-ps5-roku-tv-ect-silvery">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/29741/7b4b85943010e120.jpg" alt="looyotul 4k Hdmi Cable 75ft Ultra High Speed HDMI 2.0 Cable 4K@60HZ 3D ARC Gold Plated Connector Ethernet Audio Video Return HDMI Cord for UHD TV Monitor Laptop Xbox PS4/PS5 Roku TV ect.(Silvery)" 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">
            looyotul 4k Hdmi Cable 75ft Ultra High Speed HDMI 2.0 Cable 4K@60HZ 3D ARC Gold Plated Connector ...
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • 
                (<span class="text-green-600">Roku</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/B0DHVF49ZS?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/anker-737-power-bank-140w-max-3-port-laptop-portable-charger-24-000mah-smart-display-compatible-with-iphone-16-15-14-series-vision-pro-samsung-macbook-and-more">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/26636/a42b038f957cf2b9.jpg" alt="ANKER 737 Power Bank, 140W Max 3-Port Laptop Portable Charger, 24,000mAh, Smart Display, Compatible with iPhone 16/15 / 14 Series, Vision Pro, Samsung, MacBook, and More" 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">
            ANKER 737 Power Bank, 140W Max 3-Port Laptop Portable Charger, 24,000mAh, Smart Display, Compatib...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$109.99</span>
              <span class="text-green-600 text-sm font-semibold">$94.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">
              • 
                (<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.amazon.com/dp/B09VPHVT2Z?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/uperfect-17-5-portable-monitor-1920x1200-fhd-16-10-ips-125-srgb-400-nits-usb-c-hdmi-laptop-extender-with-180-adjustable-stand-travel-second-screen-for-macbook-pc-phone-gaming">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/26468/e8cf8efeb169b8c7.jpg" alt="UPERFECT 17.5&quot; Portable Monitor 1920×1200 FHD 16:10 IPS 125% sRGB 400 nits USB-C &amp; HDMI Laptop Extender with 180° Adjustable Stand, Travel Second Screen for MacBook, PC, Phone &amp; Gaming" 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">
            UPERFECT 17.5&quot; Portable Monitor 1920×1200 FHD 16:10 IPS 125% sRGB 400 nits USB-C &amp; HDMI Laptop Ex...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$169.99</span>
              <span class="text-green-600 text-sm font-semibold">$109.98</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">
              • 
            </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/B0FL223CRW?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/lapgear-home-office-pro-lap-desk-with-wrist-rest-mouse-pad-and-phone-holder-black-carbon-fits-up-to-15-6-inch-laptops-style-no-91598">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/41282/f17c0a67ce7cc43e.jpg" alt="LAPGEAR Home Office Pro Lap Desk with Wrist Rest, Mouse Pad, and Phone Holder - Black Carbon - Fits up to 15.6 Inch Laptops - Style No. 91598" 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">
            LAPGEAR Home Office Pro Lap Desk with Wrist Rest, Mouse Pad, and Phone Holder - Black Carbon - Fi...
          </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/B07N9L5934?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-stream-14-inch-win-11-laptop-intel-processor-n4500-4gb-64gb-emmc-touchscreen-display-snowflake-white-12-mo-microsoft-365-included-14-dq3220nr">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/34614/85417e8048663761.jpeg" alt="HP Stream 14 inch Win 11 Laptop Intel Processor N4500 4GB 64GB eMMC Touchscreen Display Snowflake White (12-mo. Microsoft 365 included,14-dq3220nr)" 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 Stream 14 inch Win 11 Laptop Intel Processor N4500 4GB 64GB eMMC Touchscreen Display Snowflake...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$389.99</span>
              <span class="text-green-600 text-sm font-semibold">$259.99</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">
              • Windows 11 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%2F6009833527">
            <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/acer-5-in-1-usb-c-hub-with-4k-hdmi-100w-power-delivery-3-usb-a-data-ports-usb-c-to-hdmi-multiport-adapter-for-laptop-pc-tablet-macbook-neoproair-ipad-proair-imac-iphone-171615">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/41874/e8b2169811bb8996.jpg" alt="Acer 5 in 1 USB C Hub with 4K HDMI, 100W Power Delivery, 3 USB A Data Ports, USB C to HDMI Multiport Adapter for Laptop, PC, Tablet, MacBook Neo/Pro/Air, iPad Pro/Air, iMac, iPhone 17/16/15" 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">
            Acer 5 in 1 USB C Hub with 4K HDMI, 100W Power Delivery, 3 USB A Data Ports, USB C to HDMI Multip...
          </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">$12.33</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">
              • 
                (<span class="text-green-600">Acer</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/B0DCJFGW9R?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/leadstar-hdmi-cable-4k-25-ft-7-5m-high-speed-hdmi-2-0-cord-braided-4k-60hz-ultra-hd-2160p-arc-hdr-3d-hdcp-2-2-for-xbox-ps5-tv-laptop-monitor">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/48113/a67543d1f55d0548.jpg" alt="LEADSTAR HDMI Cable 4K 25 ft /7.5m, High Speed HDMI 2.0 Cord Braided | 4K@60Hz, Ultra HD, 2160p, ARC, HDR, 3D, HDCP 2.2 | for Xbox, PS5, TV, Laptop, Monitor" 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">
            LEADSTAR HDMI Cable 4K 25 ft /7.5m, High Speed HDMI 2.0 Cord Braided | 4K@60Hz, Ultra HD, 2160p, ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$15.99</span>
              <span class="text-green-600 text-sm font-semibold">$14.39</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">Xbox</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/B08P58SS2C?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-14-business-laptop-1-year-office-365-with-copilot-ai-16gb-ram-576gb-storage-64gb-ssd-512gb-sd-card-dual-core-intel-processor-windows-11-plusera-8-in-1-hub-included-rose-gold">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/29494/789cd974517a4d10.jpg" alt="HP 14&quot; Business &amp; Home Laptop Computer, 1-Year Office 365 with Copilot AI, 16GB RAM 576GB Storage (64GB SSD+512GB SD Card), Dual-Core Intel Processor, Windows 11, Rose Gold" 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; Business &amp; Home Laptop Computer, 1-Year Office 365 with Copilot AI, 16GB RAM 576GB Storage...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$479.99</span>
              <span class="text-green-600 text-sm font-semibold">$369.97</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">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/B0GY9YJJS6?tag=dealhunt0d4-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=31&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=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"><a href="/?page=31&amp;search=laptop"   rel="prev" >31</a></span> <span class="page active">32</span> <span class="page"><a href="/?page=33&amp;search=laptop"   rel="next" >33</a></span> <span class="page"><a href="/?page=34&amp;search=laptop"   >34</a></span> <span class="page"><a href="/?page=35&amp;search=laptop"   >35</a></span> <span class="page"><a href="/?page=36&amp;search=laptop"   >36</a></span> <span class="page gap">&hellip;</span> <span class="page"><a href="/?page=45&amp;search=laptop"   >45</a></span> <span class="page next"><a href="/?page=33&amp;search=laptop"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>