<!DOCTYPE html>
<html lang="it" class="no-js">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Swap no-js -> js prima del paint: il contenuto con animazione fade-in
         resta visibile anche senza JavaScript (vedi .no-js .fade-in-up in style.css) -->
    <script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');</script>

    <!-- DNS Prefetch & Preconnect for performance -->
    <link rel="dns-prefetch" href="//fonts.googleapis.com">
    <link rel="dns-prefetch" href="//fonts.gstatic.com">
    <link rel="dns-prefetch" href="//unpkg.com">
    <meta name="description"
        content="Agenzia di marketing digitale a Verona specializzata in SEO, Google Ads, Meta Ads, Lead Generation e strategie digitali per far crescere il tuo business.">
    <meta name="author" content="SEOLab">
    <meta name="robots" content="index, follow">

    <!-- Open Graph -->
    <meta property="og:title"
        content="Agenzia Marketing Verona: Web e Digital Marketing">
    <meta property="og:description"
        content="Agenzia di marketing digitale a Verona specializzata in SEO, Google Ads, Meta Ads, Lead Generation e strategie digitali per far crescere il tuo business.">
    <meta property="og:type" content="website">
    <meta property="og:url"
        content="https://www.seolab.it/">
    <meta property="og:image"
        content="https://www.seolab.it/assets/og-image.jpg">

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

    <!-- Favicon -->
    <link rel="icon" type="image/png" href="/assets/images/favicon.png">

    <title>
        Agenzia Marketing Verona: Web, Digital e Promozione Online | SEOLab    </title>

    <!-- Google Fonts - Optimized with preload and font-display swap -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preload" as="style"
        href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap">
    <link
        href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap"
        rel="stylesheet" media="print" onload="this.media='all'">
    <noscript>
        <link
            href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap"
            rel="stylesheet">
    </noscript>

    <!-- Critical CSS inline for LCP -->
    <style>
        /* Critical CSS - Above the fold styles */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box
        }

        html {
            scroll-behavior: smooth
        }

        body {
            font-family: 'Inter', system-ui, -apple-system, sans-serif;
            background-color: #0f0f1a;
            color: #fff;
            -webkit-font-smoothing: antialiased;
            line-height: 1.6
        }

        .font-display {
            font-family: 'Space Grotesk', system-ui, sans-serif
        }

        .bg-dark-900 {
            background-color: #0f0f1a
        }

        .bg-dark-800 {
            background-color: #1a1a2e
        }

        .nav-blur {
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px)
        }

        .gradient-text {
            background: linear-gradient(135deg, #0ea5e9 0%, #8b5cf6 50%, #ec4899 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text
        }

        .btn-primary {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 1rem 2rem;
            background: linear-gradient(135deg, #0ea5e9 0%, #8b5cf6 100%);
            border-radius: 9999px;
            font-weight: 600;
            color: #fff;
            text-decoration: none;
            transition: all .3s ease;
            border: none;
            cursor: pointer
        }

        /* Prevent CLS for header */
        header {
            height: 80px
        }

        /* Prevent CLS for icons */
        [data-lucide] {
            width: 24px;
            height: 24px;
            display: inline-block
        }
    </style>

    <!-- Tailwind CSS - statico compilato (sostituisce il CDN + config inline).
         Build: npx -y tailwindcss@3 -c ./tailwind.config.js -i ./assets/css/tailwind-input.css -o ./assets/css/tailwind.css --minify -->
    <link rel="preload" href="/assets/css/tailwind.css" as="style">
    <link rel="stylesheet" href="/assets/css/tailwind.css">

    <!-- Lucide Icons - defer loading -->
    <script defer src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>

    <!-- Custom CSS - preload for performance -->
    <link rel="preload" href="/assets/css/style.css" as="style">
    <link rel="stylesheet" href="/assets/css/style.css">

    <!-- Preload critical assets -->
    <link rel="preload" href="/assets/js/main.js" as="script">
</head>

<body class="bg-dark-900 text-white font-sans antialiased">

    <!-- Header Navigation -->
    <header class="fixed top-0 left-0 right-0 z-50 nav-blur bg-dark-900/80 border-b border-white/5">
        <nav class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex items-center justify-between h-20">
                <!-- Logo -->
                <a href="/" class="flex items-center space-x-2 group">
                    <div
                        class="w-10 h-10 rounded-xl bg-gradient-to-br from-primary-500 to-accent-500 flex items-center justify-center group-hover:scale-110 transition-transform">
                        <i data-lucide="bar-chart-3" class="w-6 h-6 text-white"></i>
                    </div>
                    <span class="text-2xl font-display font-bold">SEO<span class="gradient-text">Lab</span></span>
                </a>

                <!-- Desktop Navigation -->
                <div class="hidden md:flex items-center space-x-8">
                    <!-- Servizi Dropdown -->
                    <div class="relative group">
                        <a href="/servizi.php"
                            class="flex items-center space-x-1 text-gray-300 hover:text-white transition-colors font-medium py-2">
                            <span>Servizi</span>
                            <i data-lucide="chevron-down"
                                class="w-4 h-4 group-hover:rotate-180 transition-transform"></i>
                        </a>
                        <div
                            class="absolute top-full left-0 pt-2 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200">
                            <div class="bg-dark-800 border border-white/10 rounded-xl shadow-2xl py-3 min-w-[220px]">
                                <a href="/servizi/seo.php"
                                    class="flex items-center space-x-3 px-4 py-2.5 text-gray-300 hover:text-white hover:bg-white/5 transition-colors">
                                    <i data-lucide="search" class="w-4 h-4 text-primary-400"></i>
                                    <span>SEO & Posizionamento</span>
                                </a>
                                <a href="/servizi/siti-web.php"
                                    class="flex items-center space-x-3 px-4 py-2.5 text-gray-300 hover:text-white hover:bg-white/5 transition-colors">
                                    <i data-lucide="globe" class="w-4 h-4 text-teal-400"></i>
                                    <span>Realizzazione Siti Web</span>
                                </a>
                                <a href="/servizi/google-ads.php"
                                    class="flex items-center space-x-3 px-4 py-2.5 text-gray-300 hover:text-white hover:bg-white/5 transition-colors">
                                    <i data-lucide="target" class="w-4 h-4 text-yellow-400"></i>
                                    <span>Google Ads</span>
                                </a>
                                <a href="/servizi/meta-ads.php"
                                    class="flex items-center space-x-3 px-4 py-2.5 text-gray-300 hover:text-white hover:bg-white/5 transition-colors">
                                    <i data-lucide="megaphone" class="w-4 h-4 text-blue-400"></i>
                                    <span>Meta Ads</span>
                                </a>
                                <a href="/servizi/linkedin-ads.php"
                                    class="flex items-center space-x-3 px-4 py-2.5 text-gray-300 hover:text-white hover:bg-white/5 transition-colors">
                                    <i data-lucide="linkedin" class="w-4 h-4 text-sky-400"></i>
                                    <span>LinkedIn Ads</span>
                                </a>
                                <a href="/servizi/youtube-ads.php"
                                    class="flex items-center space-x-3 px-4 py-2.5 text-gray-300 hover:text-white hover:bg-white/5 transition-colors">
                                    <i data-lucide="youtube" class="w-4 h-4 text-red-400"></i>
                                    <span>YouTube Ads</span>
                                </a>
                                <a href="/servizi/lead-generation.php"
                                    class="flex items-center space-x-3 px-4 py-2.5 text-gray-300 hover:text-white hover:bg-white/5 transition-colors">
                                    <i data-lucide="users" class="w-4 h-4 text-green-400"></i>
                                    <span>Lead Generation</span>
                                </a>
                                <a href="/servizi/landing-page.php"
                                    class="flex items-center space-x-3 px-4 py-2.5 text-gray-300 hover:text-white hover:bg-white/5 transition-colors">
                                    <i data-lucide="layout-template" class="w-4 h-4 text-cyan-400"></i>
                                    <span>Landing Page</span>
                                </a>
                                <a href="/servizi/local-marketing.php"
                                    class="flex items-center space-x-3 px-4 py-2.5 text-gray-300 hover:text-white hover:bg-white/5 transition-colors">
                                    <i data-lucide="map-pin" class="w-4 h-4 text-orange-400"></i>
                                    <span>Marketing Locale</span>
                                </a>
                                <a href="/servizi/analytics-tracking.php"
                                    class="flex items-center space-x-3 px-4 py-2.5 text-gray-300 hover:text-white hover:bg-white/5 transition-colors">
                                    <i data-lucide="bar-chart-2" class="w-4 h-4 text-emerald-400"></i>
                                    <span>Analytics & Tracking</span>
                                </a>
                                <a href="/servizi/content-marketing.php"
                                    class="flex items-center space-x-3 px-4 py-2.5 text-gray-300 hover:text-white hover:bg-white/5 transition-colors">
                                    <i data-lucide="file-text" class="w-4 h-4 text-indigo-400"></i>
                                    <span>Content Marketing</span>
                                </a>
                                <a href="/servizi/geo-aio.php"
                                    class="flex items-center space-x-3 px-4 py-2.5 text-gray-300 hover:text-white hover:bg-white/5 transition-colors">
                                    <i data-lucide="sparkles" class="w-4 h-4 text-fuchsia-400"></i>
                                    <span>Ottimizzazione GEO + AIO</span>
                                </a>
                                <div class="border-t border-white/10 mt-2 pt-2">
                                    <a href="/servizi.php"
                                        class="flex items-center space-x-3 px-4 py-2.5 text-primary-400 hover:text-primary-300 hover:bg-white/5 transition-colors font-medium">
                                        <i data-lucide="layers" class="w-4 h-4"></i>
                                        <span>Tutti i Servizi</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Settori Dropdown -->
                    <div class="relative group">
                        <a href="/settori/"
                            class="flex items-center space-x-1 text-gray-300 hover:text-white transition-colors font-medium py-2">
                            <span>Settori</span>
                            <i data-lucide="chevron-down"
                                class="w-4 h-4 group-hover:rotate-180 transition-transform"></i>
                        </a>
                        <div
                            class="absolute top-full left-0 pt-2 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200">
                            <div class="bg-dark-800 border border-white/10 rounded-xl shadow-2xl py-3 min-w-[240px]">
                                <a href="/settori/imprese-pulizia.php"
                                    class="flex items-center space-x-3 px-4 py-2.5 text-gray-300 hover:text-white hover:bg-white/5 transition-colors">
                                    <i data-lucide="building-2" class="w-4 h-4 text-cyan-400"></i>
                                    <span>Imprese di Pulizia</span>
                                </a>
                                <a href="/settori/osteopati-fisioterapisti.php"
                                    class="flex items-center space-x-3 px-4 py-2.5 text-gray-300 hover:text-white hover:bg-white/5 transition-colors">
                                    <i data-lucide="stethoscope" class="w-4 h-4 text-emerald-400"></i>
                                    <span>Osteopati & Fisioterapisti</span>
                                </a>
                                <a href="/settori/psicologi.php"
                                    class="flex items-center space-x-3 px-4 py-2.5 text-gray-300 hover:text-white hover:bg-white/5 transition-colors">
                                    <i data-lucide="brain" class="w-4 h-4 text-indigo-400"></i>
                                    <span>Psicologi</span>
                                </a>
                                <a href="/settori/nutrizionisti-dietologi.php"
                                    class="flex items-center space-x-3 px-4 py-2.5 text-gray-300 hover:text-white hover:bg-white/5 transition-colors">
                                    <i data-lucide="salad" class="w-4 h-4 text-emerald-400"></i>
                                    <span>Nutrizionisti & Dietologi</span>
                                </a>
                                <a href="/settori/commercialisti.php"
                                    class="flex items-center space-x-3 px-4 py-2.5 text-gray-300 hover:text-white hover:bg-white/5 transition-colors">
                                    <i data-lucide="briefcase" class="w-4 h-4 text-blue-400"></i>
                                    <span>Commercialisti</span>
                                </a>
                                <a href="/settori/consulenti-finanziari.php"
                                    class="flex items-center space-x-3 px-4 py-2.5 text-gray-300 hover:text-white hover:bg-white/5 transition-colors">
                                    <i data-lucide="line-chart" class="w-4 h-4 text-emerald-400"></i>
                                    <span>Consulenti Finanziari</span>
                                </a>
                                <a href="/settori/liberi-professionisti.php"
                                    class="flex items-center space-x-3 px-4 py-2.5 text-gray-300 hover:text-white hover:bg-white/5 transition-colors">
                                    <i data-lucide="briefcase" class="w-4 h-4 text-indigo-400"></i>
                                    <span>Liberi Professionisti</span>
                                </a>
                                <a href="/settori/architetti-geometri.php"
                                    class="flex items-center space-x-3 px-4 py-2.5 text-gray-300 hover:text-white hover:bg-white/5 transition-colors">
                                    <i data-lucide="ruler" class="w-4 h-4 text-cyan-400"></i>
                                    <span>Architetti & Geometri</span>
                                </a>
                                <a href="/settori/avvocati.php"
                                    class="flex items-center space-x-3 px-4 py-2.5 text-gray-300 hover:text-white hover:bg-white/5 transition-colors">
                                    <i data-lucide="scale" class="w-4 h-4 text-indigo-400"></i>
                                    <span>Avvocati</span>
                                </a>
                                <div class="border-t border-white/10 mt-2 pt-2">
                                    <a href="/settori/"
                                        class="flex items-center space-x-3 px-4 py-2.5 text-primary-400 hover:text-primary-300 hover:bg-white/5 transition-colors font-medium">
                                        <i data-lucide="layers" class="w-4 h-4"></i>
                                        <span>Tutti i settori</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <a href="/chi-siamo.php" class="text-gray-300 hover:text-white transition-colors font-medium">Chi
                        Siamo</a>
                    <a href="/contatti.php"
                        class="text-gray-300 hover:text-white transition-colors font-medium">Contatti</a>
                </div>

                <!-- CTA Button -->
                <div class="hidden md:flex items-center space-x-4">
                    <a href="tel:+390455116534"
                        class="flex items-center space-x-2 text-gray-300 hover:text-white transition-colors">
                        <i data-lucide="phone" class="w-4 h-4"></i>
                        <span class="font-medium">045 511 6534</span>
                    </a>
                    <a href="/contatti.php"
                        class="px-6 py-3 bg-gradient-to-r from-primary-500 to-accent-500 rounded-full font-semibold hover:opacity-90 transition-opacity">
                        Richiedi Consulenza
                    </a>
                </div>

                <!-- Mobile Menu Button -->
                <button id="mobile-menu-btn" class="md:hidden p-2 rounded-lg hover:bg-white/10 transition-colors">
                    <i data-lucide="menu" class="w-6 h-6"></i>
                </button>
            </div>
        </nav>

        <!-- Mobile Menu -->
        <div id="mobile-menu" class="hidden md:hidden bg-dark-800 border-t border-white/5">
            <div class="px-4 py-6 space-y-2">
                <!-- Servizi Accordion -->
                <div class="mobile-accordion">
                    <button
                        class="mobile-accordion-btn flex items-center justify-between w-full text-gray-300 hover:text-white transition-colors font-medium py-3">
                        <span>Servizi</span>
                        <i data-lucide="chevron-down" class="w-4 h-4 mobile-accordion-icon transition-transform"></i>
                    </button>
                    <div class="mobile-accordion-content hidden pl-4 pb-2 space-y-1">
                        <a href="/servizi/seo.php"
                            class="flex items-center space-x-3 text-gray-400 hover:text-white transition-colors py-2">
                            <i data-lucide="search" class="w-4 h-4 text-primary-400"></i>
                            <span>SEO & Posizionamento</span>
                        </a>
                        <a href="/servizi/siti-web.php"
                            class="flex items-center space-x-3 text-gray-400 hover:text-white transition-colors py-2">
                            <i data-lucide="globe" class="w-4 h-4 text-teal-400"></i>
                            <span>Realizzazione Siti Web</span>
                        </a>
                        <a href="/servizi/google-ads.php"
                            class="flex items-center space-x-3 text-gray-400 hover:text-white transition-colors py-2">
                            <i data-lucide="target" class="w-4 h-4 text-yellow-400"></i>
                            <span>Google Ads</span>
                        </a>
                        <a href="/servizi/meta-ads.php"
                            class="flex items-center space-x-3 text-gray-400 hover:text-white transition-colors py-2">
                            <i data-lucide="megaphone" class="w-4 h-4 text-blue-400"></i>
                            <span>Meta Ads</span>
                        </a>
                        <a href="/servizi/linkedin-ads.php"
                            class="flex items-center space-x-3 text-gray-400 hover:text-white transition-colors py-2">
                            <i data-lucide="linkedin" class="w-4 h-4 text-sky-400"></i>
                            <span>LinkedIn Ads</span>
                        </a>
                        <a href="/servizi/youtube-ads.php"
                            class="flex items-center space-x-3 text-gray-400 hover:text-white transition-colors py-2">
                            <i data-lucide="youtube" class="w-4 h-4 text-red-400"></i>
                            <span>YouTube Ads</span>
                        </a>
                        <a href="/servizi/lead-generation.php"
                            class="flex items-center space-x-3 text-gray-400 hover:text-white transition-colors py-2">
                            <i data-lucide="users" class="w-4 h-4 text-green-400"></i>
                            <span>Lead Generation</span>
                        </a>
                        <a href="/servizi/landing-page.php"
                            class="flex items-center space-x-3 text-gray-400 hover:text-white transition-colors py-2">
                            <i data-lucide="layout-template" class="w-4 h-4 text-cyan-400"></i>
                            <span>Landing Page</span>
                        </a>
                        <a href="/servizi/local-marketing.php"
                            class="flex items-center space-x-3 text-gray-400 hover:text-white transition-colors py-2">
                            <i data-lucide="map-pin" class="w-4 h-4 text-orange-400"></i>
                            <span>Marketing Locale</span>
                        </a>
                        <a href="/servizi/analytics-tracking.php"
                            class="flex items-center space-x-3 text-gray-400 hover:text-white transition-colors py-2">
                            <i data-lucide="bar-chart-2" class="w-4 h-4 text-emerald-400"></i>
                            <span>Analytics & Tracking</span>
                        </a>
                        <a href="/servizi/content-marketing.php"
                            class="flex items-center space-x-3 text-gray-400 hover:text-white transition-colors py-2">
                            <i data-lucide="file-text" class="w-4 h-4 text-indigo-400"></i>
                            <span>Content Marketing</span>
                        </a>
                        <a href="/servizi/geo-aio.php"
                            class="flex items-center space-x-3 text-gray-400 hover:text-white transition-colors py-2">
                            <i data-lucide="sparkles" class="w-4 h-4 text-fuchsia-400"></i>
                            <span>Ottimizzazione GEO + AIO</span>
                        </a>
                        <a href="/servizi.php"
                            class="flex items-center space-x-3 text-primary-400 hover:text-primary-300 transition-colors py-2 font-medium">
                            <i data-lucide="layers" class="w-4 h-4"></i>
                            <span>Tutti i Servizi</span>
                        </a>
                    </div>
                </div>
                <!-- Settori Accordion -->
                <div class="mobile-accordion">
                    <button
                        class="mobile-accordion-btn flex items-center justify-between w-full text-gray-300 hover:text-white transition-colors font-medium py-3">
                        <span>Settori</span>
                        <i data-lucide="chevron-down" class="w-4 h-4 mobile-accordion-icon transition-transform"></i>
                    </button>
                    <div class="mobile-accordion-content hidden pl-4 pb-2 space-y-1">
                        <a href="/settori/imprese-pulizia.php"
                            class="flex items-center space-x-3 text-gray-400 hover:text-white transition-colors py-2">
                            <i data-lucide="building-2" class="w-4 h-4 text-cyan-400"></i>
                            <span>Imprese di Pulizia</span>
                        </a>
                        <a href="/settori/osteopati-fisioterapisti.php"
                            class="flex items-center space-x-3 text-gray-400 hover:text-white transition-colors py-2">
                            <i data-lucide="stethoscope" class="w-4 h-4 text-emerald-400"></i>
                            <span>Osteopati & Fisioterapisti</span>
                        </a>
                        <a href="/settori/psicologi.php"
                            class="flex items-center space-x-3 text-gray-400 hover:text-white transition-colors py-2">
                            <i data-lucide="brain" class="w-4 h-4 text-indigo-400"></i>
                            <span>Psicologi</span>
                        </a>
                        <a href="/settori/nutrizionisti-dietologi.php"
                            class="flex items-center space-x-3 text-gray-400 hover:text-white transition-colors py-2">
                            <i data-lucide="salad" class="w-4 h-4 text-emerald-400"></i>
                            <span>Nutrizionisti & Dietologi</span>
                        </a>
                        <a href="/settori/commercialisti.php"
                            class="flex items-center space-x-3 text-gray-400 hover:text-white transition-colors py-2">
                            <i data-lucide="briefcase" class="w-4 h-4 text-blue-400"></i>
                            <span>Commercialisti</span>
                        </a>
                        <a href="/settori/consulenti-finanziari.php"
                            class="flex items-center space-x-3 text-gray-400 hover:text-white transition-colors py-2">
                            <i data-lucide="line-chart" class="w-4 h-4 text-emerald-400"></i>
                            <span>Consulenti Finanziari</span>
                        </a>
                        <a href="/settori/liberi-professionisti.php"
                            class="flex items-center space-x-3 text-gray-400 hover:text-white transition-colors py-2">
                            <i data-lucide="briefcase" class="w-4 h-4 text-indigo-400"></i>
                            <span>Liberi Professionisti</span>
                        </a>
                        <a href="/settori/architetti-geometri.php"
                            class="flex items-center space-x-3 text-gray-400 hover:text-white transition-colors py-2">
                            <i data-lucide="ruler" class="w-4 h-4 text-cyan-400"></i>
                            <span>Architetti & Geometri</span>
                        </a>
                        <a href="/settori/avvocati.php"
                            class="flex items-center space-x-3 text-gray-400 hover:text-white transition-colors py-2">
                            <i data-lucide="scale" class="w-4 h-4 text-indigo-400"></i>
                            <span>Avvocati</span>
                        </a>
                        <a href="/settori/"
                            class="flex items-center space-x-3 text-primary-400 hover:text-primary-300 transition-colors py-2 font-medium">
                            <i data-lucide="layers" class="w-4 h-4"></i>
                            <span>Tutti i settori</span>
                        </a>
                    </div>
                </div>
                <a href="/chi-siamo.php"
                    class="block text-gray-300 hover:text-white transition-colors font-medium py-3">Chi Siamo</a>
                <a href="/contatti.php"
                    class="block text-gray-300 hover:text-white transition-colors font-medium py-3">Contatti</a>
                <a href="/contatti.php"
                    class="block w-full text-center px-6 py-3 bg-gradient-to-r from-primary-500 to-accent-500 rounded-full font-semibold mt-4">
                    Richiedi Consulenza
                </a>
            </div>
        </div>
    </header>
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "LocalBusiness",
    "@id": "https://seolab.it",
    "name": "SEOLab - Agenzia Marketing Verona",
    "description": "Agenzia di marketing digitale a Verona specializzata in SEO, Google Ads, Meta Ads, Lead Generation e strategie digitali per far crescere il tuo business.",
    "url": "https://seolab.it",
    "telephone": "+390455116534",
    "email": "info@seolab.it",
    "address": {
        "@type": "PostalAddress",
        "streetAddress": "Lungadige Galtarossa, 21",
        "addressLocality": "Verona",
        "postalCode": "37133",
        "addressRegion": "VR",
        "addressCountry": "IT"
    },
    "geo": {
        "@type": "GeoCoordinates",
        "latitude": "45.4384",
        "longitude": "10.9917"
    },
    "openingHoursSpecification": {
        "@type": "OpeningHoursSpecification",
        "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
        "opens": "09:00",
        "closes": "18:00"
    },
    "areaServed": {
        "@type": "Place",
        "name": "Verona, Italia"
    },
    "hasOfferCatalog": {
        "@type": "OfferCatalog",
        "name": "Servizi di Marketing Digitale",
        "itemListElement": [
            {
                "@type": "Offer",
                "itemOffered": {
                    "@type": "Service",
                    "name": "SEO & Posizionamento",
                    "url": "https://seolab.it/servizi/seo.php"
                }
            },
            {
                "@type": "Offer",
                "itemOffered": {
                    "@type": "Service",
                    "name": "Google Ads",
                    "url": "https://seolab.it/servizi/google-ads.php"
                }
            },
            {
                "@type": "Offer",
                "itemOffered": {
                    "@type": "Service",
                    "name": "Meta Ads",
                    "url": "https://seolab.it/servizi/meta-ads.php"
                }
            },
            {
                "@type": "Offer",
                "itemOffered": {
                    "@type": "Service",
                    "name": "Lead Generation",
                    "url": "https://seolab.it/servizi/lead-generation.php"
                }
            },
            {
                "@type": "Offer",
                "itemOffered": {
                    "@type": "Service",
                    "name": "LinkedIn Ads",
                    "url": "https://seolab.it/servizi/linkedin-ads.php"
                }
            },
            {
                "@type": "Offer",
                "itemOffered": {
                    "@type": "Service",
                    "name": "YouTube Ads",
                    "url": "https://seolab.it/servizi/youtube-ads.php"
                }
            }
        ]
    }
}
</script>

<!-- Hero Section -->
<section
    class="relative min-h-screen flex items-center justify-center overflow-hidden hero-gradient hero-pattern pt-20">
    <!-- Animated Background Elements -->
    <div class="absolute inset-0 overflow-hidden pointer-events-none">
        <div class="absolute top-1/4 left-1/4 w-96 h-96 bg-primary-500/10 rounded-full blur-3xl floating"></div>
        <div class="absolute bottom-1/4 right-1/4 w-80 h-80 bg-accent-500/10 rounded-full blur-3xl floating"
            style="animation-delay: -3s;"></div>
        <div class="absolute top-1/2 left-1/2 w-64 h-64 bg-pink-500/5 rounded-full blur-3xl floating"
            style="animation-delay: -1.5s;"></div>
    </div>

    <div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
        <!-- Badge -->
        <div
            class="inline-flex items-center space-x-2 px-4 py-2 rounded-full bg-white/5 border border-white/10 mb-8 fade-in-up">
            <span class="w-2 h-2 bg-green-400 rounded-full animate-pulse"></span>
            <span class="text-sm text-gray-300">Agenzia di marketing a Verona</span>
        </div>

        <!-- Main Headline -->
        <h1 class="text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-display font-bold leading-tight mb-6 fade-in-up">
            <span class="text-white">Fai crescere clienti e fatturato con un’agenzia marketing</span><br>
            <span class="gradient-text">a Verona orientata ai risultati.</span>
        </h1>

        <!-- Subheadline -->
        <p class="text-xl md:text-2xl text-gray-300 max-w-3xl mx-auto mb-10 leading-relaxed fade-in-up">
            Aumentiamo il tuo fatturato con strategie <strong class="text-white">web</strong>, SEO, Google Ads e Lead
            Generation che portano <strong class="text-white">risultati online misurabili</strong>.
        </p>

        <!-- CTA Buttons -->
        <div class="flex flex-col sm:flex-row items-center justify-center gap-4 mb-16 fade-in-up">
            <a href="#contatti" class="btn-primary text-lg px-8 py-4 glow">
                <i data-lucide="rocket" class="w-5 h-5 mr-2"></i>
                Richiedi Consulenza Gratuita
            </a>
            <a href="#servizi" class="btn-secondary text-lg px-8 py-4">
                <i data-lucide="play-circle" class="w-5 h-5 mr-2"></i>
                Scopri i Servizi
            </a>
        </div>

        <!-- Impegni -->
        <div class="flex flex-wrap items-center justify-center gap-x-8 gap-y-3 text-gray-400 fade-in-up">
            <div class="flex items-center space-x-2">
                <i data-lucide="route" class="w-5 h-5 text-primary-400"></i>
                <span>Metodo trasparente in 4 fasi</span>
            </div>
            <div class="flex items-center space-x-2">
                <i data-lucide="key" class="w-5 h-5 text-primary-400"></i>
                <span>Account e dati di tua proprietà</span>
            </div>
            <div class="flex items-center space-x-2">
                <i data-lucide="message-square-warning" class="w-5 h-5 text-primary-400"></i>
                <span>Prima analisi onesta, senza impegno</span>
            </div>
        </div>
    </div>

    <!-- Scroll Indicator -->
    <div class="absolute bottom-8 left-1/2 scroll-indicator">
        <a href="#servizi" class="flex flex-col items-center text-gray-400 hover:text-white transition-colors">
            <span class="text-sm mb-2">Scopri di più</span>
            <i data-lucide="chevron-down" class="w-6 h-6"></i>
        </a>
    </div>
</section>

<!-- Servizi Section -->
<section id="servizi" class="py-24 bg-dark-900">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <!-- Section Header -->
        <div class="text-center max-w-3xl mx-auto mb-16">
            <span class="text-primary-400 font-semibold text-sm uppercase tracking-wider">I Nostri Servizi</span>
            <h2 class="text-3xl md:text-4xl lg:text-5xl font-display font-bold mt-4 mb-6">
                Soluzioni di <span class="gradient-text">Digital Marketing</span> Complete
            </h2>
            <p class="text-gray-400 text-lg">
                Come agenzia <strong class="text-white">web</strong> marketing a Verona, offriamo strategie
                personalizzate per far crescere il tuo business
                <strong class="text-white">online</strong>. Ogni servizio è progettato per massimizzare il tuo ROI.
            </p>
        </div>

        <!-- Services Grid -->
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
            <!-- SEO -->
            <div class="service-card card-hover fade-in-up">
                <div class="service-icon bg-gradient-to-br from-primary-500/20 to-primary-600/20">
                    <i data-lucide="search" class="w-8 h-8 text-primary-400"></i>
                </div>
                <h3 class="text-xl font-bold mb-3">
                    <a href="/servizi/seo.php" class="hover:text-primary-400 transition-colors">SEO & Posizionamento</a>
                </h3>
                <p class="text-gray-400 mb-4">
                    Domina i risultati di Google con strategie SEO avanzate. Aumentiamo la tua visibilità organica e
                    portiamo traffico qualificato al tuo sito, ogni giorno.
                </p>
                <ul class="space-y-2 text-sm text-gray-400">
                    <li class="flex items-center"><i data-lucide="check" class="w-4 h-4 text-green-400 mr-2"></i>Audit
                        SEO completo</li>
                    <li class="flex items-center"><i data-lucide="check"
                            class="w-4 h-4 text-green-400 mr-2"></i>Ottimizzazione On-Page</li>
                    <li class="flex items-center"><i data-lucide="check" class="w-4 h-4 text-green-400 mr-2"></i>Link
                        Building strategica</li>
                    <li class="flex items-center"><i data-lucide="check" class="w-4 h-4 text-green-400 mr-2"></i>SEO
                        Local per Verona</li>
                </ul>
            </div>

            <!-- Google Ads -->
            <div class="service-card card-hover fade-in-up">
                <div class="service-icon bg-gradient-to-br from-yellow-500/20 to-orange-500/20">
                    <i data-lucide="target" class="w-8 h-8 text-yellow-400"></i>
                </div>
                <h3 class="text-xl font-bold mb-3">
                    <a href="/servizi/google-ads.php" class="hover:text-yellow-400 transition-colors">Google Ads</a>
                </h3>
                <p class="text-gray-400 mb-4">
                    Campagne PPC che convertono. Raggiungi i tuoi clienti ideali nel momento esatto in cui cercano i
                    tuoi prodotti o servizi su Google.
                </p>
                <ul class="space-y-2 text-sm text-gray-400">
                    <li class="flex items-center"><i data-lucide="check"
                            class="w-4 h-4 text-green-400 mr-2"></i>Campagne Search & Display</li>
                    <li class="flex items-center"><i data-lucide="check" class="w-4 h-4 text-green-400 mr-2"></i>Google
                        Shopping</li>
                    <li class="flex items-center"><i data-lucide="check"
                            class="w-4 h-4 text-green-400 mr-2"></i>Remarketing avanzato</li>
                    <li class="flex items-center"><i data-lucide="check" class="w-4 h-4 text-green-400 mr-2"></i>YouTube
                        Ads</li>
                </ul>
            </div>

            <!-- Meta Ads -->
            <div class="service-card card-hover fade-in-up">
                <div class="service-icon bg-gradient-to-br from-blue-500/20 to-indigo-500/20">
                    <i data-lucide="megaphone" class="w-8 h-8 text-blue-400"></i>
                </div>
                <h3 class="text-xl font-bold mb-3">
                    <a href="/servizi/meta-ads.php" class="hover:text-blue-400 transition-colors">Meta Ads</a>
                </h3>
                <p class="text-gray-400 mb-4">
                    Pubblicità su Facebook e Instagram che cattura l'attenzione. Creiamo campagne creative che generano
                    engagement e conversioni.
                </p>
                <ul class="space-y-2 text-sm text-gray-400">
                    <li class="flex items-center"><i data-lucide="check"
                            class="w-4 h-4 text-green-400 mr-2"></i>Facebook & Instagram Ads</li>
                    <li class="flex items-center"><i data-lucide="check"
                            class="w-4 h-4 text-green-400 mr-2"></i>Audience targeting avanzato</li>
                    <li class="flex items-center"><i data-lucide="check"
                            class="w-4 h-4 text-green-400 mr-2"></i>Creative design</li>
                    <li class="flex items-center"><i data-lucide="check" class="w-4 h-4 text-green-400 mr-2"></i>A/B
                        Testing continuo</li>
                </ul>
            </div>

            <!-- Lead Generation -->
            <div class="service-card card-hover fade-in-up">
                <div class="service-icon bg-gradient-to-br from-green-500/20 to-emerald-500/20">
                    <i data-lucide="users" class="w-8 h-8 text-green-400"></i>
                </div>
                <h3 class="text-xl font-bold mb-3">
                    <a href="/servizi/lead-generation.php" class="hover:text-green-400 transition-colors">Lead
                        Generation</a>
                </h3>
                <p class="text-gray-400 mb-4">
                    Generiamo contatti qualificati pronti all'acquisto. Strategie multi-canale per riempire il tuo CRM
                    di opportunità concrete.
                </p>
                <ul class="space-y-2 text-sm text-gray-400">
                    <li class="flex items-center"><i data-lucide="check" class="w-4 h-4 text-green-400 mr-2"></i>Landing
                        page ottimizzate</li>
                    <li class="flex items-center"><i data-lucide="check" class="w-4 h-4 text-green-400 mr-2"></i>Funnel
                        di conversione</li>
                    <li class="flex items-center"><i data-lucide="check" class="w-4 h-4 text-green-400 mr-2"></i>Email
                        marketing automation</li>
                    <li class="flex items-center"><i data-lucide="check" class="w-4 h-4 text-green-400 mr-2"></i>Lead
                        scoring & nurturing</li>
                </ul>
            </div>

            <!-- Digital Marketing -->
            <div class="service-card card-hover fade-in-up">
                <div class="service-icon bg-gradient-to-br from-purple-500/20 to-pink-500/20">
                    <i data-lucide="trending-up" class="w-8 h-8 text-purple-400"></i>
                </div>
                <h3 class="text-xl font-bold mb-3">
                    <a href="/servizi.php" class="hover:text-purple-400 transition-colors">Digital Marketing</a>
                </h3>
                <p class="text-gray-400 mb-4">
                    Strategia digitale a 360°. Integriamo tutti i canali per creare un ecosistema di marketing che
                    lavora in sinergia per il tuo successo.
                </p>
                <ul class="space-y-2 text-sm text-gray-400">
                    <li class="flex items-center"><i data-lucide="check"
                            class="w-4 h-4 text-green-400 mr-2"></i>Strategia omnichannel</li>
                    <li class="flex items-center"><i data-lucide="check" class="w-4 h-4 text-green-400 mr-2"></i>Content
                        marketing</li>
                    <li class="flex items-center"><i data-lucide="check" class="w-4 h-4 text-green-400 mr-2"></i>Social
                        media management</li>
                    <li class="flex items-center"><i data-lucide="check"
                            class="w-4 h-4 text-green-400 mr-2"></i>Analytics & reporting</li>
                </ul>
            </div>

            <!-- Content Marketing -->
            <div class="service-card card-hover fade-in-up">
                <div class="service-icon bg-gradient-to-br from-indigo-500/20 to-violet-500/20">
                    <i data-lucide="file-text" class="w-8 h-8 text-indigo-400"></i>
                </div>
                <h3 class="text-xl font-bold mb-3">
                    <a href="/servizi/content-marketing.php" class="hover:text-indigo-400 transition-colors">Content
                        Marketing</a>
                </h3>
                <p class="text-gray-400 mb-4">
                    Contenuti che attraggono, educano e convertono. Blog, guide, video e social content per posizionarti
                    come autorità nel tuo settore.
                </p>
                <ul class="space-y-2 text-sm text-gray-400">
                    <li class="flex items-center"><i data-lucide="check" class="w-4 h-4 text-green-400 mr-2"></i>Blog &
                        articoli SEO</li>
                    <li class="flex items-center"><i data-lucide="check" class="w-4 h-4 text-green-400 mr-2"></i>Guide &
                        ebook</li>
                    <li class="flex items-center"><i data-lucide="check" class="w-4 h-4 text-green-400 mr-2"></i>Video &
                        podcast</li>
                    <li class="flex items-center"><i data-lucide="check" class="w-4 h-4 text-green-400 mr-2"></i>Piano
                        editoriale</li>
                </ul>
            </div>

            <!-- Marketing Locale & Google Maps -->
            <div class="service-card card-hover fade-in-up">
                <div class="service-icon bg-gradient-to-br from-red-500/20 to-orange-500/20">
                    <i data-lucide="map-pin" class="w-8 h-8 text-red-400"></i>
                </div>
                <h3 class="text-xl font-bold mb-3">
                    <a href="/servizi/local-marketing.php" class="hover:text-red-400 transition-colors">Marketing Locale
                        & Google Maps</a>
                </h3>
                <p class="text-gray-400 mb-4">
                    Fatti trovare dai clienti della tua zona. Ottimizziamo la tua presenza su Google Maps e posizioniamo
                    la tua attività nelle ricerche locali a Verona.
                </p>
                <ul class="space-y-2 text-sm text-gray-400">
                    <li class="flex items-center"><i data-lucide="check" class="w-4 h-4 text-green-400 mr-2"></i>Google
                        Business Profile</li>
                    <li class="flex items-center"><i data-lucide="check" class="w-4 h-4 text-green-400 mr-2"></i>SEO
                        Local & Citazioni</li>
                    <li class="flex items-center"><i data-lucide="check"
                            class="w-4 h-4 text-green-400 mr-2"></i>Recensioni & Reputation</li>
                    <li class="flex items-center"><i data-lucide="check" class="w-4 h-4 text-green-400 mr-2"></i>Local
                        Ads geolocalizzate</li>
                </ul>
            </div>

            <!-- LinkedIn Ads -->
            <div class="service-card card-hover fade-in-up">
                <div class="service-icon bg-gradient-to-br from-sky-500/20 to-blue-600/20">
                    <i data-lucide="linkedin" class="w-8 h-8 text-sky-400"></i>
                </div>
                <h3 class="text-xl font-bold mb-3">
                    <a href="/servizi/linkedin-ads.php" class="hover:text-sky-400 transition-colors">LinkedIn Ads</a>
                </h3>
                <p class="text-gray-400 mb-4">
                    Raggiungi decision maker e professionisti B2B con campagne LinkedIn mirate. Il canale perfetto per
                    lead generation aziendale e employer branding.
                </p>
                <ul class="space-y-2 text-sm text-gray-400">
                    <li class="flex items-center"><i data-lucide="check"
                            class="w-4 h-4 text-green-400 mr-2"></i>Targeting per ruolo e settore</li>
                    <li class="flex items-center"><i data-lucide="check"
                            class="w-4 h-4 text-green-400 mr-2"></i>Sponsored Content & InMail</li>
                    <li class="flex items-center"><i data-lucide="check" class="w-4 h-4 text-green-400 mr-2"></i>Lead
                        Gen Forms nativi</li>
                    <li class="flex items-center"><i data-lucide="check"
                            class="w-4 h-4 text-green-400 mr-2"></i>Account-Based Marketing</li>
                </ul>
            </div>

            <!-- YouTube Ads -->
            <div class="service-card card-hover fade-in-up">
                <div class="service-icon bg-gradient-to-br from-red-500/20 to-rose-600/20">
                    <i data-lucide="youtube" class="w-8 h-8 text-red-400"></i>
                </div>
                <h3 class="text-xl font-bold mb-3">
                    <a href="/servizi/youtube-ads.php" class="hover:text-red-400 transition-colors">YouTube Ads</a>
                </h3>
                <p class="text-gray-400 mb-4">
                    Video advertising sulla seconda piattaforma di ricerca al mondo. Cattura l'attenzione con annunci
                    video che raccontano il tuo brand e generano conversioni.
                </p>
                <ul class="space-y-2 text-sm text-gray-400">
                    <li class="flex items-center"><i data-lucide="check"
                            class="w-4 h-4 text-green-400 mr-2"></i>TrueView In-Stream & Discovery</li>
                    <li class="flex items-center"><i data-lucide="check" class="w-4 h-4 text-green-400 mr-2"></i>Bumper
                        Ads 6 secondi</li>
                    <li class="flex items-center"><i data-lucide="check"
                            class="w-4 h-4 text-green-400 mr-2"></i>Targeting per interessi & intent</li>
                    <li class="flex items-center"><i data-lucide="check"
                            class="w-4 h-4 text-green-400 mr-2"></i>Remarketing video</li>
                </ul>
            </div>

            <!-- Creazione Landing Page -->
            <div class="service-card card-hover fade-in-up">
                <div class="service-icon bg-gradient-to-br from-cyan-500/20 to-primary-500/20">
                    <i data-lucide="layout-template" class="w-8 h-8 text-cyan-400"></i>
                </div>
                <h3 class="text-xl font-bold mb-3">
                    <a href="/servizi/landing-page.php" class="hover:text-cyan-400 transition-colors">Creazione Landing
                        Page</a>
                </h3>
                <p class="text-gray-400 mb-4">
                    Landing page progettate per convertire: copy persuasivo, UX veloce e tracciamento completo. Ideali
                    per campagne Google Ads, Meta Ads e lead generation.
                </p>
                <ul class="space-y-2 text-sm text-gray-400">
                    <li class="flex items-center"><i data-lucide="check"
                            class="w-4 h-4 text-green-400 mr-2"></i>Struttura & copy orientati al ROI</li>
                    <li class="flex items-center"><i data-lucide="check" class="w-4 h-4 text-green-400 mr-2"></i>Design
                        moderno mobile-first</li>
                    <li class="flex items-center"><i data-lucide="check" class="w-4 h-4 text-green-400 mr-2"></i>Form,
                        CTA e funnel ottimizzati</li>
                    <li class="flex items-center"><i data-lucide="check"
                            class="w-4 h-4 text-green-400 mr-2"></i>Tracking (GA4, Pixel, conversioni)</li>
                </ul>
            </div>

            <!-- Analytics & Tracking -->
            <div class="service-card card-hover fade-in-up">
                <div class="service-icon bg-gradient-to-br from-emerald-500/20 to-teal-500/20">
                    <i data-lucide="bar-chart-2" class="w-8 h-8 text-emerald-400"></i>
                </div>
                <h3 class="text-xl font-bold mb-3">
                    <a href="/servizi/analytics-tracking.php" class="hover:text-emerald-400 transition-colors">Analytics
                        & Tracking</a>
                </h3>
                <p class="text-gray-400 mb-4">
                    Misura tutto, ottimizza meglio. Implementiamo Google Analytics 4, Tag Manager e tracking conversioni
                    per darti visibilità completa sui tuoi investimenti.
                </p>
                <ul class="space-y-2 text-sm text-gray-400">
                    <li class="flex items-center"><i data-lucide="check" class="w-4 h-4 text-green-400 mr-2"></i>Google
                        Analytics 4 setup</li>
                    <li class="flex items-center"><i data-lucide="check" class="w-4 h-4 text-green-400 mr-2"></i>Google
                        Tag Manager</li>
                    <li class="flex items-center"><i data-lucide="check"
                            class="w-4 h-4 text-green-400 mr-2"></i>Tracking conversioni & eventi</li>
                    <li class="flex items-center"><i data-lucide="check"
                            class="w-4 h-4 text-green-400 mr-2"></i>Dashboard & reportistica</li>
                </ul>
            </div>

            <!-- Consulenza -->
            <div class="service-card card-hover fade-in-up gradient-border">
                <div class="service-icon bg-gradient-to-br from-primary-500/20 to-accent-500/20">
                    <i data-lucide="lightbulb" class="w-8 h-8 text-accent-400"></i>
                </div>
                <h3 class="text-xl font-bold mb-3">Consulenza Strategica</h3>
                <p class="text-gray-400 mb-4">
                    Non sai da dove iniziare? Ti guidiamo nella definizione della strategia perfetta per i tuoi
                    obiettivi di business.
                </p>
                <a href="#contatti"
                    class="inline-flex items-center text-primary-400 hover:text-primary-300 font-semibold mt-4">
                    Prenota una call gratuita
                    <i data-lucide="arrow-right" class="w-4 h-4 ml-2"></i>
                </a>
            </div>
        </div>
    </div>
</section>

<!-- Perché Noi Section -->
<section id="perche-noi" class="py-24 bg-dark-800">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="grid grid-cols-1 lg:grid-cols-2 gap-16 items-center">
            <!-- Content -->
            <div>
                <span class="text-primary-400 font-semibold text-sm uppercase tracking-wider">Perché Scegliere
                    SEOLab</span>
                <h2 class="text-3xl md:text-4xl lg:text-5xl font-display font-bold mt-4 mb-6">
                    L'Agenzia Marketing Verona che <span class="gradient-text">Genera Risultati</span>
                </h2>
                <p class="text-gray-400 text-lg mb-8">
                    Non siamo l'ennesima agenzia che promette miracoli. Siamo partner strategici <strong
                        class="text-white">web</strong> che lavorano al tuo
                    fianco con un unico obiettivo: far crescere il tuo fatturato <strong
                        class="text-white">online</strong> in modo misurabile e sostenibile.
                </p>

                <div class="space-y-6">
                    <div class="flex items-start space-x-4">
                        <div
                            class="w-12 h-12 rounded-xl bg-primary-500/20 flex items-center justify-center flex-shrink-0">
                            <i data-lucide="target" class="w-6 h-6 text-primary-400"></i>
                        </div>
                        <div>
                            <h4 class="font-bold text-lg mb-1">Focus sui Risultati</h4>
                            <p class="text-gray-400">Ogni strategia è orientata al ROI. Misuriamo tutto e ottimizziamo
                                costantemente per massimizzare il tuo investimento.</p>
                        </div>
                    </div>

                    <div class="flex items-start space-x-4">
                        <div
                            class="w-12 h-12 rounded-xl bg-accent-500/20 flex items-center justify-center flex-shrink-0">
                            <i data-lucide="users" class="w-6 h-6 text-accent-400"></i>
                        </div>
                        <div>
                            <h4 class="font-bold text-lg mb-1">Team Dedicato</h4>
                            <p class="text-gray-400">Un team di esperti dedicato al tuo progetto. Niente call center,
                                solo professionisti che conoscono il tuo business.</p>
                        </div>
                    </div>

                    <div class="flex items-start space-x-4">
                        <div
                            class="w-12 h-12 rounded-xl bg-green-500/20 flex items-center justify-center flex-shrink-0">
                            <i data-lucide="map-pin" class="w-6 h-6 text-green-400"></i>
                        </div>
                        <div>
                            <h4 class="font-bold text-lg mb-1">Radicati a Verona</h4>
                            <p class="text-gray-400">Conosciamo il territorio veronese e le sue dinamiche. Siamo qui,
                                pronti a incontrarti di persona quando serve.</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Visual -->
            <div class="relative">
                <div class="gradient-border p-8 glow">
                    <div class="space-y-5">
                        <div class="flex items-center space-x-3 mb-2">
                            <div class="w-12 h-12 rounded-xl bg-primary-500/20 flex items-center justify-center flex-shrink-0">
                                <i data-lucide="compass" class="w-6 h-6 text-primary-400"></i>
                            </div>
                            <p class="font-semibold text-lg">Come lavoriamo</p>
                        </div>
                        <ul class="space-y-4">
                            <li class="flex items-start space-x-3">
                                <i data-lucide="check" class="w-5 h-5 text-primary-400 mt-0.5 flex-shrink-0"></i>
                                <span class="text-gray-300">Metodo trasparente in 4 fasi, descritto per intero</span>
                            </li>
                            <li class="flex items-start space-x-3">
                                <i data-lucide="check" class="w-5 h-5 text-primary-400 mt-0.5 flex-shrink-0"></i>
                                <span class="text-gray-300">Account, dati e sito restano di tua proprietà</span>
                            </li>
                            <li class="flex items-start space-x-3">
                                <i data-lucide="check" class="w-5 h-5 text-primary-400 mt-0.5 flex-shrink-0"></i>
                                <span class="text-gray-300">Prima analisi onesta: ti diciamo anche se NON ti conviene</span>
                            </li>
                        </ul>
                        <a href="/pagine/metodo.php" class="inline-flex items-center text-primary-400 hover:text-primary-300 font-medium pt-2">
                            Scopri il nostro metodo
                            <i data-lucide="arrow-right" class="w-4 h-4 ml-1"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Processo Section -->
<section id="processo" class="py-24 bg-dark-900">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <!-- Section Header -->
        <div class="text-center max-w-3xl mx-auto mb-16">
            <span class="text-primary-400 font-semibold text-sm uppercase tracking-wider">Il Nostro Metodo</span>
            <h2 class="text-3xl md:text-4xl lg:text-5xl font-display font-bold mt-4 mb-6">
                Come <span class="gradient-text">Trasformiamo</span> il Tuo Business
            </h2>
            <p class="text-gray-400 text-lg">
                Un processo collaudato in 4 fasi per portare risultati concreti e misurabili alla tua azienda.
            </p>
        </div>

        <!-- Process Steps -->
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
            <div class="relative fade-in-up">
                <div class="text-8xl font-display font-bold text-white/5 absolute -top-4 -left-2">01</div>
                <div class="relative z-10 pt-8">
                    <div
                        class="w-14 h-14 rounded-2xl bg-gradient-to-br from-primary-500 to-primary-600 flex items-center justify-center mb-6">
                        <i data-lucide="search" class="w-7 h-7 text-white"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-3">Analisi & Audit</h3>
                    <p class="text-gray-400">
                        Studiamo il tuo business, i competitor e il mercato. Identifichiamo opportunità nascoste e punti
                        di miglioramento.
                    </p>
                </div>
            </div>

            <div class="relative fade-in-up">
                <div class="text-8xl font-display font-bold text-white/5 absolute -top-4 -left-2">02</div>
                <div class="relative z-10 pt-8">
                    <div
                        class="w-14 h-14 rounded-2xl bg-gradient-to-br from-accent-500 to-accent-600 flex items-center justify-center mb-6">
                        <i data-lucide="compass" class="w-7 h-7 text-white"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-3">Strategia</h3>
                    <p class="text-gray-400">
                        Definiamo obiettivi SMART e creiamo un piano d'azione personalizzato con KPI chiari e timeline
                        definite.
                    </p>
                </div>
            </div>

            <div class="relative fade-in-up">
                <div class="text-8xl font-display font-bold text-white/5 absolute -top-4 -left-2">03</div>
                <div class="relative z-10 pt-8">
                    <div
                        class="w-14 h-14 rounded-2xl bg-gradient-to-br from-green-500 to-green-600 flex items-center justify-center mb-6">
                        <i data-lucide="rocket" class="w-7 h-7 text-white"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-3">Esecuzione</h3>
                    <p class="text-gray-400">
                        Implementiamo le strategie con precisione chirurgica. Ogni azione è tracciata e ottimizzata in
                        tempo reale.
                    </p>
                </div>
            </div>

            <div class="relative fade-in-up">
                <div class="text-8xl font-display font-bold text-white/5 absolute -top-4 -left-2">04</div>
                <div class="relative z-10 pt-8">
                    <div
                        class="w-14 h-14 rounded-2xl bg-gradient-to-br from-pink-500 to-pink-600 flex items-center justify-center mb-6">
                        <i data-lucide="bar-chart-3" class="w-7 h-7 text-white"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-3">Ottimizzazione</h3>
                    <p class="text-gray-400">
                        Analizziamo i dati, testiamo nuove ipotesi e miglioriamo continuamente per massimizzare i
                        risultati.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>



<!-- FAQ Schema (FAQPage) -->
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
        {
            "@type": "Question",
            "name": "Quanto costa lavorare con un'agenzia marketing a Verona?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Dipende dai servizi e dagli obiettivi, quindi non esiste una cifra unica. Quello che possiamo dirti è il modello: la maggior parte dei servizi si lavora a canone mensile, mentre per le campagne pubblicitarie si aggiunge il budget destinato agli annunci, che decidi tu. Definiamo il preventivo esatto dopo una consulenza gratuita, in base al tuo punto di partenza e a cosa vuoi ottenere."
            }
        },
        {
            "@type": "Question",
            "name": "In quanto tempo vedrò i primi risultati?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Dipende dal servizio: con Google Ads e Meta Ads i primi risultati arrivano in 2-4 settimane. Per la SEO, i miglioramenti significativi si vedono in 3-6 mesi. Ti forniamo report mensili dettagliati per monitorare ogni progresso fin dal primo giorno."
            }
        },
        {
            "@type": "Question",
            "name": "Lavorate solo con aziende di Verona?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Siamo un'agenzia marketing con sede a Verona, ma lavoriamo con clienti in tutta Italia. La nostra expertise locale ci rende particolarmente efficaci per le aziende del territorio veronese che vogliono dominare il mercato locale, ma gestiamo con successo anche progetti nazionali e internazionali."
            }
        },
        {
            "@type": "Question",
            "name": "Che garanzie offrite sui risultati?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Non promettiamo miracoli, ma risultati concreti basati su dati. Definiamo insieme KPI chiari e misurabili prima di iniziare, e siamo onesti sui tempi e su ciò che non si può garantire. Se dopo i primi mesi i numeri non si muovono, rivediamo la strategia insieme. Quello che ti garantiamo è il metodo, la trasparenza e i dati sempre accessibili — non una percentuale di risultato, che nessuno serio può promettere."
            }
        },
        {
            "@type": "Question",
            "name": "Come funziona la consulenza gratuita?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Prenoti una call di 30 minuti con uno dei nostri esperti. Analizziamo insieme la tua situazione attuale, i tuoi obiettivi e ti forniamo già alcuni spunti pratici che puoi implementare subito. Nessun impegno, nessuna pressione commerciale. Solo valore concreto."
            }
        },
        {
            "@type": "Question",
            "name": "Come scegliere un'agenzia marketing a Verona?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Valuta più la sostanza che i premi in vetrina: che l'agenzia ti mostri come lavora — metodo, strumenti e report — che ti lasci account e dati di tua proprietà e che sia onesta sui tempi e su ciò che non può garantire. Diffida di chi promette la prima posizione su Google o risultati immediati. Chiedi un primo confronto gratuito e verifica se ragiona sui tuoi obiettivi di business, non solo sulle metriche."
            }
        },
        {
            "@type": "Question",
            "name": "Meglio agenzia o freelance?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Dipende dal progetto. Un freelance costa meno ed è adatto a un'attività singola e ben definita; un'agenzia mette insieme più competenze — SEO, advertising, contenuti, tracciamento — e garantisce continuità anche quando una persona non c'è. Se devi coordinare più canali e ti serve una struttura che regga nel tempo conviene un'agenzia; per un intervento puntuale può bastare un buon freelance. In entrambi i casi, assicurati che account e dati restino tuoi."
            }
        }
    ]
}
</script>

<!-- Pricing Section -->
<section id="prezzi" class="py-24 bg-dark-800">
    <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center mb-12">
            <span class="text-primary-400 font-semibold text-sm uppercase tracking-wider">Prezzi</span>
            <h2 class="text-3xl md:text-4xl lg:text-5xl font-display font-bold mt-4 mb-6">
                Quanto costa un'agenzia <span class="gradient-text">marketing a Verona</span>?
            </h2>
            <p class="text-gray-400 text-lg max-w-3xl mx-auto">
                Non esiste una cifra unica, perché dipende dai servizi e dagli obiettivi — e diffida di chi te ne dà una
                al telefono senza sapere nulla di te. Quello che possiamo dirti con chiarezza è il <strong class="text-white">modello</strong>:
                la maggior parte dei servizi si lavora a canone mensile, mentre per le campagne pubblicitarie si aggiunge
                il budget destinato agli annunci, che decidi tu. Il preventivo esatto nasce da una consulenza gratuita.
            </p>
        </div>

        <div class="overflow-x-auto">
            <table class="w-full text-left border border-white/10 rounded-2xl overflow-hidden">
                <thead class="bg-dark-900">
                    <tr>
                        <th class="px-6 py-4 text-sm font-semibold text-gray-200">Servizio</th>
                        <th class="px-6 py-4 text-sm font-semibold text-gray-200">Come funziona l'investimento</th>
                    </tr>
                </thead>
                <tbody class="text-gray-300">
                    <tr class="border-t border-white/10">
                        <td class="px-6 py-4"><a href="/servizi/seo.php" class="text-primary-400 hover:underline">SEO &amp; Posizionamento</a></td>
                        <td class="px-6 py-4">Canone mensile (attività continuativa)</td>
                    </tr>
                    <tr class="border-t border-white/10 bg-white/[0.02]">
                        <td class="px-6 py-4"><a href="/servizi/google-ads.php" class="text-primary-400 hover:underline">Google Ads</a></td>
                        <td class="px-6 py-4">Fee di gestione + budget pubblicitario (che decidi tu)</td>
                    </tr>
                    <tr class="border-t border-white/10">
                        <td class="px-6 py-4"><a href="/servizi/meta-ads.php" class="text-primary-400 hover:underline">Meta Ads</a> <span class="text-gray-500">(Facebook &amp; Instagram)</span></td>
                        <td class="px-6 py-4">Fee di gestione + budget (+ eventuale produzione creatività)</td>
                    </tr>
                    <tr class="border-t border-white/10 bg-white/[0.02]">
                        <td class="px-6 py-4"><a href="/servizi/content-marketing.php" class="text-primary-400 hover:underline">Content Marketing</a></td>
                        <td class="px-6 py-4">Canone mensile</td>
                    </tr>
                    <tr class="border-t border-white/10">
                        <td class="px-6 py-4"><a href="/servizi/siti-web.php" class="text-primary-400 hover:underline">Realizzazione siti web</a></td>
                        <td class="px-6 py-4">A progetto</td>
                    </tr>
                    <tr class="border-t border-white/10 bg-white/[0.02]">
                        <td class="px-6 py-4 font-semibold text-white">Progetto completo multicanale</td>
                        <td class="px-6 py-4 font-semibold text-white">Canone su misura, in base ai servizi</td>
                    </tr>
                </tbody>
            </table>
        </div>

        <p class="text-sm font-semibold text-primary-300 uppercase tracking-wide mt-8 mb-3 max-w-3xl">Cosa fa variare l'investimento</p>
        <ul class="grid grid-cols-1 sm:grid-cols-2 gap-3 text-gray-400 max-w-3xl">
            <li class="flex items-start space-x-2"><i data-lucide="dot" class="w-5 h-5 text-accent-400 mt-0.5 flex-shrink-0"></i><span>Settore, concorrenza e competitività dell'asta pubblicitaria</span></li>
            <li class="flex items-start space-x-2"><i data-lucide="dot" class="w-5 h-5 text-accent-400 mt-0.5 flex-shrink-0"></i><span>Stato di partenza: sito, tracciamento, contenuti</span></li>
            <li class="flex items-start space-x-2"><i data-lucide="dot" class="w-5 h-5 text-accent-400 mt-0.5 flex-shrink-0"></i><span>Ampiezza del progetto e numero di canali</span></li>
            <li class="flex items-start space-x-2"><i data-lucide="dot" class="w-5 h-5 text-accent-400 mt-0.5 flex-shrink-0"></i><span>Budget pubblicitario destinato alle campagne</span></li>
        </ul>

        <div class="mt-10 text-center">
            <a href="/contatti.php" class="btn-primary text-lg">
                <i data-lucide="calculator" class="w-5 h-5 mr-2"></i>
                Richiedi un preventivo personalizzato
            </a>
        </div>
    </div>
</section>

<!-- FAQ Section -->
<section id="faq" class="py-24 bg-dark-900">
    <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
        <!-- Section Header -->
        <div class="text-center mb-16">
            <span class="text-primary-400 font-semibold text-sm uppercase tracking-wider">FAQ</span>
            <h2 class="text-3xl md:text-4xl lg:text-5xl font-display font-bold mt-4 mb-6">
                Domande <span class="gradient-text">Frequenti</span>
            </h2>
            <p class="text-gray-400 text-lg">
                Tutto quello che devi sapere sulla nostra agenzia marketing a Verona.
            </p>
        </div>

        <!-- FAQ Items -->
        <style>
            .faq-native { background:#1a1a2e; border:1px solid rgba(255,255,255,.1); border-radius:1rem; overflow:hidden; }
            .faq-native-summary { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.25rem 1.5rem; font-weight:600; color:#fff; cursor:pointer; list-style:none; }
            .faq-native-summary::-webkit-details-marker { display:none; }
            .faq-native-icon { flex-shrink:0; transition:transform .3s ease; }
            .faq-native[open] .faq-native-icon { transform:rotate(180deg); }
            .faq-native-body { padding:0 1.5rem 1.25rem; }
        </style>
        <div class="space-y-4">
            <details class="faq-native">
                <summary class="faq-native-summary">
                    <span>Quanto costa lavorare con un'agenzia marketing a Verona?</span>
                    <i data-lucide="chevron-down" class="w-5 h-5 faq-native-icon"></i>
                </summary>
                <div class="faq-native-body">
                    <p class="text-gray-400">Dipende dai servizi e dagli obiettivi, quindi non esiste una cifra unica. Quello che possiamo dirti è il modello: la maggior parte dei servizi si lavora a canone mensile, mentre per le campagne pubblicitarie si aggiunge il budget destinato agli annunci, che decidi tu. Definiamo il preventivo esatto dopo una consulenza gratuita, in base al tuo punto di partenza e a cosa vuoi ottenere.</p>
                </div>
            </details>

            <details class="faq-native">
                <summary class="faq-native-summary">
                    <span>In quanto tempo vedrò i primi risultati?</span>
                    <i data-lucide="chevron-down" class="w-5 h-5 faq-native-icon"></i>
                </summary>
                <div class="faq-native-body">
                    <p class="text-gray-400">Dipende dal servizio: con Google Ads e Meta Ads i primi risultati arrivano in 2-4 settimane. Per la SEO, i miglioramenti significativi si vedono in 3-6 mesi. Ti forniamo report mensili dettagliati per monitorare ogni progresso fin dal primo giorno.</p>
                </div>
            </details>

            <details class="faq-native">
                <summary class="faq-native-summary">
                    <span>Lavorate solo con aziende di Verona?</span>
                    <i data-lucide="chevron-down" class="w-5 h-5 faq-native-icon"></i>
                </summary>
                <div class="faq-native-body">
                    <p class="text-gray-400">Siamo un'agenzia marketing con sede a Verona, ma lavoriamo con clienti in tutta Italia. La nostra expertise locale ci rende particolarmente efficaci per le aziende del territorio veronese che vogliono dominare il mercato locale, ma gestiamo con successo anche progetti nazionali e internazionali.</p>
                </div>
            </details>

            <details class="faq-native">
                <summary class="faq-native-summary">
                    <span>Che garanzie offrite sui risultati?</span>
                    <i data-lucide="chevron-down" class="w-5 h-5 faq-native-icon"></i>
                </summary>
                <div class="faq-native-body">
                    <p class="text-gray-400">Non promettiamo miracoli, ma risultati concreti basati su dati. Definiamo insieme KPI chiari e misurabili prima di iniziare, e siamo onesti sui tempi e su ciò che non si può garantire. Se dopo i primi mesi i numeri non si muovono, rivediamo la strategia insieme. Quello che ti garantiamo è il metodo, la trasparenza e i dati sempre accessibili — non una percentuale di risultato, che nessuno serio può promettere.</p>
                </div>
            </details>

            <details class="faq-native">
                <summary class="faq-native-summary">
                    <span>Come funziona la consulenza gratuita?</span>
                    <i data-lucide="chevron-down" class="w-5 h-5 faq-native-icon"></i>
                </summary>
                <div class="faq-native-body">
                    <p class="text-gray-400">Prenoti una call di 30 minuti con uno dei nostri esperti. Analizziamo insieme la tua situazione attuale, i tuoi obiettivi e ti forniamo già alcuni spunti pratici che puoi implementare subito. Nessun impegno, nessuna pressione commerciale. Solo valore concreto.</p>
                </div>
            </details>

            <details class="faq-native">
                <summary class="faq-native-summary">
                    <span>Come scegliere un'agenzia marketing a Verona?</span>
                    <i data-lucide="chevron-down" class="w-5 h-5 faq-native-icon"></i>
                </summary>
                <div class="faq-native-body">
                    <p class="text-gray-400">Valuta più la sostanza che i premi in vetrina: che l'agenzia ti mostri come lavora — metodo, strumenti e report — che ti lasci account e dati di tua proprietà e che sia onesta sui tempi e su ciò che non può garantire. Diffida di chi promette la prima posizione su Google o risultati immediati. Chiedi un primo confronto gratuito e verifica se ragiona sui tuoi obiettivi di business, non solo sulle metriche.</p>
                </div>
            </details>

            <details class="faq-native">
                <summary class="faq-native-summary">
                    <span>Meglio agenzia o freelance?</span>
                    <i data-lucide="chevron-down" class="w-5 h-5 faq-native-icon"></i>
                </summary>
                <div class="faq-native-body">
                    <p class="text-gray-400">Dipende dal progetto. Un freelance costa meno ed è adatto a un'attività singola e ben definita; un'agenzia mette insieme più competenze — SEO, advertising, contenuti, tracciamento — e garantisce continuità anche quando una persona non c'è. Se devi coordinare più canali e ti serve una struttura che regga nel tempo conviene un'agenzia; per un intervento puntuale può bastare un buon freelance. In entrambi i casi, assicurati che account e dati restino tuoi.</p>
                </div>
            </details>
        </div>
    </div>
</section>

<!-- CTA Section -->
<section class="py-24 bg-dark-800 relative overflow-hidden">
    <!-- Background Effects -->
    <div class="absolute inset-0 hero-gradient opacity-50"></div>
    <div
        class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] bg-primary-500/10 rounded-full blur-3xl">
    </div>

    <div class="relative z-10 max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
        <h2 class="text-3xl md:text-4xl lg:text-5xl font-display font-bold mb-6">
            Pronto a Far <span class="gradient-text">Decollare</span> il Tuo Business?
        </h2>
        <p class="text-xl text-gray-300 mb-10 max-w-2xl mx-auto">
            Raccontaci dove sei e dove vuoi arrivare. Parti da una consulenza gratuita: un'analisi onesta della tua
            situazione, senza impegno e senza pressione commerciale.
        </p>
        <div class="flex flex-col sm:flex-row items-center justify-center gap-4">
            <a href="#contatti" class="btn-primary text-lg px-10 py-5 glow">
                <i data-lucide="calendar" class="w-5 h-5 mr-2"></i>
                Prenota Consulenza Gratuita
            </a>
            <a href="tel:+390455116534" class="btn-secondary text-lg px-10 py-5">
                <i data-lucide="phone" class="w-5 h-5 mr-2"></i>
                Chiama Ora
            </a>
        </div>
    </div>
</section>

<!-- Contact Section -->
<section id="contatti" class="py-24 bg-dark-900">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="grid grid-cols-1 lg:grid-cols-2 gap-16">
            <!-- Contact Info -->
            <div>
                <span class="text-primary-400 font-semibold text-sm uppercase tracking-wider">Contattaci</span>
                <h2 class="text-3xl md:text-4xl lg:text-5xl font-display font-bold mt-4 mb-6">
                    Parliamo del Tuo <span class="gradient-text">Progetto</span>
                </h2>
                <p class="text-gray-400 text-lg mb-8">
                    Siamo pronti ad ascoltarti. Compila il form o contattaci direttamente per iniziare a costruire
                    insieme la tua strategia di crescita.
                </p>

                <div class="space-y-6 mb-8">
                    <div class="flex items-center space-x-4">
                        <div class="w-12 h-12 rounded-xl bg-primary-500/20 flex items-center justify-center">
                            <i data-lucide="map-pin" class="w-6 h-6 text-primary-400"></i>
                        </div>
                        <div>
                            <p class="font-semibold">Sede</p>
                            <p class="text-gray-400">Lungadige Galtarossa, 21, 37133 Verona (VR)</p>
                        </div>
                    </div>

                    <div class="flex items-center space-x-4">
                        <div class="w-12 h-12 rounded-xl bg-primary-500/20 flex items-center justify-center">
                            <i data-lucide="phone" class="w-6 h-6 text-primary-400"></i>
                        </div>
                        <div>
                            <p class="font-semibold">Telefono</p>
                            <a href="tel:+390455116534" class="text-gray-400 hover:text-white transition-colors">045 511
                                6534</a>
                        </div>
                    </div>

                    <div class="flex items-center space-x-4">
                        <div class="w-12 h-12 rounded-xl bg-primary-500/20 flex items-center justify-center">
                            <i data-lucide="mail" class="w-6 h-6 text-primary-400"></i>
                        </div>
                        <div>
                            <p class="font-semibold">Email</p>
                            <a href="/cdn-cgi/l/email-protection#91f8fff7fed1e2f4fefdf0f3bff8e5" class="text-gray-400 hover:text-white transition-colors"><span class="__cf_email__" data-cfemail="ed84838b82ad9e8882818c8fc38499">[email&#160;protected]</span></a>
                        </div>
                    </div>

                    <div class="flex items-center space-x-4">
                        <div class="w-12 h-12 rounded-xl bg-primary-500/20 flex items-center justify-center">
                            <i data-lucide="clock" class="w-6 h-6 text-primary-400"></i>
                        </div>
                        <div>
                            <p class="font-semibold">Orari</p>
                            <p class="text-gray-400">Lun - Ven: 9:00 - 18:00</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Contact Form -->
            <div class="gradient-border p-8">
                <form id="contact-form" class="space-y-6">
                    <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
                        <div>
                            <label for="name" class="form-label">Nome *</label>
                            <input type="text" id="name" name="name" required class="form-input"
                                placeholder="Il tuo nome">
                        </div>
                        <div>
                            <label for="company" class="form-label">Azienda</label>
                            <input type="text" id="company" name="company" class="form-input"
                                placeholder="Nome azienda">
                        </div>
                    </div>

                    <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
                        <div>
                            <label for="email" class="form-label">Email *</label>
                            <input type="email" id="email" name="email" required class="form-input"
                                placeholder="email@esempio.it">
                        </div>
                        <div>
                            <label for="phone" class="form-label">Telefono</label>
                            <input type="tel" id="phone" name="phone" class="form-input" placeholder="+39 ...">
                        </div>
                    </div>

                    <div>
                        <label for="service" class="form-label">Servizio di interesse</label>
                        <select id="service" name="service" class="form-input">
                            <option value="">Seleziona un servizio</option>
                            <option value="seo">SEO & Posizionamento</option>
                            <option value="google-ads">Google Ads</option>
                            <option value="meta-ads">Meta Ads</option>
                            <option value="lead-generation">Lead Generation</option>
                            <option value="digital-marketing">Digital Marketing</option>
                            <option value="consulenza">Consulenza Strategica</option>
                        </select>
                    </div>

                    <div>
                        <label for="message" class="form-label">Messaggio *</label>
                        <textarea id="message" name="message" required rows="4" class="form-input"
                            placeholder="Raccontaci del tuo progetto e dei tuoi obiettivi..."></textarea>
                    </div>

                    <div class="flex items-start space-x-3">
                        <input type="checkbox" id="privacy" name="privacy" required
                            class="mt-1 w-4 h-4 rounded border-gray-600 bg-dark-700 text-primary-500 focus:ring-primary-500">
                        <label for="privacy" class="text-sm text-gray-400">
                            Accetto la <a href="/privacy-policy.php" class="text-primary-400 hover:underline">Privacy
                                Policy</a> e acconsento al trattamento dei miei dati per essere ricontattato. *
                        </label>
                    </div>

                    <button type="submit" class="w-full btn-primary text-lg py-4">
                        <i data-lucide="send" class="w-5 h-5 mr-2"></i>
                        Invia Richiesta
                    </button>
                </form>
            </div>
        </div>
    </div>
</section>

    <!-- Footer -->
    <footer class="bg-dark-800 border-t border-white/5">
        <!-- Main Footer -->
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12">
                <!-- Brand Column -->
                <div class="lg:col-span-1">
                    <a href="/" class="flex items-center space-x-2 mb-6">
                        <div class="w-10 h-10 rounded-xl bg-gradient-to-br from-primary-500 to-accent-500 flex items-center justify-center">
                            <i data-lucide="bar-chart-3" class="w-6 h-6 text-white"></i>
                        </div>
                        <span class="text-2xl font-display font-bold">SEO<span class="gradient-text">Lab</span></span>
                    </a>
                    <p class="text-gray-400 mb-6 leading-relaxed">
                        La tua agenzia marketing a Verona. Trasformiamo la tua presenza digitale in risultati misurabili e crescita costante.
                    </p>
                </div>
                
                <!-- Services Column -->
                <div>
                    <h4 class="text-lg font-semibold mb-6">Servizi</h4>
                    <ul class="space-y-4">
                        <li><a href="/servizi/seo.php" class="text-gray-400 hover:text-white transition-colors flex items-center space-x-2"><i data-lucide="search" class="w-4 h-4"></i><span>SEO & Posizionamento</span></a></li>
                        <li><a href="/servizi/siti-web.php" class="text-gray-400 hover:text-white transition-colors flex items-center space-x-2"><i data-lucide="globe" class="w-4 h-4"></i><span>Realizzazione Siti Web</span></a></li>
                        <li><a href="/servizi/google-ads.php" class="text-gray-400 hover:text-white transition-colors flex items-center space-x-2"><i data-lucide="target" class="w-4 h-4"></i><span>Google Ads</span></a></li>
                        <li><a href="/servizi/meta-ads.php" class="text-gray-400 hover:text-white transition-colors flex items-center space-x-2"><i data-lucide="megaphone" class="w-4 h-4"></i><span>Meta Ads</span></a></li>
                        <li><a href="/servizi/lead-generation.php" class="text-gray-400 hover:text-white transition-colors flex items-center space-x-2"><i data-lucide="users" class="w-4 h-4"></i><span>Lead Generation</span></a></li>
                        <li><a href="/servizi/landing-page.php" class="text-gray-400 hover:text-white transition-colors flex items-center space-x-2"><i data-lucide="layout-template" class="w-4 h-4"></i><span>Landing Page</span></a></li>
                        <li><a href="/servizi/local-marketing.php" class="text-gray-400 hover:text-white transition-colors flex items-center space-x-2"><i data-lucide="map-pin" class="w-4 h-4"></i><span>Marketing Locale</span></a></li>
                        <li><a href="/servizi/linkedin-ads.php" class="text-gray-400 hover:text-white transition-colors flex items-center space-x-2"><i data-lucide="linkedin" class="w-4 h-4"></i><span>LinkedIn Ads</span></a></li>
                        <li><a href="/servizi/youtube-ads.php" class="text-gray-400 hover:text-white transition-colors flex items-center space-x-2"><i data-lucide="youtube" class="w-4 h-4"></i><span>YouTube Ads</span></a></li>
                        <li><a href="/servizi/analytics-tracking.php" class="text-gray-400 hover:text-white transition-colors flex items-center space-x-2"><i data-lucide="bar-chart-2" class="w-4 h-4"></i><span>Analytics & Tracking</span></a></li>
                        <li><a href="/servizi/content-marketing.php" class="text-gray-400 hover:text-white transition-colors flex items-center space-x-2"><i data-lucide="file-text" class="w-4 h-4"></i><span>Content Marketing</span></a></li>
                    </ul>
                </div>
                
                <!-- Company Column -->
                <div>
                    <h4 class="text-lg font-semibold mb-6">Azienda</h4>
                    <ul class="space-y-4">
                        <li><a href="/chi-siamo.php" class="text-gray-400 hover:text-white transition-colors">Chi Siamo</a></li>
                        <li><a href="/contatti.php" class="text-gray-400 hover:text-white transition-colors">Contatti</a></li>
                    </ul>
                </div>
                
                <!-- Contact Column -->
                <div>
                    <h4 class="text-lg font-semibold mb-6">Contatti</h4>
                    <ul class="space-y-4">
                        <li class="flex items-start space-x-3">
                            <i data-lucide="map-pin" class="w-5 h-5 text-primary-400 mt-0.5 flex-shrink-0"></i>
                            <span class="text-gray-400">Lungadige Galtarossa, 21<br>37133 Verona (VR)</span>
                        </li>
                        <li class="flex items-center space-x-3">
                            <i data-lucide="phone" class="w-5 h-5 text-primary-400 flex-shrink-0"></i>
                            <a href="tel:+390455116534" class="text-gray-400 hover:text-white transition-colors">045 511 6534</a>
                        </li>
                        <li class="flex items-center space-x-3">
                            <i data-lucide="mail" class="w-5 h-5 text-primary-400 flex-shrink-0"></i>
                            <a href="/cdn-cgi/l/email-protection#c7aea9a1a887b4a2a8aba6a5e9aeb3" class="text-gray-400 hover:text-white transition-colors"><span class="__cf_email__" data-cfemail="21484f474e6152444e4d40430f4855">[email&#160;protected]</span></a>
                        </li>
                        <li class="flex items-center space-x-3">
                            <i data-lucide="clock" class="w-5 h-5 text-primary-400 flex-shrink-0"></i>
                            <span class="text-gray-400">Lun - Ven: 9:00 - 18:00</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        
        <!-- Bottom Bar -->
        <div class="border-t border-white/5">
            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
                <div class="flex flex-col md:flex-row items-center justify-between space-y-4 md:space-y-0">
                    <p class="text-gray-500 text-sm">
                        © 2026 SEOLab - Agenzia Marketing Verona. Tutti i diritti riservati.
                    </p>
                    <div class="flex items-center space-x-6 text-sm">
                        <a href="/privacy-policy.php" class="text-gray-500 hover:text-white transition-colors">Privacy Policy</a>
                        <a href="/cookie-policy.php" class="text-gray-500 hover:text-white transition-colors">Cookie Policy</a>
                        <a href="/termini-condizioni" class="text-gray-500 hover:text-white transition-colors">Termini e Condizioni</a>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    
    <!-- Custom JS - defer for better performance -->
    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script defer src="/assets/js/main.js"></script>
    
    <!-- Initialize Lucide icons after DOM ready -->
    <script>
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', function() {
                if (typeof lucide !== 'undefined') lucide.createIcons();
            });
        } else {
            if (typeof lucide !== 'undefined') lucide.createIcons();
        }
    </script>
</body>
</html>
