Showing source for: https://www.coffeee.uk/categories/coffee-machines
Duration: 0.030995s
Server: BunnyCDN-UK1-886

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Buy The Best Coffee Machines For Sale Online</title>
<meta name="csrf-token" content="wUyLqTKXMmIzqZfIhrf8oT5SZlLsNf6HTdmvlq0k">
<meta name="description" content="Looking for the perfect coffee machine? Explore our wide selection of high-quality coffee machines and accessories, delivering rich and aromatic brews at home.">
<meta name="keywords" content="coffee machines, brew, top-quality, best, store category, variety, models, brands, perfect cup, home, coffee niche, espresso machines, drip coffee makers, single-serve coffee makers, french press, coffee grinder, coffee beans, automatic coffee machines, m...">
<meta property="og:type" content="website">
<meta property="og:title" content="Coffee Machines">
<meta property="og:url" content="https://www.coffeee.uk/categories/coffee-machines">
<meta property="og:description" content="Looking for the perfect coffee machine? Explore our wide selection of high-quality coffee machines and accessories, delivering rich and aromatic brews at home.">
<meta property="og:image" content="https://cdn.freshstore.cloud/template/images/778/14407/coffeee-logo-png.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="">
<meta name="twitter:title" content="Coffee Machines">
<meta name="twitter:description" content="Looking for the perfect coffee machine? Explore our wide selection of high-quality coffee machines and accessories, delivering rich and aromatic brews at home.">
<meta name="twitter:image" content="https://cdn.freshstore.cloud/template/images/778/14407/coffeee-logo-png.png">
                    <link rel="canonical" href="https://www.coffeee.uk/categories/coffee-machines" />
        
        
        <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 href="/css/app.css?id=3276d5182ae181714045be0ec5ba7c41" rel="stylesheet">
        <link rel="stylesheet" href="https://rsms.me/inter/inter.css">

        <script src="/js/app.js?id=0a60be9e45cd78a6bc90fb5d2220c643" defer></script>

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

        
        <style >[wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] {display:none;}[wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {animation-duration: 50000s;animation-name: livewireautofill;}@keyframes livewireautofill { from {} }</style>

        

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

        <script wire:id="XltWIzGSR66Yv8ch1Q0Q" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;XltWIzGSR66Yv8ch1Q0Q&quot;,&quot;name&quot;:&quot;get-analytics-code&quot;,&quot;locale&quot;:&quot;GB&quot;,&quot;path&quot;:&quot;categories\/coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;62329205&quot;,&quot;data&quot;:{&quot;analyticsSiteUrl&quot;:&quot;analytics.freshstore.cloud&quot;,&quot;analyticsSiteId&quot;:&quot;399&quot;},&quot;dataMeta&quot;:[],&quot;checksum&quot;:&quot;67293b2de7400d7ebb10de9cfb235a1f571de6594bbd55ab0ef3dfa93a3e7a05&quot;}}">

    let isAdmin = document.cookie.match('(^|;)\\s*' + 'fs_bt' + '\\s*=\\s*([^;]+)')?.pop() || '';

    if (isAdmin !== '1') {
        var _paq = window._paq = window._paq || [];

        /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
        _paq.push(['trackPageView']);
        _paq.push(['enableLinkTracking']);
        (function() {
            var u="//analytics.freshstore.cloud/";
            _paq.push(['setTrackerUrl', u+'matomo.php']);
            _paq.push(['setSiteId', '399']);
            var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
            g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
        })();
    }
</script>



















<!-- Livewire Component wire-end:XltWIzGSR66Yv8ch1Q0Q -->
        <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">

    </head>

    <body class="skin-bookworm">

        

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

        <div x-cloak x-show="mobileMenuOpen">

    <div class="fixed inset-0 flex z-40 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-sm 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-6" 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-6" class="ml-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/categories/bean-to-cup-coffee-machines" class="text-gray-500">
                                                                Bean To Cup Coffee Machines
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/pod-and-capsule-coffee-machines" class="text-gray-500">
                                                                Coffee Pod &amp; Capsule Machines
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/drip-filter-coffee-makers" class="text-gray-500">
                                                                Drip Filter Coffee Makers
                                                            </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/french-press-coffee-makers" class="text-gray-500">
                                                                French Press Coffee Makers
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/nespresso-coffee-machines" class="text-gray-500">
                                                                Nespresso Coffee Machines
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/senseo-coffee-machines" class="text-gray-500">
                                                                Senseo 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-6" class="font-medium text-gray-700 ml-2">
                                                <a href="/categories/coffee-accessories">
                                                    Coffee Accessories
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-6" class="ml-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/categories/coffee-filters" class="text-gray-500">
                                                                Coffee Filters
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/coffee-grinders" class="text-gray-500">
                                                                Coffee Grinders
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/mugs-cups" class="text-gray-500">
                                                                Mugs &amp; Cups
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/travel-tumblers" class="text-gray-500">
                                                                Travel Tumblers
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-6" class="font-medium text-gray-700 ml-2">
                                                <a href="/categories/coffee">
                                                    Coffee
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-6" 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/costa-coffee" class="text-gray-500">
                                                                Costa Coffee
                                                            </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>
                                                                                                            <li class="flex">
                                                            <a href="/categories/starbucks-coffee" class="text-gray-500">
                                                                Starbucks Coffee
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-6" class="font-medium text-gray-700 ml-2">
                                                <a href="/categories/flavoured-coffee">
                                                    Flavoured Coffee 
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-6" class="ml-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/categories/caramel-flavoured-coffee" class="text-gray-500">
                                                                Caramel Flavoured Coffee
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/hazelnut-flavoured-coffee" class="text-gray-500">
                                                                Hazelnut Flavoured Coffee
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/mocha-flavoured-coffee" class="text-gray-500">
                                                                Mocha Flavoured Coffee
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/vanilla-flavoured-coffee" class="text-gray-500">
                                                                Vanilla Flavoured Coffee
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-6" 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-6" 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/blend-coffee-beans" class="text-gray-500">
                                                                Blend Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/chocolate-covered-coffee-beans" class="text-gray-500">
                                                                Chocolate Covered Coffee Beans
                                                            </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/robusta-coffee-beans" class="text-gray-500">
                                                                Robusta Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/organic-coffee-beans" class="text-gray-500">
                                                                Organic Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-6" 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-6" 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/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>
                        </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/grano-milano-coffee">
                                                    Grano Milano
                                                </a>
                                            </p>

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

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

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/union-hand-roasted-coffee">
                                                    Union Hand-Roasted Coffee
                                                </a>
                                            </p>

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

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

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

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/lor">
                                                    L&#039;or
                                                </a>
                                            </p>

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

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/taylors-of-harrogate">
                                                    Taylors Of Harrogate
                                                </a>
                                            </p>

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

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

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

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

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

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

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

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

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

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/breville">
                                                    Breville
                                                </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-5" class="font-medium text-gray-700 ml-2">
                                                <a href="/articles/manual-coffee-machines-vs-automatic-which-is-superior">
                                                    Machine Battle: Manual vs Automatic
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-5" class="font-medium text-gray-700 ml-2">
                                                <a href="/articles/finding-the-perfect-home-coffee-machine-a-guide">
                                                    Guide to Home Coffee Makers
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-5" class="font-medium text-gray-700 ml-2">
                                                <a href="/articles/is-splurging-on-coffee-makers-worth-the-investment">
                                                    Coffee Maker: Worth the Investment?
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-5" class="font-medium text-gray-700 ml-2">
                                                <a href="/articles/home-brew-vs-coffee-shop-the-ultimate-verdict">
                                                    Brew Battle: Home vs. Shop
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-5" class="font-medium text-gray-700 ml-2">
                                                <a href="/articles/revolutionizing-your-coffee-experience-bean-to-cup">
                                                    Bean-to-Cup Revolution
                                                </a>
                                            </p>

                                                                                    </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">Login</a>
                    </div>
                </div>
            
            
        </div>
    </div>

</div>
        <header class="relative z-10">
    <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">

                <form wire:id="ATWjzWW9D3zTwpYu1lcs" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;ATWjzWW9D3zTwpYu1lcs&quot;,&quot;name&quot;:&quot;locale-menu&quot;,&quot;locale&quot;:&quot;GB&quot;,&quot;path&quot;:&quot;categories\/coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;emits&quot;:[{&quot;event&quot;:&quot;localeChanged&quot;,&quot;params&quot;:[]}],&quot;listeners&quot;:[&quot;pageLoaded&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;f06012c1&quot;,&quot;data&quot;:{&quot;storeLocales&quot;:{&quot;ae&quot;:{&quot;id&quot;:784,&quot;capital&quot;:&quot;Abu Dhabi&quot;,&quot;citizenship&quot;:&quot;Emirian&quot;,&quot;country_code&quot;:&quot;784&quot;,&quot;currency&quot;:&quot;UAE dirham&quot;,&quot;currency_code&quot;:&quot;AED&quot;,&quot;currency_sub_unit&quot;:&quot;fils (inv.)&quot;,&quot;currency_symbol&quot;:&quot;AED&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;United Arab Emirates&quot;,&quot;iso_3166_2&quot;:&quot;AE&quot;,&quot;iso_3166_3&quot;:&quot;ARE&quot;,&quot;name&quot;:&quot;United Arab Emirates&quot;,&quot;region_code&quot;:&quot;142&quot;,&quot;sub_region_code&quot;:&quot;145&quot;,&quot;eea&quot;:0,&quot;calling_code&quot;:&quot;971&quot;,&quot;flag&quot;:&quot;AE.png&quot;},&quot;au&quot;:{&quot;id&quot;:36,&quot;capital&quot;:&quot;Canberra&quot;,&quot;citizenship&quot;:&quot;Australian&quot;,&quot;country_code&quot;:&quot;036&quot;,&quot;currency&quot;:&quot;Australian dollar&quot;,&quot;currency_code&quot;:&quot;AUD&quot;,&quot;currency_sub_unit&quot;:&quot;cent&quot;,&quot;currency_symbol&quot;:&quot;$&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Commonwealth of Australia&quot;,&quot;iso_3166_2&quot;:&quot;AU&quot;,&quot;iso_3166_3&quot;:&quot;AUS&quot;,&quot;name&quot;:&quot;Australia&quot;,&quot;region_code&quot;:&quot;009&quot;,&quot;sub_region_code&quot;:&quot;053&quot;,&quot;eea&quot;:0,&quot;calling_code&quot;:&quot;61&quot;,&quot;flag&quot;:&quot;AU.png&quot;},&quot;be&quot;:{&quot;id&quot;:56,&quot;capital&quot;:&quot;Brussels&quot;,&quot;citizenship&quot;:&quot;Belgian&quot;,&quot;country_code&quot;:&quot;056&quot;,&quot;currency&quot;:&quot;euro&quot;,&quot;currency_code&quot;:&quot;EUR&quot;,&quot;currency_sub_unit&quot;:&quot;cent&quot;,&quot;currency_symbol&quot;:&quot;\u20ac&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Kingdom of Belgium&quot;,&quot;iso_3166_2&quot;:&quot;BE&quot;,&quot;iso_3166_3&quot;:&quot;BEL&quot;,&quot;name&quot;:&quot;Belgium&quot;,&quot;region_code&quot;:&quot;150&quot;,&quot;sub_region_code&quot;:&quot;155&quot;,&quot;eea&quot;:1,&quot;calling_code&quot;:&quot;32&quot;,&quot;flag&quot;:&quot;BE.png&quot;},&quot;br&quot;:{&quot;id&quot;:76,&quot;capital&quot;:&quot;Brasilia&quot;,&quot;citizenship&quot;:&quot;Brazilian&quot;,&quot;country_code&quot;:&quot;076&quot;,&quot;currency&quot;:&quot;real (pl. reais)&quot;,&quot;currency_code&quot;:&quot;BRL&quot;,&quot;currency_sub_unit&quot;:&quot;centavo&quot;,&quot;currency_symbol&quot;:&quot;R$&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Federative Republic of Brazil&quot;,&quot;iso_3166_2&quot;:&quot;BR&quot;,&quot;iso_3166_3&quot;:&quot;BRA&quot;,&quot;name&quot;:&quot;Brazil&quot;,&quot;region_code&quot;:&quot;019&quot;,&quot;sub_region_code&quot;:&quot;005&quot;,&quot;eea&quot;:0,&quot;calling_code&quot;:&quot;55&quot;,&quot;flag&quot;:&quot;BR.png&quot;},&quot;ca&quot;:{&quot;id&quot;:124,&quot;capital&quot;:&quot;Ottawa&quot;,&quot;citizenship&quot;:&quot;Canadian&quot;,&quot;country_code&quot;:&quot;124&quot;,&quot;currency&quot;:&quot;Canadian dollar&quot;,&quot;currency_code&quot;:&quot;CAD&quot;,&quot;currency_sub_unit&quot;:&quot;cent&quot;,&quot;currency_symbol&quot;:&quot;$&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Canada&quot;,&quot;iso_3166_2&quot;:&quot;CA&quot;,&quot;iso_3166_3&quot;:&quot;CAN&quot;,&quot;name&quot;:&quot;Canada&quot;,&quot;region_code&quot;:&quot;019&quot;,&quot;sub_region_code&quot;:&quot;021&quot;,&quot;eea&quot;:0,&quot;calling_code&quot;:&quot;1&quot;,&quot;flag&quot;:&quot;CA.png&quot;},&quot;de&quot;:{&quot;id&quot;:276,&quot;capital&quot;:&quot;Berlin&quot;,&quot;citizenship&quot;:&quot;German&quot;,&quot;country_code&quot;:&quot;276&quot;,&quot;currency&quot;:&quot;euro&quot;,&quot;currency_code&quot;:&quot;EUR&quot;,&quot;currency_sub_unit&quot;:&quot;cent&quot;,&quot;currency_symbol&quot;:&quot;\u20ac&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Federal Republic of Germany&quot;,&quot;iso_3166_2&quot;:&quot;DE&quot;,&quot;iso_3166_3&quot;:&quot;DEU&quot;,&quot;name&quot;:&quot;Germany&quot;,&quot;region_code&quot;:&quot;150&quot;,&quot;sub_region_code&quot;:&quot;155&quot;,&quot;eea&quot;:1,&quot;calling_code&quot;:&quot;49&quot;,&quot;flag&quot;:&quot;DE.png&quot;},&quot;eg&quot;:{&quot;id&quot;:818,&quot;capital&quot;:&quot;Cairo&quot;,&quot;citizenship&quot;:&quot;Egyptian&quot;,&quot;country_code&quot;:&quot;818&quot;,&quot;currency&quot;:&quot;Egyptian pound&quot;,&quot;currency_code&quot;:&quot;EGP&quot;,&quot;currency_sub_unit&quot;:&quot;piastre&quot;,&quot;currency_symbol&quot;:&quot;\u00a3&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Arab Republic of Egypt&quot;,&quot;iso_3166_2&quot;:&quot;EG&quot;,&quot;iso_3166_3&quot;:&quot;EGY&quot;,&quot;name&quot;:&quot;Egypt&quot;,&quot;region_code&quot;:&quot;002&quot;,&quot;sub_region_code&quot;:&quot;015&quot;,&quot;eea&quot;:0,&quot;calling_code&quot;:&quot;20&quot;,&quot;flag&quot;:&quot;EG.png&quot;},&quot;es&quot;:{&quot;id&quot;:724,&quot;capital&quot;:&quot;Madrid&quot;,&quot;citizenship&quot;:&quot;Spaniard&quot;,&quot;country_code&quot;:&quot;724&quot;,&quot;currency&quot;:&quot;euro&quot;,&quot;currency_code&quot;:&quot;EUR&quot;,&quot;currency_sub_unit&quot;:&quot;cent&quot;,&quot;currency_symbol&quot;:&quot;\u20ac&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Kingdom of Spain&quot;,&quot;iso_3166_2&quot;:&quot;ES&quot;,&quot;iso_3166_3&quot;:&quot;ESP&quot;,&quot;name&quot;:&quot;Spain&quot;,&quot;region_code&quot;:&quot;150&quot;,&quot;sub_region_code&quot;:&quot;039&quot;,&quot;eea&quot;:1,&quot;calling_code&quot;:&quot;34&quot;,&quot;flag&quot;:&quot;ES.png&quot;},&quot;fr&quot;:{&quot;id&quot;:250,&quot;capital&quot;:&quot;Paris&quot;,&quot;citizenship&quot;:&quot;French&quot;,&quot;country_code&quot;:&quot;250&quot;,&quot;currency&quot;:&quot;euro&quot;,&quot;currency_code&quot;:&quot;EUR&quot;,&quot;currency_sub_unit&quot;:&quot;cent&quot;,&quot;currency_symbol&quot;:&quot;\u20ac&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;French Republic&quot;,&quot;iso_3166_2&quot;:&quot;FR&quot;,&quot;iso_3166_3&quot;:&quot;FRA&quot;,&quot;name&quot;:&quot;France&quot;,&quot;region_code&quot;:&quot;150&quot;,&quot;sub_region_code&quot;:&quot;155&quot;,&quot;eea&quot;:1,&quot;calling_code&quot;:&quot;33&quot;,&quot;flag&quot;:&quot;FR.png&quot;},&quot;gb&quot;:{&quot;id&quot;:826,&quot;capital&quot;:&quot;London&quot;,&quot;citizenship&quot;:&quot;British&quot;,&quot;country_code&quot;:&quot;826&quot;,&quot;currency&quot;:&quot;pound sterling&quot;,&quot;currency_code&quot;:&quot;GBP&quot;,&quot;currency_sub_unit&quot;:&quot;penny (pl. pence)&quot;,&quot;currency_symbol&quot;:&quot;\u00a3&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;United Kingdom of Great Britain and Northern Ireland&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;region_code&quot;:&quot;150&quot;,&quot;sub_region_code&quot;:&quot;154&quot;,&quot;eea&quot;:1,&quot;calling_code&quot;:&quot;44&quot;,&quot;flag&quot;:&quot;GB.png&quot;},&quot;in&quot;:{&quot;id&quot;:356,&quot;capital&quot;:&quot;New Delhi&quot;,&quot;citizenship&quot;:&quot;Indian&quot;,&quot;country_code&quot;:&quot;356&quot;,&quot;currency&quot;:&quot;Indian rupee&quot;,&quot;currency_code&quot;:&quot;INR&quot;,&quot;currency_sub_unit&quot;:&quot;paisa&quot;,&quot;currency_symbol&quot;:&quot;\u20b9&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Republic of India&quot;,&quot;iso_3166_2&quot;:&quot;IN&quot;,&quot;iso_3166_3&quot;:&quot;IND&quot;,&quot;name&quot;:&quot;India&quot;,&quot;region_code&quot;:&quot;142&quot;,&quot;sub_region_code&quot;:&quot;034&quot;,&quot;eea&quot;:0,&quot;calling_code&quot;:&quot;91&quot;,&quot;flag&quot;:&quot;IN.png&quot;},&quot;it&quot;:{&quot;id&quot;:380,&quot;capital&quot;:&quot;Rome&quot;,&quot;citizenship&quot;:&quot;Italian&quot;,&quot;country_code&quot;:&quot;380&quot;,&quot;currency&quot;:&quot;euro&quot;,&quot;currency_code&quot;:&quot;EUR&quot;,&quot;currency_sub_unit&quot;:&quot;cent&quot;,&quot;currency_symbol&quot;:&quot;\u20ac&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Italian Republic&quot;,&quot;iso_3166_2&quot;:&quot;IT&quot;,&quot;iso_3166_3&quot;:&quot;ITA&quot;,&quot;name&quot;:&quot;Italy&quot;,&quot;region_code&quot;:&quot;150&quot;,&quot;sub_region_code&quot;:&quot;039&quot;,&quot;eea&quot;:1,&quot;calling_code&quot;:&quot;39&quot;,&quot;flag&quot;:&quot;IT.png&quot;},&quot;jp&quot;:{&quot;id&quot;:392,&quot;capital&quot;:&quot;Tokyo&quot;,&quot;citizenship&quot;:&quot;Japanese&quot;,&quot;country_code&quot;:&quot;392&quot;,&quot;currency&quot;:&quot;yen (inv.)&quot;,&quot;currency_code&quot;:&quot;JPY&quot;,&quot;currency_sub_unit&quot;:&quot;(sen (inv.)) (JP1)&quot;,&quot;currency_symbol&quot;:&quot;\u00a5&quot;,&quot;currency_decimals&quot;:0,&quot;full_name&quot;:&quot;Japan&quot;,&quot;iso_3166_2&quot;:&quot;JP&quot;,&quot;iso_3166_3&quot;:&quot;JPN&quot;,&quot;name&quot;:&quot;Japan&quot;,&quot;region_code&quot;:&quot;142&quot;,&quot;sub_region_code&quot;:&quot;030&quot;,&quot;eea&quot;:0,&quot;calling_code&quot;:&quot;81&quot;,&quot;flag&quot;:&quot;JP.png&quot;},&quot;mx&quot;:{&quot;id&quot;:484,&quot;capital&quot;:&quot;Mexico City&quot;,&quot;citizenship&quot;:&quot;Mexican&quot;,&quot;country_code&quot;:&quot;484&quot;,&quot;currency&quot;:&quot;Mexican peso&quot;,&quot;currency_code&quot;:&quot;MXN&quot;,&quot;currency_sub_unit&quot;:&quot;centavo&quot;,&quot;currency_symbol&quot;:&quot;$&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;United Mexican States&quot;,&quot;iso_3166_2&quot;:&quot;MX&quot;,&quot;iso_3166_3&quot;:&quot;MEX&quot;,&quot;name&quot;:&quot;Mexico&quot;,&quot;region_code&quot;:&quot;019&quot;,&quot;sub_region_code&quot;:&quot;013&quot;,&quot;eea&quot;:0,&quot;calling_code&quot;:&quot;52&quot;,&quot;flag&quot;:&quot;MX.png&quot;},&quot;nl&quot;:{&quot;id&quot;:528,&quot;capital&quot;:&quot;Amsterdam (NL2)&quot;,&quot;citizenship&quot;:&quot;Dutch&quot;,&quot;country_code&quot;:&quot;528&quot;,&quot;currency&quot;:&quot;euro&quot;,&quot;currency_code&quot;:&quot;EUR&quot;,&quot;currency_sub_unit&quot;:&quot;cent&quot;,&quot;currency_symbol&quot;:&quot;\u20ac&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Kingdom of the Netherlands&quot;,&quot;iso_3166_2&quot;:&quot;NL&quot;,&quot;iso_3166_3&quot;:&quot;NLD&quot;,&quot;name&quot;:&quot;Netherlands&quot;,&quot;region_code&quot;:&quot;150&quot;,&quot;sub_region_code&quot;:&quot;155&quot;,&quot;eea&quot;:1,&quot;calling_code&quot;:&quot;31&quot;,&quot;flag&quot;:&quot;NL.png&quot;},&quot;pl&quot;:{&quot;id&quot;:616,&quot;capital&quot;:&quot;Warsaw&quot;,&quot;citizenship&quot;:&quot;Polish&quot;,&quot;country_code&quot;:&quot;616&quot;,&quot;currency&quot;:&quot;zloty&quot;,&quot;currency_code&quot;:&quot;PLN&quot;,&quot;currency_sub_unit&quot;:&quot;grosz (pl. groszy)&quot;,&quot;currency_symbol&quot;:&quot;z\u0142&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Republic of Poland&quot;,&quot;iso_3166_2&quot;:&quot;PL&quot;,&quot;iso_3166_3&quot;:&quot;POL&quot;,&quot;name&quot;:&quot;Poland&quot;,&quot;region_code&quot;:&quot;150&quot;,&quot;sub_region_code&quot;:&quot;151&quot;,&quot;eea&quot;:1,&quot;calling_code&quot;:&quot;48&quot;,&quot;flag&quot;:&quot;PL.png&quot;},&quot;sa&quot;:{&quot;id&quot;:682,&quot;capital&quot;:&quot;Riyadh&quot;,&quot;citizenship&quot;:&quot;Saudi Arabian&quot;,&quot;country_code&quot;:&quot;682&quot;,&quot;currency&quot;:&quot;riyal&quot;,&quot;currency_code&quot;:&quot;SAR&quot;,&quot;currency_sub_unit&quot;:&quot;halala&quot;,&quot;currency_symbol&quot;:&quot;\ufdfc&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Kingdom of Saudi Arabia&quot;,&quot;iso_3166_2&quot;:&quot;SA&quot;,&quot;iso_3166_3&quot;:&quot;SAU&quot;,&quot;name&quot;:&quot;Saudi Arabia&quot;,&quot;region_code&quot;:&quot;142&quot;,&quot;sub_region_code&quot;:&quot;145&quot;,&quot;eea&quot;:0,&quot;calling_code&quot;:&quot;966&quot;,&quot;flag&quot;:&quot;SA.png&quot;},&quot;se&quot;:{&quot;id&quot;:752,&quot;capital&quot;:&quot;Stockholm&quot;,&quot;citizenship&quot;:&quot;Swedish&quot;,&quot;country_code&quot;:&quot;752&quot;,&quot;currency&quot;:&quot;krona (pl. kronor)&quot;,&quot;currency_code&quot;:&quot;SEK&quot;,&quot;currency_sub_unit&quot;:&quot;\u00f6re (inv.)&quot;,&quot;currency_symbol&quot;:&quot;kr&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Kingdom of Sweden&quot;,&quot;iso_3166_2&quot;:&quot;SE&quot;,&quot;iso_3166_3&quot;:&quot;SWE&quot;,&quot;name&quot;:&quot;Sweden&quot;,&quot;region_code&quot;:&quot;150&quot;,&quot;sub_region_code&quot;:&quot;154&quot;,&quot;eea&quot;:1,&quot;calling_code&quot;:&quot;46&quot;,&quot;flag&quot;:&quot;SE.png&quot;},&quot;sg&quot;:{&quot;id&quot;:702,&quot;capital&quot;:&quot;Singapore&quot;,&quot;citizenship&quot;:&quot;Singaporean&quot;,&quot;country_code&quot;:&quot;702&quot;,&quot;currency&quot;:&quot;Singapore dollar&quot;,&quot;currency_code&quot;:&quot;SGD&quot;,&quot;currency_sub_unit&quot;:&quot;cent&quot;,&quot;currency_symbol&quot;:&quot;$&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Republic of Singapore&quot;,&quot;iso_3166_2&quot;:&quot;SG&quot;,&quot;iso_3166_3&quot;:&quot;SGP&quot;,&quot;name&quot;:&quot;Singapore&quot;,&quot;region_code&quot;:&quot;142&quot;,&quot;sub_region_code&quot;:&quot;035&quot;,&quot;eea&quot;:0,&quot;calling_code&quot;:&quot;65&quot;,&quot;flag&quot;:&quot;SG.png&quot;},&quot;tr&quot;:{&quot;id&quot;:792,&quot;capital&quot;:&quot;Ankara&quot;,&quot;citizenship&quot;:&quot;Turk&quot;,&quot;country_code&quot;:&quot;792&quot;,&quot;currency&quot;:&quot;Turkish lira (inv.)&quot;,&quot;currency_code&quot;:&quot;TRY&quot;,&quot;currency_sub_unit&quot;:&quot;kurus (inv.)&quot;,&quot;currency_symbol&quot;:&quot;\u20ba&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Republic of Turkey&quot;,&quot;iso_3166_2&quot;:&quot;TR&quot;,&quot;iso_3166_3&quot;:&quot;TUR&quot;,&quot;name&quot;:&quot;Turkey&quot;,&quot;region_code&quot;:&quot;142&quot;,&quot;sub_region_code&quot;:&quot;145&quot;,&quot;eea&quot;:0,&quot;calling_code&quot;:&quot;90&quot;,&quot;flag&quot;:&quot;TR.png&quot;},&quot;us&quot;:{&quot;id&quot;:840,&quot;capital&quot;:&quot;Washington DC&quot;,&quot;citizenship&quot;:&quot;American&quot;,&quot;country_code&quot;:&quot;840&quot;,&quot;currency&quot;:&quot;US dollar&quot;,&quot;currency_code&quot;:&quot;USD&quot;,&quot;currency_sub_unit&quot;:&quot;cent&quot;,&quot;currency_symbol&quot;:&quot;$&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;United States of America&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;region_code&quot;:&quot;019&quot;,&quot;sub_region_code&quot;:&quot;021&quot;,&quot;eea&quot;:0,&quot;calling_code&quot;:&quot;1&quot;,&quot;flag&quot;:&quot;US.png&quot;}},&quot;userCountry&quot;:[],&quot;countryCode&quot;:&quot;GB&quot;,&quot;display&quot;:&quot;desktop&quot;,&quot;imageBaseUrl&quot;:&quot;https:\/\/cdn.freshstore.cloud\/template\/crystal\/images\/&quot;},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;userCountry&quot;:{&quot;class&quot;:&quot;Webpatser\\Countries\\Countries&quot;,&quot;id&quot;:826,&quot;relations&quot;:[],&quot;connection&quot;:&quot;freshstore&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;09d31baf09c5b52f79def95e319081f4b894ab3a24733bfd62c285ce89993053&quot;}}" class="flex-1 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">
        <div class="mr-2">
            <img src="https://cdn.freshstore.cloud/template/crystal/images/locale/flag/gb.svg" class="border lg:border-none h-5 lg:h-4 my-auto" alt="United Kingdom flag" title="United Kingdom">
        </div>

        <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-none focus:ring-0 focus:border-transparent rounded-md py-0.5 pl-2 pr-5 flex items-center text-sm font-medium">
                                    <option value="AE" >
                        AE
                    </option>
                                    <option value="AU" >
                        AU
                    </option>
                                    <option value="BE" >
                        BE
                    </option>
                                    <option value="BR" >
                        BR
                    </option>
                                    <option value="CA" >
                        CA
                    </option>
                                    <option value="DE" >
                        DE
                    </option>
                                    <option value="EG" >
                        EG
                    </option>
                                    <option value="ES" >
                        ES
                    </option>
                                    <option value="FR" >
                        FR
                    </option>
                                    <option value="GB" selected>
                        GB
                    </option>
                                    <option value="IN" >
                        IN
                    </option>
                                    <option value="IT" >
                        IT
                    </option>
                                    <option value="JP" >
                        JP
                    </option>
                                    <option value="MX" >
                        MX
                    </option>
                                    <option value="NL" >
                        NL
                    </option>
                                    <option value="PL" >
                        PL
                    </option>
                                    <option value="SA" >
                        SA
                    </option>
                                    <option value="SE" >
                        SE
                    </option>
                                    <option value="SG" >
                        SG
                    </option>
                                    <option value="TR" >
                        TR
                    </option>
                                    <option value="US" >
                        US
                    </option>
                            </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>

<!-- Livewire Component wire-end:ATWjzWW9D3zTwpYu1lcs -->
                <h2 class="flex-1 text-center text-sm font-medium text-white lg:flex-none">
                    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-medium 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-medium text-white hover:opacity-75">Login</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">Online Store</span>

                                                                    <img src="https://cdn.freshstore.cloud/template/images/778/14409/coffeee-logo-300x100-png.png" alt="The store logo" title="Store Logo" class="h-8 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-10 flex items-center transition-colors ease-out duration-200 text-sm font-medium 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" 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-medium 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 To Cup Coffee Machines
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/pod-and-capsule-coffee-machines" class="hover:text-gray-800">
                                                                                    Coffee Pod &amp; Capsule Machines
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/drip-filter-coffee-makers" class="hover:text-gray-800">
                                                                                    Drip Filter Coffee Makers
                                                                                </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/french-press-coffee-makers" class="hover:text-gray-800">
                                                                                    French Press Coffee Makers
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/nespresso-coffee-machines" class="hover:text-gray-800">
                                                                                    Nespresso Coffee Machines
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/senseo-coffee-machines" class="hover:text-gray-800">
                                                                                    Senseo 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-medium text-gray-900">
                                                                        <a href="/categories/coffee-accessories">
                                                                            Coffee Accessories
                                                                        </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-filters" class="hover:text-gray-800">
                                                                                    Coffee Filters
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/coffee-grinders" class="hover:text-gray-800">
                                                                                    Coffee Grinders
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/mugs-cups" class="hover:text-gray-800">
                                                                                    Mugs &amp; Cups
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/travel-tumblers" class="hover:text-gray-800">
                                                                                    Travel Tumblers
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-medium 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/costa-coffee" class="hover:text-gray-800">
                                                                                    Costa Coffee
                                                                                </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>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/starbucks-coffee" class="hover:text-gray-800">
                                                                                    Starbucks Coffee
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-medium text-gray-900">
                                                                        <a href="/categories/flavoured-coffee">
                                                                            Flavoured 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/caramel-flavoured-coffee" class="hover:text-gray-800">
                                                                                    Caramel Flavoured Coffee
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/hazelnut-flavoured-coffee" class="hover:text-gray-800">
                                                                                    Hazelnut Flavoured Coffee
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/mocha-flavoured-coffee" class="hover:text-gray-800">
                                                                                    Mocha Flavoured Coffee
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/vanilla-flavoured-coffee" class="hover:text-gray-800">
                                                                                    Vanilla Flavoured Coffee
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-medium 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/blend-coffee-beans" class="hover:text-gray-800">
                                                                                    Blend Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/chocolate-covered-coffee-beans" class="hover:text-gray-800">
                                                                                    Chocolate Covered Coffee Beans
                                                                                </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/robusta-coffee-beans" class="hover:text-gray-800">
                                                                                    Robusta Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/organic-coffee-beans" class="hover:text-gray-800">
                                                                                    Organic Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-medium 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/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>
                                                        </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-10 flex items-center transition-colors ease-out duration-200 text-sm font-medium 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" 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-medium text-gray-900">
                                                                        <a href="/brands/grano-milano-coffee">
                                                                            Grano Milano
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-medium text-gray-900">
                                                                        <a href="/brands/melitta">
                                                                            Melitta
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-medium text-gray-900">
                                                                        <a href="/brands/roast-shop-coffee">
                                                                            Roast Shop Coffee
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-medium text-gray-900">
                                                                        <a href="/brands/union-hand-roasted-coffee">
                                                                            Union Hand-Roasted Coffee
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-medium text-gray-900">
                                                                        <a href="/brands/der-franz">
                                                                            Der-Franz
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-medium text-gray-900">
                                                                        <a href="/brands/rave-coffee">
                                                                            Rave Coffee
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-medium text-gray-900">
                                                                        <a href="/brands/planet-java">
                                                                            Planet Java
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-medium text-gray-900">
                                                                        <a href="/brands/lor">
                                                                            L&#039;or
                                                                        </a>
                                                                    </p>

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

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-medium text-gray-900">
                                                                        <a href="/brands/taylors-of-harrogate">
                                                                            Taylors Of Harrogate
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-medium text-gray-900">
                                                                        <a href="/brands/nescafe">
                                                                            Nescafé
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-medium text-gray-900">
                                                                        <a href="/brands/edesia-espress">
                                                                            Edesia Espress
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-medium text-gray-900">
                                                                        <a href="/brands/brown-bear">
                                                                            Brown Bear
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-medium text-gray-900">
                                                                        <a href="/brands/salter">
                                                                            Salter
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-medium text-gray-900">
                                                                        <a href="/brands/cuisinart">
                                                                            Cuisinart
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-medium text-gray-900">
                                                                        <a href="/brands/swan">
                                                                            Swan
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-medium text-gray-900">
                                                                        <a href="/brands/morphy-richards">
                                                                            Morphy Richards
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-medium text-gray-900">
                                                                        <a href="/brands/russell-hobbs">
                                                                            Russell Hobbs
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-medium text-gray-900">
                                                                        <a href="/brands/lavazza">
                                                                            Lavazza
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-medium text-gray-900">
                                                                        <a href="/brands/breville">
                                                                            Breville
                                                                        </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-10 flex items-center transition-colors ease-out duration-200 text-sm font-medium 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" 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-medium text-gray-900">
                                                                        <a href="/articles/manual-coffee-machines-vs-automatic-which-is-superior">
                                                                            Machine Battle: Manual vs Automatic
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-medium text-gray-900">
                                                                        <a href="/articles/finding-the-perfect-home-coffee-machine-a-guide">
                                                                            Guide to Home Coffee Makers
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-medium text-gray-900">
                                                                        <a href="/articles/is-splurging-on-coffee-makers-worth-the-investment">
                                                                            Coffee Maker: Worth the Investment?
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-medium text-gray-900">
                                                                        <a href="/articles/home-brew-vs-coffee-shop-the-ultimate-verdict">
                                                                            Brew Battle: Home vs. Shop
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-medium text-gray-900">
                                                                        <a href="/articles/revolutionizing-your-coffee-experience-bean-to-cup">
                                                                            Bean-to-Cup Revolution
                                                                        </a>
                                                                    </p>

                                                                                                                                    </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/778/14409/coffeee-logo-300x100-png.png" alt="The store logo" title="Store Logo" class="h-8 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-sm 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">





















                                                                                    <a href="https://www.facebook.com/coffeee.uk" target="_blank">
                                                <svg class="text-[#4267B2] w-5 h-5" fill="currentColor" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Facebook</title><path d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z"/></svg>                                            </a>
                                                                                                                                                                                                                                                                                                                                



                                    </div>
                                </div>




                                <div class="flow-root">
                                    <form wire:id="6AMudIvzcVj9ragogxB1" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;6AMudIvzcVj9ragogxB1&quot;,&quot;name&quot;:&quot;locale-menu&quot;,&quot;locale&quot;:&quot;GB&quot;,&quot;path&quot;:&quot;categories\/coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;emits&quot;:[{&quot;event&quot;:&quot;localeChanged&quot;,&quot;params&quot;:[]}],&quot;listeners&quot;:[&quot;pageLoaded&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;da4aeb2f&quot;,&quot;data&quot;:{&quot;storeLocales&quot;:{&quot;ae&quot;:{&quot;id&quot;:784,&quot;capital&quot;:&quot;Abu Dhabi&quot;,&quot;citizenship&quot;:&quot;Emirian&quot;,&quot;country_code&quot;:&quot;784&quot;,&quot;currency&quot;:&quot;UAE dirham&quot;,&quot;currency_code&quot;:&quot;AED&quot;,&quot;currency_sub_unit&quot;:&quot;fils (inv.)&quot;,&quot;currency_symbol&quot;:&quot;AED&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;United Arab Emirates&quot;,&quot;iso_3166_2&quot;:&quot;AE&quot;,&quot;iso_3166_3&quot;:&quot;ARE&quot;,&quot;name&quot;:&quot;United Arab Emirates&quot;,&quot;region_code&quot;:&quot;142&quot;,&quot;sub_region_code&quot;:&quot;145&quot;,&quot;eea&quot;:0,&quot;calling_code&quot;:&quot;971&quot;,&quot;flag&quot;:&quot;AE.png&quot;},&quot;au&quot;:{&quot;id&quot;:36,&quot;capital&quot;:&quot;Canberra&quot;,&quot;citizenship&quot;:&quot;Australian&quot;,&quot;country_code&quot;:&quot;036&quot;,&quot;currency&quot;:&quot;Australian dollar&quot;,&quot;currency_code&quot;:&quot;AUD&quot;,&quot;currency_sub_unit&quot;:&quot;cent&quot;,&quot;currency_symbol&quot;:&quot;$&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Commonwealth of Australia&quot;,&quot;iso_3166_2&quot;:&quot;AU&quot;,&quot;iso_3166_3&quot;:&quot;AUS&quot;,&quot;name&quot;:&quot;Australia&quot;,&quot;region_code&quot;:&quot;009&quot;,&quot;sub_region_code&quot;:&quot;053&quot;,&quot;eea&quot;:0,&quot;calling_code&quot;:&quot;61&quot;,&quot;flag&quot;:&quot;AU.png&quot;},&quot;be&quot;:{&quot;id&quot;:56,&quot;capital&quot;:&quot;Brussels&quot;,&quot;citizenship&quot;:&quot;Belgian&quot;,&quot;country_code&quot;:&quot;056&quot;,&quot;currency&quot;:&quot;euro&quot;,&quot;currency_code&quot;:&quot;EUR&quot;,&quot;currency_sub_unit&quot;:&quot;cent&quot;,&quot;currency_symbol&quot;:&quot;\u20ac&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Kingdom of Belgium&quot;,&quot;iso_3166_2&quot;:&quot;BE&quot;,&quot;iso_3166_3&quot;:&quot;BEL&quot;,&quot;name&quot;:&quot;Belgium&quot;,&quot;region_code&quot;:&quot;150&quot;,&quot;sub_region_code&quot;:&quot;155&quot;,&quot;eea&quot;:1,&quot;calling_code&quot;:&quot;32&quot;,&quot;flag&quot;:&quot;BE.png&quot;},&quot;br&quot;:{&quot;id&quot;:76,&quot;capital&quot;:&quot;Brasilia&quot;,&quot;citizenship&quot;:&quot;Brazilian&quot;,&quot;country_code&quot;:&quot;076&quot;,&quot;currency&quot;:&quot;real (pl. reais)&quot;,&quot;currency_code&quot;:&quot;BRL&quot;,&quot;currency_sub_unit&quot;:&quot;centavo&quot;,&quot;currency_symbol&quot;:&quot;R$&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Federative Republic of Brazil&quot;,&quot;iso_3166_2&quot;:&quot;BR&quot;,&quot;iso_3166_3&quot;:&quot;BRA&quot;,&quot;name&quot;:&quot;Brazil&quot;,&quot;region_code&quot;:&quot;019&quot;,&quot;sub_region_code&quot;:&quot;005&quot;,&quot;eea&quot;:0,&quot;calling_code&quot;:&quot;55&quot;,&quot;flag&quot;:&quot;BR.png&quot;},&quot;ca&quot;:{&quot;id&quot;:124,&quot;capital&quot;:&quot;Ottawa&quot;,&quot;citizenship&quot;:&quot;Canadian&quot;,&quot;country_code&quot;:&quot;124&quot;,&quot;currency&quot;:&quot;Canadian dollar&quot;,&quot;currency_code&quot;:&quot;CAD&quot;,&quot;currency_sub_unit&quot;:&quot;cent&quot;,&quot;currency_symbol&quot;:&quot;$&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Canada&quot;,&quot;iso_3166_2&quot;:&quot;CA&quot;,&quot;iso_3166_3&quot;:&quot;CAN&quot;,&quot;name&quot;:&quot;Canada&quot;,&quot;region_code&quot;:&quot;019&quot;,&quot;sub_region_code&quot;:&quot;021&quot;,&quot;eea&quot;:0,&quot;calling_code&quot;:&quot;1&quot;,&quot;flag&quot;:&quot;CA.png&quot;},&quot;de&quot;:{&quot;id&quot;:276,&quot;capital&quot;:&quot;Berlin&quot;,&quot;citizenship&quot;:&quot;German&quot;,&quot;country_code&quot;:&quot;276&quot;,&quot;currency&quot;:&quot;euro&quot;,&quot;currency_code&quot;:&quot;EUR&quot;,&quot;currency_sub_unit&quot;:&quot;cent&quot;,&quot;currency_symbol&quot;:&quot;\u20ac&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Federal Republic of Germany&quot;,&quot;iso_3166_2&quot;:&quot;DE&quot;,&quot;iso_3166_3&quot;:&quot;DEU&quot;,&quot;name&quot;:&quot;Germany&quot;,&quot;region_code&quot;:&quot;150&quot;,&quot;sub_region_code&quot;:&quot;155&quot;,&quot;eea&quot;:1,&quot;calling_code&quot;:&quot;49&quot;,&quot;flag&quot;:&quot;DE.png&quot;},&quot;eg&quot;:{&quot;id&quot;:818,&quot;capital&quot;:&quot;Cairo&quot;,&quot;citizenship&quot;:&quot;Egyptian&quot;,&quot;country_code&quot;:&quot;818&quot;,&quot;currency&quot;:&quot;Egyptian pound&quot;,&quot;currency_code&quot;:&quot;EGP&quot;,&quot;currency_sub_unit&quot;:&quot;piastre&quot;,&quot;currency_symbol&quot;:&quot;\u00a3&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Arab Republic of Egypt&quot;,&quot;iso_3166_2&quot;:&quot;EG&quot;,&quot;iso_3166_3&quot;:&quot;EGY&quot;,&quot;name&quot;:&quot;Egypt&quot;,&quot;region_code&quot;:&quot;002&quot;,&quot;sub_region_code&quot;:&quot;015&quot;,&quot;eea&quot;:0,&quot;calling_code&quot;:&quot;20&quot;,&quot;flag&quot;:&quot;EG.png&quot;},&quot;es&quot;:{&quot;id&quot;:724,&quot;capital&quot;:&quot;Madrid&quot;,&quot;citizenship&quot;:&quot;Spaniard&quot;,&quot;country_code&quot;:&quot;724&quot;,&quot;currency&quot;:&quot;euro&quot;,&quot;currency_code&quot;:&quot;EUR&quot;,&quot;currency_sub_unit&quot;:&quot;cent&quot;,&quot;currency_symbol&quot;:&quot;\u20ac&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Kingdom of Spain&quot;,&quot;iso_3166_2&quot;:&quot;ES&quot;,&quot;iso_3166_3&quot;:&quot;ESP&quot;,&quot;name&quot;:&quot;Spain&quot;,&quot;region_code&quot;:&quot;150&quot;,&quot;sub_region_code&quot;:&quot;039&quot;,&quot;eea&quot;:1,&quot;calling_code&quot;:&quot;34&quot;,&quot;flag&quot;:&quot;ES.png&quot;},&quot;fr&quot;:{&quot;id&quot;:250,&quot;capital&quot;:&quot;Paris&quot;,&quot;citizenship&quot;:&quot;French&quot;,&quot;country_code&quot;:&quot;250&quot;,&quot;currency&quot;:&quot;euro&quot;,&quot;currency_code&quot;:&quot;EUR&quot;,&quot;currency_sub_unit&quot;:&quot;cent&quot;,&quot;currency_symbol&quot;:&quot;\u20ac&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;French Republic&quot;,&quot;iso_3166_2&quot;:&quot;FR&quot;,&quot;iso_3166_3&quot;:&quot;FRA&quot;,&quot;name&quot;:&quot;France&quot;,&quot;region_code&quot;:&quot;150&quot;,&quot;sub_region_code&quot;:&quot;155&quot;,&quot;eea&quot;:1,&quot;calling_code&quot;:&quot;33&quot;,&quot;flag&quot;:&quot;FR.png&quot;},&quot;gb&quot;:{&quot;id&quot;:826,&quot;capital&quot;:&quot;London&quot;,&quot;citizenship&quot;:&quot;British&quot;,&quot;country_code&quot;:&quot;826&quot;,&quot;currency&quot;:&quot;pound sterling&quot;,&quot;currency_code&quot;:&quot;GBP&quot;,&quot;currency_sub_unit&quot;:&quot;penny (pl. pence)&quot;,&quot;currency_symbol&quot;:&quot;\u00a3&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;United Kingdom of Great Britain and Northern Ireland&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;region_code&quot;:&quot;150&quot;,&quot;sub_region_code&quot;:&quot;154&quot;,&quot;eea&quot;:1,&quot;calling_code&quot;:&quot;44&quot;,&quot;flag&quot;:&quot;GB.png&quot;},&quot;in&quot;:{&quot;id&quot;:356,&quot;capital&quot;:&quot;New Delhi&quot;,&quot;citizenship&quot;:&quot;Indian&quot;,&quot;country_code&quot;:&quot;356&quot;,&quot;currency&quot;:&quot;Indian rupee&quot;,&quot;currency_code&quot;:&quot;INR&quot;,&quot;currency_sub_unit&quot;:&quot;paisa&quot;,&quot;currency_symbol&quot;:&quot;\u20b9&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Republic of India&quot;,&quot;iso_3166_2&quot;:&quot;IN&quot;,&quot;iso_3166_3&quot;:&quot;IND&quot;,&quot;name&quot;:&quot;India&quot;,&quot;region_code&quot;:&quot;142&quot;,&quot;sub_region_code&quot;:&quot;034&quot;,&quot;eea&quot;:0,&quot;calling_code&quot;:&quot;91&quot;,&quot;flag&quot;:&quot;IN.png&quot;},&quot;it&quot;:{&quot;id&quot;:380,&quot;capital&quot;:&quot;Rome&quot;,&quot;citizenship&quot;:&quot;Italian&quot;,&quot;country_code&quot;:&quot;380&quot;,&quot;currency&quot;:&quot;euro&quot;,&quot;currency_code&quot;:&quot;EUR&quot;,&quot;currency_sub_unit&quot;:&quot;cent&quot;,&quot;currency_symbol&quot;:&quot;\u20ac&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Italian Republic&quot;,&quot;iso_3166_2&quot;:&quot;IT&quot;,&quot;iso_3166_3&quot;:&quot;ITA&quot;,&quot;name&quot;:&quot;Italy&quot;,&quot;region_code&quot;:&quot;150&quot;,&quot;sub_region_code&quot;:&quot;039&quot;,&quot;eea&quot;:1,&quot;calling_code&quot;:&quot;39&quot;,&quot;flag&quot;:&quot;IT.png&quot;},&quot;jp&quot;:{&quot;id&quot;:392,&quot;capital&quot;:&quot;Tokyo&quot;,&quot;citizenship&quot;:&quot;Japanese&quot;,&quot;country_code&quot;:&quot;392&quot;,&quot;currency&quot;:&quot;yen (inv.)&quot;,&quot;currency_code&quot;:&quot;JPY&quot;,&quot;currency_sub_unit&quot;:&quot;(sen (inv.)) (JP1)&quot;,&quot;currency_symbol&quot;:&quot;\u00a5&quot;,&quot;currency_decimals&quot;:0,&quot;full_name&quot;:&quot;Japan&quot;,&quot;iso_3166_2&quot;:&quot;JP&quot;,&quot;iso_3166_3&quot;:&quot;JPN&quot;,&quot;name&quot;:&quot;Japan&quot;,&quot;region_code&quot;:&quot;142&quot;,&quot;sub_region_code&quot;:&quot;030&quot;,&quot;eea&quot;:0,&quot;calling_code&quot;:&quot;81&quot;,&quot;flag&quot;:&quot;JP.png&quot;},&quot;mx&quot;:{&quot;id&quot;:484,&quot;capital&quot;:&quot;Mexico City&quot;,&quot;citizenship&quot;:&quot;Mexican&quot;,&quot;country_code&quot;:&quot;484&quot;,&quot;currency&quot;:&quot;Mexican peso&quot;,&quot;currency_code&quot;:&quot;MXN&quot;,&quot;currency_sub_unit&quot;:&quot;centavo&quot;,&quot;currency_symbol&quot;:&quot;$&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;United Mexican States&quot;,&quot;iso_3166_2&quot;:&quot;MX&quot;,&quot;iso_3166_3&quot;:&quot;MEX&quot;,&quot;name&quot;:&quot;Mexico&quot;,&quot;region_code&quot;:&quot;019&quot;,&quot;sub_region_code&quot;:&quot;013&quot;,&quot;eea&quot;:0,&quot;calling_code&quot;:&quot;52&quot;,&quot;flag&quot;:&quot;MX.png&quot;},&quot;nl&quot;:{&quot;id&quot;:528,&quot;capital&quot;:&quot;Amsterdam (NL2)&quot;,&quot;citizenship&quot;:&quot;Dutch&quot;,&quot;country_code&quot;:&quot;528&quot;,&quot;currency&quot;:&quot;euro&quot;,&quot;currency_code&quot;:&quot;EUR&quot;,&quot;currency_sub_unit&quot;:&quot;cent&quot;,&quot;currency_symbol&quot;:&quot;\u20ac&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Kingdom of the Netherlands&quot;,&quot;iso_3166_2&quot;:&quot;NL&quot;,&quot;iso_3166_3&quot;:&quot;NLD&quot;,&quot;name&quot;:&quot;Netherlands&quot;,&quot;region_code&quot;:&quot;150&quot;,&quot;sub_region_code&quot;:&quot;155&quot;,&quot;eea&quot;:1,&quot;calling_code&quot;:&quot;31&quot;,&quot;flag&quot;:&quot;NL.png&quot;},&quot;pl&quot;:{&quot;id&quot;:616,&quot;capital&quot;:&quot;Warsaw&quot;,&quot;citizenship&quot;:&quot;Polish&quot;,&quot;country_code&quot;:&quot;616&quot;,&quot;currency&quot;:&quot;zloty&quot;,&quot;currency_code&quot;:&quot;PLN&quot;,&quot;currency_sub_unit&quot;:&quot;grosz (pl. groszy)&quot;,&quot;currency_symbol&quot;:&quot;z\u0142&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Republic of Poland&quot;,&quot;iso_3166_2&quot;:&quot;PL&quot;,&quot;iso_3166_3&quot;:&quot;POL&quot;,&quot;name&quot;:&quot;Poland&quot;,&quot;region_code&quot;:&quot;150&quot;,&quot;sub_region_code&quot;:&quot;151&quot;,&quot;eea&quot;:1,&quot;calling_code&quot;:&quot;48&quot;,&quot;flag&quot;:&quot;PL.png&quot;},&quot;sa&quot;:{&quot;id&quot;:682,&quot;capital&quot;:&quot;Riyadh&quot;,&quot;citizenship&quot;:&quot;Saudi Arabian&quot;,&quot;country_code&quot;:&quot;682&quot;,&quot;currency&quot;:&quot;riyal&quot;,&quot;currency_code&quot;:&quot;SAR&quot;,&quot;currency_sub_unit&quot;:&quot;halala&quot;,&quot;currency_symbol&quot;:&quot;\ufdfc&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Kingdom of Saudi Arabia&quot;,&quot;iso_3166_2&quot;:&quot;SA&quot;,&quot;iso_3166_3&quot;:&quot;SAU&quot;,&quot;name&quot;:&quot;Saudi Arabia&quot;,&quot;region_code&quot;:&quot;142&quot;,&quot;sub_region_code&quot;:&quot;145&quot;,&quot;eea&quot;:0,&quot;calling_code&quot;:&quot;966&quot;,&quot;flag&quot;:&quot;SA.png&quot;},&quot;se&quot;:{&quot;id&quot;:752,&quot;capital&quot;:&quot;Stockholm&quot;,&quot;citizenship&quot;:&quot;Swedish&quot;,&quot;country_code&quot;:&quot;752&quot;,&quot;currency&quot;:&quot;krona (pl. kronor)&quot;,&quot;currency_code&quot;:&quot;SEK&quot;,&quot;currency_sub_unit&quot;:&quot;\u00f6re (inv.)&quot;,&quot;currency_symbol&quot;:&quot;kr&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Kingdom of Sweden&quot;,&quot;iso_3166_2&quot;:&quot;SE&quot;,&quot;iso_3166_3&quot;:&quot;SWE&quot;,&quot;name&quot;:&quot;Sweden&quot;,&quot;region_code&quot;:&quot;150&quot;,&quot;sub_region_code&quot;:&quot;154&quot;,&quot;eea&quot;:1,&quot;calling_code&quot;:&quot;46&quot;,&quot;flag&quot;:&quot;SE.png&quot;},&quot;sg&quot;:{&quot;id&quot;:702,&quot;capital&quot;:&quot;Singapore&quot;,&quot;citizenship&quot;:&quot;Singaporean&quot;,&quot;country_code&quot;:&quot;702&quot;,&quot;currency&quot;:&quot;Singapore dollar&quot;,&quot;currency_code&quot;:&quot;SGD&quot;,&quot;currency_sub_unit&quot;:&quot;cent&quot;,&quot;currency_symbol&quot;:&quot;$&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Republic of Singapore&quot;,&quot;iso_3166_2&quot;:&quot;SG&quot;,&quot;iso_3166_3&quot;:&quot;SGP&quot;,&quot;name&quot;:&quot;Singapore&quot;,&quot;region_code&quot;:&quot;142&quot;,&quot;sub_region_code&quot;:&quot;035&quot;,&quot;eea&quot;:0,&quot;calling_code&quot;:&quot;65&quot;,&quot;flag&quot;:&quot;SG.png&quot;},&quot;tr&quot;:{&quot;id&quot;:792,&quot;capital&quot;:&quot;Ankara&quot;,&quot;citizenship&quot;:&quot;Turk&quot;,&quot;country_code&quot;:&quot;792&quot;,&quot;currency&quot;:&quot;Turkish lira (inv.)&quot;,&quot;currency_code&quot;:&quot;TRY&quot;,&quot;currency_sub_unit&quot;:&quot;kurus (inv.)&quot;,&quot;currency_symbol&quot;:&quot;\u20ba&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;Republic of Turkey&quot;,&quot;iso_3166_2&quot;:&quot;TR&quot;,&quot;iso_3166_3&quot;:&quot;TUR&quot;,&quot;name&quot;:&quot;Turkey&quot;,&quot;region_code&quot;:&quot;142&quot;,&quot;sub_region_code&quot;:&quot;145&quot;,&quot;eea&quot;:0,&quot;calling_code&quot;:&quot;90&quot;,&quot;flag&quot;:&quot;TR.png&quot;},&quot;us&quot;:{&quot;id&quot;:840,&quot;capital&quot;:&quot;Washington DC&quot;,&quot;citizenship&quot;:&quot;American&quot;,&quot;country_code&quot;:&quot;840&quot;,&quot;currency&quot;:&quot;US dollar&quot;,&quot;currency_code&quot;:&quot;USD&quot;,&quot;currency_sub_unit&quot;:&quot;cent&quot;,&quot;currency_symbol&quot;:&quot;$&quot;,&quot;currency_decimals&quot;:2,&quot;full_name&quot;:&quot;United States of America&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;region_code&quot;:&quot;019&quot;,&quot;sub_region_code&quot;:&quot;021&quot;,&quot;eea&quot;:0,&quot;calling_code&quot;:&quot;1&quot;,&quot;flag&quot;:&quot;US.png&quot;}},&quot;userCountry&quot;:[],&quot;countryCode&quot;:&quot;GB&quot;,&quot;display&quot;:&quot;mobile&quot;,&quot;imageBaseUrl&quot;:&quot;https:\/\/cdn.freshstore.cloud\/template\/crystal\/images\/&quot;},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;userCountry&quot;:{&quot;class&quot;:&quot;Webpatser\\Countries\\Countries&quot;,&quot;id&quot;:826,&quot;relations&quot;:[],&quot;connection&quot;:&quot;freshstore&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;5469aa4d4c532a05a0136b2dc2fcb7607b73197ac37211145f0569df00e6d281&quot;}}" class="flex-1 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">
        <div class="mr-2">
            <img src="https://cdn.freshstore.cloud/template/crystal/images/locale/flag/gb.svg" class="border lg:border-none h-5 lg:h-4 my-auto" alt="United Kingdom flag" title="United Kingdom">
        </div>

        <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-none focus:ring-0 focus:border-transparent rounded-md py-0.5 pl-2 pr-5 flex items-center text-sm font-medium">
                                    <option value="AE" >
                        AE
                    </option>
                                    <option value="AU" >
                        AU
                    </option>
                                    <option value="BE" >
                        BE
                    </option>
                                    <option value="BR" >
                        BR
                    </option>
                                    <option value="CA" >
                        CA
                    </option>
                                    <option value="DE" >
                        DE
                    </option>
                                    <option value="EG" >
                        EG
                    </option>
                                    <option value="ES" >
                        ES
                    </option>
                                    <option value="FR" >
                        FR
                    </option>
                                    <option value="GB" selected>
                        GB
                    </option>
                                    <option value="IN" >
                        IN
                    </option>
                                    <option value="IT" >
                        IT
                    </option>
                                    <option value="JP" >
                        JP
                    </option>
                                    <option value="MX" >
                        MX
                    </option>
                                    <option value="NL" >
                        NL
                    </option>
                                    <option value="PL" >
                        PL
                    </option>
                                    <option value="SA" >
                        SA
                    </option>
                                    <option value="SE" >
                        SE
                    </option>
                                    <option value="SG" >
                        SG
                    </option>
                                    <option value="TR" >
                        TR
                    </option>
                                    <option value="US" >
                        US
                    </option>
                            </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>

<!-- Livewire Component wire-end:6AMudIvzcVj9ragogxB1 -->                                </div>












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

        

        
        <main>

            <div class="bg-white">

                <nav aria-label="Breadcrumb">
    <ol role="list" class="max-w-2xl mx-auto mt-10 px-4 flex items-center space-x-2 sm:px-6 lg:max-w-7xl lg:px-8">
        
                            <li>
                    <div class="flex items-center">
                        <a href="/" class="truncate mr-2 text-sm font-medium text-skin-base opacity-75 hover:opacity-100">
                            Home
                        </a>
                        <svg width="16" height="20" viewBox="0 0 16 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-4 h-5 text-skin-light opacity-50">
                            <path d="M5.697 4.34L8.98 16.532h1.327L7.025 4.341H5.697z" />
                        </svg>
                    </div>
                </li>
            
        
                            <li>
                    <div class="flex items-center">
                        <a href="/categories" class="truncate mr-2 text-sm font-medium text-skin-base opacity-75 hover:opacity-100">
                            Categories
                        </a>
                        <svg width="16" height="20" viewBox="0 0 16 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-4 h-5 text-skin-light opacity-50">
                            <path d="M5.697 4.34L8.98 16.532h1.327L7.025 4.341H5.697z" />
                        </svg>
                    </div>
                </li>
            
        
                            <li class="truncate sm:block text-sm font-medium text-skin-base">
                    Coffee Machines
                </li>
            
            </ol>
</nav>


                <div wire:id="zuCCmOrwu57DEfHep8xh" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;zuCCmOrwu57DEfHep8xh&quot;,&quot;name&quot;:&quot;flash-notifications&quot;,&quot;locale&quot;:&quot;GB&quot;,&quot;path&quot;:&quot;categories\/coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;pageLoaded&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;49b3cb58&quot;,&quot;data&quot;:{&quot;notifications&quot;:[]},&quot;dataMeta&quot;:[],&quot;checksum&quot;:&quot;c948e292e6b103fcdcdae7d45919149c327c276f08c9863c340c95d122580643&quot;}}">
    </div>

<!-- Livewire Component wire-end:zuCCmOrwu57DEfHep8xh -->
                
    <div class="max-w-2xl mx-auto pt-10 pb-16 px-4 sm:px-6 lg:max-w-7xl lg:pt-16 lg:pb-24 lg:px-8">

        <div class="py-6">
        <div class="relative mx-auto max-w-7xl">
            <h1 class="text-4xl font-bold tracking-tight text-skin-title sm:text-5xl lg:text-6xl">Coffee Machines</h1>
                            <h2 class="mt-6 max-w-3xl text-xl text-skin-subtitle">Brew your favorite cup of coffee with our top-quality coffee machines</h2>
                    </div>
    </div>


        <div class="pt-8">
        <article class="prose max-w-none prose-h1:text-skin-title prose-h2:text-skin-subtitle prose-p:text-skin-base prose-a:text-skin-link hover:prose-a:opacity-75 active:prose-a:underline prose-ol:text-skin-base prose-ul:text-skin-base">
            <p>Looking for a coffee machine that perfectly suits your needs? Look no further than our vast collection of coffee machines! Choose from a range of brands, sizes, and functionalities to find the perfect fit for your coffee-loving routine. From basic drip coffee machines to sleek espresso makers, we've got you covered.</p>
        </article>
    </div>

                    <div class="py-8 sm:py-8 xl:mx-auto xl:max-w-7xl xl:px-8">
                <div class="mt-4 flow-root">
                    <div class="-my-2">
                        <div class="relative box-content py-2">
                            <div class="flex px-4 sm:px-6 lg:px-8 relative grid grid-cols-2 gap-x-6 gap-y-6 lg:grid-cols-4 xl:grid-cols-5 xl:gap-x-8 xl:gap-y-8 xl:px-0">
                                                                    <a href="/categories/bean-to-cup-coffee-machines" class="relative flex h-80 flex-col overflow-hidden rounded-lg p-6 hover:opacity-75 w-auto">
                                        <span aria-hidden="true" class="absolute inset-0">
                                            <img src="https://cdn.freshstore.cloud/offer/images/778/16234/cuisinart-grind-and-brew-plus-bean-to-cup-filter-coffee-maker-dgb900bcu-silver-16234.jpg" alt="Bean To Cup Coffee Machines" class="h-full w-full object-cover object-center">
                                        </span>
                                        <span aria-hidden="true" class="absolute inset-x-0 bottom-0 h-2/3 bg-gradient-to-t from-gray-800 opacity-50"></span>
                                        <span class="relative mt-auto text-center text-xl font-bold text-white">Bean To Cup Coffee Machines</span>
                                    </a>
                                                                    <a href="/categories/pod-and-capsule-coffee-machines" class="relative flex h-80 flex-col overflow-hidden rounded-lg p-6 hover:opacity-75 w-auto">
                                        <span aria-hidden="true" class="absolute inset-0">
                                            <img src="https://cdn.freshstore.cloud/offer/images/778/15730/delonghi-nescafe-dolce-gusto-piccolo-xs-pod-capsule-coffee-machine-espresso-cappuccino-and-more-edg210-b-0-8-liters-black-red-15730.jpg" alt="Pod And Capsule Coffee Machines" class="h-full w-full object-cover object-center">
                                        </span>
                                        <span aria-hidden="true" class="absolute inset-x-0 bottom-0 h-2/3 bg-gradient-to-t from-gray-800 opacity-50"></span>
                                        <span class="relative mt-auto text-center text-xl font-bold text-white">Coffee Pod &amp; Capsule Machines</span>
                                    </a>
                                                                    <a href="/categories/drip-filter-coffee-makers" class="relative flex h-80 flex-col overflow-hidden rounded-lg p-6 hover:opacity-75 w-auto">
                                        <span aria-hidden="true" class="absolute inset-0">
                                            <img src="https://cdn.freshstore.cloud/offer/images/778/1691/igenix-ig8127-filter-coffee-maker-10-cup-carafe-anti-drip-and-keep-warm-function-removable-funnel-for-easy-cleaning-1-25-litres-external-water-level-gauge-black-1691.jpg" alt="Drip Filter Coffee Makers" class="h-full w-full object-cover object-center">
                                        </span>
                                        <span aria-hidden="true" class="absolute inset-x-0 bottom-0 h-2/3 bg-gradient-to-t from-gray-800 opacity-50"></span>
                                        <span class="relative mt-auto text-center text-xl font-bold text-white">Drip Filter Coffee Makers</span>
                                    </a>
                                                                    <a href="/categories/espresso-coffee-machines" class="relative flex h-80 flex-col overflow-hidden rounded-lg p-6 hover:opacity-75 w-auto">
                                        <span aria-hidden="true" class="absolute inset-0">
                                            <img src="https://cdn.freshstore.cloud/offer/images/778/6267/de-longhi-dedica-style-traditional-pump-espresso-machine-coffee-and-cappuccino-maker-ec685r-1-liters-red-6267.jpg" alt="Espresso Coffee Machines" class="h-full w-full object-cover object-center">
                                        </span>
                                        <span aria-hidden="true" class="absolute inset-x-0 bottom-0 h-2/3 bg-gradient-to-t from-gray-800 opacity-50"></span>
                                        <span class="relative mt-auto text-center text-xl font-bold text-white">Espresso Coffee Machines</span>
                                    </a>
                                                                    <a href="/categories/french-press-coffee-makers" class="relative flex h-80 flex-col overflow-hidden rounded-lg p-6 hover:opacity-75 w-auto">
                                        <span aria-hidden="true" class="absolute inset-0">
                                            <img src="https://cdn.freshstore.cloud/offer/images/778/15593/kichly-cafetiere-8-cup-stainless-steel-french-press-coffee-maker-coffee-press-with-3-level-filtration-system-double-walled-insulated-caffettiere-with-1-extra-filter-1000ml-34oz-silver-15593.jpg" alt="French Press Coffee Makers" class="h-full w-full object-cover object-center">
                                        </span>
                                        <span aria-hidden="true" class="absolute inset-x-0 bottom-0 h-2/3 bg-gradient-to-t from-gray-800 opacity-50"></span>
                                        <span class="relative mt-auto text-center text-xl font-bold text-white">French Press Coffee Makers</span>
                                    </a>
                                                                    <a href="/categories/nespresso-coffee-machines" class="relative flex h-80 flex-col overflow-hidden rounded-lg p-6 hover:opacity-75 w-auto">
                                        <span aria-hidden="true" class="absolute inset-0">
                                            <img src="https://cdn.freshstore.cloud/offer/images/778/15920/de-longhi-nespresso-inissia-en-80-b-coffee-machine-19-bar-0-8-liters-black-15920.jpg" alt="Nespresso Coffee Machines" class="h-full w-full object-cover object-center">
                                        </span>
                                        <span aria-hidden="true" class="absolute inset-x-0 bottom-0 h-2/3 bg-gradient-to-t from-gray-800 opacity-50"></span>
                                        <span class="relative mt-auto text-center text-xl font-bold text-white">Nespresso Coffee Machines</span>
                                    </a>
                                                                    <a href="/categories/senseo-coffee-machines" class="relative flex h-80 flex-col overflow-hidden rounded-lg p-6 hover:opacity-75 w-auto">
                                        <span aria-hidden="true" class="absolute inset-0">
                                            <img src="https://cdn.freshstore.cloud/offer/images/778/11276/philips-senseo-hd6554-68-pod-coffee-machine-1450-w-black-11276.jpg" alt="Senseo Coffee Machines" class="h-full w-full object-cover object-center">
                                        </span>
                                        <span aria-hidden="true" class="absolute inset-x-0 bottom-0 h-2/3 bg-gradient-to-t from-gray-800 opacity-50"></span>
                                        <span class="relative mt-auto text-center text-xl font-bold text-white">Senseo Coffee Machines</span>
                                    </a>
                                                                    <a href="/categories/single-serve-coffee-machines" class="relative flex h-80 flex-col overflow-hidden rounded-lg p-6 hover:opacity-75 w-auto">
                                        <span aria-hidden="true" class="absolute inset-0">
                                            <img src="https://cdn.freshstore.cloud/offer/images/778/6958/salter-ek2408-coffee-maker-to-go-personal-filter-coffee-machine-reusable-filter-includes-420-ml-stainless-steel-travel-cup-700-w-single-serve-coffee-in-3-4-minutes-uses-ground-or-coffee-pads-6958.jpg" alt="Single Serve Coffee Machines" class="h-full w-full object-cover object-center">
                                        </span>
                                        <span aria-hidden="true" class="absolute inset-x-0 bottom-0 h-2/3 bg-gradient-to-t from-gray-800 opacity-50"></span>
                                        <span class="relative mt-auto text-center text-xl font-bold text-white">Single Serve Coffee Machines</span>
                                    </a>
                                                            </div>
                        </div>
                    </div>
                </div>
            </div>
        
        <section aria-labelledby="products-heading" class="mx-auto max-w-7xl overflow-hidden sm:px-6 lg:px-8 my-12">
    <h2 class="sr-only" id="products-heading">Product List</h2>

    <div class="-mx-px grid grid-cols-2 border-l border-t border-gray-200 sm:mx-0 md:grid-cols-3 lg:grid-cols-4">

                    <div class="group relative p-4 border-r border-b border-gray-200 sm:p-6">
                <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75">

                    <img class="w-full h-full object-center object-contain" src="https://cdn.freshstore.cloud/offer/images/778/16234/cuisinart-grind-and-brew-plus-bean-to-cup-filter-coffee-maker-dgb900bcu-silver-16234.jpg" alt="Cuisinart DGB900BCU Coffee Maker with Built-In Grinder">

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-sm font-medium text-skin-title min-h-[40px]">
                        <a href="/products/cuisinart-dgb900bcu-coffee-maker-with-built-in-grinder">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Cuisinart Grinder Coffee Maker
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                            <h4 class="text-sm text-gray-400">
                            Cuisinart
                        </h4>
                                        </div>

                    <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.4 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 flex-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 flex-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 flex-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 flex-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 flex-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.4 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.4 out of 5 stars">98 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:id="rl0YZ9uneJwolVcteeHL" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;rl0YZ9uneJwolVcteeHL&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;GB&quot;,&quot;path&quot;:&quot;categories\/coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;efbefb2c&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:200,&quot;priceFormatted&quot;:&quot;\u00a3200.00&quot;,&quot;classes&quot;:&quot;text-red-500 line-through&quot;,&quot;offer&quot;:null},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;product&quot;:{&quot;class&quot;:&quot;App\\Models\\Product&quot;,&quot;id&quot;:329,&quot;relations&quot;:[&quot;brand&quot;,&quot;media&quot;,&quot;offers&quot;],&quot;connection&quot;:&quot;freshstore&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;4186dbf3f86919773719e71114e53432afa769f5c8056e2994a5b77bf15138d5&quot;}}" wire:loading.class="opacity-20" class="text-red-500 line-through">
                £200.00
    </span>

<!-- Livewire Component wire-end:rl0YZ9uneJwolVcteeHL -->                        <span wire:id="GKgQVpNEM9wJCVKb28Od" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;GKgQVpNEM9wJCVKb28Od&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;GB&quot;,&quot;path&quot;:&quot;categories\/coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;3b9da98a&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:195,&quot;priceFormatted&quot;:&quot;\u00a3195.00&quot;,&quot;classes&quot;:&quot;&quot;,&quot;offer&quot;:null},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;product&quot;:{&quot;class&quot;:&quot;App\\Models\\Product&quot;,&quot;id&quot;:329,&quot;relations&quot;:[&quot;brand&quot;,&quot;media&quot;,&quot;offers&quot;],&quot;connection&quot;:&quot;freshstore&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;9786fc49b637fa851434537fc08649248cfebdd4ece0c402f813733e9b0114cd&quot;}}" wire:loading.class="opacity-20" class="">
                £195.00
    </span>

<!-- Livewire Component wire-end:GKgQVpNEM9wJCVKb28Od -->                    </p>
                </div>
            </div>
                    <div class="group relative p-4 border-r border-b border-gray-200 sm:p-6">
                <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75">

                    <img class="w-full h-full object-center object-contain" src="https://cdn.freshstore.cloud/offer/images/778/1813/scott-uk-slimissimo-fully-automatic-bean-to-cup-coffee-machine-19-bar-pressure-1-1l-1470w-1813.jpg" alt="Slimissimo Automatic Bean-to-Cup Coffee Maker">

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-sm font-medium text-skin-title min-h-[40px]">
                        <a href="/products/slimissimo-automatic-bean-to-cup-coffee-maker">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Slimissimo Bean-to-Cup Maker
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                        </div>

                    <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.13 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 flex-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 flex-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 flex-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 flex-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 flex-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.13 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.13 out of 5 stars">200 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:id="henccdlIj8rzkXP9Lyxi" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;henccdlIj8rzkXP9Lyxi&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;GB&quot;,&quot;path&quot;:&quot;categories\/coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;7df07d84&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:null,&quot;priceFormatted&quot;:&quot;\u00a30.00&quot;,&quot;classes&quot;:&quot;text-red-500 line-through&quot;,&quot;offer&quot;:null},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;product&quot;:{&quot;class&quot;:&quot;App\\Models\\Product&quot;,&quot;id&quot;:331,&quot;relations&quot;:[&quot;brand&quot;,&quot;media&quot;,&quot;offers&quot;],&quot;connection&quot;:&quot;freshstore&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;590d37ebfa097c93707b07a095e37855376cac1bbeb70ee8d711eed4d7178744&quot;}}" wire:loading.class="opacity-20" class="text-red-500 line-through hidden">
    </span>

<!-- Livewire Component wire-end:henccdlIj8rzkXP9Lyxi -->                        <span wire:id="MmozdkVfyETzBKDmxjQE" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;MmozdkVfyETzBKDmxjQE&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;GB&quot;,&quot;path&quot;:&quot;categories\/coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;9730e034&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:null,&quot;priceFormatted&quot;:&quot;\u00a30.00&quot;,&quot;classes&quot;:&quot;&quot;,&quot;offer&quot;:null},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;product&quot;:{&quot;class&quot;:&quot;App\\Models\\Product&quot;,&quot;id&quot;:331,&quot;relations&quot;:[&quot;brand&quot;,&quot;media&quot;,&quot;offers&quot;],&quot;connection&quot;:&quot;freshstore&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;2f0189df1b127c4c24c770bb8584d507b931e1ef8b8b547228905d3e86cfed5e&quot;}}" wire:loading.class="opacity-20" class=" hidden">
    </span>

<!-- Livewire Component wire-end:MmozdkVfyETzBKDmxjQE -->                    </p>
                </div>
            </div>
                    <div class="group relative p-4 border-r border-b border-gray-200 sm:p-6">
                <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75">

                    <img class="w-full h-full object-center object-contain" src="https://cdn.freshstore.cloud/offer/images/778/16843/smeg-bcc02whmuk-bean-to-cup-coffee-machine-retro-50-s-style-steam-wand-matte-white-16843.jpg" alt="Smeg Retro Bean to Cup Coffee Machine">

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-sm font-medium text-skin-title min-h-[40px]">
                        <a href="/products/smeg-retro-bean-to-cup-coffee-machine">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Retro Bean-to-Cup Machine
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                            <h4 class="text-sm text-gray-400">
                            Smeg
                        </h4>
                                        </div>

                    <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.95 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 flex-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 flex-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 flex-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 flex-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 flex-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.95 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.95 out of 5 stars">155 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:id="fNDWh2sCJhIo79CPUfRx" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;fNDWh2sCJhIo79CPUfRx&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;GB&quot;,&quot;path&quot;:&quot;categories\/coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;e7f8fcaa&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:670,&quot;priceFormatted&quot;:&quot;\u00a3670.00&quot;,&quot;classes&quot;:&quot;text-red-500 line-through&quot;,&quot;offer&quot;:null},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;product&quot;:{&quot;class&quot;:&quot;App\\Models\\Product&quot;,&quot;id&quot;:332,&quot;relations&quot;:[&quot;brand&quot;,&quot;media&quot;,&quot;offers&quot;,&quot;offers.media&quot;],&quot;connection&quot;:&quot;freshstore&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;0c58924f2f465c0e7c281632ed7f795eb512f9a15f15ccfd322f9bd26681429e&quot;}}" wire:loading.class="opacity-20" class="text-red-500 line-through">
                £670.00
    </span>

<!-- Livewire Component wire-end:fNDWh2sCJhIo79CPUfRx -->                        <span wire:id="xxp1NbAtixc1VPEsBwce" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;xxp1NbAtixc1VPEsBwce&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;GB&quot;,&quot;path&quot;:&quot;categories\/coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;d011ccd7&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:437.97,&quot;priceFormatted&quot;:&quot;\u00a3437.97&quot;,&quot;classes&quot;:&quot;&quot;,&quot;offer&quot;:null},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;product&quot;:{&quot;class&quot;:&quot;App\\Models\\Product&quot;,&quot;id&quot;:332,&quot;relations&quot;:[&quot;brand&quot;,&quot;media&quot;,&quot;offers&quot;,&quot;offers.media&quot;],&quot;connection&quot;:&quot;freshstore&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;6cba51439e589a3c3102bdd94c1df2df04b2d53ef58723f33f18f2830021ff0c&quot;}}" wire:loading.class="opacity-20" class="">
                £437.97
    </span>

<!-- Livewire Component wire-end:xxp1NbAtixc1VPEsBwce -->                    </p>
                </div>
            </div>
                    <div class="group relative p-4 border-r border-b border-gray-200 sm:p-6">
                <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75">

                    <img class="w-full h-full object-center object-contain" src="https://cdn.freshstore.cloud/offer/images/778/14247/melitta-solo-perfect-milk-e957-203-fully-automatic-bean-to-cup-coffee-machine-automatic-cappuccino-maker-silver-14247.jpg" alt="Melitta Solo &amp; Perfect Milk Coffee Machine">

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-sm font-medium text-skin-title min-h-[40px]">
                        <a href="/products/melitta-solo-perfect-milk-coffee-machine">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Melitta Milk Coffee Machine
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                            <h4 class="text-sm text-gray-400">
                            Melitta
                        </h4>
                                        </div>

                    <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.13 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 flex-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 flex-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 flex-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 flex-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 flex-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.13 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.13 out of 5 stars">225 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:id="rlaMTTvOdGFWiG5D1wKo" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;rlaMTTvOdGFWiG5D1wKo&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;GB&quot;,&quot;path&quot;:&quot;categories\/coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;7df07d84&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:null,&quot;priceFormatted&quot;:&quot;\u00a30.00&quot;,&quot;classes&quot;:&quot;text-red-500 line-through&quot;,&quot;offer&quot;:null},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;product&quot;:{&quot;class&quot;:&quot;App\\Models\\Product&quot;,&quot;id&quot;:333,&quot;relations&quot;:[&quot;brand&quot;,&quot;media&quot;,&quot;offers&quot;],&quot;connection&quot;:&quot;freshstore&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;207e567e242b1a939d89bfc3f5aecf947adef604abe8502c90b3b85c7cfdcdaa&quot;}}" wire:loading.class="opacity-20" class="text-red-500 line-through hidden">
    </span>

<!-- Livewire Component wire-end:rlaMTTvOdGFWiG5D1wKo -->                        <span wire:id="WZl4ZtgQJqCsc7W8QBQw" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;WZl4ZtgQJqCsc7W8QBQw&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;GB&quot;,&quot;path&quot;:&quot;categories\/coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;70dd452c&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:300.08,&quot;priceFormatted&quot;:&quot;\u00a3300.08&quot;,&quot;classes&quot;:&quot;&quot;,&quot;offer&quot;:null},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;product&quot;:{&quot;class&quot;:&quot;App\\Models\\Product&quot;,&quot;id&quot;:333,&quot;relations&quot;:[&quot;brand&quot;,&quot;media&quot;,&quot;offers&quot;],&quot;connection&quot;:&quot;freshstore&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;82ee85c5e37b8b392d6c6a56c176465425b09bd3d5725c917f60992833016338&quot;}}" wire:loading.class="opacity-20" class="">
                £300.08
    </span>

<!-- Livewire Component wire-end:WZl4ZtgQJqCsc7W8QBQw -->                    </p>
                </div>
            </div>
                    <div class="group relative p-4 border-r border-b border-gray-200 sm:p-6">
                <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75">

                    <img class="w-full h-full object-center object-contain" src="https://cdn.freshstore.cloud/offer/images/778/1808/scott-uk-slimissimo-milk-fully-automatic-bean-to-cup-coffee-machine-19-bar-pressure-1-1l-1470w-energy-class-a-energy-class-a-1808.jpg" alt="Automatic Slimissimo Milk Coffee Machine, 19 Bar">

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-sm font-medium text-skin-title min-h-[40px]">
                        <a href="/products/automatic-slimissimo-milk-coffee-machine-19-bar">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Slimissimo 19-Bar Coffee Maker
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                        </div>

                    <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.54 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 flex-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 flex-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 flex-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 flex-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 flex-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.54 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.54 out of 5 stars">171 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:id="puUcjBBhFCFAc8C36oUz" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;puUcjBBhFCFAc8C36oUz&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;GB&quot;,&quot;path&quot;:&quot;categories\/coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;7df07d84&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:null,&quot;priceFormatted&quot;:&quot;\u00a30.00&quot;,&quot;classes&quot;:&quot;text-red-500 line-through&quot;,&quot;offer&quot;:null},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;product&quot;:{&quot;class&quot;:&quot;App\\Models\\Product&quot;,&quot;id&quot;:334,&quot;relations&quot;:[&quot;brand&quot;,&quot;media&quot;,&quot;offers&quot;],&quot;connection&quot;:&quot;freshstore&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;b386284d794bb64486105ebbe4f9d5612065fb64ae2c091bff534c7f806362f2&quot;}}" wire:loading.class="opacity-20" class="text-red-500 line-through hidden">
    </span>

<!-- Livewire Component wire-end:puUcjBBhFCFAc8C36oUz -->                        <span wire:id="w5T3plDD776o2heGuAlI" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;w5T3plDD776o2heGuAlI&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;GB&quot;,&quot;path&quot;:&quot;categories\/coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;ae85c1db&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:199,&quot;priceFormatted&quot;:&quot;\u00a3199.00&quot;,&quot;classes&quot;:&quot;&quot;,&quot;offer&quot;:null},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;product&quot;:{&quot;class&quot;:&quot;App\\Models\\Product&quot;,&quot;id&quot;:334,&quot;relations&quot;:[&quot;brand&quot;,&quot;media&quot;,&quot;offers&quot;],&quot;connection&quot;:&quot;freshstore&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;790e89e8351309ccef3e3fcdbb48dd6be56d040396a5609a503c7a1d73f9b834&quot;}}" wire:loading.class="opacity-20" class="">
                £199.00
    </span>

<!-- Livewire Component wire-end:w5T3plDD776o2heGuAlI -->                    </p>
                </div>
            </div>
                    <div class="group relative p-4 border-r border-b border-gray-200 sm:p-6">
                <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75">

                    <img class="w-full h-full object-center object-contain" src="https://cdn.freshstore.cloud/offer/images/778/1822/beko-bean-to-cup-coffee-machine-ceg5301x-stainless-steel-19-bar-pressure-includes-easy-to-use-one-touch-lcd-control-pre-brewing-system-removable-1-5l-water-tank-1822.jpg" alt="Beko Bean to Cup Coffee Machine, Stainless Steel">

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-sm font-medium text-skin-title min-h-[40px]">
                        <a href="/products/beko-bean-to-cup-coffee-machine-stainless-steel">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Stainless Steel Coffee Maker
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                        </div>

                    <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.52 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 flex-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 flex-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 flex-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 flex-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 flex-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.52 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.52 out of 5 stars">211 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:id="xnHbdwhfu64zf51hkExv" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;xnHbdwhfu64zf51hkExv&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;GB&quot;,&quot;path&quot;:&quot;categories\/coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;e05bdb3a&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:182.94,&quot;priceFormatted&quot;:&quot;\u00a3182.94&quot;,&quot;classes&quot;:&quot;text-red-500 line-through&quot;,&quot;offer&quot;:null},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;product&quot;:{&quot;class&quot;:&quot;App\\Models\\Product&quot;,&quot;id&quot;:335,&quot;relations&quot;:[&quot;brand&quot;,&quot;media&quot;,&quot;offers&quot;],&quot;connection&quot;:&quot;freshstore&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;bac349e7c78c74769bbc7c67c0e9081b1c20d17ec926efc2831bcb298d905709&quot;}}" wire:loading.class="opacity-20" class="text-red-500 line-through">
                £182.94
    </span>

<!-- Livewire Component wire-end:xnHbdwhfu64zf51hkExv -->                        <span wire:id="LL3zikqmdrp9DTHLY5EF" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;LL3zikqmdrp9DTHLY5EF&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;GB&quot;,&quot;path&quot;:&quot;categories\/coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;58fa65b3&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:169,&quot;priceFormatted&quot;:&quot;\u00a3169.00&quot;,&quot;classes&quot;:&quot;&quot;,&quot;offer&quot;:null},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;product&quot;:{&quot;class&quot;:&quot;App\\Models\\Product&quot;,&quot;id&quot;:335,&quot;relations&quot;:[&quot;brand&quot;,&quot;media&quot;,&quot;offers&quot;],&quot;connection&quot;:&quot;freshstore&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;a5c6d5f2ddc7c7db16f96791ad6e3d77a0c743c43c7319e2affecb1c18ebe4a8&quot;}}" wire:loading.class="opacity-20" class="">
                £169.00
    </span>

<!-- Livewire Component wire-end:LL3zikqmdrp9DTHLY5EF -->                    </p>
                </div>
            </div>
                    <div class="group relative p-4 border-r border-b border-gray-200 sm:p-6">
                <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75">

                    <img class="w-full h-full object-center object-contain" src="https://cdn.freshstore.cloud/offer/images/778/13849/lakeland-bean-to-cup-coffee-machine-black-with-keep-warm-function-13849.jpg" alt="Lakeland Black Bean to Cup Coffee Maker With Keep Warm">

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-sm font-medium text-skin-title min-h-[40px]">
                        <a href="/products/lakeland-black-bean-to-cup-coffee-maker-with-keep-warm">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Black Bean Coffee Maker
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                        </div>

                    <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.98 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 flex-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 flex-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 flex-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 flex-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 flex-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.98 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.98 out of 5 stars">204 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:id="9BIky8PqajudYSUFQA9z" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;9BIky8PqajudYSUFQA9z&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;GB&quot;,&quot;path&quot;:&quot;categories\/coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;b9685021&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:99.99,&quot;priceFormatted&quot;:&quot;\u00a399.99&quot;,&quot;classes&quot;:&quot;text-red-500 line-through&quot;,&quot;offer&quot;:null},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;product&quot;:{&quot;class&quot;:&quot;App\\Models\\Product&quot;,&quot;id&quot;:336,&quot;relations&quot;:[&quot;brand&quot;,&quot;media&quot;,&quot;offers&quot;],&quot;connection&quot;:&quot;freshstore&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;a145c5725e6f03e3740e9ada9b39a3982d37bb7a2142fb6b2878c22303048750&quot;}}" wire:loading.class="opacity-20" class="text-red-500 line-through">
                £99.99
    </span>

<!-- Livewire Component wire-end:9BIky8PqajudYSUFQA9z -->                        <span wire:id="SAWr1yGEuDnxa7TztUKk" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;SAWr1yGEuDnxa7TztUKk&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;GB&quot;,&quot;path&quot;:&quot;categories\/coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;cc9ae9e1&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:59.99,&quot;priceFormatted&quot;:&quot;\u00a359.99&quot;,&quot;classes&quot;:&quot;&quot;,&quot;offer&quot;:null},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;product&quot;:{&quot;class&quot;:&quot;App\\Models\\Product&quot;,&quot;id&quot;:336,&quot;relations&quot;:[&quot;brand&quot;,&quot;media&quot;,&quot;offers&quot;],&quot;connection&quot;:&quot;freshstore&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;7f328409cde86835e451d7b3805d8e946e608b95b272b24b69e72d7cc1c84656&quot;}}" wire:loading.class="opacity-20" class="">
                £59.99
    </span>

<!-- Livewire Component wire-end:SAWr1yGEuDnxa7TztUKk -->                    </p>
                </div>
            </div>
                    <div class="group relative p-4 border-r border-b border-gray-200 sm:p-6">
                <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75">

                    <img class="w-full h-full object-center object-contain" src="https://cdn.freshstore.cloud/offer/images/778/16018/sage-the-barista-express-espresso-machine-bean-to-cup-coffee-machine-with-milk-frother-bes875bks-black-sesame-16018.jpg" alt="Sage Barista Express Bean to Cup Espresso Machine">

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-sm font-medium text-skin-title min-h-[40px]">
                        <a href="/products/sage-barista-express-bean-to-cup-espresso-machine">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Sage Bean to Cup Machine
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                            <h4 class="text-sm text-gray-400">
                            Sage
                        </h4>
                                        </div>

                    <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.66 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 flex-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 flex-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 flex-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 flex-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 flex-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.66 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.66 out of 5 stars">224 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:id="JpOJ57aMfB3UAfDQU39Z" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;JpOJ57aMfB3UAfDQU39Z&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;GB&quot;,&quot;path&quot;:&quot;categories\/coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;7df07d84&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:null,&quot;priceFormatted&quot;:&quot;\u00a30.00&quot;,&quot;classes&quot;:&quot;text-red-500 line-through&quot;,&quot;offer&quot;:null},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;product&quot;:{&quot;class&quot;:&quot;App\\Models\\Product&quot;,&quot;id&quot;:337,&quot;relations&quot;:[&quot;brand&quot;,&quot;media&quot;,&quot;offers&quot;],&quot;connection&quot;:&quot;freshstore&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;765c15d9bf02fe6becb76f5b97a32fc80af26b6ad546246f7e328ca8436ebef2&quot;}}" wire:loading.class="opacity-20" class="text-red-500 line-through hidden">
    </span>

<!-- Livewire Component wire-end:JpOJ57aMfB3UAfDQU39Z -->                        <span wire:id="YB41nEvLtVqWKOxZt4Sj" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;YB41nEvLtVqWKOxZt4Sj&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;GB&quot;,&quot;path&quot;:&quot;categories\/coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;9730e034&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:null,&quot;priceFormatted&quot;:&quot;\u00a30.00&quot;,&quot;classes&quot;:&quot;&quot;,&quot;offer&quot;:null},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;product&quot;:{&quot;class&quot;:&quot;App\\Models\\Product&quot;,&quot;id&quot;:337,&quot;relations&quot;:[&quot;brand&quot;,&quot;media&quot;,&quot;offers&quot;],&quot;connection&quot;:&quot;freshstore&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;b74aedca81f9468afe084c75c9f7e3437dc53ed5354e5a39a060d49f3e5bac6f&quot;}}" wire:loading.class="opacity-20" class=" hidden">
    </span>

<!-- Livewire Component wire-end:YB41nEvLtVqWKOxZt4Sj -->                    </p>
                </div>
            </div>
                    <div class="group relative p-4 border-r border-b border-gray-200 sm:p-6">
                <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75">

                    <img class="w-full h-full object-center object-contain" src="https://cdn.freshstore.cloud/offer/images/778/1847/philips-4300-series-bean-to-cup-espresso-machine-lattego-milk-frother-8-coffee-variaties-intuitive-display-black-ep4346-70-1847.jpg" alt="PHILIPS Bean-to-Cup Espresso Machine - 8 Coffee Varieties">

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-sm font-medium text-skin-title min-h-[40px]">
                        <a href="/products/philips-bean-to-cup-espresso-machine-8-coffee-varieties">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            PHILIPS Espresso Machine - Variety
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                            <h4 class="text-sm text-gray-400">
                            Philips
                        </h4>
                                        </div>

                    <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.25 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 flex-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 flex-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 flex-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 flex-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 flex-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.25 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.25 out of 5 stars">136 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:id="XhAEoHsyNIV1wrSGzceO" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;XhAEoHsyNIV1wrSGzceO&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;GB&quot;,&quot;path&quot;:&quot;categories\/coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;b4ec4d3a&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:649.99,&quot;priceFormatted&quot;:&quot;\u00a3649.99&quot;,&quot;classes&quot;:&quot;text-red-500 line-through&quot;,&quot;offer&quot;:null},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;product&quot;:{&quot;class&quot;:&quot;App\\Models\\Product&quot;,&quot;id&quot;:338,&quot;relations&quot;:[&quot;brand&quot;,&quot;media&quot;,&quot;offers&quot;],&quot;connection&quot;:&quot;freshstore&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;f5fd23cc115995295d9dca9b2b233696340c40cf7d9901238d0785b1c538145b&quot;}}" wire:loading.class="opacity-20" class="text-red-500 line-through">
                £649.99
    </span>

<!-- Livewire Component wire-end:XhAEoHsyNIV1wrSGzceO -->                        <span wire:id="6rUmZ1nQIdQbT262Pr0O" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;6rUmZ1nQIdQbT262Pr0O&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;GB&quot;,&quot;path&quot;:&quot;categories\/coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;3f668d35&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:618.85,&quot;priceFormatted&quot;:&quot;\u00a3618.85&quot;,&quot;classes&quot;:&quot;&quot;,&quot;offer&quot;:null},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;product&quot;:{&quot;class&quot;:&quot;App\\Models\\Product&quot;,&quot;id&quot;:338,&quot;relations&quot;:[&quot;brand&quot;,&quot;media&quot;,&quot;offers&quot;],&quot;connection&quot;:&quot;freshstore&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;4899a68f6fddef7ae2b271079b471f35aa90578ad24f9ed1a3dd798765f1fc11&quot;}}" wire:loading.class="opacity-20" class="">
                £618.85
    </span>

<!-- Livewire Component wire-end:6rUmZ1nQIdQbT262Pr0O -->                    </p>
                </div>
            </div>
                    <div class="group relative p-4 border-r border-b border-gray-200 sm:p-6">
                <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75">

                    <img class="w-full h-full object-center object-contain" src="https://cdn.freshstore.cloud/offer/images/778/1858/melitta-bean-to-cup-machine-with-adjustable-coffee-intensity-adjustable-double-outlet-for-one-or-two-cups-cup-warming-function-self-cleaning-option-solo-pure-silver-e950-666-1858.jpg" alt="Adjustable Intensity Bean-to-Cup Coffee Machine">

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-sm font-medium text-skin-title min-h-[40px]">
                        <a href="/products/adjustable-intensity-bean-to-cup-coffee-machine">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Intensity Control Coffee Maker
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                            <h4 class="text-sm text-gray-400">
                            Melitta
                        </h4>
                                        </div>

                    <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.37 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 flex-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 flex-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 flex-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 flex-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 flex-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.37 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.37 out of 5 stars">179 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:id="7cqEEY9VFMqydHx4mGUL" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;7cqEEY9VFMqydHx4mGUL&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;GB&quot;,&quot;path&quot;:&quot;categories\/coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;7df07d84&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:null,&quot;priceFormatted&quot;:&quot;\u00a30.00&quot;,&quot;classes&quot;:&quot;text-red-500 line-through&quot;,&quot;offer&quot;:null},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;product&quot;:{&quot;class&quot;:&quot;App\\Models\\Product&quot;,&quot;id&quot;:339,&quot;relations&quot;:[&quot;brand&quot;,&quot;media&quot;,&quot;offers&quot;],&quot;connection&quot;:&quot;freshstore&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;c5432fa4d0f62d17450334292ebf1faa407487e38e553e59dabada06e55c0ebc&quot;}}" wire:loading.class="opacity-20" class="text-red-500 line-through hidden">
    </span>

<!-- Livewire Component wire-end:7cqEEY9VFMqydHx4mGUL -->                        <span wire:id="TiULjYR5ZTlzBT7UUg0s" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;TiULjYR5ZTlzBT7UUg0s&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;GB&quot;,&quot;path&quot;:&quot;categories\/coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;9730e034&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:null,&quot;priceFormatted&quot;:&quot;\u00a30.00&quot;,&quot;classes&quot;:&quot;&quot;,&quot;offer&quot;:null},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;product&quot;:{&quot;class&quot;:&quot;App\\Models\\Product&quot;,&quot;id&quot;:339,&quot;relations&quot;:[&quot;brand&quot;,&quot;media&quot;,&quot;offers&quot;],&quot;connection&quot;:&quot;freshstore&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;a36c680dc3893f1d1727181a8c6d35ec318646e4310d68c905b9754731388465&quot;}}" wire:loading.class="opacity-20" class=" hidden">
    </span>

<!-- Livewire Component wire-end:TiULjYR5ZTlzBT7UUg0s -->                    </p>
                </div>
            </div>
                    <div class="group relative p-4 border-r border-b border-gray-200 sm:p-6">
                <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75">

                    <img class="w-full h-full object-center object-contain" src="https://cdn.freshstore.cloud/offer/images/778/1835/de-longhi-primadonna-soul-fully-automatic-bean-to-cup-espresso-an-cappuccino-coffee-maker-ecam610-75-mb-2-2-liters-black-and-silver-1835.jpg" alt="De&#039;Longhi Primadonna Soul Bean to Cup Coffee Maker">

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-sm font-medium text-skin-title min-h-[40px]">
                        <a href="/products/de-longhi-primadonna-soul-bean-to-cup-coffee-maker">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            De&#039;Longhi Soul Coffee Maker
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                            <h4 class="text-sm text-gray-400">
                            De&#039;longhi
                        </h4>
                                        </div>

                    <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.27 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 flex-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 flex-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 flex-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 flex-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 flex-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.27 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.27 out of 5 stars">219 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:id="uuHlwVHuUuC8NExFxJPJ" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;uuHlwVHuUuC8NExFxJPJ&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;GB&quot;,&quot;path&quot;:&quot;categories\/coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;7df07d84&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:null,&quot;priceFormatted&quot;:&quot;\u00a30.00&quot;,&quot;classes&quot;:&quot;text-red-500 line-through&quot;,&quot;offer&quot;:null},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;product&quot;:{&quot;class&quot;:&quot;App\\Models\\Product&quot;,&quot;id&quot;:340,&quot;relations&quot;:[&quot;brand&quot;,&quot;media&quot;,&quot;offers&quot;],&quot;connection&quot;:&quot;freshstore&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;5e2294a26bbfee28b9889fa841ceaea494fe033bfb705ddab8b0893e40846dd3&quot;}}" wire:loading.class="opacity-20" class="text-red-500 line-through hidden">
    </span>

<!-- Livewire Component wire-end:uuHlwVHuUuC8NExFxJPJ -->                        <span wire:id="fn8Aa0xznTM8hTaWxSHY" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;fn8Aa0xznTM8hTaWxSHY&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;GB&quot;,&quot;path&quot;:&quot;categories\/coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;2e124fd8&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:1049,&quot;priceFormatted&quot;:&quot;\u00a31,049.00&quot;,&quot;classes&quot;:&quot;&quot;,&quot;offer&quot;:null},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;product&quot;:{&quot;class&quot;:&quot;App\\Models\\Product&quot;,&quot;id&quot;:340,&quot;relations&quot;:[&quot;brand&quot;,&quot;media&quot;,&quot;offers&quot;],&quot;connection&quot;:&quot;freshstore&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;79944b00c84ec8bef381964f6db02518bdf7cd37dfcb4811a9b69d5db49108b0&quot;}}" wire:loading.class="opacity-20" class="">
                £1,049.00
    </span>

<!-- Livewire Component wire-end:fn8Aa0xznTM8hTaWxSHY -->                    </p>
                </div>
            </div>
                    <div class="group relative p-4 border-r border-b border-gray-200 sm:p-6">
                <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75">

                    <img class="w-full h-full object-center object-contain" src="https://cdn.freshstore.cloud/offer/images/778/1869/sage-the-barista-touch-machine-bean-to-cup-coffee-machine-with-milk-frother-ses880bss-brushed-stainless-steel-1869.jpg" alt="Sage Barista Touch Espresso Machine - Stainless Steel">

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-sm font-medium text-skin-title min-h-[40px]">
                        <a href="/products/sage-barista-touch-espresso-machine-stainless-steel">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Steel Barista Touch Machine
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                            <h4 class="text-sm text-gray-400">
                            Sage
                        </h4>
                                        </div>

                    <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.14 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 flex-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 flex-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 flex-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 flex-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 flex-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.14 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.14 out of 5 stars">145 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:id="VUqBTCmVgeWFs7CQ78sO" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;VUqBTCmVgeWFs7CQ78sO&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;GB&quot;,&quot;path&quot;:&quot;categories\/coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;7df07d84&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:null,&quot;priceFormatted&quot;:&quot;\u00a30.00&quot;,&quot;classes&quot;:&quot;text-red-500 line-through&quot;,&quot;offer&quot;:null},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;product&quot;:{&quot;class&quot;:&quot;App\\Models\\Product&quot;,&quot;id&quot;:341,&quot;relations&quot;:[&quot;brand&quot;,&quot;media&quot;,&quot;offers&quot;],&quot;connection&quot;:&quot;freshstore&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;fa28d0e66ba4f150ad2197da1379ef7df7fdb34a640c588cdaaac749e4412c05&quot;}}" wire:loading.class="opacity-20" class="text-red-500 line-through hidden">
    </span>

<!-- Livewire Component wire-end:VUqBTCmVgeWFs7CQ78sO -->                        <span wire:id="9h8QzZpKClm5hY9E1ngz" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;9h8QzZpKClm5hY9E1ngz&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;GB&quot;,&quot;path&quot;:&quot;categories\/coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;836d93ed&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:849,&quot;priceFormatted&quot;:&quot;\u00a3849.00&quot;,&quot;classes&quot;:&quot;&quot;,&quot;offer&quot;:null},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;product&quot;:{&quot;class&quot;:&quot;App\\Models\\Product&quot;,&quot;id&quot;:341,&quot;relations&quot;:[&quot;brand&quot;,&quot;media&quot;,&quot;offers&quot;],&quot;connection&quot;:&quot;freshstore&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;884fd5b05727ec09a0aba40579d265657f903d02dd25142a58bab967b7c338bc&quot;}}" wire:loading.class="opacity-20" class="">
                £849.00
    </span>

<!-- Livewire Component wire-end:9h8QzZpKClm5hY9E1ngz -->                    </p>
                </div>
            </div>
        
    </div>
</section>

<nav role="navigation" aria-label="Pagination Navigation" class="max-w-7xl mx-auto px-4 mt-6 flex justify-between text-sm font-medium text-skin-base sm:px-6 lg:px-8">
        <div class="min-w-0 flex-1">
            
            
        </div>
        <div class="hidden space-x-2 sm:flex">

            
                            
                
                
                                                                                        <span aria-current="page">
                                <span class="inline-flex items-center px-4 h-10 border border-skin-accent ring-1 ring-skin-accent rounded-md bg-white hover:bg-gray-100 focus:outline-none focus:border-skin-accent focus:ring-2 focus:ring-offset-1 focus:ring-offset-skin-accent focus:ring-skin-accent focus:ring-opacity-25">1</span>
                            </span>
                                                                                                <a href="https://www.coffeee.uk/categories/coffee-machines/2" class="inline-flex items-center px-4 h-10 border border-gray-300 rounded-md bg-white hover:bg-gray-100 focus:outline-none focus:border-skin-accent focus:ring-2 focus:ring-offset-1 focus:ring-offset-skin-accent focus:ring-skin-accent focus:ring-opacity-25" aria-label="Go to page 2">
                                2
                            </a>
                                                                                                <a href="https://www.coffeee.uk/categories/coffee-machines/3" class="inline-flex items-center px-4 h-10 border border-gray-300 rounded-md bg-white hover:bg-gray-100 focus:outline-none focus:border-skin-accent focus:ring-2 focus:ring-offset-1 focus:ring-offset-skin-accent focus:ring-skin-accent focus:ring-opacity-25" aria-label="Go to page 3">
                                3
                            </a>
                                                                                                <a href="https://www.coffeee.uk/categories/coffee-machines/4" class="inline-flex items-center px-4 h-10 border border-gray-300 rounded-md bg-white hover:bg-gray-100 focus:outline-none focus:border-skin-accent focus:ring-2 focus:ring-offset-1 focus:ring-offset-skin-accent focus:ring-skin-accent focus:ring-opacity-25" aria-label="Go to page 4">
                                4
                            </a>
                                                                                                <a href="https://www.coffeee.uk/categories/coffee-machines/5" class="inline-flex items-center px-4 h-10 border border-gray-300 rounded-md bg-white hover:bg-gray-100 focus:outline-none focus:border-skin-accent focus:ring-2 focus:ring-offset-1 focus:ring-offset-skin-accent focus:ring-skin-accent focus:ring-opacity-25" aria-label="Go to page 5">
                                5
                            </a>
                                                                                                <a href="https://www.coffeee.uk/categories/coffee-machines/6" class="inline-flex items-center px-4 h-10 border border-gray-300 rounded-md bg-white hover:bg-gray-100 focus:outline-none focus:border-skin-accent focus:ring-2 focus:ring-offset-1 focus:ring-offset-skin-accent focus:ring-skin-accent focus:ring-opacity-25" aria-label="Go to page 6">
                                6
                            </a>
                                                                                                <a href="https://www.coffeee.uk/categories/coffee-machines/7" class="inline-flex items-center px-4 h-10 border border-gray-300 rounded-md bg-white hover:bg-gray-100 focus:outline-none focus:border-skin-accent focus:ring-2 focus:ring-offset-1 focus:ring-offset-skin-accent focus:ring-skin-accent focus:ring-opacity-25" aria-label="Go to page 7">
                                7
                            </a>
                                                                                                <a href="https://www.coffeee.uk/categories/coffee-machines/8" class="inline-flex items-center px-4 h-10 border border-gray-300 rounded-md bg-white hover:bg-gray-100 focus:outline-none focus:border-skin-accent focus:ring-2 focus:ring-offset-1 focus:ring-offset-skin-accent focus:ring-skin-accent focus:ring-opacity-25" aria-label="Go to page 8">
                                8
                            </a>
                                                                                                <a href="https://www.coffeee.uk/categories/coffee-machines/9" class="inline-flex items-center px-4 h-10 border border-gray-300 rounded-md bg-white hover:bg-gray-100 focus:outline-none focus:border-skin-accent focus:ring-2 focus:ring-offset-1 focus:ring-offset-skin-accent focus:ring-skin-accent focus:ring-opacity-25" aria-label="Go to page 9">
                                9
                            </a>
                                                                                                <a href="https://www.coffeee.uk/categories/coffee-machines/10" class="inline-flex items-center px-4 h-10 border border-gray-300 rounded-md bg-white hover:bg-gray-100 focus:outline-none focus:border-skin-accent focus:ring-2 focus:ring-offset-1 focus:ring-offset-skin-accent focus:ring-skin-accent focus:ring-opacity-25" aria-label="Go to page 10">
                                10
                            </a>
                                                                                        
                                    <span aria-disabled="true">
                        <span class="inline-flex items-center text-skin-light px-1.5 h-10">...</span>
                    </span>
                
                
                                            
                
                
                                                                                        <a href="https://www.coffeee.uk/categories/coffee-machines/30" class="inline-flex items-center px-4 h-10 border border-gray-300 rounded-md bg-white hover:bg-gray-100 focus:outline-none focus:border-skin-accent focus:ring-2 focus:ring-offset-1 focus:ring-offset-skin-accent focus:ring-skin-accent focus:ring-opacity-25" aria-label="Go to page 30">
                                30
                            </a>
                                                                                                <a href="https://www.coffeee.uk/categories/coffee-machines/31" class="inline-flex items-center px-4 h-10 border border-gray-300 rounded-md bg-white hover:bg-gray-100 focus:outline-none focus:border-skin-accent focus:ring-2 focus:ring-offset-1 focus:ring-offset-skin-accent focus:ring-skin-accent focus:ring-opacity-25" aria-label="Go to page 31">
                                31
                            </a>
                                                                        
        </div>

        <div class="min-w-0 flex-1 flex justify-end">
                            <a href="https://www.coffeee.uk/categories/coffee-machines/2" class="inline-flex items-center px-4 h-10 border border-gray-300 rounded-md bg-white hover:bg-gray-100 focus:outline-none focus:border-skin-accent focus:ring-2 focus:ring-offset-1 focus:ring-offset-skin-accent focus:ring-skin-accent focus:ring-opacity-25">
                    Next
                </a>
                    </div>
    </nav>



        <div class="pt-8">
        <article class="prose max-w-none prose-h1:text-skin-title prose-h2:text-skin-subtitle prose-p:text-skin-base prose-a:text-skin-link hover:prose-a:opacity-75 active:prose-a:underline prose-ol:text-skin-base prose-ul:text-skin-base">
            <p>Investing in a top-of-the-line coffee machine is an excellent way to ensure that your morning cup of coffee is always just the way you like it. We offer a wide selection of coffee machines to cater to any coffee lover's needs. From simple, straightforward drip coffee makers to more advanced automatic espresso machines, we have something to suit every taste and budget.</p>
<p>Our coffee machines are carefully sourced to ensure that we offer only the best products to our customers. We trust in the high quality of our machines to reliably produce delicious coffee time and time again. And with our competitive pricing, you can enjoy a great cup of coffee at home without breaking the bank. Shop our range of coffee machines today and experience the joy of perfect coffee from the comfort of your own home.</p>
<h2 style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; line-height: 1.33333 !important;">The Different Types of Coffee Machines: A Comprehensive Guide</h2>
<p style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">When it comes to coffee, there are many ways to prepare and brew it. From traditional methods to modern technology, coffee machines have come a long way in delivering that perfect cup of java. In this article, we will explore the different types of coffee machines available in the market today.</p>
<h3 style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">1. Drip Coffee Machines</h3>
<p style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">Drip coffee machines, also known as filter coffee machines, are the most common type of coffee machine found in homes. They work by pouring water into a reservoir, which then gets heated and poured over coffee grounds. The coffee is brewed and collected in a carafe or pot below. Drip coffee machines are easy to use and produce large quantities of coffee.</p>
<h3 style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">2. Espresso Machines</h3>
<p style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">Espresso machines are the go-to choice for those who love a strong and concentrated coffee. They use pressurized water and finely ground coffee to create a small but intense shot of espresso. Espresso machines can vary in complexity and price, ranging from manual lever machines to fully automatic ones with built-in grinders.</p>
<h3 style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">3. French Press</h3>
<p style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">A French press, also known as a plunger pot or a press pot, is a simple yet effective way to brew coffee. It consists of a cylindrical glass or metal container and a plunger with a mesh filter. To make coffee using a French press, you add coarsely ground coffee and hot water, allow it to steep for a few minutes, and then press the plunger down to separate the coffee grounds from the liquid.</p>
<h3 style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">4. Pour-Over Coffee Makers</h3>
<p style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">Pour-over coffee makers have gained popularity due to their ability to produce a clean and crisp cup of coffee. They typically consist of a cone-shaped filter holder placed on top of a carafe or mug. You pour hot water over the coffee grounds, and the filter allows the water to extract the flavors while filtering out any impurities.</p>
<h3 style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">5. Single-Serve Coffee Machines</h3>
<p style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">Single-serve coffee machines, like pod or capsule machines, are designed for convenience and speed. These machines use pre-packaged coffee pods or capsules to brew a single cup of coffee. With a wide variety of flavors available, single-serve coffee machines are a popular choice for those who want individual servings without the fuss of measuring or grinding coffee.</p>
<h3 style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">6. Cold Brew Coffee Makers</h3>
<p style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">Cold brew coffee makers are designed specifically for making cold brew coffee, which results in a smoother and less acidic taste compared to hot brewed coffee. These machines utilize a slow extraction process by steeping coffee grounds in cold water for an extended period, typically 12 to 24 hours. The result is a concentrate that can be diluted and enjoyed over ice.</p>
<p style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">Whether you prefer a strong espresso shot or a light and flavorful pour-over, there is a coffee machine out there to suit your taste and brewing method of choice. Understanding the different types of coffee machines available will help you make an informed decision when investing in the perfect coffee maker for your home or office.</p>
<h2 style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; line-height: 1.33333 !important;">Top Features to Consider When Choosing a Coffee Machine</h2>
<p style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">Choosing the right coffee machine for your home or office can be a daunting task with so many options available on the market. To help you make an informed decision, here are some key features to consider when selecting a coffee machine:</p>
<h3 style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">1. Type of Coffee Machine</h3>
<p style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">There are various types of coffee machines, including espresso machines, drip coffee makers, pod-based systems, and French press. Each type has its own unique brewing method and delivers a different taste. Consider your preference and the type of coffee you usually consume to determine which machine is best suited for you.</p>
<h3 style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">2. Brew Size and Capacity</h3>
<p style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">Check the brew size and capacity of the coffee machine, especially if you expect to make coffee for multiple people at once. Some machines offer single-serve options, while others have larger carafes. Evaluate your needs and select a machine that can brew enough coffee to meet your demand.</p>
<h3 style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">3. Brewing Speed</h3>
<p style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">If you're always in a hurry, brewing speed is an essential feature to consider. Some coffee machines take a few minutes to brew a pot, while others can produce a cup of coffee within seconds. Determine how much time you can spare in the mornings and choose a machine that suits your schedule.</p>
<h3 style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">4. Programmable Settings</h3>
<p style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">Having programmable settings allows you to customize your coffee experience. Look for machines that offer options like strength settings, temperature control, and pre-programmable brewing times. These features enable you to have your coffee exactly the way you like it, making each cup a personalized experience.</p>
<h3 style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">5. Ease of Use and Cleaning</h3>
<p style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">Consider the user-friendliness and ease of cleaning of the coffee machine. Look for models with intuitive controls and clear instructions. Additionally, machines with removable parts like carafes and filters make cleaning more convenient and time-efficient.</p>
<h3 style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">6. Build Quality and Durability</h3>
<p style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">Investing in a coffee machine that is built to last is crucial. Look for machines made from high-quality materials like stainless steel or durable plastic. Read reviews or check the brand's reputation to ensure that the machine is reliable and will withstand regular use.</p>
<h3 style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">7. Price and Budget</h3>
<p style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">Set a budget and consider the price range of the coffee machines within your desired range. While it's important to find the best value for your money, remember that a higher price tag often reflects better quality and additional features.</p>
<h3 style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">8. Widely Available Replacement Parts</h3>
<p style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">Ensure that replacement parts for the coffee machine you're considering are easily available in case any components need to be replaced or repaired over time.</p>
<p style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">By considering these essential features, you can narrow down your choices and find a coffee machine that suits your needs, preferences, and budget. So go ahead and enjoy that perfect cup of coffee every day with your new coffee machine!</p>
<h2 style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; line-height: 1.33333 !important;">How to Properly Clean and Maintain Your Coffee Machine</h2>
<p style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">Keeping your coffee machine clean is essential to maintaining its performance and ensuring that your coffee tastes great every time. Here are some simple steps to help you properly clean and maintain your coffee machine:</p>
<h3 style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">1. Regularly Clean the Brew Basket and Carafe</h3>
<p style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">After each use, remove the brew basket and wash it thoroughly with warm, soapy water. Rinse it well and let it air dry. Similarly, clean the carafe with warm, soapy water, or if it's dishwasher-safe, place it on the top rack of your dishwasher.</p>
<h3 style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">2. Descale the Coffee Machine</h3>
<p style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">Over time, mineral deposits from the water can build up inside your coffee machine, affecting its performance and the taste of your coffee. To descale your machine, follow these steps:</p>
<ul style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">
<li style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">Check the manufacturer's instructions for the recommended descaling solution or use a mixture of equal parts water and white vinegar.</li>
<li style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">Empty the water reservoir and fill it with the descaling solution.</li>
<li style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">Turn on the machine and start the brewing cycle. Let half of the liquid brew, then pause the machine and let it sit for 15-20 minutes.</li>
<li style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">Resume the brewing cycle and let it complete. Empty the carafe and rinse it thoroughly.</li>
<li style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">Run a couple of brewing cycles with fresh water to remove any remaining descaling solution.</li>
<li style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">Wipe the exterior of the machine with a damp cloth and dry it with a clean cloth.</li>
</ul>
<h3 style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">3. Clean the Water Reservoir</h3>
<p style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">Regularly clean the water reservoir to prevent bacteria growth and keep your coffee tasting fresh. Empty any remaining water, remove the reservoir, and wash it with warm, soapy water. Rinse it thoroughly and let it air dry before reattaching it to the machine.</p>
<h3 style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">4. Wipe the Steam Wand and Milk Frother</h3>
<p style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">If your coffee machine has a steam wand or milk frother, remember to wipe them clean after each use. Use a damp cloth to remove any milk residue or buildup. This will help prevent clogs and ensure optimal performance.</p>
<h3 style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">5. Replace Filters and Parts as Needed</h3>
<p style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">Check your coffee machine's user manual for filter replacement recommendations. Replace filters and other parts, such as gaskets or seals, as needed to maintain the best performance and avoid any potential issues.</p>
<p style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;">By following these simple cleaning and maintenance tips, you'll ensure your coffee machine maintains its quality and longevity, keeping your coffee brewing experience enjoyable for years to come.</p>
        </article>
    </div>

    </div>


            </div>


        </main>

        

        <footer aria-labelledby="footer-heading" class="bg-white">
    <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/778/14409/coffeee-logo-300x100-png.png" alt="The store logo" title="Store Logo" class="h-8 w-auto">
                                    </div>

                <div class="mt-6 space-x-4 flex md:justify-center">
                                            <a href="https://www.facebook.com/coffeee.uk" target="_blank">
                            <svg class="text-[#4267B2] w-6 h-6" fill="currentColor" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Facebook</title><path d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z"/></svg>                        </a>
                                                                                                                                                                                </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-medium text-skin-title">
                                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-accessories" class="text-skin-base hover:opacity-75">
                                        Coffee Accessories
                                    </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/flavoured-coffee" class="text-skin-base hover:opacity-75">
                                        Flavoured Coffee 
                                    </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" 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-medium text-skin-title">
                                Brands
                            </h3>
                            <ul role="list" class="mt-6 space-y-6">
                                                                <li class="text-sm">
                                    <a href="/brands/roast-shop-coffee" class="text-skin-base hover:opacity-75">
                                        Roast Shop Coffee
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/brands/edesia-espress" class="text-skin-base hover:opacity-75">
                                        Edesia Espress
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/brands/bodum" class="text-skin-base hover:opacity-75">
                                        Bodum
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/brands/bosch" class="text-skin-base hover:opacity-75">
                                        Bosch
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/brands/swan" class="text-skin-base hover:opacity-75">
                                        Swan
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/brands/salter" class="text-skin-base hover:opacity-75">
                                        Salter
                                    </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-medium text-skin-title">
                                Articles
                            </h3>
                            <ul role="list" class="mt-6 space-y-6">
                                                                <li class="text-sm">
                                    <a href="/articles/home-brew-vs-coffee-shop-the-ultimate-verdict" class="text-skin-base hover:opacity-75">
                                        Brew Battle: Home vs. Shop
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/articles/is-splurging-on-coffee-makers-worth-the-investment" class="text-skin-base hover:opacity-75">
                                        Coffee Maker: Worth the Investment?
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/articles/finding-the-perfect-home-coffee-machine-a-guide" class="text-skin-base hover:opacity-75">
                                        Guide to Home Coffee Makers
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/articles/manual-coffee-machines-vs-automatic-which-is-superior" class="text-skin-base hover:opacity-75">
                                        Machine Battle: Manual vs Automatic
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/articles/revolutionizing-your-coffee-experience-bean-to-cup" class="text-skin-base hover:opacity-75">
                                        Bean-to-Cup Revolution
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/all-articles" class="text-skin-base hover:opacity-75">
                                        All Articles
                                    </a>
                                </li>
                                                            </ul>
                        </div>
                                            <div class="flex-1 mb-24 md:mb-6">
                            <h3 class="text-sm font-medium text-skin-title">
                                Pages
                            </h3>
                            <ul role="list" class="mt-6 space-y-6">
                                                                <li class="text-sm">
                                    <a href="/about" class="text-skin-base hover:opacity-75">
                                        About
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/contact-page" class="text-skin-base hover:opacity-75">
                                        Contact Page
                                    </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 of Use
                                    </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-gray-100 rounded-lg p-6 flex items-center sm:p-10 ">
                            <div class="max-w-sm mx-auto">
                                <h3 class="font-semibold text-skin-title">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="wUyLqTKXMmIzqZfIhrf8oT5SZlLsNf6HTdmvlq0k">                                    <div id="message_field_Ht9ZNRMhreu8ALRy_wrap" style="display: none" aria-hidden="true">
        <input id="message_field_Ht9ZNRMhreu8ALRy"
               name="message_field_Ht9ZNRMhreu8ALRy"
               type="text"
               value=""
                              autocomplete="nope"
               tabindex="-1">
        <input name="opal_three_ingrain"
               type="text"
               value="eyJpdiI6IkNNdGtUQVA2UVA3bDlhL0NvajhFV1E9PSIsInZhbHVlIjoielNNSkdJUXNQYmMrbFlqLy9JVUg0UT09IiwibWFjIjoiOTY1ZjcyMmMwODBhN2U1YThhZDg3ZGE1NTkxOGQwOGUyNWNkY2Y3OTc4ZDEwMmIxMzRiZDU4MTBiZWJmODAwOSIsInRhZyI6IiJ9"
                              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-sm py-2 px-4 text-base text-skin-title placeholder-gray-500 focus:outline-none focus:border-skin-accent focus:ring-1 focus:ring-skin-accent">
                                    <div class="mt-3 sm:flex-shrink-0 sm:mt-0 sm:ml-4">
                                        <button type="submit" class="w-full bg-skin-button-accent border border-transparent rounded-md shadow-sm py-2 px-4 flex items-center justify-center text-base font-medium text-white hover:bg-opacity-75 focus:outline-none 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-page" target="_self"  >
    <img src="https://cdn.freshstore.cloud/template/crystal/images/footer_contact_001.jpg" 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-page" target="_self"  >
    <h3 class="text-2xl font-extrabold tracking-tight 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; 2024 All Rights Reserved.
                                            <a href="https://www.freshstore.app" class="text-skin-link hover:opacity-75" target="_blank">AI Websites</a> by FreshStore.
                                    </p>
            </div>

            <div class="mt-4 flex items-center justify-center md:mt-0">
                <div class="flex space-x-8">
                                            <a href="/contact-page" class="text-sm text-skin-link hover:opacity-75">
                            Contact Page
                        </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 of Use
                        </a>
                                    </div>
            </div>
        </div>
    </div>
</footer>

    </div>

        <script src="/livewire/livewire.js?id=90730a3b0e7144480175" data-turbo-eval="false" data-turbolinks-eval="false" ></script><script data-turbo-eval="false" data-turbolinks-eval="false" >window.livewire = new Livewire();window.Livewire = window.livewire;window.livewire_app_url = '';window.livewire_token = 'wUyLqTKXMmIzqZfIhrf8oT5SZlLsNf6HTdmvlq0k';window.deferLoadingAlpine = function (callback) {window.addEventListener('livewire:load', function () {callback();});};let started = false;window.addEventListener('alpine:initializing', function () {if (! started) {window.livewire.start();started = true;}});document.addEventListener("DOMContentLoaded", function () {if (! started) {window.livewire.start();started = true;}});</script>

        

        
    </body>
</html>

Latest requests

# Url Url Source Date
1 https://www.coffeee.uk/categories/… 2024-05-19 13:47:50
2 https://thebolditalic.com/?gi=0781… 2024-05-19 13:47:48
3 https://megafurniture.sg/collectio… 2024-05-19 13:47:48
4 http://ww7.8606y.xyz/index.php?usi… 2024-05-19 13:47:47
5 https://mmsi-pkc.auth0.com/login?s… 2024-05-19 13:47:41
6 https://thebolditalic.com/?gi=4329… 2024-05-19 13:47:41
7 https://www.jxa.jp/ 2024-05-19 13:47:38
8 https://thebolditalic.com/?gi=fede… 2024-05-19 13:47:38
9 https://vimeo.com/706780806 2024-05-19 13:47:34
10 https://srgdominoqq.com/ 2024-05-19 13:47:32
11 https://thebolditalic.com/?gi=865b… 2024-05-19 13:47:23
12 https://mmsi-pkc.auth0.com/login?s… 2024-05-19 13:47:22
13 https://thebolditalic.com/?gi=fb4f… 2024-05-19 13:47:17
14 https://thebolditalic.com/?gi=5c9d… 2024-05-19 13:47:16
15 https://thebolditalic.com/?gi=38e9… 2024-05-19 13:47:15
16 https://thebolditalic.com/?gi=31cd… 2024-05-19 13:47:14
17 https://thebolditalic.com/?gi=e910… 2024-05-19 13:47:14
18 https://thebolditalic.com/?gi=8b51… 2024-05-19 13:47:14
19 https://thebolditalic.com/?gi=a0ed… 2024-05-19 13:47:14
20 https://thebolditalic.com/?gi=b3ce… 2024-05-19 13:47:13