<!DOCTYPE html>
<html lang="it">

<head>
    <!-- APP URL: https://www.ukpremier.it -->
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <title>
                Homepage - UK Premier
            </title>

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.bunny.net" />
    <link
        href="https://fonts.bunny.net/css?family=instrument-sans:400,500,600"
        rel="stylesheet" />

    <!-- Canonical URL -->
    <link rel="canonical" href="https://www.ukpremier.it/" />

            <meta name="description" content="Benvenuto nel nostro sito web. Scopri i nostri contenuti e servizi." />
                <meta name="robots" content="index" />
        
    <!-- Open Graph Meta Tags -->
        <meta property="og:type" content="website" />
    <meta property="og:title" content="Homepage" />
        <meta property="og:description" content="Benvenuto nel nostro sito web. Scopri i nostri contenuti e servizi." />
        <meta property="og:url" content="https://www.ukpremier.it/" />
    <meta property="og:site_name" content="UK Premier" />
    <meta property="og:locale" content="it" />
        <meta property="og:image" content="https://wf-pbn.s3.eu-central-1.amazonaws.com/www.ukpremier.it/imported-media/logo-uk-premier.svg" />
    
    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:title" content="Homepage" />
        <meta name="twitter:description" content="Benvenuto nel nostro sito web. Scopri i nostri contenuti e servizi." />
            <meta name="twitter:image" content="https://wf-pbn.s3.eu-central-1.amazonaws.com/www.ukpremier.it/imported-media/logo-uk-premier.svg" />
    
    <!-- Favicon -->
            <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
    <link rel="shortcut icon" href="/favicon.ico" />
    
    <!-- Styles / Scripts -->
    <link rel="preload" as="style" href="https://www.ukpremier.it/build/assets/app-rkfvlXpU.css" /><link rel="modulepreload" href="https://www.ukpremier.it/build/assets/app-BqIkYGVZ.js" /><link rel="stylesheet" href="https://www.ukpremier.it/build/assets/app-rkfvlXpU.css" /><script type="module" src="https://www.ukpremier.it/build/assets/app-BqIkYGVZ.js"></script>
    <!-- Tracking Code -->
        
    <!-- Structured Data: Organization + Website -->
        <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "UK Premier",
        "url": "https://www.ukpremier.it",
                "logo": "https://wf-pbn.s3.eu-central-1.amazonaws.com/www.ukpremier.it/imported-media/logo-uk-premier.svg",
                "contactPoint": {
            "@type": "ContactPoint",
            "contactType": "Redazione",
            "email": "info@www.ukpremier.it"
        }
    }
    </script>

    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "url": "https://www.ukpremier.it",
        "name": "UK Premier"
    }
    </script>
</head>

<body
    data-theme="blue"
    x-data="loader"
    x-cloak>
    <div id="scify-cookies-consent-wrapper">
    <div id="scify-cookies-consent"
         data-ajax-url="https://www.ukpremier.it/guard-settings/save"
         data-show-floating-button="1"
         data-hide-floating-button-on-mobile=""
         data-cookie-prefix="uk_premier_"
         data-locale="it"
         data-use-show-modal="1"
         style="display: none;">
        <dialog
            class="scify-cookies-consent-banner cookies-policy-wrapper
            
            modal-base-dialog"
            aria-labelledby="cookie-consent-title" aria-describedby="cookie-consent-description"
        >
            <div class="scify-cookies-container">
                <h2 id="cookie-consent-title" class="h5 pt-0 pb-2">
                    Consenso sui Cookie
                </h2>
                <p id="cookie-consent-description"
                   class="small mb-4">Utilizziamo i cookie per ottimizzare il nostro sito web e il nostro servizio. Puoi scegliere a quali categorie dare il tuo consenso.</p>
                                    <div id="cookie-categories-container" class="display-none">
                        <meta name="csrf-token" content="kUGSJF09eaZWcrxnCgn0xZGxoeNRs34o10FXCWZD">
<div class="accordion" id="cookieAccordion">
            <div class="form-check form-switch">
            <input class="form-check-input cookie-category" type="checkbox" id="strictly_necessary"
                checked disabled>
            <label class="form-check-label" for="strictly_necessary">
                Strettamente Necessario
                                    <span class="always-active">(always active)</span>
                            </label>
        </div>
        <div class="accordion-item cookies-consent-category-item">
            <h5 class="accordion-header h5" id="heading-strictly_necessary">
                <button
                    class="accordion-button collapsed"
                    type="button" data-toggle="collapse" data-target="#collapse-strictly_necessary"
                    aria-expanded="false"
                    aria-controls="collapse-strictly_necessary">
                                            Leggi di più
                                    </button>
            </h5>
            <div id="collapse-strictly_necessary"
                class="accordion-collapse "
                aria-labelledby="heading-strictly_necessary" data-parent="#cookieAccordion">
                <div class="accordion-body">
                    <ul class="list-group mt-3">
                                                    <li class="list-group-item cookie-content-text small">
                                <dl>
                                    <dt>
                                        <strong>Cookie: </strong>
                                        <code>uk_premier_cookies_consent</code>
                                    </dt>
                                    <dd>
                                        <strong>Descrizione: </strong>
                                        Questo cookie è impostato dal plugin GDPR Cookie Consent e viene utilizzato per memorizzare se l&#039;utente ha acconsentito o meno all&#039;utilizzo dei cookie. Non memorizza dati personali.
                                    </dd>
                                    <dd>
                                        <strong>Durata: </strong>
                                        1 anno
                                    </dd>
                                                                    </dl>
                            </li>
                                                    <li class="list-group-item cookie-content-text small">
                                <dl>
                                    <dt>
                                        <strong>Cookie: </strong>
                                        <code>XSRF-TOKEN</code>
                                    </dt>
                                    <dd>
                                        <strong>Descrizione: </strong>
                                        Questo cookie è impostato da Laravel per prevenire attacchi di falsificazione di richiesta tra siti (CSRF).
                                    </dd>
                                    <dd>
                                        <strong>Durata: </strong>
                                        2 ore
                                    </dd>
                                                                    </dl>
                            </li>
                                                    <li class="list-group-item cookie-content-text small">
                                <dl>
                                    <dt>
                                        <strong>Cookie: </strong>
                                        <code>uk_premier_session</code>
                                    </dt>
                                    <dd>
                                        <strong>Descrizione: </strong>
                                        Questo cookie è impostato da Laravel per identificare un&#039;istanza di sessione per l&#039;utente.
                                    </dd>
                                    <dd>
                                        <strong>Durata: </strong>
                                        2 ore
                                    </dd>
                                                                    </dl>
                            </li>
                                            </ul>
                </div>
            </div>
        </div>
    </div>
                    </div>
                
                <p class="small mb-3">
                    <a href="/cookie-policy" target="_blank">Cookie Policy</a> |
                    <a href="/privacy-policy" target="_blank">Privacy Policy</a>
                </p>

                <div class="cookie-actions">
                    <div class="container-fluid p-0">
                        <div class="row g-0">
                                                            <div class="button-col col-lg-4 col-sm-12 pl-0">
                                    <button type="button" class="btn btn-light w-100" id="customise-cookies"
                                            aria-label="Personalizza">
                                        Personalizza
                                    </button>
                                </div>
                                <div class="button-col col-lg-4 col-sm-12 pl-0 display-none">
                                    <button type="button" class="btn btn-light w-100" id="accept-selected-cookies"
                                            aria-label="Accetta Selezione">
                                        Accetta Selezione
                                    </button>
                                </div>
                                <div class="button-col col-lg-4 col-sm-12">
                                    <button type="button" class="btn btn-light w-100" id="reject-optional-cookies"
                                            aria-label="Rifiuta Opzionali">
                                        Rifiuta Opzionali
                                    </button>
                                </div>
                                <div class="button-col col-lg-4 col-sm-12 pr-0">
                                    <button type="button" class="btn btn-light w-100" id="accept-all-cookies"
                                            aria-label="Accetta Tutto">
                                        Accetta Tutto
                                    </button>
                                </div>
                                                    </div>
                    </div>
                </div>
            </div>
        </dialog>
    </div>
</div>
    <button id="scify-cookie-consent-floating-button" class="cookie-button" style="display: none;" title="Cookie" aria-label="Cookie"
        onclick="toggleCookieBanner()" onkeyup="if (event.key === 'Enter') toggleCookieBanner()" tabindex="0">
            <span class="sr-only">Cookie</span>
        <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
     y="0px"
     viewBox="0 0 306.4 306.4" style="enable-background:new 0 0 306.4 306.4;" xml:space="preserve">
<path d="M305.8,140.3c-25.6-0.3-46.3-21.2-46.3-46.9c0-6.3,1.2-12.3,3.5-17.7c-6.1,2.1-12.7,3.2-19.6,3.2c-33.2,0-60.2-27-60.2-60.2
	c0-5.3,0.7-10.5,2-15.4c-10.3-2.2-21-3.3-32-3.3C68.6,0,0,68.6,0,153.2s68.6,153.2,153.2,153.2s153.2-68.6,153.2-153.2
	C306.4,148.8,306.2,144.5,305.8,140.3z M100.2,200.3c-12.4,0-22.5-10.1-22.5-22.5c0-12.4,10.1-22.5,22.5-22.5
	c12.4,0,22.5,10.1,22.5,22.5C122.7,190.2,112.6,200.3,100.2,200.3z M130.7,123.9c-12.4,0-22.5-10.1-22.5-22.5
	c0-12.4,10.1-22.5,22.5-22.5s22.5,10.1,22.5,22.5C153.2,113.9,143.1,123.9,130.7,123.9z M198.9,216c-8.7,0-15.7-7-15.7-15.7
	s7-15.7,15.7-15.7c8.7,0,15.7,7,15.7,15.7S207.6,216,198.9,216z"
      style="fill:currentColor;stroke:none;"/>
</svg>
    </button>
    <link rel="stylesheet" href="https://www.ukpremier.it/vendor/scify/laravel-cookie-guard/_variables.css">
<link rel="stylesheet" href="https://www.ukpremier.it/vendor/scify/laravel-cookie-guard/styles.css">
<script>
    window.cookies_consent_translations = {
        read_more: "Leggi di più",
        read_less: "Leggi meno"
    };
</script>
<script src="https://www.ukpremier.it/vendor/scify/laravel-cookie-guard/scripts.js"></script>
        <span x-on:loader:open.window="() => setLoading(true)"></span>
    <span x-on:loader:close.window="() => setLoading(false)"></span>
    <div
        x-show="loader.opened"
        class="fixed top-0 left-0 z-[100] w-full h-screen bg-white bg-opacity-75 flex items-center justify-center">
        <p
            @click="open()"
            :class="{ 'animate': loader.animate === true }"
            :class="{ animate: animate === true }">
            Caricamento...
        </p>
    </div>
    <header
        class="shadow-lg shadow-grey-500 py-2 md:pt-0"
        x-data="{ mobileMenu: false }">
        <div class="hidden md:block w-full bg-black">
            <div
                class="w-full md:max-w-5xl py-2 mx-auto grid grid-cols-2 justify-between text-xs text-white">
                <div class="flex gap-10 py-1">
                    <p>martedì, il 09 giugno 2026</p>
                </div>
                <div class="justify-end flex gap-4 p-1">
                    
                    
                    
                    
                                    </div>
            </div>
        </div>
        <div class="relative">
            <div
                class="flex justify-center flex-col lg:flex-row items-center md:justify-start w-full h-14 md:h-36 md:max-w-5xl mx-auto md:py-7">
                <div class="w-auto lg:w-1/3 h-full">
                    <a
                        href="/"
                        title="Homepage"
                        class="h-full lg:h-24 w-auto max-w-none">
                                                                        <img
                            class="h-full w-auto max-h-full object-contain"
                            src="https://wf-pbn.s3.eu-central-1.amazonaws.com/www.ukpremier.it/imported-media/logo-uk-premier.svg"
                            alt="UK Premier Logo" />
                                            </a>
                    <span class="sr-only">UK Premier</span>
                </div>
                                            </div>
            <div
                @click="mobileMenu = !mobileMenu"
                class="z-30 absolute top-1/2 -translate-y-1/2 left-4 md:hidden w-8 h-8">
                <svg
                    x-show="!mobileMenu"
                    class="h-full w-auto fill-black"
                    clip-rule="evenodd"
                    fill-rule="evenodd"
                    stroke-linejoin="round"
                    stroke-miterlimit="2"
                    viewBox="0 0 24 24"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="m22 16.75c0-.414-.336-.75-.75-.75h-18.5c-.414 0-.75.336-.75.75s.336.75.75.75h18.5c.414 0 .75-.336.75-.75zm0-5c0-.414-.336-.75-.75-.75h-18.5c-.414 0-.75.336-.75.75s.336.75.75.75h18.5c.414 0 .75-.336.75-.75zm0-5c0-.414-.336-.75-.75-.75h-18.5c-.414 0-.75.336-.75.75s.336.75.75.75h18.5c.414 0 .75-.336.75-.75z"
                        fill-rule="nonzero" />
                </svg>
                <svg
                    x-show="mobileMenu"
                    class="h-full w-auto fill-black"
                    clip-rule="evenodd"
                    fill-rule="evenodd"
                    stroke-linejoin="round"
                    stroke-miterlimit="2"
                    viewBox="0 0 24 24"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="m12 10.93 5.719-5.72c.146-.146.339-.219.531-.219.404 0 .75.324.75.749 0 .193-.073.385-.219.532l-5.72 5.719 5.719 5.719c.147.147.22.339.22.531 0 .427-.349.75-.75.75-.192 0-.385-.073-.531-.219l-5.719-5.719-5.719 5.719c-.146.146-.339.219-.531.219-.401 0-.75-.323-.75-.75 0-.192.073-.384.22-.531l5.719-5.719-5.72-5.719c-.146-.147-.219-.339-.219-.532 0-.425.346-.749.75-.749.192 0 .385.073.531.219z" />
                </svg>
            </div>
        </div>
        <div
            x-show="mobileMenu"
            class="w-full h-screen relative top-0 left-0 bg-white z-50 p-4">
            <ul class="w-full space-y-2">
                <li class="w-full bg-gray-100 hover:bg-gray-200 p-3 rounded-lg font-medium">
            <a
                href="https://www.ukpremier.it/"
                class="block cursor-pointer whitespace-nowrap "
                            >
                Home
            </a>
        </li>
            
        <li class="w-full bg-gray-100 hover:bg-gray-200 p-3 rounded-lg font-medium">
            <a
                href="https://www.ukpremier.it/premier-league/"
                class="block cursor-pointer whitespace-nowrap "
                            >
                Premier League
            </a>
        </li>
            
        <li class="w-full bg-gray-100 hover:bg-gray-200 p-3 rounded-lg font-medium">
            <a
                href="https://www.ukpremier.it/coppe-europee/"
                class="block cursor-pointer whitespace-nowrap "
                            >
                Coppe Europee
            </a>
        </li>
            
        <li class="w-full bg-gray-100 hover:bg-gray-200 p-3 rounded-lg font-medium">
            <a
                href="https://www.ukpremier.it/featured/"
                class="block cursor-pointer whitespace-nowrap "
                            >
                Featured
            </a>
        </li>
                </ul>
        </div>
        <div
            class="hidden w-full items-center md:max-w-5xl md:flex mx-auto h-8">
            <div>
                <ul class="flex font-bold text-sm uppercase">
                    <li class="px-4 pb-2">
            <a
                href="https://www.ukpremier.it/"
                class="block cursor-pointer whitespace-nowrap hover:border-b-4 hover:border-primary-500"
                            >
                Home
            </a>
        </li>
            
        <li class="px-4 pb-2">
            <a
                href="https://www.ukpremier.it/premier-league/"
                class="block cursor-pointer whitespace-nowrap hover:border-b-4 hover:border-primary-500"
                            >
                Premier League
            </a>
        </li>
            
        <li class="px-4 pb-2">
            <a
                href="https://www.ukpremier.it/coppe-europee/"
                class="block cursor-pointer whitespace-nowrap hover:border-b-4 hover:border-primary-500"
                            >
                Coppe Europee
            </a>
        </li>
            
        <li class="px-4 pb-2">
            <a
                href="https://www.ukpremier.it/featured/"
                class="block cursor-pointer whitespace-nowrap hover:border-b-4 hover:border-primary-500"
                            >
                Featured
            </a>
        </li>
                    </ul>
            </div>
            <form
                method="GET"
                action="/search"
                class="flex w-full justify-end px-2 pb-2 items-center gap-2"
                x-data="{showSearchBar: false}">
                <div x-show="showSearchBar" class="h-8">
                    <label for="search" class="sr-only">Search</label>
                    <input type="text" name="s" class="h-full p-3" />
                </div>
                <button x-show="showSearchBar">
                    <span class="sr-only">Cerca</span>
                    <svg
                        class="h-5"
                        version="1.1"
                        xmlns="http://www.w3.org/2000/svg"
                        viewBox="0 0 1024 1024">
                        <path
                            d="M946.371 843.601l-125.379-125.44c43.643-65.925 65.495-142.1 65.475-218.040 0.051-101.069-38.676-202.588-115.835-279.706-77.117-77.148-178.606-115.948-279.644-115.886-101.079-0.061-202.557 38.738-279.665 115.876-77.169 77.128-115.937 178.627-115.907 279.716-0.031 101.069 38.728 202.588 115.907 279.665 77.117 77.117 178.616 115.825 279.665 115.804 75.94 0.020 152.136-21.862 218.061-65.495l125.348 125.46c30.915 30.904 81.029 30.904 111.954 0.020 30.915-30.935 30.915-81.029 0.020-111.974zM705.772 714.925c-59.443 59.341-136.899 88.842-214.784 88.924-77.896-0.082-155.341-29.583-214.784-88.924-59.443-59.484-88.975-136.919-89.037-214.804 0.061-77.885 29.604-155.372 89.037-214.825 59.464-59.443 136.878-88.945 214.784-89.016 77.865 0.082 155.3 29.583 214.784 89.016 59.361 59.464 88.914 136.919 88.945 214.825-0.041 77.885-29.583 155.361-88.945 214.804z"></path>
                    </svg>
                </button>
                <a
                    x-show="!showSearchBar"
                    href="#"
                    @click.prevent="showSearchBar = true">
                    <span class="sr-only">Cerca</span>
                    <svg
                        class="h-5"
                        version="1.1"
                        xmlns="http://www.w3.org/2000/svg"
                        viewBox="0 0 1024 1024">
                        <path
                            d="M946.371 843.601l-125.379-125.44c43.643-65.925 65.495-142.1 65.475-218.040 0.051-101.069-38.676-202.588-115.835-279.706-77.117-77.148-178.606-115.948-279.644-115.886-101.079-0.061-202.557 38.738-279.665 115.876-77.169 77.128-115.937 178.627-115.907 279.716-0.031 101.069 38.728 202.588 115.907 279.665 77.117 77.117 178.616 115.825 279.665 115.804 75.94 0.020 152.136-21.862 218.061-65.495l125.348 125.46c30.915 30.904 81.029 30.904 111.954 0.020 30.915-30.935 30.915-81.029 0.020-111.974zM705.772 714.925c-59.443 59.341-136.899 88.842-214.784 88.924-77.896-0.082-155.341-29.583-214.784-88.924-59.443-59.484-88.975-136.919-89.037-214.804 0.061-77.885 29.604-155.372 89.037-214.825 59.464-59.443 136.878-88.945 214.784-89.016 77.865 0.082 155.3 29.583 214.784 89.016 59.361 59.464 88.914 136.919 88.945 214.825-0.041 77.885-29.583 155.361-88.945 214.804z"></path>
                    </svg>
                </a>
            </form>
        </div>
    </header>
    <main><div class="w-full lg:max-w-5xl mx-auto p-2 space-y-12 pb-14">
        <h1 class="sr-only">UK Premier</h1>

        <!-- Featured Articles Section -->
        <div>
                                        <div class="grid lg:grid-cols-2 gap-1 h-[450px]">
    <h2 class="sr-only">Articoli in Evidenza</h2>
            <a href="https://www.ukpremier.it/il-tuo-primo-campo-da-calcio/" class="relative h-full flex items-center overflow-hidden image-container">
            <img alt="Il tuo primo campo da calcio" loading="eager" class="absolute inset-0 !w-full !h-full object-cover" src="https://www.ukpremier.it/media/2/campo-da-calcio-large.webp" />
            <div class="text-white bg-gradient-to-t from-black absolute p-4 space-y-2 bottom-0 w-full">
                                    <span class="uppercase text-xs bg-black px-2 py-1">
                        Featured
                    </span>
                                <h3 class="text-2xl font-bold">
                    Il tuo primo campo da calcio
                </h3>
                <p class="text-xs"><strong>
                    di
                </strong> - Redazione</p>
            </div>
        </a>
        <div class="grid grid-cols-2 grid-rows-4 gap-1 h-full min-h-0">
                                <a href="https://www.ukpremier.it/champions-league-sorteggio-benevolo-per-liverpool-e-city-insidioso-per-il-chelsea/" class="row-span-2 relative h-full min-h-0 block overflow-hidden image-container text-xs lg:text-base">
                <img alt="Champions League, sorteggio benevolo per Liverpool e City, insidioso per il Chelsea" class="absolute inset-0 !w-full !h-full object-cover" src="https://www.ukpremier.it/media/3/sorteggio-champions-large.webp" />
                <div class="absolute inset-0 h-full w-full bg-gradient-to-t from-black/80 to-transparent flex flex-col justify-between p-2 lg:p-4 text-white">
                    <div>
                                                    <span class="uppercase text-xs bg-black px-2 py-1">
                                Coppe Europee
                            </span>
                                            </div>
                    <h3 class="font-bold leading-tight overflow-hidden line-clamp-4 lg:line-clamp-none lg:overflow-visible">
                        Champions League, sorteggio benevolo per Liverpool e City, insidioso per il Chelsea
                    </h3>
                </div>
            </a>
                                <a href="https://www.ukpremier.it/premier-league-sei-pretendenti-allo-scettro-di-regina-dinghilterra-chi-la-spuntera/" class="row-span-2 relative h-full min-h-0 block overflow-hidden image-container text-xs lg:text-base">
                <img alt="Premier League, sei pretendenti allo scettro di Regina d'Inghilterra: chi la spunterà?" class="absolute inset-0 !w-full !h-full object-cover" src="https://www.ukpremier.it/media/4/pepe-arsenal-large.webp" />
                <div class="absolute inset-0 h-full w-full bg-gradient-to-t from-black/80 to-transparent flex flex-col justify-between p-2 lg:p-4 text-white">
                    <div>
                                                    <span class="uppercase text-xs bg-black px-2 py-1">
                                Premier League
                            </span>
                                            </div>
                    <h3 class="font-bold leading-tight overflow-hidden line-clamp-4 lg:line-clamp-none lg:overflow-visible">
                        Premier League, sei pretendenti allo scettro di Regina d'Inghilterra: chi la spunterà?
                    </h3>
                </div>
            </a>
                                <a href="https://www.ukpremier.it/il-punto-sul-mercato-in-premier-league-a-12-giorni-dal-gong/" class="row-span-2 relative h-full min-h-0 block overflow-hidden image-container text-xs lg:text-base">
                <img alt="Il punto sul mercato in Premier League a 12 giorni dal gong" class="absolute inset-0 !w-full !h-full object-cover" src="https://www.ukpremier.it/media/5/rodri-large.webp" />
                <div class="absolute inset-0 h-full w-full bg-gradient-to-t from-black/80 to-transparent flex flex-col justify-between p-2 lg:p-4 text-white">
                    <div>
                                                    <span class="uppercase text-xs bg-black px-2 py-1">
                                Premier League
                            </span>
                                            </div>
                    <h3 class="font-bold leading-tight overflow-hidden line-clamp-4 lg:line-clamp-none lg:overflow-visible">
                        Il punto sul mercato in Premier League a 12 giorni dal gong
                    </h3>
                </div>
            </a>
                                <a href="https://www.ukpremier.it/la-premier-league-dove-vuoi/" class="row-span-2 relative h-full min-h-0 block overflow-hidden image-container text-xs lg:text-base">
                <img alt="La Premier League dove vuoi" class="absolute inset-0 !w-full !h-full object-cover" src="https://www.ukpremier.it/media/6/premier-league-large.webp" />
                <div class="absolute inset-0 h-full w-full bg-gradient-to-t from-black/80 to-transparent flex flex-col justify-between p-2 lg:p-4 text-white">
                    <div>
                                                    <span class="uppercase text-xs bg-black px-2 py-1">
                                Premier League
                            </span>
                                            </div>
                    <h3 class="font-bold leading-tight overflow-hidden line-clamp-4 lg:line-clamp-none lg:overflow-visible">
                        La Premier League dove vuoi
                    </h3>
                </div>
            </a>
            </div>
</div>
                    </div>

        <div class="lg:flex gap-3">
            <div class="w-full lg:w-9/12">
                <div class="space-y-8">
                    
                                                                        <!-- Category Section -->
                            <div class="flex w-full">
                                <h2 class="text-white font-bold uppercase bg-primary-500 border-2 border-primary-500 whitespace-nowrap">
                                    <a class="block px-5 py-3" href="https://www.ukpremier.it/premier-league/">Premier League</a>
                                </h2>
                                <div class="border-b-2 border-primary-500 w-full"></div>
                            </div>

                            <!-- Dynamic Layout Component -->
                            <div class="grid lg:grid-cols-2 gap-6">
            <!-- Main Article -->
        <div class="space-y-4">
                        <div class="relative h-[250px] w-full overflow-hidden">
                <img
                    alt="Premier League, sei pretendenti allo scettro di Regina d'Inghilterra: chi la spunterà?"
                    class="absolute inset-0 !w-full !h-full object-cover"
                    src="https://www.ukpremier.it/media/4/pepe-arsenal-large.webp"
                />
                <div class="text-white absolute left-0 bottom-1">
                                            <span class="uppercase text-xs bg-black px-2 py-1">Premier League</span>
                                    </div>
            </div>
            <div class="space-y-2">
                <h3 class="text-3xl lg:text-xl font-semibold hover:text-primary-500">
                    <a href="https://www.ukpremier.it/premier-league-sei-pretendenti-allo-scettro-di-regina-dinghilterra-chi-la-spuntera/">Premier League, sei pretendenti allo scettro di Regina d'Inghilterra: chi la spunterà?</a>
                </h3>
                <p class="lg:text-xs text-neutral-500">
                    <a href="https://www.ukpremier.it/autore/redazione/" class="text-black font-bold">Redazione</a>
                                        - agosto 05, 2019
                                    </p>
                            </div>
        </div>
    
    <!-- Secondary Articles -->
    <div>
                    <a href="https://www.ukpremier.it/il-punto-sul-mercato-in-premier-league-a-12-giorni-dal-gong/">
                <div class="flex w-full gap-4 pb-6">
                    <div class="w-1/3 aspect-[4/3] relative overflow-hidden shrink-0">
                        <img
                            alt="Il punto sul mercato in Premier League a 12 giorni dal gong"
                            class="absolute inset-0 w-full h-full object-cover"
                            src="https://www.ukpremier.it/media/5/rodri-thumbnail.webp"
                        />
                    </div>
                    <div class="w-2/3 space-y-2">
                        <h3 class="hover:text-primary-500 font-semibold text-xl lg:text-sm">Il punto sul mercato in Premier League a 12 giorni dal gong</h3>
                                                <p class="lg:text-xs text-neutral-500">luglio 28, 2019</p>
                                            </div>
                </div>
            </a>
                    <a href="https://www.ukpremier.it/la-premier-league-dove-vuoi/">
                <div class="flex w-full gap-4 pb-6">
                    <div class="w-1/3 aspect-[4/3] relative overflow-hidden shrink-0">
                        <img
                            alt="La Premier League dove vuoi"
                            class="absolute inset-0 w-full h-full object-cover"
                            src="https://www.ukpremier.it/media/6/premier-league-thumbnail.webp"
                        />
                    </div>
                    <div class="w-2/3 space-y-2">
                        <h3 class="hover:text-primary-500 font-semibold text-xl lg:text-sm">La Premier League dove vuoi</h3>
                                                <p class="lg:text-xs text-neutral-500">maggio 21, 2019</p>
                                            </div>
                </div>
            </a>
                    <a href="https://www.ukpremier.it/premier-league-corsa-a-quattro-per-il-titolo/">
                <div class="flex w-full gap-4 pb-6">
                    <div class="w-1/3 aspect-[4/3] relative overflow-hidden shrink-0">
                        <img
                            alt="Premier League: corsa a quattro per il titolo"
                            class="absolute inset-0 w-full h-full object-cover"
                            src="https://www.ukpremier.it/media/8/premier-league-2-thumbnail.webp"
                        />
                    </div>
                    <div class="w-2/3 space-y-2">
                        <h3 class="hover:text-primary-500 font-semibold text-xl lg:text-sm">Premier League: corsa a quattro per il titolo</h3>
                                                <p class="lg:text-xs text-neutral-500">novembre 19, 2018</p>
                                            </div>
                </div>
            </a>
                    <a href="https://www.ukpremier.it/mourinho-e-lultimatum-del-manchester-united/">
                <div class="flex w-full gap-4 pb-6">
                    <div class="w-1/3 aspect-[4/3] relative overflow-hidden shrink-0">
                        <img
                            alt="Mourinho e l’ultimatum del Manchester United"
                            class="absolute inset-0 w-full h-full object-cover"
                            src="https://www.ukpremier.it/media/9/mourinho-thumbnail.webp"
                        />
                    </div>
                    <div class="w-2/3 space-y-2">
                        <h3 class="hover:text-primary-500 font-semibold text-xl lg:text-sm">Mourinho e l’ultimatum del Manchester United</h3>
                                                <p class="lg:text-xs text-neutral-500">ottobre 19, 2018</p>
                                            </div>
                </div>
            </a>
            </div>
</div>
                                                                                                <!-- Category Section -->
                            <div class="flex w-full">
                                <h2 class="text-white font-bold uppercase bg-primary-500 border-2 border-primary-500 whitespace-nowrap">
                                    <a class="block px-5 py-3" href="https://www.ukpremier.it/coppe-europee/">Coppe Europee</a>
                                </h2>
                                <div class="border-b-2 border-primary-500 w-full"></div>
                            </div>

                            <!-- Dynamic Layout Component -->
                            <div class="grid lg:grid-cols-2 gap-6">
            <div class="space-y-4">
            <a href="https://www.ukpremier.it/champions-league-sorteggio-benevolo-per-liverpool-e-city-insidioso-per-il-chelsea/" class="relative h-[200px] flex overflow-hidden justify-center image-container">
                <img
                    alt="Champions League, sorteggio benevolo per Liverpool e City, insidioso per il Chelsea"
                    class="absolute inset-0 !w-full !h-full object-cover"
                    src="https://www.ukpremier.it/media/3/sorteggio-champions-large.webp"
                />
                <div class="text-white absolute left-0 bottom-1">
                                            <span class="uppercase text-xs bg-black px-2 py-1">Coppe Europee</span>
                                    </div>
            </a>
            <div class="space-y-2">
                <h3 class="text-3xl lg:text-xl font-semibold hover:text-primary-500">
                    <a href="https://www.ukpremier.it/champions-league-sorteggio-benevolo-per-liverpool-e-city-insidioso-per-il-chelsea/">Champions League, sorteggio benevolo per Liverpool e City, insidioso per il Chelsea</a>
                </h3>
                <p class="lg:text-xs text-neutral-500">
                    <a href="https://www.ukpremier.it/autore/redazione/" class="text-black font-bold">Redazione</a>
                                        - agosto 30, 2019
                                    </p>
                            </div>
        </div>
            <div class="space-y-4">
            <a href="https://www.ukpremier.it/fifa-points-che-cosa-sono-e-a-che-cosa-servono/" class="relative h-[200px] flex overflow-hidden justify-center image-container">
                <img
                    alt="Fifa Points: che cosa sono e a che cosa servono?"
                    class="absolute inset-0 !w-full !h-full object-cover"
                    src="https://www.ukpremier.it/media/7/fifa-points-large.webp"
                />
                <div class="text-white absolute left-0 bottom-1">
                                            <span class="uppercase text-xs bg-black px-2 py-1">Coppe Europee</span>
                                    </div>
            </a>
            <div class="space-y-2">
                <h3 class="text-3xl lg:text-xl font-semibold hover:text-primary-500">
                    <a href="https://www.ukpremier.it/fifa-points-che-cosa-sono-e-a-che-cosa-servono/">Fifa Points: che cosa sono e a che cosa servono?</a>
                </h3>
                <p class="lg:text-xs text-neutral-500">
                    <a href="https://www.ukpremier.it/autore/redazione/" class="text-black font-bold">Redazione</a>
                                        - novembre 25, 2018
                                    </p>
                            </div>
        </div>
    
    </div>
                                                                                                <!-- Category Section -->
                            <div class="flex w-full">
                                <h2 class="text-white font-bold uppercase bg-primary-500 border-2 border-primary-500 whitespace-nowrap">
                                    <a class="block px-5 py-3" href="https://www.ukpremier.it/featured/">Featured</a>
                                </h2>
                                <div class="border-b-2 border-primary-500 w-full"></div>
                            </div>

                            <!-- Dynamic Layout Component -->
                            <div class="grid lg:grid-cols-3 gap-4 lg:gap-6">
            
        <div class="flex gap-3 lg:hidden items-start">
            <a href="https://www.ukpremier.it/il-tuo-primo-campo-da-calcio/" class="w-24 h-24 shrink-0 relative overflow-hidden">
                <img
                    alt="Il tuo primo campo da calcio"
                    class="absolute inset-0 w-full h-full object-cover"
                    src="https://www.ukpremier.it/media/2/campo-da-calcio-medium.webp"
                />
            </a>
            <div class="flex-1 min-w-0 space-y-1">
                <h3 class="text-sm font-semibold hover:text-primary-500 line-clamp-3">
                    <a href="https://www.ukpremier.it/il-tuo-primo-campo-da-calcio/">Il tuo primo campo da calcio</a>
                </h3>
                                <p class="text-xs text-neutral-500">settembre 24, 2019</p>
                            </div>
        </div>

        
        <div class="hidden lg:block space-y-4 h-full">
            <a href="https://www.ukpremier.it/il-tuo-primo-campo-da-calcio/" class="h-[150px] relative block overflow-hidden">
                <img
                    alt="Il tuo primo campo da calcio"
                    class="absolute inset-0 w-full h-full object-cover"
                    src="https://www.ukpremier.it/media/2/campo-da-calcio-medium.webp"
                />
                <div class="text-white absolute left-0 bottom-1">
                                            <span class="uppercase text-xs bg-black px-2 py-1">Featured</span>
                                    </div>
            </a>
            <div class="space-y-2">
                <h3 class="text-sm font-semibold hover:text-primary-500">
                    <a href="https://www.ukpremier.it/il-tuo-primo-campo-da-calcio/">Il tuo primo campo da calcio</a>
                </h3>
                                <p class="text-xs text-neutral-500">settembre 24, 2019</p>
                            </div>
        </div>
    </div>
                                                                                                <!-- Category Section -->
                            <div class="flex w-full">
                                <h2 class="text-white font-bold uppercase bg-primary-500 border-2 border-primary-500 whitespace-nowrap">
                                    <a class="block px-5 py-3" href="https://www.ukpremier.it/league-one/">League One</a>
                                </h2>
                                <div class="border-b-2 border-primary-500 w-full"></div>
                            </div>

                            <!-- Dynamic Layout Component -->
                            <div class="space-y-6">
            <div class="flex w-full gap-6">
            <div class="w-24 h-24 lg:w-32 lg:h-24 shrink-0 relative overflow-hidden">
                <img
                    alt="Seri e Le Marchand al Fulham"
                    class="absolute inset-0 w-full h-full object-cover"
                    src="https://www.ukpremier.it/media/23/download-thumbnail.webp"
                />
            </div>
            <div>
                <div class="w-full space-y-2 pb-4">
                    <h3 class="text-xl font-semibold hover:text-primary-500">
                        <a href="https://www.ukpremier.it/seri-e-le-marchand-al-fulham/">Seri e Le Marchand al Fulham</a>
                    </h3>
                    <p class="text-xs text-neutral-500">
                        <a href="https://www.ukpremier.it/autore/redazione/" class="text-black font-bold">Redazione</a>
                                                - luglio 12, 2018
                                            </p>
                </div>
                            </div>
        </div>
    </div>
                                                            </div>
            </div>

            <!-- Sidebar -->
            <div class="w-full lg:w-3/12">
                <aside class="h-full">
    <div class="flex flex-col gap-8 py-10 sticky top-0">
                <div class="flex flex-col gap-6">
            <div class="flex w-full">
                <p
                    class="text-white text-sm uppercase bg-black px-2 py-1 border-2 border-black whitespace-nowrap">
                    Categorie                </p>
                <div class="border-b-2 border-black w-full"></div>
            </div>
            <div>
                <ul class="flex flex-col gap-4">
                                        <li class="underline">
                        <a
                            href="https://www.ukpremier.it/featured/">Featured</a>
                    </li>
                                        <li class="underline">
                        <a
                            href="https://www.ukpremier.it/coppe-europee/">Coppe Europee</a>
                    </li>
                                        <li class="underline">
                        <a
                            href="https://www.ukpremier.it/premier-league/">Premier League</a>
                    </li>
                                        <li class="underline">
                        <a
                            href="https://www.ukpremier.it/league-one/">League One</a>
                    </li>
                                    </ul>
            </div>
        </div>
            <div class="flex flex-col gap-6">
            <div class="flex w-full">
                <p
                    class="text-white text-sm uppercase bg-black px-2 py-1 border-2 border-black whitespace-nowrap">
                    Articoli Popolari
                </p>
                <div class="border-b-2 border-black w-full"></div>
            </div>
            <div class="flex flex-col gap-4">
                                <a href="https://www.ukpremier.it/il-tuo-primo-campo-da-calcio/">
                    <div class="flex flex-col lg:flex-row w-full gap-4">
                                                <div class="w-full lg:w-1/3">
                            <img
                                alt="Il tuo primo campo da calcio"
                                class="w-full h-auto"
                                src="https://www.ukpremier.it/media/2/campo-da-calcio-large.webp" />
                        </div>
                                                <div class="w-full lg:w-2/3 space-y-2">
                            <p
                                class="hover:text-sky-600 font-semibold text-xl lg:text-xs">
                                Il tuo primo campo da calcio
                            </p>
                                                        <p class="lg:text-xs text-neutral-500">
                                24/09/2019
                            </p>
                                                    </div>
                    </div>
                </a>
                                <a href="https://www.ukpremier.it/champions-league-sorteggio-benevolo-per-liverpool-e-city-insidioso-per-il-chelsea/">
                    <div class="flex flex-col lg:flex-row w-full gap-4">
                                                <div class="w-full lg:w-1/3">
                            <img
                                alt="Champions League, sorteggio benevolo per Liverpool e City, insidioso per il Chelsea"
                                class="w-full h-auto"
                                src="https://www.ukpremier.it/media/3/sorteggio-champions-large.webp" />
                        </div>
                                                <div class="w-full lg:w-2/3 space-y-2">
                            <p
                                class="hover:text-sky-600 font-semibold text-xl lg:text-xs">
                                Champions League, sorteggio benevolo per Liverpool e City, insidioso per il Chelsea
                            </p>
                                                        <p class="lg:text-xs text-neutral-500">
                                30/08/2019
                            </p>
                                                    </div>
                    </div>
                </a>
                                <a href="https://www.ukpremier.it/premier-league-sei-pretendenti-allo-scettro-di-regina-dinghilterra-chi-la-spuntera/">
                    <div class="flex flex-col lg:flex-row w-full gap-4">
                                                <div class="w-full lg:w-1/3">
                            <img
                                alt="Premier League, sei pretendenti allo scettro di Regina d'Inghilterra: chi la spunterà?"
                                class="w-full h-auto"
                                src="https://www.ukpremier.it/media/4/pepe-arsenal-large.webp" />
                        </div>
                                                <div class="w-full lg:w-2/3 space-y-2">
                            <p
                                class="hover:text-sky-600 font-semibold text-xl lg:text-xs">
                                Premier League, sei pretendenti allo scettro di Regina d'Inghilterra: chi la spunterà?
                            </p>
                                                        <p class="lg:text-xs text-neutral-500">
                                05/08/2019
                            </p>
                                                    </div>
                    </div>
                </a>
                            </div>
        </div>
                    </div>
</aside>
            </div>
        </div>
    </div></main>
    <footer class="bg-black text-white">
                        <div class="w-full md:max-w-5xl py-10 mx-auto space-y-10">
            <div class="grid md:grid-cols-3 gap-10 px-4 md:px-0">
                <div class="md:col-span-2 grid md:flex gap-10 items-center">
                                                            <img
                        class="w-full h-auto md:h-[65px] md:w-auto"
                        src="https://wf-pbn.s3.eu-central-1.amazonaws.com/www.ukpremier.it/imported-media/logo-uk-premier-white.svg"
                        alt="UK Premier Logo" />
                                    </div>
                <div class="space-y-10">
                                        <ul
                        class="text-gray-200 flex gap-3 justify-start flex-wrap px-8 md:px-0 list-none">
                        
                                                                                                                                                <li>
                            <a href="https://www.ukpremier.it/contatti/" class="hover:text-primary-500 font-bold py-1.5 underline">
                                Contatti
                            </a>
                        </li>
                                                                                                                                                                        <li>
                            <a href="https://www.ukpremier.it/privacy-policy/" class="hover:text-primary-500 font-bold py-1.5 underline">
                                Privacy Policy
                            </a>
                        </li>
                                                                                                                                                                        <li>
                            <a href="https://www.ukpremier.it/cookie-policy/" class="hover:text-primary-500 font-bold py-1.5 underline">
                                Cookie Policy
                            </a>
                        </li>
                                                                                                                                                                        <li>
                            <a href="https://www.ukpremier.it/redazione/" class="hover:text-primary-500 font-bold py-1.5 underline">
                                Redazione
                            </a>
                        </li>
                                                                                                                                                                        <li>
                            <a href="https://www.ukpremier.it/chi-siamo/" class="hover:text-primary-500 font-bold py-1.5 underline">
                                Chi siamo
                            </a>
                        </li>
                                                                                                                    </ul>
                </div>
            </div>
                                    <div class="footer-text text-gray-400 text-xs text-center px-4 md:px-0">
                Questo sito non rappresenta una testata giornalistica in quanto viene aggiornato senza alcuna periodicità. Non può pertanto considerarsi un prodotto editoriale ai sensi della legge n° 62 del 7 marzo 2001.
            </div>
                    </div>
    </footer>

    <!-- Analytics Tracking Script -->
    <script>
        (function() {
            // Wait 5 seconds before tracking to ensure real users
            setTimeout(function() {
                // Detect device type based on screen width
                var width = window.innerWidth || document.documentElement.clientWidth;
                var deviceType = width < 768 ? 'mobile' : (width < 1024 ? 'tablet' : 'desktop');

                // Get viewport dimensions
                var viewport = window.innerWidth + 'x' + window.innerHeight;

                // Extract browser type from user agent
                var ua = navigator.userAgent;
                var browserType = 'Unknown';
                if (ua.indexOf('Chrome') > -1 && ua.indexOf('Edg') === -1) browserType = 'Chrome';
                else if (ua.indexOf('Safari') > -1 && ua.indexOf('Chrome') === -1) browserType = 'Safari';
                else if (ua.indexOf('Firefox') > -1) browserType = 'Firefox';
                else if (ua.indexOf('Edg') > -1) browserType = 'Edge';
                else if (ua.indexOf('MSIE') > -1 || ua.indexOf('Trident') > -1) browserType = 'IE';

                // Get browser language and validate format (xx-xx)
                var rawLanguage = navigator.language || navigator.userLanguage || '';
                var browserLanguage = null;

                // Validate format: must be xx-xx (case insensitive)
                if (/^[a-z]{2}-[a-z]{2}$/i.test(rawLanguage)) {
                    browserLanguage = rawLanguage;
                } else if (rawLanguage && rawLanguage.length >= 2) {
                    // Try to normalize: if it's just "en", convert to "en-US", "it" to "it-IT", etc.
                    var lang = rawLanguage.substring(0, 2).toLowerCase();
                    var defaults = {
                        'en': 'en-US',
                        'sq': 'sq-AL',
                        'it': 'it-IT',
                        'fr': 'fr-FR',
                        'de': 'de-DE',
                        'es': 'es-ES',
                        'pt': 'pt-PT',
                        'ja': 'ja-JP',
                        'zh': 'zh-CN',
                        'ru': 'ru-RU',
                        'ar': 'ar-SA'
                    };
                    browserLanguage = defaults[lang] || null;
                }

                fetch('/api/analytics/track', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-Requested-With': 'XMLHttpRequest'
                    },
                    body: JSON.stringify({
                        url: window.location.href,
                        viewport: viewport,
                        device_type: deviceType,
                        browser_type: browserType,
                        browser_language: browserLanguage
                    })
                }).catch(function(error) {
                    // Silently fail - don't impact user experience
                    console.debug('Analytics tracking failed:', error);
                });
            }, 5000);
        })();
    </script>
</body>

</html>
