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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- 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="//cdn.tailwindcss.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: Consulenza Web e Digital Marketing a Verona - SEOLab | 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 CDN - defer non-critical -->
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: {
                            50: '#f0f9ff',
                            100: '#e0f2fe',
                            200: '#bae6fd',
                            300: '#7dd3fc',
                            400: '#38bdf8',
                            500: '#0ea5e9',
                            600: '#0284c7',
                            700: '#0369a1',
                            800: '#075985',
                            900: '#0c4a6e',
                        },
                        accent: {
                            400: '#a78bfa',
                            500: '#8b5cf6',
                            600: '#7c3aed',
                        },
                        dark: {
                            900: '#0f0f1a',
                            800: '#1a1a2e',
                            700: '#252542',
                        }
                    },
                    fontFamily: {
                        sans: ['Inter', 'sans-serif'],
                        display: ['Space Grotesk', 'sans-serif'],
                    }
                }
            }
        }
    </script>

    <!-- 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/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>
                                <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="#"
                            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>
                        </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"
                        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/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.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>
                    </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"
    },
    "sameAs": [
        "https://facebook.com/seolab",
        "https://instagram.com/seolab",
        "https://linkedin.com/company/seolab",
        "https://youtube.com/@seolab"
    ],
    "priceRange": "€€",
    "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">La #1 Agenzia 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>

        <!-- Trust Indicators -->
        <div class="flex flex-wrap items-center justify-center gap-8 text-gray-400 fade-in-up">
            <div class="flex items-center space-x-2">
                <i data-lucide="shield-check" class="w-5 h-5 text-green-400"></i>
                <span>Google Ads</span>
            </div>
            <div class="flex items-center space-x-2">
                <i data-lucide="award" class="w-5 h-5 text-yellow-400"></i>
                <span>Meta Ads</span>
            </div>
            <div class="flex items-center space-x-2">
                <i data-lucide="star" class="w-5 h-5 text-primary-400"></i>
                <span>4.9/5 su Google Reviews</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-6">
                        <!-- Testimonial Preview -->
                        <div class="flex items-center space-x-4 mb-6">
                            <div
                                class="w-14 h-14 rounded-full bg-gradient-to-br from-primary-500 to-accent-500 flex items-center justify-center text-xl font-bold">
                                MR
                            </div>
                            <div>
                                <p class="font-semibold">Marco Rossi</p>
                                <p class="text-sm text-gray-400">CEO, TechVerona Srl</p>
                            </div>
                        </div>
                        <blockquote class="text-lg italic text-gray-300">
                            "Con SEOLab abbiamo aumentato il fatturato del 180% in 12 mesi. Non sono solo un'agenzia,
                            sono diventati parte del nostro team."
                        </blockquote>
                        <div class="flex items-center space-x-1">
                            <i data-lucide="star" class="w-5 h-5 text-yellow-400 fill-yellow-400"></i>
                            <i data-lucide="star" class="w-5 h-5 text-yellow-400 fill-yellow-400"></i>
                            <i data-lucide="star" class="w-5 h-5 text-yellow-400 fill-yellow-400"></i>
                            <i data-lucide="star" class="w-5 h-5 text-yellow-400 fill-yellow-400"></i>
                            <i data-lucide="star" class="w-5 h-5 text-yellow-400 fill-yellow-400"></i>
                        </div>
                    </div>
                </div>

                <!-- Floating Stats -->
                <div class="absolute -top-4 -right-4 bg-dark-700 rounded-xl p-4 shadow-xl border border-white/10">
                    <div class="flex items-center space-x-2">
                        <i data-lucide="trending-up" class="w-8 h-8 text-green-400"></i>
                        <div>
                            <p class="text-2xl font-bold">+340%</p>
                            <p class="text-xs text-gray-400">ROI Medio</p>
                        </div>
                    </div>
                </div>

                <div class="absolute -bottom-4 -left-4 bg-dark-700 rounded-xl p-4 shadow-xl border border-white/10">
                    <div class="flex items-center space-x-2">
                        <i data-lucide="users" class="w-8 h-8 text-primary-400"></i>
                        <div>
                            <p class="text-2xl font-bold">150+</p>
                            <p class="text-xs text-gray-400">Clienti Soddisfatti</p>
                        </div>
                    </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 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 -->
        <div class="space-y-4">
            <div class="faq-item">
                <button class="faq-question">
                    <span>Quanto costa lavorare con un'agenzia marketing a Verona?</span>
                    <i data-lucide="chevron-down" class="w-5 h-5 faq-icon"></i>
                </button>
                <div class="faq-answer">
                    <p class="text-gray-400">
                        I nostri servizi partono da €800/mese per le attività base di SEO o advertising. Ogni progetto è
                        personalizzato in base agli obiettivi e al budget disponibile. Offriamo una consulenza gratuita
                        per definire insieme la soluzione più adatta alle tue esigenze e al tuo budget.
                    </p>
                </div>
            </div>

            <div class="faq-item">
                <button class="faq-question">
                    <span>In quanto tempo vedrò i primi risultati?</span>
                    <i data-lucide="chevron-down" class="w-5 h-5 faq-icon"></i>
                </button>
                <div class="faq-answer">
                    <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>
            </div>

            <div class="faq-item">
                <button class="faq-question">
                    <span>Lavorate solo con aziende di Verona?</span>
                    <i data-lucide="chevron-down" class="w-5 h-5 faq-icon"></i>
                </button>
                <div class="faq-answer">
                    <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>
            </div>

            <div class="faq-item">
                <button class="faq-question">
                    <span>Che garanzie offrite sui risultati?</span>
                    <i data-lucide="chevron-down" class="w-5 h-5 faq-icon"></i>
                </button>
                <div class="faq-answer">
                    <p class="text-gray-400">
                        Non promettiamo miracoli, ma risultati concreti basati su dati. Definiamo insieme KPI chiari e
                        misurabili prima di iniziare. Se dopo 3 mesi non vedi miglioramenti significativi, rivediamo la
                        strategia senza costi aggiuntivi. La nostra retention rate del 94% parla da sola.
                    </p>
                </div>
            </div>

            <div class="faq-item">
                <button class="faq-question">
                    <span>Come funziona la consulenza gratuita?</span>
                    <i data-lucide="chevron-down" class="w-5 h-5 faq-icon"></i>
                </button>
                <div class="faq-answer">
                    <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>
            </div>
        </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">
            Unisciti alle oltre 150 aziende veronesi che hanno già scelto SEOLab per crescere online. La tua consulenza
            gratuita ti aspetta.
        </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#5b32353d341b283e34373a3975322f" class="text-gray-400 hover:text-white transition-colors"><span class="__cf_email__" data-cfemail="cda4a3aba28dbea8a2a1acafe3a4b9">[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" 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 class="flex space-x-4">
                        <a href="https://facebook.com/seolab" target="_blank" rel="noopener" class="w-10 h-10 rounded-full bg-white/5 hover:bg-primary-500/20 flex items-center justify-center transition-colors group">
                            <i data-lucide="facebook" class="w-5 h-5 text-gray-400 group-hover:text-primary-400"></i>
                        </a>
                        <a href="https://instagram.com/seolab" target="_blank" rel="noopener" class="w-10 h-10 rounded-full bg-white/5 hover:bg-primary-500/20 flex items-center justify-center transition-colors group">
                            <i data-lucide="instagram" class="w-5 h-5 text-gray-400 group-hover:text-primary-400"></i>
                        </a>
                        <a href="https://linkedin.com/company/seolab" target="_blank" rel="noopener" class="w-10 h-10 rounded-full bg-white/5 hover:bg-primary-500/20 flex items-center justify-center transition-colors group">
                            <i data-lucide="linkedin" class="w-5 h-5 text-gray-400 group-hover:text-primary-400"></i>
                        </a>
                        <a href="https://youtube.com/@seolab" target="_blank" rel="noopener" class="w-10 h-10 rounded-full bg-white/5 hover:bg-primary-500/20 flex items-center justify-center transition-colors group">
                            <i data-lucide="youtube" class="w-5 h-5 text-gray-400 group-hover:text-primary-400"></i>
                        </a>
                    </div>
                </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/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#5f363139301f2c3a30333e3d71362b" class="text-gray-400 hover:text-white transition-colors"><span class="__cf_email__" data-cfemail="1c75727a735c6f7973707d7e327568">[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" class="text-gray-500 hover:text-white transition-colors">Privacy Policy</a>
                        <a href="/cookie-policy" 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>
