<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/jylh-joyseeker-mobile-standing-desk-with-drawer-28-rolling-desk-with-cup-holder-and-hooks-portable-laptop-cart-on-wheels-height-adjustable-workstation-with-storage-for-home-office-white">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/33715/a86c056bfa6f3707.jpg" alt="JYLH JOYSEEKER Mobile Standing Desk with Drawer, 28&quot; Rolling Desk with Cup Holder and Hooks, Portable Laptop Cart on Wheels, Height Adjustable Workstation with Storage for Home Office, White" 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">
            JYLH JOYSEEKER Mobile Standing Desk with Drawer, 28&quot; Rolling Desk with Cup Holder and Hooks, Port...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$159.99</span>
              <span class="text-green-600 text-sm font-semibold">$135.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">
              • 
            </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/B0DGGJRBYF?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/lovevook-40l-travel-backpack-for-women-men-airline-approved-carry-on-luggage-with-3-packing-cubes-tsa-overnight-bags-waterproof-personal-item-bag-weekender-essentials-backpacks-fits-17-laptop">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20443/9c03940377f3d40a.jpg" alt="LOVEVOOK 40L Travel Backpack for Women &amp; Men, Airline Approved Carry On Luggage with 3 Packing Cubes, TSA Overnight Bags, Waterproof Personal Item Bag, Weekender Essentials Backpacks fits 17&quot; 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">
            LOVEVOOK 40L Travel Backpack for Women &amp; Men, Airline Approved Carry On Luggage with 3 Packing Cu...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$39.98</span>
              <span class="text-green-600 text-sm font-semibold">$35.98</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/B0CJY9LHK4?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/mini-projector-portable-projector-4k-full-hd-1080p-support-270-rotation-outdoor-projector-movie-projector-compatible-with-smartphone-tv-stick-laptop-ps4-hdmi-usb">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/36306/ba4e4196e4108634.jpg" alt="Mini Projector, Portable Projector 4K &amp; Full HD 1080P Support, 270° Rotation Outdoor Projector, Movie Projector Compatible with Smartphone, TV Stick, Laptop, PS4, HDMI, USB" 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">
            Mini Projector, Portable Projector 4K &amp; Full HD 1080P Support, 270° Rotation Outdoor Projector, M...
          </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">$35.99</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-28%</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/B0DSKXRMWT?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-hd-laptop-intel-celeron-n4500-8gb-ram-64gb-emmc-windows-11-home-in-s-mode-snowflake-white">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/37919/b2333deb534fdafb.png" alt="HP 14” HD Laptop, Intel Celeron N4500, 8GB RAM, 64GB eMMC, Windows 11 Home in S Mode , Snowflake White" 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” HD Laptop, Intel Celeron N4500, 8GB RAM, 64GB eMMC, Windows 11 Home in S Mode , Snowflake ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$332.79</span>
              <span class="text-green-600 text-sm font-semibold">$253.70</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-24%</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%2F17850707761">
            <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-n4500-laptop-hd-touchscreen-display-4gb-ram-64gb-emmc-windows-11-home-s-thin-lightweight-jet-black-notebook-for-work-school-1-yr-office-365">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/35979/cc7112ff9cbb8172.jpeg" alt="HP 14&quot; N4500 Laptop,HD Touchscreen Display,4GB RAM,64GB eMMC, Windows 11 Home S,Thin Lightweight Jet Black Notebook for Work School ( 1-Yr Office 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 14&quot; N4500 Laptop,HD Touchscreen Display,4GB RAM,64GB eMMC, Windows 11 Home S,Thin Lightweight ...
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • 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%2F19466671361">
            <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/pocbuds-bluetooth-headphones-wireless-earbuds-80hrs-playtime-wireless-charging-case-digital-display-sports-ear-buds-with-earhook-deep-bass-ipx7-waterproof-over-ear-earphones-for-tv-phone-laptop-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/19485/91fcc09a0cf779c2.jpg" alt="PocBuds Bluetooth Headphones Wireless Earbuds 80hrs Playtime Wireless Charging Case Digital Display Sports Ear Buds with Earhook Deep Bass IPX7 Waterproof Over-Ear Earphones for TV Phone Laptop 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">
            PocBuds Bluetooth Headphones Wireless Earbuds 80hrs Playtime Wireless Charging Case Digital Displ...
          </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">$24.64</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">
              • Electronics
            </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/B0C3W4MNN1?tag=matak7708-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/innoview-portable-monitor-15-6-inch-fhd-1080p-hdmi-usb-c-second-external-monitor-for-laptop-desktop-macbook-phones-tablet-ps5-4-xbox-switch-built-in-speaker-with-protective-case">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/19679/c0b09c7e7f95f16c.jpg" alt="InnoView Portable Monitor, 15.6 Inch FHD 1080P HDMI USB C Second External Monitor for Laptop, Desktop, MacBook, Phones, Table" 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">
            InnoView Portable Monitor, 15.6 Inch FHD 1080P HDMI USB C Second External Monitor for Laptop, Des...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-green-600 text-sm font-semibold">$99.98</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/B095GG31KX?tag=matak7708-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-17-3-business-laptop-computer-16gb-ram-256gb-ssd-10-core-intel-core-i5-processor-intel-xe-graphics-copilot-ai-windows-11-numeric-keypad-plusera-earphones-8-in-1-hub-included-jet-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20398/da4682de6c1570e6.jpg" alt="HP 17.3&quot; Business Laptop Computer, 16GB RAM 256GB SSD, 10-Core Intel Core i5 Processor, Intel Xe Graphics, Copilot AI, Windows 11, Numeric Keypad, PLUSERA Earphones &amp; 8-in-1 Hub Included, Jet 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">
            HP 17.3&quot; Business Laptop Computer, 16GB RAM 256GB SSD, 10-Core Intel Core i5 Processor, Intel Xe ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$819.99</span>
              <span class="text-green-600 text-sm font-semibold">$619.00</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/B0DTRMC4MK?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/tomtoc-travel-backpack-28l-tsa-friendly-flight-approved-carry-on-luggage-personal-item-travel-bag-water-resistant-lightweight-business-rucksack-durable-bag-fits-16-inch-laptop">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/27608/bb8950e63854aca2.jpg" alt="tomtoc Travel Backpack 28L, TSA Friendly Flight Approved Carry-on Luggage, Personal Item Travel Bag, Water-resistant Lightweight Business Rucksack, Durable Bag Fits 16 Inch 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">
            tomtoc Travel Backpack 28L, TSA Friendly Flight Approved Carry-on Luggage, Personal Item Travel B...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$89.99</span>
              <span class="text-green-600 text-sm font-semibold">$76.48</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">
              • 
            </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/B0FF4TFCW3?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/cocopar-portable-monitor-15-6-inch-1080p-fhd-60hz-85-srgb-travel-monitor-with-speaker-hdmi-usb-c-second-screen-for-laptop-macbook-surface-pc-xbox-ps4-5-vesa-mountable-with-cover-stand">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/23190/ab039847ab27d014.jpg" alt="cocopar Portable Monitor 15.6 Inch 1080P FHD 60Hz 85% sRGB Travel Monitor with Speaker HDMI USB-C Second Screen for Laptop MacBook Surface PC Xbox PS4/5, VESA Mountable, with Cover Stand" 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">
            cocopar Portable Monitor 15.6 Inch 1080P FHD 60Hz 85% sRGB Travel Monitor with Speaker HDMI USB-C...
          </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.99</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/B07ZLY26FW?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/nobis-portable-charger-20000mah-power-bank-45w-power-bank-fast-charging-battery-pack-with-c-to-c-cable-battery-bank-with-digital-display-for-iphone-android-laptop-etc-green">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/35496/81058747716268a6.jpg" alt="NOBIS Portable Charger, 20000mAh Power Bank, 45W Power Bank Fast Charging, Battery Pack with C to C Cable, Battery Bank with Digital Display for iPhone Android Laptop etc(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">
            NOBIS Portable Charger, 20000mAh Power Bank, 45W Power Bank Fast Charging, Battery Pack with C to...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$32.99</span>
              <span class="text-green-600 text-sm font-semibold">$28.04</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">
              • 
            </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/B0D63H6KKV?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-15-6-fhd-laptop-2026-edition-with-copilot-ai-16gb-ram-512gb-ssd-intel-processor-long-battery-life-lightweight-3-64-lbs-microsoft-365-windows-11-for-students-office-type-rj45-cable">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20329/47c304a9e5b0db36.jpg" alt="HP 15.6&quot; FHD Laptop 2026 Edition with Copilot AI, 8GB RAM, 256GB SSD, Intel Processor, Long Battery Life, Lightweight 3.64 lbs, Microsoft 365, Windows 11 for Students &amp; Office" 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; FHD Laptop 2026 Edition with Copilot AI, 8GB RAM, 256GB SSD, Intel Processor, Long Batte...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$799.00</span>
              <span class="text-green-600 text-sm font-semibold">$429.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/B0GRVFY42Q?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=27&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=24&amp;search=laptop"   >24</a></span> <span class="page"><a href="/?page=25&amp;search=laptop"   >25</a></span> <span class="page"><a href="/?page=26&amp;search=laptop"   >26</a></span> <span class="page"><a href="/?page=27&amp;search=laptop"   rel="prev" >27</a></span> <span class="page active">28</span> <span class="page"><a href="/?page=29&amp;search=laptop"   rel="next" >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"   >31</a></span> <span class="page"><a href="/?page=32&amp;search=laptop"   >32</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=29&amp;search=laptop"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>