<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Buy Coffee Machines and Coffee Makers for Your Home</title>
<meta name="csrf-token" content="ALVUgtgUKBuATPQvrz91vNDX5MomsXDzvjWjD9Al">
<meta name="description" content="Discover the best coffee machines and makers that brew your perfect cup. Explore top picks for every budget and enjoy fresh, delicious coffee at home!">
<meta name="keywords" content="best coffee machines, coffee makers for sale, coffee beans for sale, perfect brew companion, elevate coffee experience, coffee machines and makers, brew your perfect cup, top coffee picks, coffee for every budget, fresh delicious coffee, home coffee equip...">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Coffeee">
<meta property="og:title" content="Best Coffee Machines And Coffee Makers For Sale">
<meta property="og:url" content="https://www.coffeee.uk/">
<meta property="og:description" content="Discover the best coffee machines and makers that brew your perfect cup. Explore top picks for every budget and enjoy fresh, delicious coffee at home!">
<meta property="og:image" content="https://cdn.freshstore.cloud/template/images/15426/7/c/coffeee-logo-icon-png-original.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="">
<meta name="twitter:title" content="Best Coffee Machines And Coffee Makers For Sale">
<meta name="twitter:description" content="Discover the best coffee machines and makers that brew your perfect cup. Explore top picks for every budget and enjoy fresh, delicious coffee at home!">
<meta name="twitter:image" content="https://cdn.freshstore.cloud/template/images/15426/7/c/coffeee-logo-icon-png-original.png">
            <link rel="canonical" href="https://www.coffeee.uk/"/>
    
    
    <link rel="icon" href="/icon-512.png" sizes="512x512">
    <link rel="icon" href="/icon-192.png" sizes="192x192">

    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
    <link rel="manifest" href="/manifest.webmanifest">
    <link rel="stylesheet" href="https://rsms.me/inter/inter.css">

    <link rel="preload" as="style" href="https://www.coffeee.uk/build/assets/app-CImCeN6g.css" /><link rel="modulepreload" href="https://www.coffeee.uk/build/assets/app-D-eBAof-.js" /><link rel="stylesheet" href="https://www.coffeee.uk/build/assets/app-CImCeN6g.css" data-navigate-track="reload" /><script type="module" src="https://www.coffeee.uk/build/assets/app-D-eBAof-.js" data-navigate-track="reload"></script>
            <link rel="stylesheet" href="https://cdn.freshstore.cloud/template/crystal/fonts/outfit.css">
<link rel="preload" href="https://cdn.freshstore.cloud/template/crystal/fonts/outfit-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="https://cdn.freshstore.cloud/template/crystal/fonts/outfit-bold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.freshstore.cloud/template/crystal/fonts/raleway.css">
<link rel="preload" href="https://cdn.freshstore.cloud/template/crystal/fonts/raleway-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="https://cdn.freshstore.cloud/template/crystal/fonts/raleway-bold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.freshstore.cloud/template/crystal/fonts/inter.css">
<link rel="preload" href="https://cdn.freshstore.cloud/template/crystal/fonts/inter-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="https://cdn.freshstore.cloud/template/crystal/fonts/inter-bold.woff2" as="font" type="font/woff2" crossorigin="anonymous">


        <style>
            :root {
                --font-title: 'Outfit', sans-serif;
                --font-subtitle: 'Raleway', sans-serif;
                --font-body: 'Inter', sans-serif;
            }
        </style>
    

    
    <script type="text/javascript">
        window.debugMode = false;
    </script>

    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>

    <script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","name":"Coffeee","url":"https://www.coffeee.uk"},{"@type":"WebPage","name":"Store Home","headline":"Best Coffee Machines And Coffee Makers For Sale","description":"Discover your perfect brew companion to elevate your coffee experience at home","datePublished":"2024-12-14T04:43:02+00:00","dateModified":"2025-07-16T23:30:02+00:00","publisher":{"@type":"Organization","name":"Coffeee"},"mainEntityOfPage":"https://www.coffeee.uk/","keywords":"best coffee machines, coffee makers for sale, coffee beans for sale, perfect brew companion, elevate coffee experience, coffee machines and makers, brew your perfect cup, top coffee picks, coffee for every budget, fresh delicious coffee, home coffee equipment, best coffee brewers, affordable coffee machines, espresso machines for sale, coffee grinder options, specialty coffee beans, how to brew coffee, coffee gifts, home brewing essentials, convenient coffee solutions"}]}</script>

    <meta name="google-site-verification" content="wrA9qTV1V_H6RJttIEt7NCmujLZzO61tWHenRkO_SXg" />
<meta name="linksindexer-site-verification" content="53d2b8fa8e3daf2d7eccbddb5e0f96b8d2b764db076af5cd80a503a9170e869f">

    <link rel="alternate" type="application/rss+xml" href="https://www.coffeee.uk/feed/products-new.rss" title="New Products">
    <link rel="alternate" type="application/rss+xml" href="https://www.coffeee.uk/feed/products-old.rss" title="Old Products">
    <link rel="alternate" type="application/rss+xml" href="https://www.coffeee.uk/feed/products-updated.rss" title="Recently Updated Products">
    <link rel="alternate" type="application/rss+xml" href="https://www.coffeee.uk/feed/products-random.rss" title="Random Products">
    <link rel="alternate" type="application/rss+xml" href="https://www.coffeee.uk/feed/products-popular.rss" title="Popular Products">
    <link rel="alternate" type="application/rss+xml" href="https://www.coffeee.uk/feed/articles-new.rss" title="New Articles">
    <link rel="alternate" type="application/rss+xml" href="https://www.coffeee.uk/feed/articles-old.rss" title="Old Articles">
    <link rel="alternate" type="application/rss+xml" href="https://www.coffeee.uk/feed/articles-updated.rss" title="Recently Updated Articles">
    <link rel="alternate" type="application/rss+xml" href="https://www.coffeee.uk/feed/articles-random.rss" title="Random Articles">
    <link rel="alternate" type="application/rss+xml" href="https://www.coffeee.uk/feed/articles-popular.rss" title="Popular Articles">
    <link rel="alternate" type="application/rss+xml" href="https://www.coffeee.uk/feed/product-category.rss" title="New Products in Category">
    <link rel="alternate" type="application/rss+xml" href="https://www.coffeee.uk/feed/article-category.rss" title="New Articles in Category">

</head>

    <body
        class="skin-bookworm font-body font-normal !text-base [&amp;_.prose]:!text-base text-skin-base"
        style="background-color: #FFFFFF;"
    >

<div wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;voqEEu5qnJy90zU3tZ0A&quot;,&quot;name&quot;:&quot;toast&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:{&quot;lw-3436471034-0&quot;:[&quot;div&quot;,&quot;a0Ae1wEVpINcszpAaoLJ&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;SE&quot;},&quot;checksum&quot;:&quot;cbf70d2aef75c9169136d572eea9c221c16ad1d3ee14c142a1ea7717f7fed1db&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;pageLoaded&quot;]}" wire:id="voqEEu5qnJy90zU3tZ0A">
    <div wire:snapshot="{&quot;data&quot;:{&quot;defaultDuration&quot;:5000,&quot;loadDelay&quot;:400,&quot;prod&quot;:true,&quot;toasts&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;a0Ae1wEVpINcszpAaoLJ&quot;,&quot;name&quot;:&quot;toasts&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;SE&quot;},&quot;checksum&quot;:&quot;482b21fb324e7b2f9e5fa73f195c7c52aeb3aeb54fe3004289acc194e3459f2e&quot;}" wire:effects="[]" wire:id="a0Ae1wEVpINcszpAaoLJ"
    x-data='ToastComponent($wire)'
    @mouseleave="scheduleRemovalWithOlder()"
    class="fixed top-0 right-0 z-50 p-4 space-y-3 w-full max-w-sm pointer-events-none ltr:right-0 rtl:left-0 toasts-container sm:p-6"
    style="z-index:999;"
>
    <template
        x-for="toast in toasts.filter((a)=>a)"
        :key="toast.index"
    >
        <div
            @mouseenter="cancelRemovalWithNewer(toast.index)"
            @mouseleave="scheduleRemovalWithOlder(toast.index)"
            @click="remove(toast.index)"
            x-show="toast.show===1"
            x-transition:enter="ease-out duration-500 transition"
            x-transition:enter-start="translate-y-2 opacity-0 sm:translate-y-0 ltr:sm:translate-x-10 rtl:sm:-translate-x-10"
            x-transition:enter-end="translate-y-0 opacity-100 ltr:sm:translate-x-0"
            x-transition:leave="transition ease-in duration-500"
            x-transition:leave-start="opacity-100"
            x-transition:leave-end="opacity-0"
            x-init="$nextTick(()=>{toast.show=1})"
        >
            <div>
    <div
        class="overflow-hidden z-50 p-5 bg-white rounded-md shadow cursor-pointer pointer-events-auto select-none ltr:border-l-8 rtl:border-r-8 hover:bg-gray-50 dark:hover:bg-gray-900 dark:bg-black"
        x-bind:class="{
                    'border-blue-700': toast.type === 'info',
                    'border-green-700': toast.type === 'success',
                    'border-yellow-700': toast.type === 'warning',
                    'border-red-700': toast.type === 'danger'
                  }"
    >
        <div class="flex justify-between items-center space-x-5 rtl:space-x-reverse">
            <div class="flex-1 ltr:mr-2 rtl:ml-2">
                <div
                    class="mb-1 text-lg font-black text-gray-900 uppercase font-large dark:text-gray-100"
                    x-html="toast.title"
                    x-show="toast.title !== undefined"
                ></div>

                <div
                    class="text-gray-900 dark:text-gray-200"
                    x-show="toast.message !== undefined"
                    x-html="toast.message"
                ></div>
            </div>

            <template x-if="toast.type==='debug'">
    <svg
        class="w-8 h-8 text-gray-700"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 512 512"
    >
        <path
            fill="currentColor"
            d="M511.988 288.9c-.478 17.43-15.217 31.1-32.653 31.1H424v16c0 21.864-4.882 42.584-13.6 61.145l60.228 60.228c12.496 12.497 12.496 32.758 0 45.255-12.498 12.497-32.759 12.496-45.256 0l-54.736-54.736C345.886 467.965 314.351 480 280 480V236c0-6.627-5.373-12-12-12h-24c-6.627 0-12 5.373-12 12v244c-34.351 0-65.886-12.035-90.636-32.108l-54.736 54.736c-12.498 12.497-32.759 12.496-45.256 0-12.496-12.497-12.496-32.758 0-45.255l60.228-60.228C92.882 378.584 88 357.864 88 336v-16H32.666C15.23 320 .491 306.33.013 288.9-.484 270.816 14.028 256 32 256h56v-58.745l-46.628-46.628c-12.496-12.497-12.496-32.758 0-45.255 12.498-12.497 32.758-12.497 45.256 0L141.255 160h229.489l54.627-54.627c12.498-12.497 32.758-12.497 45.256 0 12.496 12.497 12.496 32.758 0 45.255L424 197.255V256h56c17.972 0 32.484 14.816 31.988 32.9zM257 0c-61.856 0-112 50.144-112 112h224C369 50.144 318.856 0 257 0z"
            class=""
        ></path>
    </svg>
</template>

<template x-if="toast.type==='info'">
    <svg
        class="w-8 h-8 text-blue-700"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 192 512"
    >
        <path
            fill="currentColor"
            fill-opacity="0.5"
            d="M20 448h152a20 20 0 0 1 20 20v24a20 20 0 0 1-20 20H20a20 20 0 0 1-20-20v-24a20 20 0 0 1 20-20z"
        />
        <path
            fill="currentColor"
            d="M96 128a64 64 0 1 0-64-64 64 64 0 0 0 64 64zm28 64H20a20 20 0 0 0-20 20v24a20 20 0 0 0 20 20h28v192h96V212a20 20 0 0 0-20-20z"
        />
    </svg>
</template>

<template x-if="toast.type==='success'">
    <svg
        class="w-8 h-8 text-green-700"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 512 512"
    >
        <path
            fill="currentColor"
            d="M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z"
        ></path>
    </svg>
</template>

<template x-if="toast.type==='warning'">
    <svg
        class="w-8 h-8 text-yellow-700"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 192 512"
    >
        <path
            fill="currentColor"
            fill-opacity="0.5"
            d="M49.22 0h93.56a24 24 0 0 1 24 25.2l-13.63 272a24 24 0 0 1-24 22.8H62.84a24 24 0 0 1-24-22.8l-13.59-272A24 24 0 0 1 49.22 0z"
        ></path>
        <path
            fill="currentColor"
            d="M96 512a80 80 0 1 1 80-80 80.09 80.09 0 0 1-80 80z"
        ></path>
    </svg>
</template>

<template x-if="toast.type==='danger'">
    <svg
        class="w-8 h-8 text-red-700"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 576 512"
    >
        <path
            fill="currentColor"
            fill-opacity="0.5"
            d="M569.52 440L329.58 24c-18.44-32-64.69-32-83.16 0L6.48 440c-18.42 31.94 4.64 72 41.57 72h479.89c36.87 0 60.06-40 41.58-72zM288 448a32 32 0 1 1 32-32 32 32 0 0 1-32 32zm38.24-238.41l-12.8 128A16 16 0 0 1 297.52 352h-19a16 16 0 0 1-15.92-14.41l-12.8-128A16 16 0 0 1 265.68 192h44.64a16 16 0 0 1 15.92 17.59z"
        ></path>
        <path
            fill="currentColor"
            d="M310.32 192h-44.64a16 16 0 0 0-15.92 17.59l12.8 128A16 16 0 0 0 278.48 352h19a16 16 0 0 0 15.92-14.41l12.8-128A16 16 0 0 0 310.32 192zM288 384a32 32 0 1 0 32 32 32 32 0 0 0-32-32z"
        ></path>
    </svg>
</template>
        </div>
    </div>

</div>
        </div>
    </template>
</div>
</div>



    
    
    <div class="" x-data="{ mobileMenuOpen: false }" @keydown.window.escape="mobileMenuOpen = false">

        <div x-cloak x-show="mobileMenuOpen" id="navigation-top-mobile">

    <div class="fixed inset-0 flex z-50 lg:hidden" role="dialog" aria-modal="true" x-show="mobileMenuOpen">

        <div class="fixed inset-0 bg-black bg-opacity-25"
             aria-hidden="true"
             x-show="mobileMenuOpen"
             x-transition:enter="transition-opacity ease-linear duration-300"
             x-transition:enter-start="transform opacity-0 scale-95"
             x-transition:enter-end="transform opacity-100 scale-100"
             x-transition:leave="transition-opacity ease-linear duration-300"
             x-transition:leave-start="transform opacity-100 scale-100"
             x-transition:leave-end="transform opacity-0 scale-95"
             @click.prevent="mobileMenuOpen = false"
        ></div>

        <div class="relative max-w-xs w-full bg-white shadow-xl pb-12 flex flex-col overflow-y-auto"
             x-show="mobileMenuOpen"
             x-transition:enter="transition ease-in-out duration-300 transform"
             x-transition:enter-start="-translate-x-full"
             x-transition:enter-end="translate-x-0"
             x-transition:leave="transition ease-in-out duration-300 transform"
             x-transition:leave-start="translate-x-0"
             x-transition:leave-end="-translate-x-full"
        >
            <div class="px-4 pt-5 pb-2 flex">
                <button type="button" class="-m-2 p-2 rounded-md inline-flex items-center justify-center text-gray-400" @click.prevent="mobileMenuOpen = false">
                    <span class="sr-only">Close Menu</span>
                    <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>                </button>
            </div>

            <div class="py-6 px-4 space-y-6">
                <div class="flow-root">
                    <form action="https://www.coffeee.uk/search" method="GET" class="flex lg:hidden">
                        <input type="text" name="q" value="" class="block w-1/2 mr-2 px-4 py-2 w-full font-medium text-gray-600 border-gray-300 rounded-md shadow-xs focus:ring-skin-accent focus:border-skin-accent">
                        <button type="submit" class="-m-2 p-2 text-gray-400 hover:text-gray-500 focus:ring-skin-accent">
                            <span class="sr-only">Search</span>
                            <svg class="h-8 w-8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>                        </button>
                    </form>
                </div>
            </div>

            <!-- Links -->
            <div class="mt-2">

                
                    
                    <div class="border-t border-gray-200 px-4" x-data="{show: false}">

                        <h3>
                            <button @click.prevent="show = !show" class="group relative w-full py-6 flex justify-between items-center text-left" type="button" :aria-expanded="show">
                                <span class="text-gray-900 whitespace-nowrap text-base font-medium">Categories</span>
                                <span class="ml-6 flex items-center">
                                    <svg x-show="!show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>                                    <svg x-show="show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13H5v-2h14v2z"/></svg>                                </span>
                            </button>
                        </h3>

                        <div class="pt-6 pb-12 space-y-12" x-show="show" x-transition.duration.200ms>
                                <div class="grid grid-cols-1 items-start gap-y-10 gap-x-6">
                                                                            <div>
                                            <p id="mobile-featured-heading-7" class="font-medium text-gray-700 ml-2">
                                                <a href="/categories/coffee-machines">
                                                    Coffee Machines
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-7" class="ml-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/categories/bean-to-cup-coffee-machines" class="text-gray-500">
                                                                Bean Cup Coffee Machines
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/drip-filter-coffee-machines" class="text-gray-500">
                                                                Drip Filter Coffee Machines
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/espresso-coffee-machines" class="text-gray-500">
                                                                Espresso Coffee Machines
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/pod-and-capsule-coffee-machines" class="text-gray-500">
                                                                Pod &amp; Capsule Coffee Machines
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/single-serve-coffee-machines" class="text-gray-500">
                                                                Single Serve Coffee Machines
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-7" class="font-medium text-gray-700 ml-2">
                                                <a href="/categories/coffee-makers">
                                                    Coffee Makers
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-7" class="ml-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/categories/cold-brew-coffee-makers" class="text-gray-500">
                                                                Cold Brew Coffee Makers
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/cafetiere-french-press-coffee-makers" class="text-gray-500">
                                                                French Press Coffee Makers
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/pour-over-coffee-makers" class="text-gray-500">
                                                                Pour Over Coffee Makers
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/stove-top-coffee-makers" class="text-gray-500">
                                                                Stove Top Coffee Makers
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-7" class="font-medium text-gray-700 ml-2">
                                                <a href="/categories/coffee-beans">
                                                    Coffee Beans
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-7" class="ml-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/categories/1kg-coffee-beans" class="text-gray-500">
                                                                1kg Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/arabica-coffee-beans" class="text-gray-500">
                                                                Arabica Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/coffee-blends-coffee-beans" class="text-gray-500">
                                                                Coffee Blends
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/decaf-coffee-beans" class="text-gray-500">
                                                                Decaf Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/espresso-coffee-beans" class="text-gray-500">
                                                                Espresso Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/freshly-roasted-coffee-beans" class="text-gray-500">
                                                                Freshly Roasted Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/organic-coffee-beans" class="text-gray-500">
                                                                Organic Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/robusta-coffee-beans" class="text-gray-500">
                                                                Robusta Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-7" class="font-medium text-gray-700 ml-2">
                                                <a href="/categories/single-origin-coffee-beans">
                                                    Single Origin Coffee Beans
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-7" class="ml-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/categories/brazillian-coffee-beans" class="text-gray-500">
                                                                Brazillian Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/columbian-coffee-beans" class="text-gray-500">
                                                                Columbian Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/costa-rican-coffee-beans" class="text-gray-500">
                                                                Costa Rican Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/ethiopian-coffee-beans" class="text-gray-500">
                                                                Ethiopian Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/italian-coffee-beans" class="text-gray-500">
                                                                Italian Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/jamaican-coffee-beans" class="text-gray-500">
                                                                Jamaican Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/peruvian-coffee-beans" class="text-gray-500">
                                                                Peruvian Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-7" class="font-medium text-gray-700 ml-2">
                                                <a href="/categories/coffee">
                                                    Coffee
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-7" class="ml-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/categories/coffee-pods-and-capsules" class="text-gray-500">
                                                                Coffee Pods And Capsules
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/ground-coffee" class="text-gray-500">
                                                                Ground Coffee
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/instant-coffee" class="text-gray-500">
                                                                Instant Coffee
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-7" class="font-medium text-gray-700 ml-2">
                                                <a href="/categories/coffee-filters">
                                                    Coffee Filters
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-7" class="ml-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/categories/paper-coffee-filters" class="text-gray-500">
                                                                Paper Coffee Filters
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/metal-coffee-filters" class="text-gray-500">
                                                                Metal Coffee Filters
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-7" class="font-medium text-gray-700 ml-2">
                                                <a href="/categories/coffee-grinders">
                                                    Coffee Grinders
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-7" class="ml-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/categories/blade-coffee-grinders" class="text-gray-500">
                                                                Blade Coffee Grinders
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/burr-coffee-grinders" class="text-gray-500">
                                                                Burr Coffee Grinders
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                    </div>
                        </div>
                    </div>

                    
                
                    
                    <div class="border-t border-gray-200 px-4" x-data="{show: false}">

                        <h3>
                            <button @click.prevent="show = !show" class="group relative w-full py-6 flex justify-between items-center text-left" type="button" :aria-expanded="show">
                                <span class="text-gray-900 whitespace-nowrap text-base font-medium">Brands</span>
                                <span class="ml-6 flex items-center">
                                    <svg x-show="!show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>                                    <svg x-show="show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13H5v-2h14v2z"/></svg>                                </span>
                            </button>
                        </h3>

                        <div class="pt-6 pb-12 space-y-12" x-show="show" x-transition.duration.200ms>
                                <div class="grid grid-cols-1 items-start gap-y-10 gap-x-6">
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/heemburg">
                                                    Heemburg
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/spiller-tait-coffee-beans">
                                                    Spiller &amp; Tait Coffee Beans
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/instant-pot-coffee-machines">
                                                    Instant Pot Coffee Machines
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/homcom-coffee-machines">
                                                    Homcom Coffee Machines
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/grumpy-mule-coffee">
                                                    Grumpy Mule Coffee
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/grind-coffee">
                                                    Grind Coffee
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/geepas-coffee-machines">
                                                    Geepas Coffee Machines
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/coffee-roasters-of-jamaica-coffee">
                                                    Coffee Roasters Of Jamaica Coffee
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/coffee-masters-coffee">
                                                    Coffee Masters Coffee
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/aptliton-coffee-machines">
                                                    Aptliton Coffee Machines
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/cafe-direct-coffee">
                                                    Café Direct Coffee
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/casabrews-coffee-machines">
                                                    Casabrews Coffee Machines
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/farmers-roasters">
                                                    Farmers &amp; Roasters
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/flamekiss">
                                                    Flamekiss
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/bridge-pro-coffee-machines">
                                                    Bridge Pro Coffee Machines
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/shardor-coffee-grinders">
                                                    Shardor Coffee Grinders
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/ninja-coffee-machines">
                                                    Ninja Coffee Machines
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/costa-coffee">
                                                    Costa Coffee
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/rainbean-coffee-makers">
                                                    Rainbean Coffee Makers
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/vonshef-coffee-makers">
                                                    Vonshef Coffee Makers
                                                </a>
                                            </p>

                                                                                    </div>
                                                                    </div>
                        </div>
                    </div>

                    
                
                    
                    <div class="border-t border-gray-200 px-4" x-data="{show: false}">

                        <h3>
                            <button @click.prevent="show = !show" class="group relative w-full py-6 flex justify-between items-center text-left" type="button" :aria-expanded="show">
                                <span class="text-gray-900 whitespace-nowrap text-base font-medium">Articles</span>
                                <span class="ml-6 flex items-center">
                                    <svg x-show="!show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>                                    <svg x-show="show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13H5v-2h14v2z"/></svg>                                </span>
                            </button>
                        </h3>

                        <div class="pt-6 pb-12 space-y-12" x-show="show" x-transition.duration.200ms>
                                <div class="grid grid-cols-1 items-start gap-y-10 gap-x-6">
                                                                            <div>
                                            <p id="mobile-featured-heading-4" class="font-medium text-gray-700 ml-2">
                                                <a href="/article-category/coffee-and-health-guides">
                                                    Coffee And Health Guides
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-4" class="ml-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/articles/will-coffee-elevate-blood-pressure" class="text-gray-500">
                                                                Can Coffee Raise Blood Pressur...
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-4" class="font-medium text-gray-700 ml-2">
                                                <a href="/article-category/coffee-brewing-guides">
                                                    Coffee Brewing Guides
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-4" class="ml-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/articles/guide-to-brewing-coffee-with-a-french-press-coffee-maker" class="text-gray-500">
                                                                Brewing Coffee with French Pre...
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-4" class="font-medium text-gray-700 ml-2">
                                                <a href="/article-category/coffee-machines-buying-guides">
                                                    Coffee Machines Buying Guides
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-4" class="ml-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/articles/beginners-guide-to-bean-cup-coffee-machines" class="text-gray-500">
                                                                Bean Cup Coffee Machine Basics
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/articles/finding-the-perfect-home-coffee-machine-a-guide" class="text-gray-500">
                                                                Your Guide to Coffee Machines
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/articles/is-a-coffee-maker-worth-the-investment" class="text-gray-500">
                                                                Is a Coffee Maker Necessary?
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/articles/beginners-guide-to-drip-filter-coffee-machines" class="text-gray-500">
                                                                Drip Coffee Machine Basics
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/articles/beginners-guide-to-espresso-coffee-machines" class="text-gray-500">
                                                                Espresso Machines for Beginner...
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-4" class="font-medium text-gray-700 ml-2">
                                                <a href="/article-category/coffee-beans-buying-guides">
                                                    Coffee Beans Buying Guides
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-4" class="ml-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/articles/beginners-guide-to-the-different-types-of-coffee-beans" class="text-gray-500">
                                                                Coffee Beans 101: A Beginner&#039;s...
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                    </div>
                        </div>
                    </div>

                    
                
                                                                                                                                                                                                    
            </div>

            
                                        <div class="border-t border-gray-200 py-6 px-4 space-y-6">
                    <div class="flow-root">
                        <a href="https://www.coffeee.uk/account/create" class="-m-2 p-2 block font-medium text-gray-900">Create Account</a>
                    </div>
                    <div class="flow-root">
                        <a href="https://www.coffeee.uk/account/login" class="-m-2 p-2 block font-medium text-gray-900">Log In</a>
                    </div>
                </div>
            
                        
        </div>
    </div>

</div>
        <header class="relative z-40" id="navigation-top-desktop">
    <nav aria-label="Top">
        <!-- Top navigation -->
        <div class="bg-skin-dark">
            <div class="max-w-7xl mx-auto h-10 px-4 flex items-center justify-between sm:px-6 lg:px-8">

                <div wire:snapshot="{&quot;data&quot;:{&quot;storeLocales&quot;:[[[{&quot;iso_3166_2&quot;:&quot;CA&quot;,&quot;iso_3166_3&quot;:&quot;CAN&quot;,&quot;name&quot;:&quot;Canada&quot;,&quot;currency_code&quot;:&quot;CAD&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;DE&quot;,&quot;iso_3166_3&quot;:&quot;DEU&quot;,&quot;name&quot;:&quot;Germany&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;ES&quot;,&quot;iso_3166_3&quot;:&quot;ESP&quot;,&quot;name&quot;:&quot;Spain&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;FR&quot;,&quot;iso_3166_3&quot;:&quot;FRA&quot;,&quot;name&quot;:&quot;France&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;GB&quot;,&quot;iso_3166_3&quot;:&quot;GBR&quot;,&quot;name&quot;:&quot;United Kingdom&quot;,&quot;currency_code&quot;:&quot;GBP&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;IT&quot;,&quot;iso_3166_3&quot;:&quot;ITA&quot;,&quot;name&quot;:&quot;Italy&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;NL&quot;,&quot;iso_3166_3&quot;:&quot;NLD&quot;,&quot;name&quot;:&quot;Netherlands&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;PL&quot;,&quot;iso_3166_3&quot;:&quot;POL&quot;,&quot;name&quot;:&quot;Poland&quot;,&quot;currency_code&quot;:&quot;PLN&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;SE&quot;,&quot;iso_3166_3&quot;:&quot;SWE&quot;,&quot;name&quot;:&quot;Sweden&quot;,&quot;currency_code&quot;:&quot;SEK&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;US&quot;,&quot;iso_3166_3&quot;:&quot;USA&quot;,&quot;name&quot;:&quot;United States&quot;,&quot;currency_code&quot;:&quot;USD&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;countryCode&quot;:&quot;SE&quot;,&quot;lastCountryCode&quot;:&quot;SE&quot;,&quot;display&quot;:&quot;desktop&quot;,&quot;imageBaseUrl&quot;:&quot;https:\/\/cdn.freshstore.cloud\/template\/crystal\/images\/&quot;,&quot;initialised&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;mSVOgxd93E3ce6C9dDQR&quot;,&quot;name&quot;:&quot;locale-menu&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;SE&quot;},&quot;checksum&quot;:&quot;d7a6ef36c53d0793d7154714164b80f9ff88b5c2e5ae562a1238eab0ded1df62&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;pageLoaded&quot;],&quot;dispatches&quot;:[{&quot;name&quot;:&quot;localeChanged&quot;,&quot;params&quot;:[]}]}" wire:id="mSVOgxd93E3ce6C9dDQR" class="flex-1">
    <div class="hidden">
        <svg aria-hidden="true" class="mx-3 w-4 h-4 text-gray-200 animate-spin dark:text-gray-600 fill-gray-400" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
            <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
        </svg>
    </div>

    <div class="">
        <form class="hidden lg:block ">

            <div class="flex items-center hidden">
                <div role="status">
                    <svg aria-hidden="true" class="mr-2 w-4 h-4 text-white animate-spin dark:text-gray-600 fill-gray-600" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
                        <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
                    </svg>
                    <span class="sr-only">Loading...</span>
                </div>
            </div>

            <div class="flex items-center" wire:loading.class="opacity-50">
                <!--[if BLOCK]><![endif]-->                    <div class="mr-2">
                        <img src="https://cdn.freshstore.cloud/template/crystal/images/locale/flag/se.svg" class="border lg:border-none h-5 lg:h-4 my-auto" alt="SE flag" title="SE">
                    </div>
                <!--[if ENDBLOCK]><![endif]-->

                <label for="desktop-country" class="sr-only">Country</label>
                <div class="group relative bg-gray-900 border-transparent focus-within:ring-2 focus-within:ring-white rounded-md">

                    <select wire:change="setLocale" wire:model="countryCode" id="desktop-country" name="locale"
                            class="bg-none bg-white border-none text-skin-base group-hover:cursor-pointer focus:outline-hidden focus:ring-0 focus:border-transparent rounded-md py-0.5 pl-2 pr-5 flex items-center text-sm font-medium">
                        <!--[if BLOCK]><![endif]-->                            <!--[if BLOCK]><![endif]-->                                <option value="CA" >
                                    CAN
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="DE" >
                                    DEU
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="ES" >
                                    ESP
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="FR" >
                                    FRA
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="GB" >
                                    GBR
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="IT" >
                                    ITA
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="NL" >
                                    NLD
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="PL" >
                                    POL
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="SE" selected>
                                    SWE
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="US" >
                                    USA
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </select>

                    <div class="absolute right-0 inset-y-0 flex items-center pointer-events-none">
                        <svg class="w-5 h-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg>                    </div>
                </div>

            </div>
        </form>
    </div>
</div>


                <h2 class="lg:text-center text-sm font-subtitle text-white flex-auto">
                    Bringing you the best products at the lowest prices
                </h2>

                
                                            <div class="hidden lg:flex lg:flex-1 lg:items-center lg:justify-end lg:space-x-6">
                            <a href="https://www.coffeee.uk/account/create" class="text-sm font-subtitle text-white hover:opacity-75">Create Account</a>
                            <span class="h-6 w-px bg-gray-300" aria-hidden="true"></span>
                            <a href="https://www.coffeee.uk/account/login" class="text-sm font-subtitle text-white hover:opacity-75">Log In</a>
                        </div>
                    
                    
                

            </div>
        </div>

        <!-- Secondary navigation -->
        <div class="bg-white">
            <div class="border-b border-gray-200">
                <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">

                    
                    <div class="h-16 flex items-center justify-between">
                        <!-- Logo (lg+) -->
                        <div class="hidden lg:flex lg:items-center">
                            <a href="/">
                                <span class="sr-only">Coffeee</span>

                                                                    <img src="https://cdn.freshstore.cloud/template/images/15426/7915/c/coffeee-logo-logo.png" alt="The store logo" title="Store Logo" class="max-h-8 max-w-48 w-auto">
                                
                            </a>
                        </div>

                        <div class="hidden h-full lg:flex lg:flex-1 lg:justify-start">
                            <div class="ml-8">
                                <div class="h-full flex justify-center space-x-8">

                                                                            
                                            <div class="flex" x-data="{ open: false, focus: false }" @keydown.escape="open = false; focus = false">
                                                <div class="relative flex">
                                                    <button type="button" x-state:on="Item active" x-state:off="Item inactive" class="relative z-40 flex items-center transition-colors ease-out duration-200 text-sm font-subtitle border-b-2 -mb-px pt-px border-transparent text-gray-700 hover:text-gray-300" :class="{ 'border-skin-accent text-skin-accent': open, 'border-transparent text-gray-700 hover:text-gray-800': !(open) }" @click="open = true; focus = true;" aria-expanded="false" :aria-expanded="open">
                                                        Categories
                                                    </button>
                                                </div>


                                                <div x-cloak x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute top-full inset-x-0 text-gray-500 sm:text-sm" x-ref="panel" @click.away="open = false">
                                                    <div class="absolute inset-0 top-1/2 bg-white shadow-sm" aria-hidden="true"></div>

                                                    <div class="relative bg-white">
                                                        <div class="max-w-7xl mx-auto px-8">
                                                            <div class="grid grid-cols-4 items-start gap-y-10 gap-x-8 pt-10 pb-12">

                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/categories/coffee-machines">
                                                                            Coffee Machines
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/bean-to-cup-coffee-machines" class="hover:text-gray-800">
                                                                                    Bean Cup Coffee Machines
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/drip-filter-coffee-machines" class="hover:text-gray-800">
                                                                                    Drip Filter Coffee Machines
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/espresso-coffee-machines" class="hover:text-gray-800">
                                                                                    Espresso Coffee Machines
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/pod-and-capsule-coffee-machines" class="hover:text-gray-800">
                                                                                    Pod &amp; Capsule Coffee Machines
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/single-serve-coffee-machines" class="hover:text-gray-800">
                                                                                    Single Serve Coffee Machines
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/categories/coffee-makers">
                                                                            Coffee Makers
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/cold-brew-coffee-makers" class="hover:text-gray-800">
                                                                                    Cold Brew Coffee Makers
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/cafetiere-french-press-coffee-makers" class="hover:text-gray-800">
                                                                                    French Press Coffee Makers
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/pour-over-coffee-makers" class="hover:text-gray-800">
                                                                                    Pour Over Coffee Makers
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/stove-top-coffee-makers" class="hover:text-gray-800">
                                                                                    Stove Top Coffee Makers
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/categories/coffee-beans">
                                                                            Coffee Beans
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/1kg-coffee-beans" class="hover:text-gray-800">
                                                                                    1kg Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/arabica-coffee-beans" class="hover:text-gray-800">
                                                                                    Arabica Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/coffee-blends-coffee-beans" class="hover:text-gray-800">
                                                                                    Coffee Blends
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/decaf-coffee-beans" class="hover:text-gray-800">
                                                                                    Decaf Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/espresso-coffee-beans" class="hover:text-gray-800">
                                                                                    Espresso Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/freshly-roasted-coffee-beans" class="hover:text-gray-800">
                                                                                    Freshly Roasted Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/organic-coffee-beans" class="hover:text-gray-800">
                                                                                    Organic Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/robusta-coffee-beans" class="hover:text-gray-800">
                                                                                    Robusta Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/categories/single-origin-coffee-beans">
                                                                            Single Origin Coffee Beans
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/brazillian-coffee-beans" class="hover:text-gray-800">
                                                                                    Brazillian Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/columbian-coffee-beans" class="hover:text-gray-800">
                                                                                    Columbian Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/costa-rican-coffee-beans" class="hover:text-gray-800">
                                                                                    Costa Rican Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/ethiopian-coffee-beans" class="hover:text-gray-800">
                                                                                    Ethiopian Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/italian-coffee-beans" class="hover:text-gray-800">
                                                                                    Italian Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/jamaican-coffee-beans" class="hover:text-gray-800">
                                                                                    Jamaican Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/peruvian-coffee-beans" class="hover:text-gray-800">
                                                                                    Peruvian Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/categories/coffee">
                                                                            Coffee
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/coffee-pods-and-capsules" class="hover:text-gray-800">
                                                                                    Coffee Pods And Capsules
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/ground-coffee" class="hover:text-gray-800">
                                                                                    Ground Coffee
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/instant-coffee" class="hover:text-gray-800">
                                                                                    Instant Coffee
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/categories/coffee-filters">
                                                                            Coffee Filters
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/paper-coffee-filters" class="hover:text-gray-800">
                                                                                    Paper Coffee Filters
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/metal-coffee-filters" class="hover:text-gray-800">
                                                                                    Metal Coffee Filters
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/categories/coffee-grinders">
                                                                            Coffee Grinders
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/blade-coffee-grinders" class="hover:text-gray-800">
                                                                                    Blade Coffee Grinders
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/burr-coffee-grinders" class="hover:text-gray-800">
                                                                                    Burr Coffee Grinders
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                                                                                                    
                                            <div class="flex" x-data="{ open: false, focus: false }" @keydown.escape="open = false; focus = false">
                                                <div class="relative flex">
                                                    <button type="button" x-state:on="Item active" x-state:off="Item inactive" class="relative z-40 flex items-center transition-colors ease-out duration-200 text-sm font-subtitle border-b-2 -mb-px pt-px border-transparent text-gray-700 hover:text-gray-300" :class="{ 'border-skin-accent text-skin-accent': open, 'border-transparent text-gray-700 hover:text-gray-800': !(open) }" @click="open = true; focus = true;" aria-expanded="false" :aria-expanded="open">
                                                        Brands
                                                    </button>
                                                </div>


                                                <div x-cloak x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute top-full inset-x-0 text-gray-500 sm:text-sm" x-ref="panel" @click.away="open = false">
                                                    <div class="absolute inset-0 top-1/2 bg-white shadow-sm" aria-hidden="true"></div>

                                                    <div class="relative bg-white">
                                                        <div class="max-w-7xl mx-auto px-8">
                                                            <div class="grid grid-cols-4 items-start gap-y-10 gap-x-8 pt-10 pb-12">

                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/heemburg">
                                                                            Heemburg
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/spiller-tait-coffee-beans">
                                                                            Spiller &amp; Tait Coffee Beans
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/instant-pot-coffee-machines">
                                                                            Instant Pot Coffee Machines
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/homcom-coffee-machines">
                                                                            Homcom Coffee Machines
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/grumpy-mule-coffee">
                                                                            Grumpy Mule Coffee
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/grind-coffee">
                                                                            Grind Coffee
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/geepas-coffee-machines">
                                                                            Geepas Coffee Machines
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/coffee-roasters-of-jamaica-coffee">
                                                                            Coffee Roasters Of Jamaica Coffee
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/coffee-masters-coffee">
                                                                            Coffee Masters Coffee
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/aptliton-coffee-machines">
                                                                            Aptliton Coffee Machines
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/cafe-direct-coffee">
                                                                            Café Direct Coffee
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/casabrews-coffee-machines">
                                                                            Casabrews Coffee Machines
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/farmers-roasters">
                                                                            Farmers &amp; Roasters
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/flamekiss">
                                                                            Flamekiss
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/bridge-pro-coffee-machines">
                                                                            Bridge Pro Coffee Machines
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/shardor-coffee-grinders">
                                                                            Shardor Coffee Grinders
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/ninja-coffee-machines">
                                                                            Ninja Coffee Machines
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/costa-coffee">
                                                                            Costa Coffee
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/rainbean-coffee-makers">
                                                                            Rainbean Coffee Makers
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/vonshef-coffee-makers">
                                                                            Vonshef Coffee Makers
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                                                                                                    
                                            <div class="flex" x-data="{ open: false, focus: false }" @keydown.escape="open = false; focus = false">
                                                <div class="relative flex">
                                                    <button type="button" x-state:on="Item active" x-state:off="Item inactive" class="relative z-40 flex items-center transition-colors ease-out duration-200 text-sm font-subtitle border-b-2 -mb-px pt-px border-transparent text-gray-700 hover:text-gray-300" :class="{ 'border-skin-accent text-skin-accent': open, 'border-transparent text-gray-700 hover:text-gray-800': !(open) }" @click="open = true; focus = true;" aria-expanded="false" :aria-expanded="open">
                                                        Articles
                                                    </button>
                                                </div>


                                                <div x-cloak x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute top-full inset-x-0 text-gray-500 sm:text-sm" x-ref="panel" @click.away="open = false">
                                                    <div class="absolute inset-0 top-1/2 bg-white shadow-sm" aria-hidden="true"></div>

                                                    <div class="relative bg-white">
                                                        <div class="max-w-7xl mx-auto px-8">
                                                            <div class="grid grid-cols-4 items-start gap-y-10 gap-x-8 pt-10 pb-12">

                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/article-category/coffee-and-health-guides">
                                                                            Coffee And Health Guides
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/articles/will-coffee-elevate-blood-pressure" class="hover:text-gray-800">
                                                                                    Can Coffee Raise Blood Pressur...
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/article-category/coffee-brewing-guides">
                                                                            Coffee Brewing Guides
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/articles/guide-to-brewing-coffee-with-a-french-press-coffee-maker" class="hover:text-gray-800">
                                                                                    Brewing Coffee with French Pre...
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/article-category/coffee-machines-buying-guides">
                                                                            Coffee Machines Buying Guides
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/articles/beginners-guide-to-bean-cup-coffee-machines" class="hover:text-gray-800">
                                                                                    Bean Cup Coffee Machine Basics
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/articles/finding-the-perfect-home-coffee-machine-a-guide" class="hover:text-gray-800">
                                                                                    Your Guide to Coffee Machines
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/articles/is-a-coffee-maker-worth-the-investment" class="hover:text-gray-800">
                                                                                    Is a Coffee Maker Necessary?
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/articles/beginners-guide-to-drip-filter-coffee-machines" class="hover:text-gray-800">
                                                                                    Drip Coffee Machine Basics
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/articles/beginners-guide-to-espresso-coffee-machines" class="hover:text-gray-800">
                                                                                    Espresso Machines for Beginner...
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/article-category/coffee-beans-buying-guides">
                                                                            Coffee Beans Buying Guides
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/articles/beginners-guide-to-the-different-types-of-coffee-beans" class="hover:text-gray-800">
                                                                                    Coffee Beans 101: A Beginner&#039;s...
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                
                                </div>
                            </div>
                        </div>

                        <div class="flex-none flex items-center lg:hidden">
                            <button type="button" class="-ml-2 bg-white p-2 rounded-md text-gray-400" @click.prevent="mobileMenuOpen = true">
                                <span class="sr-only">Open Menu</span>
                                <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>                            </button>



                        </div>

                        <!-- Logo (lg-) -->

                                                        <a href="/" class="lg:hidden flex items-center ml-4">
                                <span class="sr-only">Coffeee</span>
                                <img src="https://cdn.freshstore.cloud/template/images/15426/7915/c/coffeee-logo-logo.png" alt="The store logo" title="Store Logo" class="max-h-8 max-w-48 w-auto">
                            </a>
                            


                        <div class="flex items-center justify-end">

                            <div class="flex items-center lg:ml-8">
                                <div class="flex space-x-8">
                                    <div class="hidden lg:flex">
                                        <form action="https://www.coffeee.uk/search" method="GET" class="flex">
                                            <input type="text" name="q" value="" class="block w-full mr-2 px-2 py-0 text-xs text-gray-600 border-gray-300 rounded-md shadow-xs focus:ring-skin-accent focus:border-skin-accent">
                                            <button type="submit" class="-m-2 p-2 text-gray-400 hover:text-gray-500 focus:ring-skin-accent">
                                                <span class="sr-only">Search</span>
                                                <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>                                            </button>
                                        </form>
                                    </div>

                                    <div class="hidden lg:flex space-x-3">





















                                                                                                                                                                                                                                                                                                                                



                                    </div>
                                </div>




                                <div class="flow-root">
                                    <div wire:snapshot="{&quot;data&quot;:{&quot;storeLocales&quot;:[[[{&quot;iso_3166_2&quot;:&quot;CA&quot;,&quot;iso_3166_3&quot;:&quot;CAN&quot;,&quot;name&quot;:&quot;Canada&quot;,&quot;currency_code&quot;:&quot;CAD&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;DE&quot;,&quot;iso_3166_3&quot;:&quot;DEU&quot;,&quot;name&quot;:&quot;Germany&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;ES&quot;,&quot;iso_3166_3&quot;:&quot;ESP&quot;,&quot;name&quot;:&quot;Spain&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;FR&quot;,&quot;iso_3166_3&quot;:&quot;FRA&quot;,&quot;name&quot;:&quot;France&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;GB&quot;,&quot;iso_3166_3&quot;:&quot;GBR&quot;,&quot;name&quot;:&quot;United Kingdom&quot;,&quot;currency_code&quot;:&quot;GBP&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;IT&quot;,&quot;iso_3166_3&quot;:&quot;ITA&quot;,&quot;name&quot;:&quot;Italy&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;NL&quot;,&quot;iso_3166_3&quot;:&quot;NLD&quot;,&quot;name&quot;:&quot;Netherlands&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;PL&quot;,&quot;iso_3166_3&quot;:&quot;POL&quot;,&quot;name&quot;:&quot;Poland&quot;,&quot;currency_code&quot;:&quot;PLN&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;SE&quot;,&quot;iso_3166_3&quot;:&quot;SWE&quot;,&quot;name&quot;:&quot;Sweden&quot;,&quot;currency_code&quot;:&quot;SEK&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;US&quot;,&quot;iso_3166_3&quot;:&quot;USA&quot;,&quot;name&quot;:&quot;United States&quot;,&quot;currency_code&quot;:&quot;USD&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;countryCode&quot;:&quot;SE&quot;,&quot;lastCountryCode&quot;:&quot;SE&quot;,&quot;display&quot;:&quot;mobile&quot;,&quot;imageBaseUrl&quot;:&quot;https:\/\/cdn.freshstore.cloud\/template\/crystal\/images\/&quot;,&quot;initialised&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;GZMyWfAbHzYdeJjWLb8x&quot;,&quot;name&quot;:&quot;locale-menu&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;SE&quot;},&quot;checksum&quot;:&quot;819c2d5295e7b9aae9900e446244d78a2ed64da127cf8628014e4c537de118b0&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;pageLoaded&quot;],&quot;dispatches&quot;:[{&quot;name&quot;:&quot;localeChanged&quot;,&quot;params&quot;:[]}]}" wire:id="GZMyWfAbHzYdeJjWLb8x" class="flex-1">
    <div class="hidden">
        <svg aria-hidden="true" class="mx-3 w-4 h-4 text-gray-200 animate-spin dark:text-gray-600 fill-gray-400" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
            <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
        </svg>
    </div>

    <div class="">
        <form class="lg:hidden ">

            <div class="flex items-center hidden">
                <div role="status">
                    <svg aria-hidden="true" class="mr-2 w-4 h-4 text-white animate-spin dark:text-gray-600 fill-gray-600" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
                        <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
                    </svg>
                    <span class="sr-only">Loading...</span>
                </div>
            </div>

            <div class="flex items-center" wire:loading.class="opacity-50">
                <!--[if BLOCK]><![endif]-->                    <div class="mr-2">
                        <img src="https://cdn.freshstore.cloud/template/crystal/images/locale/flag/se.svg" class="border lg:border-none h-5 lg:h-4 my-auto" alt="SE flag" title="SE">
                    </div>
                <!--[if ENDBLOCK]><![endif]-->

                <label for="desktop-country" class="sr-only">Country</label>
                <div class="group relative bg-gray-100 border focus-within:ring-0 focus-within:ring-gray-200 rounded-md">

                    <select wire:change="setLocale" wire:model="countryCode" id="desktop-country" name="locale"
                            class="bg-none bg-white border-none border-white text-skin-base group-hover:cursor-pointer focus:outline-hidden focus:ring-0 focus:border-transparent rounded-md py-0.5 pl-2 pr-5 flex items-center text-sm font-medium">
                        <!--[if BLOCK]><![endif]-->                            <!--[if BLOCK]><![endif]-->                                <option value="CA" >
                                    CAN
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="DE" >
                                    DEU
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="ES" >
                                    ESP
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="FR" >
                                    FRA
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="GB" >
                                    GBR
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="IT" >
                                    ITA
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="NL" >
                                    NLD
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="PL" >
                                    POL
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="SE" selected>
                                    SWE
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="US" >
                                    USA
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </select>

                    <div class="absolute right-0 inset-y-0 flex items-center pointer-events-none">
                        <svg class="w-5 h-5 text-skin-base" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg>                    </div>
                </div>

            </div>
        </form>
    </div>
</div>
                                </div>


                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </nav>
</header>

        

        
        <main>

            <div class="">

                
                
                
    <div>
    
    <div class="flex flex-col border-b border-gray-200 lg:border-0">

        
                <nav aria-label="Offers" class="order-last lg:order-first">
    <div class="max-w-7xl mx-auto lg:px-8">
        <ul role="list" class="grid grid-cols-1 divide-y divide-gray-200 lg:grid-cols-3 lg:divide-y-0 lg:divide-x">

            
                <li class="flex flex-col">
                    <a href="/special-offers" target="_self"  class="relative flex-1 flex flex-col justify-center py-6 px-4 text-center focus:z-10">
    <p class="text-sm text-skin-subtitle">
                            Special offers
                        </p>
                        <p class="font-subtitle font-bold text-skin-title">
                            Access our discounts
                        </p>
</a>
                </li>

            
                <li class="flex flex-col">
                    <a href="/newsletter" target="_self"  class="relative flex-1 flex flex-col justify-center py-6 px-4 text-center focus:z-10">
    <p class="text-sm text-skin-subtitle">
                            Sign up for our newsletter
                        </p>
                        <p class="font-subtitle font-bold text-skin-title">
                            Exclusive sales, tips and news
                        </p>
</a>
                </li>

            
                <li class="flex flex-col">
                    <a href="/articles" target="_self"  class="relative flex-1 flex flex-col justify-center py-6 px-4 text-center focus:z-10">
    <p class="text-sm text-skin-subtitle">
                            View our articles
                        </p>
                        <p class="font-subtitle font-bold text-skin-title">
                            Expert buying guides
                        </p>
</a>
                </li>

            
        </ul>
    </div>
</nav>
        
                <div class="relative  " style="background-color: #111827">
        <div aria-hidden="true" class="absolute inset-0 overflow-hidden">
        <img
            src="https://cdn.freshstore.cloud/template/images/15426/5482/c/espresso-coffee-machine-on-a-wooden-table-blur-ba-2024-12-07-16-57-18-utc-min-jpg-hero.webp"
             srcset="https://cdn.freshstore.cloud/template/images/15426/5482/c/espresso-coffee-machine-on-a-wooden-table-blur-ba-2024-12-07-16-57-18-utc-min-jpg-hero.webp 2400w" sizes="100vw"             alt="A selection of our products on this store"
            title="Browse Our Products and Shop With Confidence"
            class="w-full h-full object-center object-cover">
    </div>

    <div class="relative mx-auto flex max-w-3xl md:max-w-[50%] flex-col items-center px-6 text-center lg:px-0 py-32 sm:py-64">
        <h1 class="font-title text-skin-title tracking-tight text-white drop-shadow-[0_0.5px_3.5px_rgba(0,0,0,1)] !text-4xl md:!text-5xl lg:!text-6xl font-normal">Best Coffee Machines And Coffee Makers For Sale</h1>
        <h2 class="mt-4 font-subtitle text-white drop-shadow-[0_0.5px_3.5px_rgba(0,0,0,1)] font-subtitle text-lg md:text-xl lg:text-2xl font-normal">Discover your perfect brew companion to elevate your coffee experience at home</h2>
        <a href="/categories" target="_self"  class="mx-auto mt-8 rounded-md border border-transparent bg-skin-button-accent py-3 px-8 text-base font-medium text-skin-button-accent hover:bg-opacity-75">
    Browse Products
</a>
    </div>

</div>
        
        
    </div>
    
            <section aria-labelledby="trending-heading" class="">
    <div class="mt-16 pb-8 lg:max-w-7xl lg:mx-auto lg:mt-32 lg:mb-16 lg:px-8">
        <div class="px-4 flex items-center justify-between sm:px-6 lg:px-0">
            <h3 id="featured-products-heading"
                class="text-2xl text-skin-subtitle font-subtitle font-normal">Featured Products</h3>
            <a href="/all-products" target="_self"  class="hidden sm:block text-sm font-semibold text-skin-link hover:opacity-75">
    View All <span aria-hidden="true"> &rarr;</span>
</a>
        </div>

        <div class="mt-8 -mx-px grid grid-cols-2 sm:mx-0 md:grid-cols-3 lg:grid-cols-4">
            <div class="group relative p-4 sm:p-6">
            <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75 bg-white">

                <img class="w-full h-full object-center object-contain p-4" src="https://cdn.freshstore.cloud/offer/images/15426/6795/c/gaggia-brera-bean-to-cup-coffee-machine-by-6795-small.jpg" alt="Gaggia Brera Automatic Coffee Maker">

            </div>
            <div class="pt-10 pb-4 text-center">
                <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                    <a href="/products/gaggia-brera-automatic-coffee-maker">
                        <span class="absolute inset-0" aria-hidden="true"></span>
                        Gaggia Brera Coffee Machine
                    </a>
                </h3>

                <div class="mt-3 flex flex-col items-center">
            <h2 class="sr-only">Product Review Score</h2>

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.92 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                            </div>
                <p class="sr-only">4.92 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.92 out of 5 stars">128 reviews</span>
            </div>
        </div>

    
                <p class="mt-2 text-sm font-medium text-skin-base">
                    <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:62,&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:null,&quot;priceFormatted&quot;:null,&quot;classes&quot;:&quot;text-red-500 line-through&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;rgM6JKAIGUzvkMCbukZD&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;SE&quot;},&quot;checksum&quot;:&quot;f7dc6d2340b662afb6d39fe4c4b95553e18a67f33acc520ec44e2799735642e7&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="rgM6JKAIGUzvkMCbukZD" wire:loading.class="opacity-20" class="text-red-500 line-through hidden">
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
                    <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:62,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:3444,&quot;priceFormatted&quot;:&quot;SEK\u00a03,444.00&quot;,&quot;classes&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;bVaVtfu8uaYTG75Hnfrk&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;SE&quot;},&quot;checksum&quot;:&quot;62a31a369a07ce6c530807b5eb6f69a76a09c38d610557bf6ed5db21900b4c02&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="bVaVtfu8uaYTG75Hnfrk" wire:loading.class="opacity-20" class="">
    <!--[if BLOCK]><![endif]-->            SEK 3,444.00
    <!--[if ENDBLOCK]><![endif]--></span>
                </p>
            </div>
        </div>
            <div class="group relative p-4 sm:p-6">
            <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75 bg-white">

                <img class="w-full h-full object-center object-contain p-4" src="https://cdn.freshstore.cloud/offer/images/15426/11940/c/melitta-bean-to-cup-coffee-machine-solo-perfect-milk-model-e957-101-automatic-cappuccino-maker-black-silver-11940-small.jpg" alt="Melitta Bean to Cup Automatic Coffee Maker">

            </div>
            <div class="pt-10 pb-4 text-center">
                <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                    <a href="/products/melitta-bean-to-cup-automatic-coffee-maker">
                        <span class="absolute inset-0" aria-hidden="true"></span>
                        Melitta Automatic Coffee Maker
                    </a>
                </h3>

                <div class="mt-3 flex flex-col items-center">
            <h2 class="sr-only">Product Review Score</h2>

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.84 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                            </div>
                <p class="sr-only">4.84 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.84 out of 5 stars">205 reviews</span>
            </div>
        </div>

    
                <p class="mt-2 text-sm font-medium text-skin-base">
                    <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:73,&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:5322.05,&quot;priceFormatted&quot;:&quot;SEK\u00a05,322.05&quot;,&quot;classes&quot;:&quot;text-red-500 line-through&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;AdpsP44BNKQXDHpcZV4k&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;SE&quot;},&quot;checksum&quot;:&quot;54c5e8873f5ae15da4a43d075ee3218e944706c65d00261971b8338f90bcb3b8&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="AdpsP44BNKQXDHpcZV4k" wire:loading.class="opacity-20" class="text-red-500 line-through">
    <!--[if BLOCK]><![endif]-->            SEK 5,322.05
    <!--[if ENDBLOCK]><![endif]--></span>
                    <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:73,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:3975.46,&quot;priceFormatted&quot;:&quot;SEK\u00a03,975.46&quot;,&quot;classes&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;zRBwFPOr5rAfvGvuJ7lP&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;SE&quot;},&quot;checksum&quot;:&quot;434999ba0c2b047369423dec5d3560a48e022bad4ede8f779b6425a06725984f&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="zRBwFPOr5rAfvGvuJ7lP" wire:loading.class="opacity-20" class="">
    <!--[if BLOCK]><![endif]-->            SEK 3,975.46
    <!--[if ENDBLOCK]><![endif]--></span>
                </p>
            </div>
        </div>
            <div class="group relative p-4 sm:p-6">
            <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75 bg-white">

                <img class="w-full h-full object-center object-contain p-4" src="https://cdn.freshstore.cloud/offer/images/15426/6454/c/philips-5500-series-fully-automatic-espresso-machine-20-hot-iced-coffees-quick-to-clean-lattego-milk-system-40-quieter-with-silentbrew-less-waiting-with-quickstart-grey-ep5544-50-6454-small.jpg" alt="Philips LatteGo 5500: 20 Delicious Coffee Recipes">

            </div>
            <div class="pt-10 pb-4 text-center">
                <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                    <a href="/products/philips-lattego-5500-20-delicious-coffee-recipes">
                        <span class="absolute inset-0" aria-hidden="true"></span>
                        Philips LatteGo 5500 Coffee Maker
                    </a>
                </h3>

                <div class="mt-3 flex flex-col items-center">
            <h2 class="sr-only">Product Review Score</h2>

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.19 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"/></svg>                                                            </div>
                <p class="sr-only">4.19 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.19 out of 5 stars">59 reviews</span>
            </div>
        </div>

    
                <p class="mt-2 text-sm font-medium text-skin-base">
                    <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:815,&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:null,&quot;priceFormatted&quot;:null,&quot;classes&quot;:&quot;text-red-500 line-through&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;1q8rwaDoazBp9rruzSpN&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;SE&quot;},&quot;checksum&quot;:&quot;349b775ab1034363a9509f9834d62c16b99b0f4cf033f263c15236542f835bb2&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="1q8rwaDoazBp9rruzSpN" wire:loading.class="opacity-20" class="text-red-500 line-through hidden">
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
                    <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:815,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:6992.07,&quot;priceFormatted&quot;:&quot;SEK\u00a06,992.07&quot;,&quot;classes&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;OITiQI6LEVltzWO9ED3O&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;SE&quot;},&quot;checksum&quot;:&quot;5f38f5809f34f772742fd3896c6aa8fccbeb8018194c946dbcdf8a7a17ddc34e&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="OITiQI6LEVltzWO9ED3O" wire:loading.class="opacity-20" class="">
    <!--[if BLOCK]><![endif]-->            SEK 6,992.07
    <!--[if ENDBLOCK]><![endif]--></span>
                </p>
            </div>
        </div>
            <div class="group relative p-4 sm:p-6">
            <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75 bg-white">

                <img class="w-full h-full object-center object-contain p-4" src="https://cdn.freshstore.cloud/offer/images/15426/14786/c/tastyle-mini-hot-and-iced-coffee-maker-single-serve-for-k-cup-and-ground-6-to-14-oz-brew-sizes-with-recipe-book-for-home-travel-rv-office-and-dorm-classic-black-2-0-version-14786-small.jpg" alt="Single Serve Coffee Maker for Hot and Iced Brew">

            </div>
            <div class="pt-10 pb-4 text-center">
                <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                    <a href="/products/single-serve-coffee-maker-for-hot-and-iced-brew">
                        <span class="absolute inset-0" aria-hidden="true"></span>
                        Hot &amp; Iced Coffee Maker
                    </a>
                </h3>

                <div class="mt-3 flex flex-col items-center">
            <h2 class="sr-only">Product Review Score</h2>

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.68 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="currentColor"><g><rect fill="none" height="24" width="24" x="0"/></g><g><g><g><path d="M22,9.24l-7.19-0.62L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27L18.18,21l-1.63-7.03L22,9.24z M12,15.4V6.1 l1.71,4.04l4.38,0.38l-3.32,2.88l1,4.28L12,15.4z"/></g></g></g></svg>                                                            </div>
                <p class="sr-only">4.68 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.68 out of 5 stars">200 reviews</span>
            </div>
        </div>

    
                <p class="mt-2 text-sm font-medium text-skin-base">
                    <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:1048,&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:458.6,&quot;priceFormatted&quot;:&quot;SEK\u00a0458.60&quot;,&quot;classes&quot;:&quot;text-red-500 line-through&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;hy9gARHDc4YyZouGtYVa&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;SE&quot;},&quot;checksum&quot;:&quot;94232dffc5855c61f0ee896d137d30f6ca372dee5261afdfb210320e94554777&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="hy9gARHDc4YyZouGtYVa" wire:loading.class="opacity-20" class="text-red-500 line-through">
    <!--[if BLOCK]><![endif]-->            SEK 458.60
    <!--[if ENDBLOCK]><![endif]--></span>
                    <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:1048,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:366.86,&quot;priceFormatted&quot;:&quot;SEK\u00a0366.86&quot;,&quot;classes&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;JOiwY4mQjyIDu064E0kI&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;SE&quot;},&quot;checksum&quot;:&quot;723f02afe1276bc014e946c31cd5b1719b464397ee81980d8de647656f46a1a2&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="JOiwY4mQjyIDu064E0kI" wire:loading.class="opacity-20" class="">
    <!--[if BLOCK]><![endif]-->            SEK 366.86
    <!--[if ENDBLOCK]><![endif]--></span>
                </p>
            </div>
        </div>
    </div>



        <div class="sm:hidden px-4">
            <a href="/all-products" target="_self"  class="text-sm font-semibold text-skin-link hover:opacity-75">
    View All
</a>
        </div>
    </div>
</section>
        
        <section class="my-16 sm:my-24 lg:my-32 px-4 lg:max-w-7xl lg:mx-auto lg:px-8">
    
        <div >
        <article class="prose max-w-none prose-h1:text-skin-title prose-h1:font-title prose-h2:font-subtitle prose-h2:text-skin-subtitle prose-h3:font-subtitle prose-h3:text-skin-subtitle prose-h4:font-subtitle prose-h4:text-skin-subtitle prose-p:text-skin-base prose-a:text-skin-link prose-a:hover:opacity-75 prose-a:active:underline prose-ol:text-skin-base prose-ul:text-skin-base">
            <p>Coffee is more than just a beverage; it&rsquo;s a daily ritual for millions around the world. A quality cup of coffee can set the tone for your day, making the investment in a good coffee machine invaluable. With the vast selection of coffee machines available online, choosing the best one can be daunting. This guide will explore the top coffee machines for sale online, their key features, and what makes them stand out.</p>
<h2>Why Invest in a Quality Coffee Machine?</h2>
<p>Investing in a quality coffee machine can dramatically enhance the coffee brewing experience. Here are a few reasons to consider:</p>
<ul>
<li><strong>Quality of Brew</strong>: Higher-end machines typically produce a more flavorful and aromatic cup of coffee.</li>
<li><strong>Durability</strong>: Quality machines tend to last longer, reducing the frequency of replacements.</li>
<li><strong>Customization</strong>: Many modern coffee machines offer customizable brewing options, allowing users to adjust brew strength and size.</li>
<li><strong>Convenience</strong>: Features like timers, programmable settings, and self-cleaning options make coffee prep easier and more enjoyable.</li>
</ul>
<h2>Types of Coffee Machines</h2>
<p>Before delving into specific models, it&rsquo;s essential to understand the different types of coffee machines available:</p>
<ol>
<li><strong>Drip Coffee Makers</strong>: Ideal for brewing large quantities of coffee efficiently.</li>
<li><strong>Single-Serve Machines</strong>: Convenient for individuals who prefer different types of coffee.</li>
<li><strong>Espresso Machines</strong>: Perfect for espresso lovers, offering rich and concentrated coffee shots.</li>
<li><strong>French Press</strong>: A simple and traditional method for brewing rich coffee without needing electricity.</li>
<li><strong>Coffee Percolators</strong>: Often considered retro, these machines brew coffee repeatedly until it reaches a specific temperature.</li>
</ol>
<h3>Top Coffee Machines for Sale Online</h3>
<p>Here are some of the best coffee machines available for purchase online, categorized by type:</p>
<table>
<thead>
<tr>
<th>Coffee Machine</th>
<th>Type</th>
<th>Key Features</th>
<th>Price Range</th>
</tr>
</thead>
<tbody>
<tr>
<td>Breville BES870XL Barista Express</td>
<td>Espresso Machine</td>
<td>Integrated grinder, manual microfoam milk texturing, stainless steel design</td>
<td>&pound;600 - &pound;700</td>
</tr>
<tr>
<td>Keurig K-Elite</td>
<td>Single-Serve Machine</td>
<td>Brew sizes 4-12 ounces, strong brew feature, iced coffee option</td>
<td>&pound;120 - &pound;160</td>
</tr>
<tr>
<td>Cuisinart DCC-3200P1</td>
<td>Drip Coffee Maker</td>
<td>Brew strength control, programmable settings, 14-cup capacity</td>
<td>&pound;60 - &pound;100</td>
</tr>
<tr>
<td>AeroPress Coffee Maker</td>
<td>French Press</td>
<td>Portable, easy to clean, brews in under a minute</td>
<td>&pound;30 - &pound;50</td>
</tr>
<tr>
<td>Hamilton Beach 46300</td>
<td>Coffee Percolator</td>
<td>Brew up to 12 cups, stainless steel interior, automatic keep warm</td>
<td>&pound;30 - &pound;50</td>
</tr>
</tbody>
</table>
<h3>In-Depth Review of Selected Models</h3>
<p><strong>1. Breville BES870XL Barista Express</strong> This espresso machine stands out for its built-in conical burr grinder, which allows coffee lovers to grind beans fresh for every shot. It features manual microfoam milk texturing, letting users create caf&eacute;-quality lattes and cappuccinos right at home.</p>
<p><strong>2. Keurig K-Elite</strong> The Keurig K-Elite is a popular choice for those who appreciate convenience. It offers multiple brew sizes and a strong brew option, which intensifies the flavor. The machine is compatible with a variety of coffee pods, making it easy to switch flavors at any time.</p>
<p><strong>3. Cuisinart DCC-3200P1</strong> This drip coffee maker is perfect for households that brew coffee regularly. With a programmable coffee maker and brew strength control, it's easy to create a perfect cup. It also has a large 14-cup capacity, ideal for entertaining or big families.</p>
<p><strong>4. AeroPress Coffee Maker</strong> The AeroPress provides an affordable and straightforward option for brewing rich coffee quickly. With no electricity or complicated mechanics needed, it&rsquo;s perfect for travel and lightweight enough to take anywhere.</p>
<p><strong>5. Hamilton Beach 46300</strong> For those who prefer traditional coffee brewing methods, the Hamilton Beach percolator offers an inviting, nostalgic experience. It can brew up to 12 cups and automatically keeps coffee warm, making it ideal for social gatherings.</p>
<p>Navigating the world of coffee machines can be overwhelming, but knowing the type of coffee you prefer is instrumental in making the right choice. The machines listed above have garnered positive reviews and are known for their quality and effectiveness.</p>
<h2>Frequently Asked Questions</h2>
<p><strong>1. What is the best coffee machine for beginners?</strong> For beginners, a drip coffee maker like the Cuisinart DCC-3200P1 is an excellent choice. It&rsquo;s easy to use and allows users to brew multiple cups at once, making it perfect for any household.</p>
<p><strong>2. Are single-serve coffee machines worth it?</strong> Single-serve machines like the Keurig K-Elite offer convenience and the ability to brew various types of beverages quickly. They are particularly worth it for individuals or couples who appreciate variety without the need to prepare a full pot.</p>
<p><strong>3. How often should I clean my coffee machine?</strong> It&rsquo;s generally recommended to clean your coffee machine every few months, or more frequently if you use it daily. Regular cleaning will ensure a better taste and extend the machine&rsquo;s lifespan.</p>
<p><strong>4. Can I brew espresso without an espresso machine?</strong> While an espresso machine is the standard method for brewing espresso, alternatives like the AeroPress can produce coffee similar in strength and flavor to espresso with the right techniques.</p>
<p>With ample choices available online, selecting the best coffee machine to suit personal preferences has never been easier. Whether you're a coffee connoisseur or a casual drinker, there is a machine out there that will enhance your coffee experience.</p>
        </article>
    </div>
    </section>

    
            <section aria-labelledby="collections-heading" class="bg-gray-50 border-t border-b border-gray-200">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="max-w-2xl mx-auto py-16 sm:py-24 lg:py-32 lg:max-w-none">
            <div class="px-4 flex items-center justify-between sm:px-6 lg:px-0">
                <h3 id="featured-categories-heading" class="text-2xl text-skin-subtitle font-subtitle font-normal">Featured Categories</h3>
                <a href="/categories" target="_self"  class="hidden sm:block text-sm font-semibold text-skin-link hover:opacity-75">
    View All <span aria-hidden="true"> &rarr;</span>
</a>
            </div>


            <div class="mt-8 space-y-12 lg:space-y-0 lg:grid lg:grid-cols-3 lg:gap-x-6">

                                <div class="group relative">
                    <div class="relative w-full h-80 bg-white rounded-lg overflow-hidden group-hover:opacity-75 sm:aspect-w-2 sm:aspect-h-1 sm:h-64 lg:aspect-w-1 lg:aspect-h-1 border border-gray-200">
                        <img src="https://cdn.freshstore.cloud/offer/images/15426/8024/c/de-longhi-magnifica-s-automatic-espresso-machine-with-milk-frother-for-hot-coffee-drinks-recipes-soft-touch-control-panel-black-ecam22110b-8024-small.jpg" alt="Coffee Machines" class="p-4 w-full h-full object-center object-contain">
                    </div>
                    <h3 class="mt-6 text-lg font-title text-skin-title">
                        <a href="/categories/coffee-machines">
                            <span class="absolute inset-0"></span>
                            Coffee Machines
                        </a>
                    </h3>
                    <p class="text-base text-skin-subtitle">Discover the perfect brewing companion to elevate your coffee experience at home</p>
                </div>
                                <div class="group relative">
                    <div class="relative w-full h-80 bg-white rounded-lg overflow-hidden group-hover:opacity-75 sm:aspect-w-2 sm:aspect-h-1 sm:h-64 lg:aspect-w-1 lg:aspect-h-1 border border-gray-200">
                        <img src="https://cdn.freshstore.cloud/offer/images/15426/14875/c/hama-xavax-cold-brew-coffee-maker-1-litre-coffee-pot-teapot-with-removable-strainer-insert-glass-jug-for-cold-brew-coffee-glass-jug-1000-ml-transparent-black-14875-small.jpg" alt="Coffee Makers" class="p-4 w-full h-full object-center object-contain">
                    </div>
                    <h3 class="mt-6 text-lg font-title text-skin-title">
                        <a href="/categories/coffee-makers">
                            <span class="absolute inset-0"></span>
                            Coffee Makers
                        </a>
                    </h3>
                    <p class="text-base text-skin-subtitle">Discover the perfect brew at home with our range of versatile coffee makers designed for every coffee lover</p>
                </div>
                                <div class="group relative">
                    <div class="relative w-full h-80 bg-white rounded-lg overflow-hidden group-hover:opacity-75 sm:aspect-w-2 sm:aspect-h-1 sm:h-64 lg:aspect-w-1 lg:aspect-h-1 border border-gray-200">
                        <img src="https://cdn.freshstore.cloud/offer/images/15426/13179/c/lavazza-qualita-oro-coffee-beans-ideal-for-bean-to-cup-machine-and-a-filter-coffee-machine-with-fruity-and-flowery-aromatic-notes-100-arabica-intensity-5-10-medium-roast-1-kg-13179-small.jpg" alt="Coffee Beans" class="p-4 w-full h-full object-center object-contain">
                    </div>
                    <h3 class="mt-6 text-lg font-title text-skin-title">
                        <a href="/categories/coffee-beans">
                            <span class="absolute inset-0"></span>
                            Coffee Beans
                        </a>
                    </h3>
                    <p class="text-base text-skin-subtitle">Discover the rich flavors and aromas of our premium coffee beans for your perfect brew</p>
                </div>
                            </div>
        </div>
    </div>
</section>
        
    
            <section class="mx-auto max-w-7xl my-12 sm:my-24">
        <div class="px-4 sm:px-6">
            <div class="px-4 flex items-center justify-between sm:px-6 lg:px-0">
                <h3 id="featured-articles-heading" class="text-2xl text-skin-subtitle font-subtitle font-normal">Featured Articles</h3>
                <a href="/articles" target="_self"  class="hidden sm:block text-sm font-semibold text-skin-link hover:opacity-75">
    View All <span aria-hidden="true"> &rarr;</span>
</a>
            </div>
            <div class="mx-auto mt-8 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-3">
                                    <article class="flex flex-col items-start justify-start">
                        <div class="relative w-full">
                            <a href="/articles/pod-and-capsule-coffee-machines-a-comprehensive-guide">
                                <div class="aspect-[4/3] w-full overflow-hidden rounded-lg">
                                  <img src="https://cdn.freshstore.cloud/article/images/15426/7610/c/pod-and-capsule-coffee-machines-a-comprehensive-guide-small.jpg" alt="Everything You Need to Know About Choosing the Perfect Machine for Your Coffee Fix" class="h-full w-full object-cover" />
                                </div>
                            </a>
                        </div>
                        <div class="max-w-xl align-top">

                                                            <div class="mt-8 flex flex-wrap items-center gap-x-4 text-xs max-w-full min-h-8">
                                                                            <span class="text-gray-500">By Thurman Wintheiser</span>
                                        <span class="text-gray-200">|</span>
                                                                            <time datetime="2025-06-29" class="text-gray-500">
                                            Jun 29, 2025
                                        </time>
                                                                            <span class="text-gray-200">|</span>
                                                                                    <a href="/article-category/coffee-machines-buying-guides"
                                               class="relative z-10 rounded-full bg-gray-50 px-3 py-1.5 font-medium text-gray-600 hover:bg-gray-100">
                                                Coffee Machines Buying Guides
                                            </a>
                                                                                                            </div>
                            
                            <div class="group relative">
                                <h3 class="mt-3 text-lg font-subtitle font-bold leading-6 text-skin-subtitle group-hover:text-gray-600">
                                    <a href="/articles/pod-and-capsule-coffee-machines-a-comprehensive-guide">
                                        <span class="absolute inset-0"></span>
                                        Pod and Capsule Coffee Machines: A Comprehensive Guide
                                    </a>
                                </h3>
                                <p class="mt-5 line-clamp-3 text-sm leading-6 text-skin-base">
                                    Everything You Need to Know About Choosing the Perfect Machine for Your Coffee Fix
                                </p>
                            </div>
                        </div>
                    </article>
                                    <article class="flex flex-col items-start justify-start">
                        <div class="relative w-full">
                            <a href="/articles/beginners-guide-to-espresso-coffee-machines">
                                <div class="aspect-[4/3] w-full overflow-hidden rounded-lg">
                                  <img src="https://cdn.freshstore.cloud/article/images/15426/5658/c/beginners-guide-to-espresso-coffee-machines-small.jpg" alt="Everything You Need to Know to Choose the Perfect Machine" class="h-full w-full object-cover" />
                                </div>
                            </a>
                        </div>
                        <div class="max-w-xl align-top">

                                                            <div class="mt-8 flex flex-wrap items-center gap-x-4 text-xs max-w-full min-h-8">
                                                                            <span class="text-gray-500">By Thurman Wintheiser</span>
                                        <span class="text-gray-200">|</span>
                                                                            <time datetime="2024-12-28" class="text-gray-500">
                                            Dec 28, 2024
                                        </time>
                                                                            <span class="text-gray-200">|</span>
                                                                                    <a href="/article-category/coffee-machines-buying-guides"
                                               class="relative z-10 rounded-full bg-gray-50 px-3 py-1.5 font-medium text-gray-600 hover:bg-gray-100">
                                                Coffee Machines Buying Guides
                                            </a>
                                                                                                            </div>
                            
                            <div class="group relative">
                                <h3 class="mt-3 text-lg font-subtitle font-bold leading-6 text-skin-subtitle group-hover:text-gray-600">
                                    <a href="/articles/beginners-guide-to-espresso-coffee-machines">
                                        <span class="absolute inset-0"></span>
                                        Beginners Guide To Espresso Coffee Machines
                                    </a>
                                </h3>
                                <p class="mt-5 line-clamp-3 text-sm leading-6 text-skin-base">
                                    Everything You Need to Know to Choose the Perfect Machine
                                </p>
                            </div>
                        </div>
                    </article>
                                    <article class="flex flex-col items-start justify-start">
                        <div class="relative w-full">
                            <a href="/articles/beginners-guide-to-drip-filter-coffee-machines">
                                <div class="aspect-[4/3] w-full overflow-hidden rounded-lg">
                                  <img src="https://cdn.freshstore.cloud/article/images/15426/5649/c/beginners-guide-to-drip-filter-coffee-machines-small.jpg" alt="Everything You Need to Know to Brew Great Coffee at Home" class="h-full w-full object-cover" />
                                </div>
                            </a>
                        </div>
                        <div class="max-w-xl align-top">

                                                            <div class="mt-8 flex flex-wrap items-center gap-x-4 text-xs max-w-full min-h-8">
                                                                            <span class="text-gray-500">By Thurman Wintheiser</span>
                                        <span class="text-gray-200">|</span>
                                                                            <time datetime="2024-12-20" class="text-gray-500">
                                            Dec 20, 2024
                                        </time>
                                                                            <span class="text-gray-200">|</span>
                                                                                    <a href="/article-category/coffee-machines-buying-guides"
                                               class="relative z-10 rounded-full bg-gray-50 px-3 py-1.5 font-medium text-gray-600 hover:bg-gray-100">
                                                Coffee Machines Buying Guides
                                            </a>
                                                                                                            </div>
                            
                            <div class="group relative">
                                <h3 class="mt-3 text-lg font-subtitle font-bold leading-6 text-skin-subtitle group-hover:text-gray-600">
                                    <a href="/articles/beginners-guide-to-drip-filter-coffee-machines">
                                        <span class="absolute inset-0"></span>
                                        Beginners Guide To Drip Filter Coffee Machines
                                    </a>
                                </h3>
                                <p class="mt-5 line-clamp-3 text-sm leading-6 text-skin-base">
                                    Everything You Need to Know to Brew Great Coffee at Home
                                </p>
                            </div>
                        </div>
                    </article>
                
            </div>
        </div>
    </section>
        
    
    
            <div class="mx-auto max-w-7xl px-4 py-16 sm:px-6 sm:py-24 lg:px-8">
    <div class="relative overflow-hidden rounded-lg border-2 border-skin-accent bg-gray-50 shadow-lg">
        <div class="absolute inset-0">
            <img src="https://cdn.freshstore.cloud/template/images/15426/5483/c/espresso-coffee-machine-on-a-wooden-table-blur-ba-2024-12-07-16-57-18-utc-min-jpg-original.jpg"
                 alt="US Dollar bills scattered on the floor"
                 title="Take advantage of our special offers and discounts" class="size-full object-cover">
        </div>
        <div class="relative bg-white/85 px-6 py-32 sm:px-6 sm:py-40 lg:px-12">
            <div class="relative mx-auto flex flex-col items-center text-center">
                <h2 id="sale-heading" class="text-4xl font-title font-bold text-skin-title sm:text-5xl lg:text-6xl">
                    Save With Our Special Offers
                </h2>
                <p class="mx-auto mt-4 max-w-xl text-xl text-skin-base">Check out our best offers and discounts on top-quality items. Our offers change regularly, so make sure you don&#039;t miss out!</p>
                <a href="/special-offers" target="_self"  class="mt-6 inline-block w-full bg-skin-button-accent border border-transparent rounded-md py-3 px-8 font-medium text-skin-button-accent hover:bg-opacity-75 sm:w-auto">
    View Special Offers
</a>
            </div>
        </div>
    </div>
</div>
    
    <div class="relative mx-auto max-w-7xl my-24 px-4 sm:px-6 lg:my-32 lg:px-8">
            </div>

            <section aria-labelledby="testimonial-heading" class="relative mx-auto max-w-7xl my-24 px-4 sm:px-6 lg:my-32 lg:px-8">
    <div class="mx-auto max-w-2xl lg:max-w-none">

        <h3 id="testimonial-heading"
            class="text-2xl font-subtitle text-skin-subtitle">Some words from our happy customers</h3>

        <div class="mt-12 space-y-16 lg:space-y-0 lg:grid lg:grid-cols-3 lg:gap-x-8">

            
            <blockquote class="sm:flex lg:block">
                <svg class="shrink-0 text-skin-light h-10 w-10 scale-x-[-1]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z"/></svg>                <div class="mt-8 sm:mt-0 sm:ml-6 lg:mt-10 lg:ml-0">
                    <p class="text-lg text-skin-subtitle">
                        Your store was suggested to me by a friend and I can&#039;t express how satisfied I am. Kudos for your excellent service.
                    </p>
                    <div class="mt-4 flex gap-1 text-yellow-400">
                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                            </div>
                    <cite class="mt-4 block font-semibold not-italic text-skin-light">
                        Melisa Bogisich, Manchester, UK
                    </cite>
                </div>
            </blockquote>

            
            <blockquote class="sm:flex lg:block">
                <svg class="shrink-0 text-skin-light h-10 w-10 scale-x-[-1]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z"/></svg>                <div class="mt-8 sm:mt-0 sm:ml-6 lg:mt-10 lg:ml-0">
                    <p class="text-lg text-skin-subtitle">
                        The price was a steal, and the super-fast delivery only added to my happiness. Can&#039;t help but rave about my experience!
                    </p>
                    <div class="mt-4 flex gap-1 text-yellow-400">
                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                            </div>
                    <cite class="mt-4 block font-semibold not-italic text-skin-light">
                        Litzy Nicolas, London, UK
                    </cite>
                </div>
            </blockquote>

            
            <blockquote class="sm:flex lg:block">
                <svg class="shrink-0 text-skin-light h-10 w-10 scale-x-[-1]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z"/></svg>                <div class="mt-8 sm:mt-0 sm:ml-6 lg:mt-10 lg:ml-0">
                    <p class="text-lg text-skin-subtitle">
                        I was a little hesitant because of the ultra-low prices, but everything was perfectly smooth. The savings I made in comparison to other stores were significant!
                    </p>
                    <div class="mt-4 flex gap-1 text-yellow-400">
                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"/>
</svg>                                            </div>
                    <cite class="mt-4 block font-semibold not-italic text-skin-light">
                        Lydia Fadel, Birmingham, UK
                    </cite>
                </div>
            </blockquote>

            

        </div>
    </div>
</section>
    
        
</div>

                
            </div>


        </main>

        

        <footer aria-labelledby="footer-heading" class="">
    <h2 id="footer-heading" class="sr-only">Footer</h2>
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="border-t border-gray-200">
            <div class="pt-16 pb-20">
                <div class="flex justify-center">
                                            <img src="https://cdn.freshstore.cloud/template/images/15426/7915/c/coffeee-logo-logo.png" alt="The store logo" title="Store Logo" class="max-h-8 max-w-48 w-auto">
                                    </div>

                <div class="mt-6 space-x-4 flex justify-center">
                                                                                                                                                                                </div>

                                    <div class="mt-16 max-w-6xl mx-auto flex flex-wrap gap-x-6 md:gap-x-12 lg:gap-x-24 md:px-12">
                                            <div class="flex-1 mb-24 md:mb-6">
                            <h3 class="text-sm font-subtitle font-bold text-skin-subtitle">
                                Categories
                            </h3>
                            <ul role="list" class="mt-6 space-y-6">
                                                                <li class="text-sm">
                                    <a href="/categories/coffee-machines" class="text-skin-base hover:opacity-75">
                                        Coffee Machines
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/categories/coffee-makers" class="text-skin-base hover:opacity-75">
                                        Coffee Makers
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/categories/coffee-beans" class="text-skin-base hover:opacity-75">
                                        Coffee Beans
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/categories/single-origin-coffee-beans" class="text-skin-base hover:opacity-75">
                                        Single Origin Coffee Beans
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/categories/coffee" class="text-skin-base hover:opacity-75">
                                        Coffee
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/categories/coffee-filters" class="text-skin-base hover:opacity-75">
                                        Coffee Filters
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/categories" class="text-skin-base hover:opacity-75">
                                        Categories
                                    </a>
                                </li>
                                                            </ul>
                        </div>
                                            <div class="flex-1 mb-24 md:mb-6">
                            <h3 class="text-sm font-subtitle font-bold text-skin-subtitle">
                                Brands
                            </h3>
                            <ul role="list" class="mt-6 space-y-6">
                                                                <li class="text-sm">
                                    <a href="/brands/aptliton-coffee-machines" class="text-skin-base hover:opacity-75">
                                        Aptliton
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/brands/homcom-coffee-machines" class="text-skin-base hover:opacity-75">
                                        Homcom
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/brands/farmers-roasters" class="text-skin-base hover:opacity-75">
                                        Farmers &amp; Roasters
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/brands/flamekiss" class="text-skin-base hover:opacity-75">
                                        Flamekiss
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/brands/ditac" class="text-skin-base hover:opacity-75">
                                        Ditac
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/brands/linenvale" class="text-skin-base hover:opacity-75">
                                        Linenvale
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/brands" class="text-skin-base hover:opacity-75">
                                        Brands
                                    </a>
                                </li>
                                                            </ul>
                        </div>
                                            <div class="flex-1 mb-24 md:mb-6">
                            <h3 class="text-sm font-subtitle font-bold text-skin-subtitle">
                                Articles
                            </h3>
                            <ul role="list" class="mt-6 space-y-6">
                                                                <li class="text-sm">
                                    <a href="/article-category/coffee-and-health-guides" class="text-skin-base hover:opacity-75">
                                        Coffee And Health Guides
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/article-category/coffee-brewing-guides" class="text-skin-base hover:opacity-75">
                                        Coffee Brewing Guides
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/article-category/coffee-machines-buying-guides" class="text-skin-base hover:opacity-75">
                                        Coffee Machines Buying Guides
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/article-category/coffee-beans-buying-guides" class="text-skin-base hover:opacity-75">
                                        Coffee Beans Buying Guides
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/articles" class="text-skin-base hover:opacity-75">
                                        Articles
                                    </a>
                                </li>
                                                            </ul>
                        </div>
                                            <div class="flex-1 mb-24 md:mb-6">
                            <h3 class="text-sm font-subtitle font-bold text-skin-subtitle">
                                Pages
                            </h3>
                            <ul role="list" class="mt-6 space-y-6">
                                                                <li class="text-sm">
                                    <a href="/about-us" class="text-skin-base hover:opacity-75">
                                        About Us
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/contact" class="text-skin-base hover:opacity-75">
                                        Contact
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/cookie-policy" class="text-skin-base hover:opacity-75">
                                        Cookie Policy
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/newsletter" class="text-skin-base hover:opacity-75">
                                        Newsletter
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/privacy-policy" class="text-skin-base hover:opacity-75">
                                        Privacy Policy
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/site-map" class="text-skin-base hover:opacity-75">
                                        Site Map
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/terms-of-use" class="text-skin-base hover:opacity-75">
                                        Terms
                                    </a>
                                </li>
                                                            </ul>
                        </div>
                                    </div>
                


            </div>


                            <div class="lg:grid lg:grid-cols-2 lg:gap-x-6 xl:gap-x-8">

                                            <div class="bg-skin-light rounded-lg p-6 flex items-center sm:p-10 ">
                            <div class="max-w-sm mx-auto">
                                <h3 class="font-subtitle font-bold text-skin-subtitle">Sign up for our newsletter</h3>
                                <p class="mt-2 text-sm text-skin-base">The latest offers, articles, and news, sent to your inbox weekly.</p>
                                <form class="mt-4 sm:mt-6 sm:flex" action="https://www.coffeee.uk/newsletter" method="POST">
                                    <input type="hidden" name="_token" value="ALVUgtgUKBuATPQvrz91vNDX5MomsXDzvjWjD9Al" autocomplete="off">                                    <div id="message_field_cPmsy6WighdgEu16_wrap"  style="display: none" aria-hidden="true">
        <input id="message_field_cPmsy6WighdgEu16"
               name="message_field_cPmsy6WighdgEu16"
               type="text"
               value=""
                              autocomplete="nope"
               tabindex="-1">
        <input name="opal_three_ingrain"
               type="text"
               value="eyJpdiI6Iks4OGMyVGdQL0diQ1pOL0NqK3BCZWc9PSIsInZhbHVlIjoiUm9VWUd0YUM5aXRndExsUDdSYUtrUT09IiwibWFjIjoiYzQ2YjFlYWIwZTFhNDBhNGRhZTk3YjQzOTQ3YTJiMmRhMDM1OWE1MWIxMDM4MjY3MjhhNDM2N2NlOTMzZGE5OSIsInRhZyI6IiJ9"
                              autocomplete="off"
               tabindex="-1">
    </div>
                                    <label for="email-address" class="sr-only">Email address</label>
                                    <input id="email-address" type="email" name="email" autocomplete="email" required class="appearance-none min-w-0 w-full bg-white border border-gray-300 rounded-md shadow-xs py-2 px-4 text-base text-skin-title placeholder-gray-500 focus:outline-hidden focus:border-skin-accent focus:ring-1 focus:ring-skin-accent">
                                    <div class="mt-3 sm:shrink-0 sm:mt-0 sm:ml-4">
                                        <button type="submit" class="w-full bg-skin-button-accent border border-transparent rounded-md shadow-xs py-2 px-4 flex items-center justify-center text-base font-medium text-white hover:bg-opacity-75 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-skin-accent">
                                            Sign up
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    
                                                <div class="mt-6 relative py-12 px-6 flex items-center sm:py-16 sm:px-10 lg:mt-0 ">
                                <div class="absolute inset-0 rounded-lg overflow-hidden">
                                    <a href="/contact" target="_self"  >
    <img src="https://cdn.freshstore.cloud/template/images/15426/9/c/coffeee-logo-300x100-png-original.png" alt="An image representing our contact page" title="Contact us with your questions or feedback" class="w-full h-full filter saturate-0 object-center object-cover">
                                    <div class="absolute inset-0 bg-skin-dark bg-opacity-70"></div>
</a>
                                </div>
                                <div class="relative max-w-sm mx-auto text-center">
                                    <a href="/contact" target="_self"  >
    <h3 class="text-2xl font-subtitle font-bold text-white">Get in Touch</h3>
                                    <p class="mt-2 text-white">
                                        Do you have a question, want to give some feedback, or simply want to chat? Click here to find out how to contact us.
                                    </p>
</a>
                                </div>
                            </div>
                    
                </div>
            
        </div>

        <div class="my-20 items-center px-6 md:px-20">
            <p class="text-sm text-skin-base text-center">Affiliate disclosure: When you click links to various merchants on this site and make a purchase, this can result in this site earning a commission. Affiliate programs and affiliations include, but are not limited to, the eBay Partner Network, Walmart, Etsy, AliExpress and Amazon. As an Amazon Associate, we may earn commissions from qualifying purchases from Amazon.</p>
        </div>

        <div class="my-20 pb-10 md:flex md:items-center md:justify-between">
            <div class="text-center md:text-left">
                <p class="text-sm text-skin-base">&copy; 2026 All Rights Reserved.
                                            <p><a title="Coffeee" href="../../">Coffeee</a></p>
                                    </p>
            </div>

            <div class="mt-4 flex items-center justify-center md:mt-0">
                <div class="flex space-x-8">
                                            <a href="/contact" class="text-sm text-skin-link hover:opacity-75">
                            Contact
                        </a>
                                            <a href="/privacy-policy" class="text-sm text-skin-link hover:opacity-75">
                            Privacy Policy
                        </a>
                                            <a href="/terms-of-use" class="text-sm text-skin-link hover:opacity-75">
                            Terms
                        </a>
                                    </div>
            </div>
        </div>
    </div>
</footer>

    </div>

<script src="/livewire/livewire.min.js?id=40a765a4"   data-csrf="ALVUgtgUKBuATPQvrz91vNDX5MomsXDzvjWjD9Al" data-update-uri="/livewire/update" data-navigate-once="true"></script>





<div wire:snapshot="{&quot;data&quot;:{&quot;analyticsSiteUrl&quot;:&quot;analytics.freshstore.cloud&quot;,&quot;analyticsSiteId&quot;:&quot;399&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;HbUVLMzJ9VM9Aw3YNPz5&quot;,&quot;name&quot;:&quot;get-analytics-code&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[&quot;778755636-0&quot;],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;SE&quot;},&quot;checksum&quot;:&quot;02e11a77691fbc1f4d5ce6169e230473ab4931ad97e3f5a712946f31bb6a91ad&quot;}" wire:effects="{&quot;scripts&quot;:{&quot;778755636-0&quot;:&quot;    &lt;script&gt;\n\n        let isAdmin = document.cookie.match(&#039;(^|;)\\\\s*&#039; + &#039;fs_bt&#039; + &#039;\\\\s*=\\\\s*([^;]+)&#039;)?.pop() || &#039;&#039;;\n\n        if (isAdmin !== &#039;1&#039;) {\n            var _paq = window._paq = window._paq || [];\n\n            \/* tracker methods like \&quot;setCustomDimension\&quot; should be called before \&quot;trackPageView\&quot; *\/\n            _paq.push([&#039;trackPageView&#039;]);\n            _paq.push([&#039;enableLinkTracking&#039;]);\n            _paq.push([&#039;enableHeartBeatTimer&#039;]);\n            (function () {\n                var u = \&quot;\/\/analytics.freshstore.cloud\/\&quot;;\n                _paq.push([&#039;setTrackerUrl&#039;, u + &#039;matomo.php&#039;]);\n                _paq.push([&#039;setSiteId&#039;, &#039;399&#039;]);\n                var d = document, g = d.createElement(&#039;script&#039;), s = d.getElementsByTagName(&#039;script&#039;)[0];\n                g.async = true;\n                g.src = u + &#039;matomo.js&#039;;\n                s.parentNode.insertBefore(g, s);\n            })();\n\n            document.addEventListener(&#039;click&#039;, function (e) {\n                const link = e.target.closest(&#039;a.fs-al&#039;);\n                if (!link) return;\n\n                const productId = link.dataset.productId;\n                const offerId = link.dataset.offerId;\n                const price = link.dataset.price;\n\n                if (productId || offerId) {\n                    window._paq.push([&#039;trackEvent&#039;, &#039;Affiliate&#039;, &#039;Click&#039;, JSON.stringify({\n                        product_id: productId,\n                        offer_id: offerId,\n                        price: price,\n                        url: link.href\n                    }), 1]);\n                }\n            });\n        }\n\n\n    &lt;\/script&gt;\n        &quot;}}" wire:id="HbUVLMzJ9VM9Aw3YNPz5">
        </div>


</body>
</html>
