Showing source for: https://www.coffeee.uk/categories/ground-coffee
Duration: 0.031785s
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>Freshly Roasted Ground Coffee Beans for Sale</title>
<meta name="csrf-token" content="ZnAEridKTQCqFKocHUgcsEw6BZhHG90dyfm5RpdU">
<meta name="description" content="Enjoy a rich and bold cup of coffee with our ground coffee selection. Our beans are carefully roasted and ground to perfection for your daily brew.">
<meta name="keywords" content="ground coffee, fresh ground coffee, rich flavors, aromas, bold cup, carefully roasted, perfectly ground, daily brew, coffee selection, coffee beans, rich coffee, coffee aroma, coffee flavor, smooth coffee, pure coffee, natural coffee, premium coffee, auth...">
<meta property="og:type" content="website">
<meta property="og:title" content="Ground Coffee">
<meta property="og:url" content="https://www.coffeee.uk/categories/ground-coffee">
<meta property="og:description" content="Enjoy a rich and bold cup of coffee with our ground coffee selection. Our beans are carefully roasted and ground to perfection for your daily brew.">
<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="Ground Coffee">
<meta name="twitter:description" content="Enjoy a rich and bold cup of coffee with our ground coffee selection. Our beans are carefully roasted and ground to perfection for your daily brew.">
<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/ground-coffee" />
        
        
        <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="7pmYRJ2IiUq41TmIxH4k" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;7pmYRJ2IiUq41TmIxH4k&quot;,&quot;name&quot;:&quot;get-analytics-code&quot;,&quot;locale&quot;:&quot;US&quot;,&quot;path&quot;:&quot;categories\/ground-coffee&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;dfff59581063e5a2777e543b212f33019e98b8973f3b0c4f22634fb1e1e2df2f&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:7pmYRJ2IiUq41TmIxH4k -->
        <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="lzkX1GdAaNYvMvucwEJf" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;lzkX1GdAaNYvMvucwEJf&quot;,&quot;name&quot;:&quot;locale-menu&quot;,&quot;locale&quot;:&quot;US&quot;,&quot;path&quot;:&quot;categories\/ground-coffee&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;6eb0d9a7&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;US&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;:840,&quot;relations&quot;:[],&quot;connection&quot;:&quot;freshstore&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;33d08199a24102c74409594029ec45da0b3bc4ddbe62e58d1c431547544b8d56&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/us.svg" class="border lg:border-none h-5 lg:h-4 my-auto" alt="United States flag" title="United States">
        </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" >
                        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" selected>
                        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:lzkX1GdAaNYvMvucwEJf -->
                <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="NOQce0q2LrRSMk1oIvp2" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;NOQce0q2LrRSMk1oIvp2&quot;,&quot;name&quot;:&quot;locale-menu&quot;,&quot;locale&quot;:&quot;US&quot;,&quot;path&quot;:&quot;categories\/ground-coffee&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;3b1d596a&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;US&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;:840,&quot;relations&quot;:[],&quot;connection&quot;:&quot;freshstore&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;8d02e7bacd6f623dc7359cfd4631bebc28c3838dc899123b5addd260ace4d639&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/us.svg" class="border lg:border-none h-5 lg:h-4 my-auto" alt="United States flag" title="United States">
        </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" >
                        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" selected>
                        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:NOQce0q2LrRSMk1oIvp2 -->                                </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>
                    <div class="flex items-center">
                        <a href="https://www.coffeee.uk/categories/coffee" class="truncate mr-2 text-sm font-medium text-skin-base opacity-75 hover:opacity-100">
                            Coffee
                        </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">
                    Ground Coffee
                </li>
            
            </ol>
</nav>


                <div wire:id="fs0wEMNlrK4U9m05h38s" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;fs0wEMNlrK4U9m05h38s&quot;,&quot;name&quot;:&quot;flash-notifications&quot;,&quot;locale&quot;:&quot;US&quot;,&quot;path&quot;:&quot;categories\/ground-coffee&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;815ba9aa36525752533850bb2eeaec06fa139757c5d80d5dd43643bfd943111e&quot;}}">
    </div>

<!-- Livewire Component wire-end:fs0wEMNlrK4U9m05h38s -->
                
    <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">Ground Coffee</h1>
                            <h2 class="mt-6 max-w-3xl text-xl text-skin-subtitle">Discover Rich Flavors and Aromas with our Fresh Ground Coffee Selection</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>Get ready for the ultimate coffee experience with our selection of premium ground coffee. We take pride in sourcing the best quality beans from around the world to ensure a rich and full-bodied flavor in every cup. From bold and robust blends to smooth and velvety options, we've got everything you need to start your day right.</p>
        </article>
    </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/1174/taylors-of-harrogate-ground-coffee-each-pack-227g-pick-any-6-from-12-flavours-inc-latte-espresso-decaffe-cafetiere-lazy-sunday-hot-lava-java-rich-italian-brasilia-and-more-1174.jpg" alt="6 Pack of Taylors Coffee Flavours - 227g Bags">

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-sm font-medium text-skin-title min-h-[40px]">
                        <a href="/products/6-pack-of-taylors-coffee-flavours-227g-bags">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            6-Pack Taylor&#039;s Coffee Variety
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                            <h4 class="text-sm text-gray-400">
                            Taylors Of Harrogate
                        </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.48 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.48 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.48 out of 5 stars">183 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:id="WQkWTP8dd1gjZYbp9OOB" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;WQkWTP8dd1gjZYbp9OOB&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;US&quot;,&quot;path&quot;:&quot;categories\/ground-coffee&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;:null,&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;:221,&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;ae37ebc4e64b676e8ef259ecb6b20d114865ce860cec13d7e19e99067f3f110f&quot;}}" wire:loading.class="opacity-20" class="text-red-500 line-through hidden">
    </span>

<!-- Livewire Component wire-end:WQkWTP8dd1gjZYbp9OOB -->                        <span wire:id="yGNiRw0gJCD27RNswSUP" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;yGNiRw0gJCD27RNswSUP&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;US&quot;,&quot;path&quot;:&quot;categories\/ground-coffee&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;:null,&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;:221,&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;c2729736646b177e60a7cd28b489a97b8fdc4d6974b97d61c3a53b32441a9a71&quot;}}" wire:loading.class="opacity-20" class=" hidden">
    </span>

<!-- Livewire Component wire-end:yGNiRw0gJCD27RNswSUP -->                    </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/6836/cafedirect-machu-picchu-organic-fairtrade-ground-arabica-coffee-227g-pack-of-6-6836.jpg" alt="Organic Fairtrade Ground Arabica Coffee from Cafédirect (6 packs)">

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-sm font-medium text-skin-title min-h-[40px]">
                        <a href="/products/organic-fairtrade-ground-arabica-coffee-from-cafedirect-6-packs">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Cafédirect Organic Arabica Coffee
                        </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.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">161 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:id="IH2UKjuCaJcITu7MB2yH" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;IH2UKjuCaJcITu7MB2yH&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;US&quot;,&quot;path&quot;:&quot;categories\/ground-coffee&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;$0.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;:220,&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;5c17747e44b42e9970cd8099066fcc216c637b4aa0521194f63ed538416fd56c&quot;}}" wire:loading.class="opacity-20" class="text-red-500 line-through hidden">
    </span>

<!-- Livewire Component wire-end:IH2UKjuCaJcITu7MB2yH -->                        <span wire:id="M4nPM6PgJu0DcT9yWuTS" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;M4nPM6PgJu0DcT9yWuTS&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;US&quot;,&quot;path&quot;:&quot;categories\/ground-coffee&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;$0.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;:220,&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;1c388903fcf54b7a017958aa5919efdde69f1b0e4ba4b6cbadbe8951922b1668&quot;}}" wire:loading.class="opacity-20" class=" hidden">
    </span>

<!-- Livewire Component wire-end:M4nPM6PgJu0DcT9yWuTS -->                    </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/10681/grumpy-mule-organic-peru-cafe-femenino-ground-coffee-with-tastes-of-dark-chocolate-cocoa-citrus-227-g-10681.jpg" alt="Grumpy Mule Organic Peru Cafe Femenino Ground Coffee">

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-sm font-medium text-skin-title min-h-[40px]">
                        <a href="/products/grumpy-mule-organic-peru-cafe-femenino-ground-coffee">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Organic Peru Ground Coffee
                        </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.71 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.71 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.71 out of 5 stars">107 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:id="ePfbuJ5ZHVDpouKqwvYZ" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;ePfbuJ5ZHVDpouKqwvYZ&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;US&quot;,&quot;path&quot;:&quot;categories\/ground-coffee&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;a7c27337&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:6.448617459500001,&quot;priceFormatted&quot;:&quot;$6.45&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;:222,&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;c2a76307d08c7f38d190edcecab7854e52ebebf2de8f2be6e1535e7a33f1d546&quot;}}" wire:loading.class="opacity-20" class="text-red-500 line-through">
                $6.45
    </span>

<!-- Livewire Component wire-end:ePfbuJ5ZHVDpouKqwvYZ -->                        <span wire:id="XUeEXb0iToYo3CRrjZJ3" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;XUeEXb0iToYo3CRrjZJ3&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;US&quot;,&quot;path&quot;:&quot;categories\/ground-coffee&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;847a44f3&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:5.6848006342,&quot;priceFormatted&quot;:&quot;$5.68&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;:222,&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;0f096e0d7e0a6b81167c0d669163d1c5f4e2b12af2290e30ad8d75b9e635e320&quot;}}" wire:loading.class="opacity-20" class="">
                $5.68
    </span>

<!-- Livewire Component wire-end:XUeEXb0iToYo3CRrjZJ3 -->                    </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/1139/taylors-of-harrogate-rich-italian-ground-coffee-227-g-pack-of-6-1139.jpg" alt="Taylors of Harrogate Rich Italian Coffee 227g Pack">

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-sm font-medium text-skin-title min-h-[40px]">
                        <a href="/products/taylors-of-harrogate-rich-italian-coffee-227g-pack">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Rich Italian Coffee Pack
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                            <h4 class="text-sm text-gray-400">
                            Taylors Of Harrogate
                        </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.7 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.7 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.7 out of 5 stars">98 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:id="zx9toSWQnr8K02ytQVgH" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;zx9toSWQnr8K02ytQVgH&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;US&quot;,&quot;path&quot;:&quot;categories\/ground-coffee&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;$0.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;:223,&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;96ba922153b1e340a638217adbaada23d310d9ccf589f39f8632d35eb977d273&quot;}}" wire:loading.class="opacity-20" class="text-red-500 line-through hidden">
    </span>

<!-- Livewire Component wire-end:zx9toSWQnr8K02ytQVgH -->                        <span wire:id="bgiHRF32LwH8VGmHcwto" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;bgiHRF32LwH8VGmHcwto&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;US&quot;,&quot;path&quot;:&quot;categories\/ground-coffee&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;01f1abda&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:42.99,&quot;priceFormatted&quot;:&quot;$42.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;:223,&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;2dcd372a3f39b3245b127531d8f9c9185e43e9c10a58d61ff0e64e7233ee5ae5&quot;}}" wire:loading.class="opacity-20" class="">
                $42.99
    </span>

<!-- Livewire Component wire-end:bgiHRF32LwH8VGmHcwto -->                    </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/1187/taylors-of-harrogate-lazy-sunday-ground-coffee-454-g-pack-of-3-1187.jpg" alt="3 Packs of Taylors Lazy Sunday Ground Coffee">

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-sm font-medium text-skin-title min-h-[40px]">
                        <a href="/products/3-packs-of-taylors-lazy-sunday-ground-coffee">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Taylors Lazy Sunday Trio
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                            <h4 class="text-sm text-gray-400">
                            Taylors Of Harrogate
                        </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.82 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.82 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.82 out of 5 stars">80 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:id="vzg92krtnlV0Ych3Oqez" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;vzg92krtnlV0Ych3Oqez&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;US&quot;,&quot;path&quot;:&quot;categories\/ground-coffee&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;$0.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;:224,&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;860e276c24ca780ac4862013a7627d5d6551e141994ac78613a0625e2dc4e288&quot;}}" wire:loading.class="opacity-20" class="text-red-500 line-through hidden">
    </span>

<!-- Livewire Component wire-end:vzg92krtnlV0Ych3Oqez -->                        <span wire:id="Ib8EMNvUU7y55A0JFYIU" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;Ib8EMNvUU7y55A0JFYIU&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;US&quot;,&quot;path&quot;:&quot;categories\/ground-coffee&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;b47bbfc0&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:49.99,&quot;priceFormatted&quot;:&quot;$49.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;:224,&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;93634195b191acdd225c32e0e16596e2dca641361ab4ab86c077e165f52a03db&quot;}}" wire:loading.class="opacity-20" class="">
                $49.99
    </span>

<!-- Livewire Component wire-end:Ib8EMNvUU7y55A0JFYIU -->                    </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/16200/lavazza-qualita-rossa-ground-coffee-12-packs-of-250-g-ideal-for-moka-pots-with-aromatic-notes-of-chocolate-and-dried-fruits-arabica-and-robusta-intensity-5-10-medium-roasting-16200.jpg" alt="Lavazza Qualità Rossa Ground Coffee, 12 Packs">

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-sm font-medium text-skin-title min-h-[40px]">
                        <a href="/products/lavazza-qualita-rossa-ground-coffee-12-packs">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Lavazza Rossa Coffee Packs
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                            <h4 class="text-sm text-gray-400">
                            Lavazza
                        </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.38 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.38 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.38 out of 5 stars">125 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:id="TLlpafzDSFmvw0slLIwj" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;TLlpafzDSFmvw0slLIwj&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;US&quot;,&quot;path&quot;:&quot;categories\/ground-coffee&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;61ee5097&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:63.860095230000006,&quot;priceFormatted&quot;:&quot;$63.86&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;:225,&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;2b5082d14af9c58259ef1ee3f8af173358f3d85e7d88b200498c5a5f2db3b136&quot;}}" wire:loading.class="opacity-20" class="text-red-500 line-through">
                $63.86
    </span>

<!-- Livewire Component wire-end:TLlpafzDSFmvw0slLIwj -->                        <span wire:id="BiPPS9ex7FTPQ4mJbGIi" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;BiPPS9ex7FTPQ4mJbGIi&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;US&quot;,&quot;path&quot;:&quot;categories\/ground-coffee&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;a66b47f1&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:60.091097452700005,&quot;priceFormatted&quot;:&quot;$60.09&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;:225,&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;660c555fd8ddc499a6931dfd4206f5a139d7ea8028c3c37fb8d974b4dbc8d3bd&quot;}}" wire:loading.class="opacity-20" class="">
                $60.09
    </span>

<!-- Livewire Component wire-end:BiPPS9ex7FTPQ4mJbGIi -->                    </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/10724/our-essentials-by-amazon-house-blend-ground-coffee-medium-roast-1-36-kg-6-packs-of-227g-previously-solimo-10724.jpg" alt="Amazon House Blend Ground Coffee, Medium Roast 6-Pack">

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-sm font-medium text-skin-title min-h-[40px]">
                        <a href="/products/amazon-house-blend-ground-coffee-medium-roast-6-pack">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Amazon House Blend Coffee
                        </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.44 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.44 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.44 out of 5 stars">14 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:id="XzwixkPdVIJTwQweXmfS" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;XzwixkPdVIJTwQweXmfS&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;US&quot;,&quot;path&quot;:&quot;categories\/ground-coffee&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;$0.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;:226,&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;0789df58bbb40b8744afcefd255b345d21de6e760fe427bf22eeeab2196e5cc7&quot;}}" wire:loading.class="opacity-20" class="text-red-500 line-through hidden">
    </span>

<!-- Livewire Component wire-end:XzwixkPdVIJTwQweXmfS -->                        <span wire:id="ANflPuF42prfTBES9Lqk" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;ANflPuF42prfTBES9Lqk&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;US&quot;,&quot;path&quot;:&quot;categories\/ground-coffee&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;806c1f92&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:15.589376188500001,&quot;priceFormatted&quot;:&quot;$15.59&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;:226,&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;c1c2661a33b6fb104e60c3474c029ff2c981ffa644e6f8cc4ab281ff8cd09322&quot;}}" wire:loading.class="opacity-20" class="">
                $15.59
    </span>

<!-- Livewire Component wire-end:ANflPuF42prfTBES9Lqk -->                    </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/1158/lavazza-qualita-rossa-ground-coffee-espresso-arabica-and-robusta-medium-roast-500-g-pack-1158.jpg" alt="500g Lavazza Qualità Rossa Coffee Beans">

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-sm font-medium text-skin-title min-h-[40px]">
                        <a href="/products/500g-lavazza-qualita-rossa-coffee-beans">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Lavazza Coffee Beans - 500g
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                            <h4 class="text-sm text-gray-400">
                            Lavazza
                        </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.79 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.79 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.79 out of 5 stars">167 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:id="yWzK1ol6E87Tf4oz0KB5" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;yWzK1ol6E87Tf4oz0KB5&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;US&quot;,&quot;path&quot;:&quot;categories\/ground-coffee&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;$0.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;:227,&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;19c319cf0b430b24641eacfa9907fbd40a51429da2a8042be0b5f72c7c49d0c4&quot;}}" wire:loading.class="opacity-20" class="text-red-500 line-through hidden">
    </span>

<!-- Livewire Component wire-end:yWzK1ol6E87Tf4oz0KB5 -->                        <span wire:id="ABist4eescsgzfTula9R" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;ABist4eescsgzfTula9R&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;US&quot;,&quot;path&quot;:&quot;categories\/ground-coffee&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;a2486bdd&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:15.61,&quot;priceFormatted&quot;:&quot;$15.61&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;:227,&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;26805d391a5a1228587a05f1018a8abe94eec187dfef8206dd19f02d02303eb9&quot;}}" wire:loading.class="opacity-20" class="">
                $15.61
    </span>

<!-- Livewire Component wire-end:ABist4eescsgzfTula9R -->                    </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/1165/illy-coffee-classico-ground-coffee-medium-roast-made-from-100-arabica-coffee-beans-250g-1165.jpg" alt="Illy Classico Ground Coffee, Medium Roast, 250g">

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-sm font-medium text-skin-title min-h-[40px]">
                        <a href="/products/illy-classico-ground-coffee-medium-roast-250g">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Illy Classic Coffee, 250g
                        </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.64 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.64 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.64 out of 5 stars">208 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:id="g3c8hdV0zVZGEIn9gRSD" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;g3c8hdV0zVZGEIn9gRSD&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;US&quot;,&quot;path&quot;:&quot;categories\/ground-coffee&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;$0.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;:228,&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;cb0d547de0877b83fbbeed6ac0d0b909d8804ccfd46be97d08df272a399ee5a5&quot;}}" wire:loading.class="opacity-20" class="text-red-500 line-through hidden">
    </span>

<!-- Livewire Component wire-end:g3c8hdV0zVZGEIn9gRSD -->                        <span wire:id="SoUSHKCb9dIaJcPlnCFP" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;SoUSHKCb9dIaJcPlnCFP&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;US&quot;,&quot;path&quot;:&quot;categories\/ground-coffee&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;423f7d35&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:14.99,&quot;priceFormatted&quot;:&quot;$14.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;:228,&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;7e3314357b9594e8fa9d9771090dfd3451780212c4fe2e4a9bb30a2e9c02e771&quot;}}" wire:loading.class="opacity-20" class="">
                $14.99
    </span>

<!-- Livewire Component wire-end:SoUSHKCb9dIaJcPlnCFP -->                    </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/10868/by-amazon-ground-coffee-caffe-intenso-1kg-4-x-250g-rainforest-alliance-certified-previously-happy-belly-brand-10868.jpg" alt="Amazon Ground Coffee Caffè Intenso, 1kg - Rainforest Certified">

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-sm font-medium text-skin-title min-h-[40px]">
                        <a href="/products/amazon-ground-coffee-caffe-intenso-1kg-rainforest-certified">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Intenso Ground Coffee, 1kg
                        </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.97 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.97 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.97 out of 5 stars">33 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:id="2g0TwYwCG7i7OpfXvnd4" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;2g0TwYwCG7i7OpfXvnd4&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;US&quot;,&quot;path&quot;:&quot;categories\/ground-coffee&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;$0.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;:229,&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;cf52b16461a4e66ae99ffef908bcb4a5de6ff80d19f598c019daba69f5fb8f86&quot;}}" wire:loading.class="opacity-20" class="text-red-500 line-through hidden">
    </span>

<!-- Livewire Component wire-end:2g0TwYwCG7i7OpfXvnd4 -->                        <span wire:id="vL3LvIZR8L1IfvvIiLrG" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;vL3LvIZR8L1IfvvIiLrG&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;US&quot;,&quot;path&quot;:&quot;categories\/ground-coffee&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;a5f08cab&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:11.557425077900001,&quot;priceFormatted&quot;:&quot;$11.56&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;:229,&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;082442368f046b681791ea2066ad0bf21b6364ae50c961d6f9f9db83abea4a38&quot;}}" wire:loading.class="opacity-20" class="">
                $11.56
    </span>

<!-- Livewire Component wire-end:vL3LvIZR8L1IfvvIiLrG -->                    </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/1193/lavazza-qualita-rossa-ground-coffee-250g-pack-of-2-1193.jpg" alt="2 Pack Lavazza Qualita Rossa Ground Coffee">

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-sm font-medium text-skin-title min-h-[40px]">
                        <a href="/products/2-pack-lavazza-qualita-rossa-ground-coffee">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Lavazza Rossa Coffee Duo
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                            <h4 class="text-sm text-gray-400">
                            Lavazza
                        </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.59 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.59 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.59 out of 5 stars">159 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:id="9qGgAExO8bYXmsE1ERDa" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;9qGgAExO8bYXmsE1ERDa&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;US&quot;,&quot;path&quot;:&quot;categories\/ground-coffee&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;$0.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;:230,&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;e4d0e14b04164019081eb0c64385bf83c3570e22ea222c980a91f481221eea79&quot;}}" wire:loading.class="opacity-20" class="text-red-500 line-through hidden">
    </span>

<!-- Livewire Component wire-end:9qGgAExO8bYXmsE1ERDa -->                        <span wire:id="8mJn3oFvfkzJZ1HORgrV" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;8mJn3oFvfkzJZ1HORgrV&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;US&quot;,&quot;path&quot;:&quot;categories\/ground-coffee&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;$0.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;:230,&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;c48c7195fe3bb5d1e85d0e094617930f78a9485e862290b695d147b3809b3dc2&quot;}}" wire:loading.class="opacity-20" class=" hidden">
    </span>

<!-- Livewire Component wire-end:8mJn3oFvfkzJZ1HORgrV -->                    </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/1194/lavazza-crema-e-gusto-ground-coffee-250g-pack-of-2-1194.jpg" alt="Lavazza Crema e Gusto Ground Coffee (2 x 250g)">

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-sm font-medium text-skin-title min-h-[40px]">
                        <a href="/products/lavazza-crema-e-gusto-ground-coffee-2-x-250g">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Lavazza Ground Coffee Duo
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                            <h4 class="text-sm text-gray-400">
                            Lavazza
                        </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.44 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.44 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.44 out of 5 stars">140 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:id="O4Fr1Hrcde58QPCDb51q" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;O4Fr1Hrcde58QPCDb51q&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;US&quot;,&quot;path&quot;:&quot;categories\/ground-coffee&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;$0.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;:231,&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;f709b776d3ccb1f2c4a75271c13ebffe5f2cbb90898fd9336303a61b77e79aee&quot;}}" wire:loading.class="opacity-20" class="text-red-500 line-through hidden">
    </span>

<!-- Livewire Component wire-end:O4Fr1Hrcde58QPCDb51q -->                        <span wire:id="7kb2SeNF64tHhXzvlkmr" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;7kb2SeNF64tHhXzvlkmr&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;locale&quot;:&quot;US&quot;,&quot;path&quot;:&quot;categories\/ground-coffee&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;cd9795ff&quot;,&quot;data&quot;:{&quot;product&quot;:[],&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:7.3125655295,&quot;priceFormatted&quot;:&quot;$7.31&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;:231,&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;e479d92331635eccd4d7a66e08526edd13c0b4cf25e165f8d374ae15eedcfba2&quot;}}" wire:loading.class="opacity-20" class="">
                $7.31
    </span>

<!-- Livewire Component wire-end:7kb2SeNF64tHhXzvlkmr -->                    </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/ground-coffee/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/ground-coffee/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>
                                                                        
        </div>

        <div class="min-w-0 flex-1 flex justify-end">
                            <a href="https://www.coffeee.uk/categories/ground-coffee/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>Ground coffee is an essential component of any coffee lover&rsquo;s arsenal. Whether you prefer a rich dark roast or a smooth medium blend, you'll find something to suit your taste in our selection of ground coffee. Our freshly ground beans will give you a delicious, robust, and aromatic coffee experience that you won't forget.</p>
<p>We carefully select and roast our coffee beans to bring out the unique flavors in each variety, so you can enjoy the full-bodied taste and aroma of freshly brewed coffee. Explore our selection of ground coffee to find the perfect flavor and roast for your morning cup. You can trust us to provide you with the highest quality coffee that will satisfy every caffeine craving.</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 Art of Brewing: Exploring the Magic of Ground Coffee</h2>
<p class="subtitle" 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;">Unlocking the rich flavors, aromas, and possibilities</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;">Coffee is more than just a beverage; it is an art form. From bean selection to roasting and brewing, each step along the way contributes to the creation of a truly remarkable cup of coffee. One crucial element in this process is ground coffee. Many would argue that the magic of coffee lies in the moment when beans are skillfully ground to unlock their full potential.</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;">The Importance of Freshly Ground Coffee</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;">When it comes to coffee, freshness plays a vital role in the overall taste and experience. Pre-ground coffee loses its flavor and aroma more rapidly due to increased exposure to air. By grinding coffee beans at home just before brewing, coffee enthusiasts can enjoy a cup that bursts with magnificent flavors and enticing aromas.</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;">Moreover, the coarseness or fineness of the ground coffee can significantly impact the brewing process. Different brewing methods require specific grind sizes to achieve the perfect extraction. For instance, a coarse grind is suitable for French press, while an extra-fine grind is ideal for espresso. This versatility allows coffee lovers to experiment and tailor their brewing techniques to find their preferred flavor profiles.</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;">Exploring the Art of Brewing</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;">Each brewing method provides a unique perspective on the taste and characteristics of ground coffee. The pour-over method, with its slow and deliberate process, allows for a clean and nuanced cup. On the other hand, the immersion techniques such as French press or Aeropress delivers a full-bodied brew with pronounced flavors. Espresso machines provide a quick and intense experience, accentuating the inherent qualities of finely ground coffee.</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;">Choosing the right brewing apparatus and method is only half of the equation. The selection of coffee beans and their grind size further deepens the rabbit hole of possibilities. From single-origin beans to carefully crafted blends, each brings its own story and distinct characteristics, waiting to be discovered by curious coffee aficionados.</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;">Appreciating the Magic of Ground Coffee</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;">Ground coffee connects people through its captivating aroma, rich flavors, and the experience it provides. It has the power to energize and comfort, to awaken the senses and spark conversations. The art of brewing with ground coffee is a journey of exploration, filled with delightful surprises and moments of pure bliss.</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;">So next time you savor a cup of coffee, take a moment to appreciate the magic of ground coffee. Reflect on the intricate process it took to extract those captivating flavors from tiny beans, and let yourself be transported into a world where every sip is an opportunity to indulge in the extraordinary.</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;">From Bean to Cup: Understanding the Process of Ground Coffee Production</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;">Ground coffee is a popular beverage enjoyed by millions of people around the world. Whether it's a morning pick-me-up or an afternoon indulgence, many of us rely on the rich and aromatic flavors that a cup of coffee provides. But have you ever wondered how ground coffee actually goes from a simple bean to that delightful cup of joe? In this article, we will explore the fascinating journey of ground coffee production.</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;">Cultivation and Harvesting</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;">The process of producing ground coffee begins with the cultivation and harvesting of coffee beans. Coffee plants typically grow in regions with a tropical climate, such as Central and South America, Africa, and Asia. These plants require specific conditions, including a certain altitude and temperature, to thrive.</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;">Once the coffee cherries are fully ripened, they are carefully handpicked or machine-harvested. Selecting only the perfectly ripe cherries is crucial to ensuring the best flavor and quality of the coffee beans.</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;">Processing the Coffee Cherries</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;">Once the cherries are harvested, the next step is to process them and extract the coffee beans. There are two main methods for this: the dry method and the wet method.</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;">In the dry method, the cherries are spread out on large, flat surfaces to dry under the sun. They are raked and turned regularly to prevent molding. Once the cherries are completely dry, they are ready for hulling, which removes the outer layers and reveals the coffee beans inside.</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;">The wet method involves removing the outer skin and pulp of the cherries using specialized machines. After this step, the beans are fermented in water tanks to remove any remaining residues. They are then washed and dried in the sun or using mechanical dryers.</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;">Roasting the Coffee Beans</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;">Roasting is a crucial step in coffee production that brings out the flavors and aromas we associate with our favorite brews. The green coffee beans undergo a transformation during roasting, as heat causes chemical reactions within the beans.</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;">Roasting is a delicate process that requires precision and expertise. Different roasting profiles can result in varying flavors, from light and fruity to dark and bold. The duration and temperature of the roast can dramatically alter the taste of the final product.</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;">Grinding and Packaging</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;">Once the beans are roasted to perfection, they are ready to be ground into the familiar powder form. Grinding coffee beans increases their surface area, allowing for better extraction of flavors during brewing.</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;">Ground coffee is typically packaged in airtight containers or bags to preserve its freshness and aroma. It is important to note that ground coffee is more susceptible to oxidation and flavor loss compared to whole beans. Therefore, it is advisable to consume ground coffee within a reasonable time frame.</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;">Brewing and Enjoying</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;">After going through the meticulous process of cultivation, harvesting, processing, roasting, grinding, and packaging, ground coffee is finally ready to be brewed and enjoyed. There are numerous brewing methods to choose from, such as drip brewing, French press, espresso, or pour-over. Each method brings out different characteristics in the coffee, allowing for a personalized and enjoyable experience.</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;">So, the next time you savor that cup of freshly brewed coffee, take a moment to appreciate the complex journey it underwent from being a humble bean to becoming your cherished morning companion.</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;">Best Brewing Methods: Unveiling the Secrets to a Perfect Cup of Ground Coffee</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;">There's something enchanting about a freshly brewed cup of coffee in the morning. The aroma wafting through the air, the anticipation of that first sip &ndash; it's a ritual that kickstarts our day. But have you ever wondered what makes for the perfect cup of coffee? It all starts with the brewing method. Let's dive into some of the best brewing methods that can unlock the secrets to a heavenly cup of ground 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;">1. Pour Over Method</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;">The pour over method, often considered an art form, allows for full control over the brewing process. With this method, hot water is poured over a filter containing ground coffee placed in a dripper. The water slowly trickles through the coffee bed, extracting the flavors and creating a rich aromatic cup. The pour over method requires patience and precision, but the exceptional taste it produces makes it worthwhile.</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. 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;">The French press, known for its simplicity, requires a bit more hands-on involvement. Coarse ground coffee is steeped in hot water for several minutes. Then, a plunger with a metal mesh filter is pressed down, separating the brewed coffee from the grounds. The result is a robust, full-bodied coffee with intense flavors. French press brewing is beloved by many coffee enthusiasts for its ability to preserve the natural oils and produce a rich, indulgent cup.</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. Aeropress</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;">The Aeropress is a relatively new player in the coffee brewing game but has quickly gained popularity. It utilizes air pressure and immersion brewing to create a cup of coffee that is both clean and flavorful. The process involves placing coffee and water in a chamber, stirring gently, and then pressing the brewed coffee through a filter. The Aeropress allows for versatile experimentation and produces a smooth, low-acid cup 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;">4. Espresso 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;">If you're looking for a concentrated and intense coffee experience, an espresso machine is your go-to. By forcing highly pressurized water through finely ground coffee, espresso yields a robust, flavorful shot. This brewing method originated in Italy and is the foundation for many popular coffee beverages like cappuccinos and lattes. Owning an espresso machine may require an investment, but the ability to create caf&eacute;-style drinks at home is unbeatable.</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. Cold Brew</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;">For those seeking a refreshing and smooth alternative to hot coffee, cold brew is the answer. This brewing method involves steeping coarsely ground coffee in cold water for an extended period, usually 12-24 hours. The result is a concentrated coffee extract that can be diluted with water or milk before consumption. Cold brew boasts a low-acid profile and a naturally sweet flavor, making it a popular choice for hot summer days.</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;">Each of these brewing methods has its unique characteristics, allowing you to customize your coffee experience according to your preferences. Remember, the quality of your ground coffee plays a crucial role too. Opt for freshly ground beans, and store them properly to preserve their flavor. Now armed with the secrets of these brewing methods, go forth and make your perfect cup of ground coffee!</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="ZnAEridKTQCqFKocHUgcsEw6BZhHG90dyfm5RpdU">                                    <div id="message_field_6zfHXEXopTm7nnVW_wrap" style="display: none" aria-hidden="true">
        <input id="message_field_6zfHXEXopTm7nnVW"
               name="message_field_6zfHXEXopTm7nnVW"
               type="text"
               value=""
                              autocomplete="nope"
               tabindex="-1">
        <input name="opal_three_ingrain"
               type="text"
               value="eyJpdiI6IjU3eW1nRDE2UnJLSHZ0OUpqdmdtV0E9PSIsInZhbHVlIjoiYU9kODRGbG5ZSC92ZFVkV2s1SGJoQT09IiwibWFjIjoiMzJiMzJiNTljMTY5NzU3NTliMjZkYWNjZGE3NTNjZjg2MzgyYjE0Yzk5MDk0MTAzZWM4MWMyZjdhNTllYWUzZCIsInRhZyI6IiJ9"
                              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 = 'ZnAEridKTQCqFKocHUgcsEw6BZhHG90dyfm5RpdU';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-18 09:05:17
2 https://thebolditalic.com/?gi=6266… 2024-05-18 09:05:14
3 https://thebolditalic.com/?gi=1d26… 2024-05-18 09:05:13
4 https://thebolditalic.com/?gi=05aa… 2024-05-18 09:05:13
5 https://mmsi-pkc.auth0.com/login?s… 2024-05-18 09:05:11
6 https://buy-iptv.tech/premium-iptv… 2024-05-18 09:05:08
7 https://pgslot003.online/ 2024-05-18 09:05:07
8 https://thebolditalic.com/?gi=ba19… 2024-05-18 09:05:05
9 https://thebolditalic.com/?gi=0136… 2024-05-18 09:05:05
10 https://thebolditalic.com/?gi=528f… 2024-05-18 09:05:04
11 https://thebolditalic.com/?gi=19f1… 2024-05-18 09:05:03
12 https://thebolditalic.com/?gi=23ca… 2024-05-18 09:05:03
13 https://thebolditalic.com/?gi=7650… 2024-05-18 09:05:02
14 https://thebolditalic.com/?gi=e108… 2024-05-18 09:05:01
15 https://thebolditalic.com/?gi=2c70… 2024-05-18 09:05:01
16 https://thebolditalic.com/?gi=e84c… 2024-05-18 09:05:00
17 https://margueridfsgckson.blogspot… 2024-05-18 09:05:00
18 https://thebolditalic.com/?gi=d5e5… 2024-05-18 09:04:59
19 https://thebolditalic.com/?gi=d54a… 2024-05-18 09:04:58
20 https://thebolditalic.com/?gi=762f… 2024-05-18 09:04:58