<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/2-pack-keyboard-cleaner-laptop-cleaning-kit-all-in-1-for-computer-pc-electronics-deep-cleaning-reusable-brush-tool-screen-safe-spray-for-iphone-ipad-macbook-airpod-camera-gaming-accessories">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/51448/d2e32f13dc3e1e7c.jpg" alt="2 Pack Keyboard Cleaner &amp; Laptop Cleaning Kit, All-in-1 for Computer PC | Electronics Deep Cleaning Reusable Brush Tool, Screen-Safe Spray, for iPhone iPad Macbook Airpod Camera, Gaming Accessories" class="w-24 h-24 sm:w-28 sm:h-28 object-contain flex-shrink-0 rounded" />

        <div class="flex-1">
          <h2 class="text-base font-semibold text-gray-900 leading-snug mb-2">
            2 Pack Keyboard Cleaner &amp; Laptop Cleaning Kit, All-in-1 for Computer PC | Electronics Deep Cleani...
          </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">$25.98</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-13%</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/B0FMXV7HMC?tag=dealhunt0d4-20">
            <i class="fa-solid fa-tag mr-1"></i> See Deal
</a>        </div>
    </div>
  </div>

        

  <div class="relative flex flex-col sm:flex-row bg-white p-4 rounded-lg shadow hover:shadow-md transition-all duration-150 hover:bg-green-100">
    <div class="flex flex-row items-start gap-4 sm:gap-4 flex-1">
      <a data-turbo="false" class="flex gap-4 flex-1 items-start" href="/products/lenovo-ideapad-slim-3-15-6-fhd-touchscreen-laptop-amd-ryzen-7-5825u-16gb-ram-512gb-ssd-windows-11-home">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/36362/a6680fd2a52a16b6.jpeg" alt="Lenovo IdeaPad Slim 3 15.6&quot; FHD Touchscreen Laptop, AMD Ryzen 7 5825U, 16GB RAM, 512GB SSD, Windows 11 Home" 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 15.6&quot; FHD Touchscreen Laptop, AMD Ryzen 7 5825U, 16GB RAM, 512GB SSD, Windo...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$949.00</span>
              <span class="text-green-600 text-sm font-semibold">$699.97</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">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%2F20122959141">
            <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/the-north-face-recon-everyday-laptop-bac">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/52205/89343bac221f6e75.jpg" alt="The North Face Recon Everyday Laptop Bac" class="w-24 h-24 sm:w-28 sm:h-28 object-contain flex-shrink-0 rounded" />

        <div class="flex-1">
          <h2 class="text-base font-semibold text-gray-900 leading-snug mb-2">
            The North Face Recon Everyday Laptop Bac
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$109.00</span>
              <span class="text-green-600 text-sm font-semibold">$76.30</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/B0DSR1CB8W?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-15-6-fhd-business-student-laptop-computer-16gb-ram-256gb-ssd-8-cores-intel-core-i3-processor-windows-11-with-plusera-earphones-8-in-1-hub-included-fingerprint-reader-natural-silver">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/19510/8b7e0c5e230dd441.jpg" alt="HP 14&quot; Business Laptop, Microsoft Office 365 with Copilot AI &amp; 1TB OneDrive, 16GB RAM 320GB Storage (256GB SSD+64GB eMMC), Dual-Core Intel Processor, Win 11, PLUSERA Earphones, Rose Gold–Best Value" 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 Laptop, Microsoft Office 365 with Copilot AI &amp; 1TB OneDrive, 16GB RAM 320GB Stora...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$499.99</span>
              <span class="text-green-600 text-sm font-semibold">$359.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">
              • Electronics
                (<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/B0G62VSJZ9?tag=matak7708-20&amp;linkCode=osi&amp;th=1&amp;psc=1">
            <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/dell-15-6-laptop-fhd-intel-core-ultra-5-225u-16gb-ram-windows-11-home-anti-glare-300-nits-wva-intel-graphics-ddr5-512gb-ssd-backlit-keyboard-wi-fi-6-carbon-black-business-ready-d15260">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/53870/2c539186a635035b.jpg" alt="Dell 15.6 Laptop, FHD, Intel Core Ultra 5 225U, 16GB RAM, Windows 11 Home | Anti-Glare 300 Nits WVA, Intel Graphics, DDR5, 512GB SSD, Backlit Keyboard, Wi-Fi 6, Carbon Black, Business Ready, D15260" 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">
            Dell 15.6 Laptop, FHD, Intel Core Ultra 5 225U, 16GB RAM, Windows 11 Home | Anti-Glare 300 Nits W...
          </h2>

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

            <p class="text-sm text-gray-500 mb-2">
              • 
                (<span class="text-green-600">Dell</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/B0GPW3BJ6V?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/sightpro-magnetic-privacy-screen-for-macbook-pro-14-inch-2021-2026-m1-m5-pro-max-patented-removable-laptop-privacy-filter-shield-and-protector">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/23203/bfba0ea898cca871.jpg" alt="SightPro Magnetic Privacy Screen for MacBook Pro 14 Inch (2021-2026, M1-M5, Pro, Max) Patented Removable Laptop Privacy Filter Shield and Protector" 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">
            SightPro Magnetic Privacy Screen for MacBook Pro 14 Inch (2021-2026, M1-M5, Pro, Max) Patented Re...
          </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">$26.98</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">
              • 
            </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/B09TD2HVVQ?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/samsung-16-galaxy-book5-pro-360-copilot-pc-ai-computer-intel-core-7-ultra-processor-3k-amoled-2880x1800-touchscreen-s-pen-120hz-dolby-atmos-student-laptop-lightweight-all-day-battery-life">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/41556/60f5b4ed35ed9e57.jpg" alt="Samsung 16” Galaxy Book5 Pro 360 Copilot+ PC, AI Computer, Intel Core 7 Ultra Processor, 3K AMOLED (2880x1800) Touchscreen, S Pen,120Hz, Dolby Atmos, Student Laptop, Lightweight, All-Day 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">
            Samsung 16” Galaxy Book5 Pro 360 Copilot+ PC, AI Computer, Intel Core 7 Ultra Processor, 3K AMOLE...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$1999.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">-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.amazon.com/dp/B0DGLSB5NC?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/atelus-usb-wired-computer-keyboard-retro-typewriter-keyboard-full-size-office-keyboard-with-number-pad-caps-indicators-foldable-stands-for-pc-laptop-desktop-windows-blue-colorful">
          <img src="https://m.media-amazon.com/images/I/61KoLYmEEOL._AC_SL1500_.jpg" alt="Atelus USB Wired Computer Keyboard - Retro Typewriter Keyboard - Full Size Office Keyboard with Number Pad, Caps Indicators, Foldable Stands, for PC Laptop Desktop Windows (Blue Colorful)" 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">
            Atelus USB Wired Computer Keyboard - Retro Typewriter Keyboard - Full Size Office Keyboard with N...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-green-600 text-sm font-semibold">$27.99</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/B0BKQ7GV4N?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-essential-laptop-14-hd-display-intel-celeron-n4120-4gb-ram-64gb-emmc-1-year-office-365-webcam-sd-card-reader-hdmi-wi-fi-windows-11-home-white">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/59340/94adae4aa8729733.png" alt="HP Essential Laptop, 14&quot; HD Display, Intel Celeron N4120, 4GB RAM, 64GB eMMC, 1 Year Office 365, Webcam, SD Card Reader, HDMI, Wi-Fi, Windows 11 Home, 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 Essential Laptop, 14&quot; HD Display, Intel Celeron N4120, 4GB RAM, 64GB eMMC, 1 Year Office 365, ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$529.00</span>
              <span class="text-green-600 text-sm font-semibold">$249.00</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">
              • 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%2F5025202020">
            <i class="fa-solid fa-tag mr-1"></i> See Deal
</a>        </div>
    </div>
  </div>

        

  <div class="relative flex flex-col sm:flex-row bg-white p-4 rounded-lg shadow hover:shadow-md transition-all duration-150 hover:bg-indigo-100">
    <div class="flex flex-row items-start gap-4 sm:gap-4 flex-1">
      <a data-turbo="false" class="flex gap-4 flex-1 items-start" href="/products/apple-2025-macbook-pro-laptop-with-apple-m5-chip-with-10core-cpu-and-10core-gpu-built-for-ai-142-inch-liquid-retina-xdr-display-16gb-unified-memory-1tb-ssd-storage-space-black">
          <img src="https://m.media-amazon.com/images/I/6112T6g2P-L._AC_SL1500_.jpg" alt="Apple 2025 MacBook Pro Laptop with Apple M5 chip with 10‑core CPU and 10‑core GPU: Built for AI, 14.2-inch Liquid Retina XDR Display, 16GB Unified Memory, 1TB SSD Storage; Space Black" class="w-24 h-24 sm:w-28 sm:h-28 object-contain flex-shrink-0 rounded" />

        <div class="flex-1">
          <h2 class="text-base font-semibold text-gray-900 leading-snug mb-2">
            Apple 2025 MacBook Pro Laptop with Apple M5 chip with 10‑core CPU and 10‑core GPU: Built for AI, ...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-red-600 line-through text-sm">$1699.00</span>
              <span class="text-green-600 text-sm font-semibold">$1546.50</span>
              <span class="bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full">-9%</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/B0FWD623D1?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/atelus-usb-wired-computer-keyboard-retro-typewriter-keyboard-full-size-office-keyboard-with-number-pad-caps-indicators-foldable-stands-for-pc-laptop-desktop-windows-black-colorful">
          <img src="https://m.media-amazon.com/images/I/71fUFXwNWrL._AC_SL1500_.jpg" alt="Atelus USB Wired Computer Keyboard - Retro Typewriter Keyboard - Full Size Office Keyboard with Number Pad, Caps Indicators, Foldable Stands, for PC Laptop Desktop Windows (Black Colorful)" 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">
            Atelus USB Wired Computer Keyboard - Retro Typewriter Keyboard - Full Size Office Keyboard with N...
          </h2>

            <div class="flex items-center gap-3 flex-wrap mb-2">
              <span class="text-green-600 text-sm font-semibold">$27.99</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/B0C28621MD?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/aula-win68-he-mechanical-gaming-keyboard-60-hall-effect-magnetic-switch-fast-trigger-mode-adjustable-actuation-8000hz-polling-rate-rgb-backlit-wired-black-keyboard-for-laptop-pc-gamer">
          <img src="https://s3.us-east-2.amazonaws.com/dealhuntnow/store/product_images/29349/7e37936a41f6418d.jpg" alt="AULA WIN68 HE Mechanical Gaming Keyboard 60%, Hall Effect Magnetic Switch, Fast Trigger Mode Adjustable Actuation, 8000Hz Polling Rate, RGB Backlit, Wired Black Keyboard for Laptop/PC Gamer" 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">
            AULA WIN68 HE Mechanical Gaming Keyboard 60%, Hall Effect Magnetic Switch, Fast Trigger Mode Adju...
          </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">$36.99</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">
              • 
            </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/B0DT43NNNF?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=67&amp;search=laptop"   >67</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>