<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/2025-samsung-galaxy-book4-156laptop-win11pro-10core-ultra7-150u-16gb-up-to-2tb-74112">
          <img src="https://i.ebayimg.com/images/g/smoAAeSwwjdpaJcI/s-l1600.jpg" alt="2025 Samsung-Galaxy Book4 15.6&quot;Laptop Win11Pro 10core Ultra7-150U 16GB UP TO 2TB" 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">
            2025 Samsung-Galaxy Book4 15.6&quot;Laptop Win11Pro 10core Ultra7-150U 16GB UP TO 2TB
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$1939.99</span>
              <span class="text-green-600 text-sm font-semibold">$1163.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">Samsung</span>)
            </p>
        </div>
</a>    </div>

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://www.ebay.com/itm/800105224061?mkevt=1&amp;mkcid=1&amp;mkrid=711-53200-19255-0&amp;campid=5339115653&amp;toolid=10001">
            <i class="fa-solid fa-tag mr-1"></i> See Deal
</a>        </div>
    </div>
  </div>

        

  <div class="relative flex flex-col sm:flex-row bg-white p-4 rounded-lg shadow hover:shadow-md transition-all duration-150 hover:bg-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/btootos-wireless-earbuds-bluetooth-5-3-headphones-bass-stereo-ear-buds-with-noise-cancelling-mic-led-display-in-ear-earphones-ip7-waterproof-36h-playtime-for-laptop-pad-phones-sports-graphite-gray">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/28904/ebaaa0cb20574529.jpg" alt="Btootos Wireless Earbuds Bluetooth 5.3 Headphones Bass Stereo Ear Buds with Noise Cancelling Mic LED Display in Ear Earphones IP7 Waterproof 36H Playtime for Laptop Pad Phones Sports Graphite 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">
            Btootos Wireless Earbuds Bluetooth 5.3 Headphones Bass Stereo Ear Buds with Noise Cancelling Mic ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$36.99</span>
              <span class="text-green-600 text-sm font-semibold">$23.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/B0CX1TYYBM?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/2-pack-128gb-usb-c-flash-drive-2-in-1-otg-dual-usb-a-type-c-memory-stick-plug-and-play-thumb-drive-for-iphone-151617-android-tablet-laptop-pc-silverblue">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/47444/345fc6fa5ff74fd0.jpg" alt="2-Pack 128GB USB C Flash Drive, 2-in-1 OTG Dual USB-A &amp; Type-C Memory Stick, Plug and Play Thumb Drive for iPhone 15/16/17, Android, Tablet, Laptop, PC (Silver/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">
            2-Pack 128GB USB C Flash Drive, 2-in-1 OTG Dual USB-A &amp; Type-C Memory Stick, Plug and Play Thumb ...
          </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">$23.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/B0FR4Q7DML?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-2026-ultrabook-laptop-for-students-home-microsoft-office-365-with-copliot-ai-16gb-ram-128gb-storage-500gb-ext-hdd-quad-cores-intel-processor-windows-11-lightweight-long-battery-life">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/29440/91e4d82a4b1cb27b.jpg" alt="HP 2026 Ultrabook Laptop for Students &amp; Home, Microsoft Office 365 with Copliot AI, 16GB RAM, 128GB Storage + 500GB EXT HDD, Quad-Cores Intel Processor, Windows 11, Lightweight, Long battery life" class="w-24 h-24 sm:w-28 sm:h-28 object-contain flex-shrink-0 rounded" />

        <div class="flex-1">
          <h2 class="text-base font-semibold text-gray-900 leading-snug mb-2">
            HP 2026 Ultrabook Laptop for Students &amp; Home, Microsoft Office 365 with Copliot AI, 16GB RAM, 128...
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • 
            </p>
        </div>
</a>    </div>

    <div class="flex items-center mt-2 sm:mt-0 sm:ml-4 ml-auto">
        <div class="flex gap-2 flex-wrap justify-end">
          <a target="_blank" rel="nofollow" class="bg-green-600 hover:bg-green-700 text-white text-xs font-semibold px-4 py-2 rounded transition flex items-center justify-center" href="https://www.amazon.com/dp/B0GSGC3RQD?tag=dealhunt0d4-20">
            <i class="fa-solid fa-tag mr-1"></i> See Deal
</a>        </div>
    </div>
  </div>

        

  <div class="relative flex flex-col sm:flex-row bg-white p-4 rounded-lg shadow hover:shadow-md transition-all duration-150 hover:bg-indigo-100">
    <div class="flex flex-row items-start gap-4 sm:gap-4 flex-1">
      <a data-turbo="false" class="flex gap-4 flex-1 items-start" href="/products/hp-14-laptop-computer-for-2026-student-business-productivity-ms-office-win-11-pro-copilot-ai-intel-4-core-cpu-4gb-ddr5-ram-628gb-storage-128gb-ufs-500gb-ext-wi-fi-6-hubxceladdon-rose-gold">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/45674/848f2a17eab85e10.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, 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; 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/B0GV64JHP1?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/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://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/41979/01201e1a213523fa.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-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/oneodio-wired-over-ear-headphones-hi-res-studio-monitor-mixing-dj-stereo-headsets-with-50mm-drivers-and-1-4-to-3-5mm-jack-for-amp-computer-recording-podcast-keyboard-guitar-laptop-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/20426/8945e143fb4b9304.jpg" alt="OneOdio Wired Over Ear Headphones Hi-Res Studio Monitor &amp; Mixing DJ Stereo Headsets with 50mm Drivers and 1/4 to 3.5mm Jack for AMP Computer Recording Podcast Keyboard Guitar 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">
            OneOdio Wired Over Ear Headphones Hi-Res Studio Monitor &amp; Mixing DJ Stereo Headsets with 50mm Dri...
          </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">$27.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/B01N6ZJH96?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/hp-home-and-student-essential-laptop-with-microsoft-365-8gb-ram-intel-inside-anti-glare-display-64gb-ssd-fast-charge-and-12hrs-battery-high-performance-no-mouse">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/37127/ddb9206e4d6760d3.jpg" alt="HP Home and Student Essential Laptop with Microsoft 365-8GB RAM - Intel Inside | Anti-Glare Display, 64GB SSD, Fast Charge and 12hrs Battery, high Performance, no Mouse" class="w-24 h-24 sm:w-28 sm:h-28 object-contain flex-shrink-0 rounded" />

        <div class="flex-1">
          <h2 class="text-base font-semibold text-gray-900 leading-snug mb-2">
            HP Home and Student Essential Laptop with Microsoft 365-8GB RAM - Intel Inside | Anti-Glare Displ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$399.99</span>
              <span class="text-green-600 text-sm font-semibold">$299.96</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">
              • 
                (<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/B0G228KLHV?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/lenovo-ideapad-slim-3-15-touchscreen-laptop-ryzen-7-8840hs-16gb-512-ssd-83ka000qus">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/43159/0b11a8df1ba549b8.jpeg" alt="Lenovo IdeaPad Slim 3 &quot;15 Touchscreen Laptop, Ryzen 7 8840HS, 16GB, 512 SSD 83KA000QUS" class="w-24 h-24 sm:w-28 sm:h-28 object-contain flex-shrink-0 rounded" />

        <div class="flex-1">
          <h2 class="text-base font-semibold text-gray-900 leading-snug mb-2">
            Lenovo IdeaPad Slim 3 &quot;15 Touchscreen Laptop, Ryzen 7 8840HS, 16GB, 512 SSD 83KA000QUS
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$739.99</span>
              <span class="text-green-600 text-sm font-semibold">$549.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">
              • 
                (<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%2F13856019360">
            <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/bamboo-bed-tray-table-with-foldable-legs-breakfast-tray-for-sofa-bed-eating-working-used-as-laptop-desk-snack-tray-by-pipishell">
          <img src="https://m.media-amazon.com/images/I/71FLds5cN3L._AC_SL1500_.jpg" alt="Bamboo Bed Tray Table with Foldable Legs, Breakfast Tray for Sofa, Bed, Eating, Working, Used As Laptop Desk Snack Tray by Pipishell" 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">
            Bamboo Bed Tray Table with Foldable Legs, Breakfast Tray for Sofa, Bed, Eating, Working, Used As ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-green-600 text-sm font-semibold">$25.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/B088K4X3YJ?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/logitech-mk270-wireless-keyboard-and-mouse-combo-for-windows-2-4-ghz-wireless-compact-mouse-8-multimedia-and-shortcut-keys-2-year-battery-life-for-pc-laptop-black">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/29254/c8e81cd9de01f178.jpg" alt="Logitech MK270 Wireless Keyboard and Mouse Combo for Windows, 2.4 GHz Wireless, Compact Mouse, 8 Multimedia and Shortcut Keys, 2-Year Battery Life, for PC, 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">
            Logitech MK270 Wireless Keyboard and Mouse Combo for Windows, 2.4 GHz Wireless, Compact Mouse, 8 ...
          </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">$23.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/B079JLY5M5?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/apple-2024-macbook-air-13-inch-laptop-with-m3-chip-built-for-apple-intelligence-136-inch-liquid-retina-display-16gb-unified-memory-512gb-ssd-storage-backlit-keyboard-touch-id-starlight">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/41687/8c1786c48b0ad947.jpg" alt="Apple 2024 MacBook Air 13-inch Laptop with M3 chip: Built for Apple Intelligence, 13.6-inch Liquid Retina Display, 16GB Unified Memory, 512GB SSD Storage, Backlit Keyboard, Touch ID; Starlight" class="w-24 h-24 sm:w-28 sm:h-28 object-contain flex-shrink-0 rounded" />

        <div class="flex-1">
          <h2 class="text-base font-semibold text-gray-900 leading-snug mb-2">
            Apple 2024 MacBook Air 13-inch Laptop with M3 chip: Built for Apple Intelligence, 13.6-inch Liqui...
          </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">$799.00</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">
              • 
                (<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/B0CX24BNQC?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=14&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=11&amp;search=laptop"   >11</a></span> <span class="page"><a href="/?page=12&amp;search=laptop"   >12</a></span> <span class="page"><a href="/?page=13&amp;search=laptop"   >13</a></span> <span class="page"><a href="/?page=14&amp;search=laptop"   rel="prev" >14</a></span> <span class="page active">15</span> <span class="page"><a href="/?page=16&amp;search=laptop"   rel="next" >16</a></span> <span class="page"><a href="/?page=17&amp;search=laptop"   >17</a></span> <span class="page"><a href="/?page=18&amp;search=laptop"   >18</a></span> <span class="page"><a href="/?page=19&amp;search=laptop"   >19</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=16&amp;search=laptop"   rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></span></nav>
  </div>
</template></turbo-stream>