<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!-- ========== FAVICON & BROWSER LOGOS ========== -->
    <!-- Favicon standard -->
    <link rel="icon" type="image/jpeg" href="mxlogomain.jpeg">
    
    <!-- Apple Touch Icon (iOS Safari) -->
    <link rel="apple-touch-icon" href="mxlogomain.jpeg">
    <link rel="apple-touch-icon" sizes="72x72" href="mxlogomain.jpeg">
    <link rel="apple-touch-icon" sizes="114x114" href="mxlogomain.jpeg">
    <link rel="apple-touch-icon" sizes="144x144" href="mxlogomain.jpeg">
    <link rel="apple-touch-icon" sizes="152x152" href="mxlogomain.jpeg">
    <link rel="apple-touch-icon" sizes="180x180" href="mxlogomain.jpeg">
    
    <!-- Windows Metro Tile (Windows 8/10) -->
    <meta name="msapplication-TileImage" content="mxlogomain.jpeg">
    <meta name="msapplication-TileColor" content="#6366f1">
    <meta name="theme-color" content="#6366f1">
    
    <!-- Safari Pinned Tab Icon -->
    <link rel="mask-icon" href="mxlogomain.jpeg" color="#6366f1">
    
    <!-- ========== TITLE SEO OPTIMIZED ========== -->
    <title>MoniixStudios | Video Editor & Digital Creator per Brand - Aumenta Clienti e Views</title>
    
    <!-- ========== META SEO ========== -->
    <meta name="description" content="Video Editor & Digital Creator professionista. Creo video, foto, grafiche e siti web per brand che vogliono aumentare clienti e views. Servizi completi di content creation e video editing strategico.">
    <meta name="keywords" content="video editor, digital creator, content creator, video editing, grafica, sito web, brand strategy, aumento clienti, aumento views, social media content, video marketing, content strategy">
    <meta name="author" content="MoniixStudios">
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
    <meta name="googlebot" content="index, follow">
    
    <!-- ========== CANONICAL URL ========== -->
    <link rel="canonical" href="https://moniixstudios.com">
    
    <!-- ========== OPEN GRAPH / FACEBOOK ========== -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://moniixstudios.com">
    <meta property="og:title" content="MoniixStudios | Video Editor & Digital Creator per Brand">
    <meta property="og:description" content="Aumenta clienti e views con video, foto, grafiche e siti web professionali. Content creation strategica per brand.">
    <meta property="og:image" content="https://moniixstudios.com/mxlogomain.jpeg">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:image:alt" content="MoniixStudios Logo - Digital Creator & Video Editor">
    <meta property="og:site_name" content="MoniixStudios">
    <meta property="og:locale" content="it_IT">
    
    <!-- ========== TWITTER CARDS ========== -->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://moniixstudios.com">
    <meta property="twitter:title" content="MoniixStudios | Video Editor & Digital Creator per Brand">
    <meta property="twitter:description" content="Aumenta clienti e views con video, foto, grafiche e siti web professionali.">
    <meta property="twitter:image" content="https://moniixstudios.com/mxlogomain.jpeg">
    <meta property="twitter:image:alt" content="MoniixStudios Logo - Professional Digital Creator">
    <meta property="twitter:site" content="@vfxmoniix">
    <meta property="twitter:creator" content="@vfxmoniix">
    
    <!-- ========== GOOGLE SEARCH CONSOLE / GOOGLE IMAGES ========== -->
    <!-- Logo per Google Search Results (Google preferisce immagini in formato .jpg o .png) -->
    <link rel="image_src" href="https://moniixstudios.com/mxlogomain.jpeg">
    
    <!-- ========== FONTS & ICONS ========== -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <!-- ========== STRUCTURED DATA / SCHEMA.ORG ========== -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "ProfessionalService",
        "@id": "https://moniixstudios.com/#organization",
        "name": "MoniixStudios",
        "url": "https://moniixstudios.com",
        "logo": "https://moniixstudios.com/mxlogomain.jpeg",
        "image": "https://moniixstudios.com/mxlogomain.jpeg",
        "description": "Video Editor & Digital Creator professionista specializzato in content creation per brand. Servizi di video editing, grafica, fotografia e sviluppo web per aumentare clienti e views.",
        "foundingDate": "2020",
        "founder": {
            "@type": "Person",
            "name": "Moniix",
            "url": "https://www.instagram.com/vfx.moniix/"
        },
        "address": {
            "@type": "PostalAddress",
            "addressCountry": "IT"
        },
        "contactPoint": {
            "@type": "ContactPoint",
            "contactType": "customer service",
            "email": "moniixstudios@gmail.com",
            "availableLanguage": ["Italian", "English"],
            "contactOption": "https://www.instagram.com/vfx.moniix/"
        },
        "sameAs": [
            "https://www.instagram.com/vfx.moniix/"
        ],
        "serviceType": [
            "Video Editing Service",
            "Digital Content Creation",
            "Graphic Design",
            "Web Development",
            "Social Media Marketing"
        ],
        "areaServed": {
            "@type": "Country",
            "name": "Worldwide"
        },
        "priceRange": "$$",
        "aggregateRating": {
            "@type": "AggregateRating",
            "ratingValue": "4.9",
            "ratingCount": "50",
            "bestRating": "5",
            "worstRating": "1"
        },
        "makesOffer": [
            {
                "@type": "Offer",
                "name": "Video Editing Service",
                "description": "Professional video editing for social media, YouTube, and advertising campaigns"
            },
            {
                "@type": "Offer",
                "name": "Digital Content Creation",
                "description": "Complete content creation including photos, graphics, and strategic content"
            },
            {
                "@type": "Offer",
                "name": "Web Design & Development",
                "description": "Responsive website design and development for brands"
            }
        ]
    }
    </script>
    
    <!-- ========== SITEMAP HINT (per Google) ========== -->
    <link rel="sitemap" type="application/xml" title="Sitemap" href="https://moniixstudios.com/sitemap.xml">
    
    <style>
        /* Reset e variabili CSS */
        :root {
            --dark-bg: #0a0a0f;
            --darker-bg: #050508;
            --card-bg: #151520;
            --accent: #6366f1;
            --accent-glow: #818cf8;
            --text-primary: #ffffff;
            --text-secondary: #a1a1aa;
            --transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        html {
            scroll-behavior: smooth;
        }
        
        body {
            font-family: 'Inter', sans-serif;
            line-height: 1.6;
            color: var(--text-primary);
            background: var(--dark-bg);
            overflow-x: hidden;
        }
        
        a {
            text-decoration: none;
            color: inherit;
        }
        
        ul {
            list-style: none;
        }
        
        .container {
            width: 90%;
            max-width: 1100px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        .btn {
            display: inline-block;
            padding: 14px 32px;
            background: linear-gradient(135deg, var(--accent) 0%, var(--accent-glow) 100%);
            color: white;
            border: none;
            border-radius: 10px;
            cursor: pointer;
            transition: var(--transition);
            font-weight: 600;
            letter-spacing: 0.5px;
            position: relative;
            overflow: hidden;
            box-shadow: 0 6px 24px rgba(99, 102, 241, 0.3);
            font-size: 0.95rem;
        }
        
        .btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
            transition: 0.6s;
        }
        
        .btn:hover::before {
            left: 100%;
        }
        
        .btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 32px rgba(99, 102, 241, 0.5);
        }
        
        .btn-secondary {
            background: transparent;
            border: 1px solid var(--accent);
            box-shadow: none;
        }
        
        .btn-secondary:hover {
            background: rgba(99, 102, 241, 0.1);
        }
        
        /* Header Fenomenale */
        header {
            background: rgba(10, 10, 15, 0.95);
            backdrop-filter: blur(20px);
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
            transition: var(--transition);
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }
        
        .header-glow {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, 
                transparent 0%, 
                rgba(99, 102, 241, 0.1) 20%, 
                rgba(129, 140, 248, 0.2) 50%, 
                rgba(99, 102, 241, 0.1) 80%, 
                transparent 100%);
            opacity: 0;
            transition: opacity 0.6s ease;
            pointer-events: none;
        }
        
        header.scrolled .header-glow {
            opacity: 1;
        }
        
        .navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 16px 0;
            position: relative;
        }
        
        .logo-link {
            display: flex;
            align-items: center;
            transition: var(--transition);
        }
        
        .logo {
            height: 36px;
            width: auto;
            transition: var(--transition);
            position: relative;
            z-index: 2;
        }
        
        .logo-link:hover .logo {
            transform: scale(1.05) rotate(2deg);
        }
        
        .nav-menu {
            display: flex;
            align-items: center;
            gap: 28px;
        }
        
        .nav-link {
            color: var(--text-secondary);
            font-weight: 500;
            transition: var(--transition);
            position: relative;
            padding: 6px 0;
            font-size: 0.9rem;
        }
        
        .nav-link::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 2px;
            background: var(--accent);
            transition: var(--transition);
        }
        
        .nav-link:hover {
            color: var(--text-primary);
        }
        
        .nav-link:hover::after {
            width: 100%;
        }
        
        .nav-actions {
            display: flex;
            align-items: center;
            gap: 20px;
        }
        
        .nav-btn {
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.1);
            color: var(--text-primary);
            padding: 10px 20px;
            border-radius: 8px;
            cursor: pointer;
            transition: var(--transition);
            font-weight: 500;
            font-size: 0.85rem;
        }
        
        .nav-btn:hover {
            background: rgba(99, 102, 241, 0.2);
            border-color: var(--accent);
            transform: translateY(-2px);
        }
        
        .language-switcher {
            background: transparent;
            border: 1px solid rgba(255, 255, 255, 0.1);
            color: var(--text-primary);
            padding: 8px 16px;
            border-radius: 8px;
            cursor: pointer;
            transition: var(--transition);
            font-weight: 500;
            font-size: 0.8rem;
        }
        
        .language-switcher:hover {
            background: rgba(99, 102, 241, 0.2);
            border-color: var(--accent);
        }
        
        .hamburger {
            display: none;
            cursor: pointer;
            background: none;
            border: none;
            flex-direction: column;
            gap: 3px;
            width: 26px;
            height: 26px;
            justify-content: center;
            align-items: center;
        }
        
        .hamburger span {
            width: 18px;
            height: 2px;
            background: var(--text-primary);
            transition: var(--transition);
            border-radius: 2px;
        }
        
        /* Sezioni comuni */
        section {
            padding: 90px 0;
        }
        
        .fade-in {
            opacity: 0;
            transform: translateY(40px);
            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        
        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        .slide-in-left {
            opacity: 0;
            transform: translateX(-60px);
            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        
        .slide-in-left.visible {
            opacity: 1;
            transform: translateX(0);
        }
        
        .slide-in-right {
            opacity: 0;
            transform: translateX(60px);
            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        
        .slide-in-right.visible {
            opacity: 1;
            transform: translateX(0);
        }
        
        .scale-in {
            opacity: 0;
            transform: scale(0.8);
            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        
        .scale-in.visible {
            opacity: 1;
            transform: scale(1);
        }
        
        .section-title {
            text-align: center;
            margin-bottom: 60px;
        }
        
        .section-title h2 {
            font-size: 2.8rem;
            margin-bottom: 16px;
            font-weight: 800;
            background: linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: -0.5px;
        }
        
        .section-title p {
            max-width: 500px;
            margin: 0 auto;
            color: var(--text-secondary);
            font-size: 1.1rem;
            line-height: 1.6;
        }
        
        /* Hero Section Premium */
        .hero {
            height: 90vh;
            min-height: 700px;
            display: flex;
            align-items: center;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        
        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: 
                radial-gradient(circle at 20% 80%, rgba(99, 102, 241, 0.15) 0%, transparent 50%),
                radial-gradient(circle at 80% 20%, rgba(129, 140, 248, 0.1) 0%, transparent 50%),
                radial-gradient(circle at 40% 40%, rgba(99, 102, 241, 0.08) 0%, transparent 50%);
            z-index: -1;
        }
        
        .hero-content {
            max-width: 800px;
            margin: 0 auto;
            position: relative;
            z-index: 2;
        }
        
        .hero-badge {
            display: inline-block;
            background: rgba(99, 102, 241, 0.1);
            color: var(--accent-glow);
            padding: 6px 16px;
            border-radius: 40px;
            font-size: 0.85rem;
            font-weight: 600;
            margin-bottom: 24px;
            border: 1px solid rgba(99, 102, 241, 0.2);
            backdrop-filter: blur(10px);
            animation: pulse 2s infinite;
        }
        
        @keyframes pulse {
            0% { box-shadow: 0 0 0 0 rgba(99, 102, 241, 0.4); }
            70% { box-shadow: 0 0 0 10px rgba(99, 102, 241, 0); }
            100% { box-shadow: 0 0 0 0 rgba(99, 102, 241, 0); }
        }
        
        .hero-content h1 {
            font-size: 3.8rem;
            margin-bottom: 20px;
            font-weight: 900;
            line-height: 1.1;
            letter-spacing: -1px;
        }
        
        .hero-highlight {
            background: linear-gradient(135deg, var(--accent) 0%, var(--accent-glow) 100%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            position: relative;
            display: inline-block;
        }
        
        .hero-highlight::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 100%;
            height: 3px;
            background: linear-gradient(90deg, var(--accent), var(--accent-glow));
            border-radius: 2px;
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.8s ease;
        }
        
        .hero-content:hover .hero-highlight::after {
            transform: scaleX(1);
        }
        
        .hero-content p {
            font-size: 1.2rem;
            margin-bottom: 40px;
            color: var(--text-secondary);
            line-height: 1.6;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }
        
        .hero-btns {
            display: flex;
            justify-content: center;
            gap: 16px;
            align-items: center;
        }
        
        .scroll-indicator {
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            animation: bounce 2s infinite;
        }
        
        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% { transform: translateY(0) translateX(-50%); }
            40% { transform: translateY(-8px) translateX(-50%); }
            60% { transform: translateY(-4px) translateX(-50%); }
        }
        
        /* Stats Section */
        .stats {
            background: var(--darker-bg);
            padding: 80px 0;
            position: relative;
        }
        
        .stats::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(99, 102, 241, 0.5), transparent);
        }
        
        .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 30px;
            text-align: center;
        }
        
        .stat-item {
            padding: 32px 24px;
            background: var(--card-bg);
            border-radius: 16px;
            border: 1px solid rgba(255, 255, 255, 0.05);
            transition: var(--transition);
            position: relative;
            overflow: hidden;
        }
        
        .stat-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(99, 102, 241, 0.1), transparent);
            transition: 0.6s;
        }
        
        .stat-item:hover::before {
            left: 100%;
        }
        
        .stat-item:hover {
            transform: translateY(-6px);
            border-color: rgba(99, 102, 241, 0.3);
        }
        
        .stat-number {
            font-size: 2.8rem;
            font-weight: 800;
            color: var(--accent);
            margin-bottom: 12px;
            display: block;
            line-height: 1;
        }
        
        .stat-label {
            font-size: 1rem;
            color: var(--text-secondary);
            text-transform: uppercase;
            letter-spacing: 0.8px;
            font-weight: 600;
        }
        
        /* Value Proposition Section */
        .value-proposition {
            padding: 90px 0;
        }
        
        .value-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 40px;
        }
        
        .value-card {
            text-align: center;
            padding: 40px 30px;
            background: var(--card-bg);
            border-radius: 16px;
            border: 1px solid rgba(255, 255, 255, 0.05);
            transition: var(--transition);
            position: relative;
            overflow: hidden;
        }
        
        .value-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(99, 102, 241, 0.05), transparent);
            transition: 0.6s;
        }
        
        .value-card:hover::before {
            left: 100%;
        }
        
        .value-card:hover {
            transform: translateY(-8px);
            border-color: rgba(99, 102, 241, 0.2);
        }
        
        .value-icon {
            width: 80px;
            height: 80px;
            background: rgba(99, 102, 241, 0.1);
            border-radius: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 25px;
            transition: var(--transition);
        }
        
        .value-card:hover .value-icon {
            transform: scale(1.1) rotate(5deg);
            background: rgba(99, 102, 241, 0.2);
        }
        
        .value-icon i {
            font-size: 2.2rem;
            color: var(--accent);
        }
        
        .value-card h3 {
            font-size: 1.4rem;
            margin-bottom: 15px;
            font-weight: 700;
            color: var(--text-primary);
        }
        
        .value-card p {
            color: var(--text-secondary);
            line-height: 1.6;
            font-size: 1rem;
        }
        
        /* Brands Section */
        .brands {
            padding: 70px 0;
            background: var(--darker-bg);
            position: relative;
            overflow: hidden;
        }
        
        .brands::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(99, 102, 241, 0.5), transparent);
        }
        
        .brands-title {
            text-align: center;
            margin-bottom: 50px;
        }
        
        .brands-title h3 {
            font-size: 1.8rem;
            margin-bottom: 16px;
            font-weight: 700;
            color: var(--text-primary);
        }
        
        .brands-title p {
            max-width: 500px;
            margin: 0 auto;
            color: var(--text-secondary);
            font-size: 1rem;
            line-height: 1.6;
        }
        
        .marquee-container {
            position: relative;
            overflow: hidden;
            width: 100%;
            padding: 20px 0;
        }
        
        .marquee-track {
            display: flex;
            gap: 60px;
            animation: marquee-scroll 30s linear infinite;
            width: max-content;
        }
        
        .marquee-track:hover {
            animation-play-state: paused;
        }
        
        .brand-logo {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 160px;
            height: 80px;
            background: var(--card-bg);
            border-radius: 12px;
            padding: 15px;
            transition: var(--transition);
            border: 1px solid rgba(255, 255, 255, 0.05);
            position: relative;
            overflow: hidden;
        }
        
        .brand-logo::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(99, 102, 241, 0.1), transparent);
            transition: 0.6s;
        }
        
        .brand-logo:hover::before {
            left: 100%;
        }
        
        .brand-logo:hover {
            transform: translateY(-4px);
            border-color: rgba(99, 102, 241, 0.3);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
        }
        
        .brand-logo img {
            max-width: 100%;
            max-height: 100%;
            opacity: 0.8;
            transition: var(--transition);
        }
        
        .brand-logo:hover img {
            opacity: 1;
            transform: scale(1.05);
        }
        
        @keyframes marquee-scroll {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%);
            }
        }
        
        /* CTA Section */
        .cta {
            background: linear-gradient(135deg, var(--card-bg) 0%, var(--darker-bg) 100%);
            padding: 80px 0;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        
        .cta::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: 
                radial-gradient(circle at 30% 70%, rgba(99, 102, 241, 0.1) 0%, transparent 50%),
                radial-gradient(circle at 70% 30%, rgba(129, 140, 248, 0.05) 0%, transparent 50%);
        }
        
        .cta-content {
            max-width: 540px;
            margin: 0 auto;
            position: relative;
            z-index: 2;
        }
        
        .cta h2 {
            font-size: 2.5rem;
            margin-bottom: 16px;
            font-weight: 800;
            color: var(--text-primary);
        }
        
        .cta p {
            font-size: 1.1rem;
            margin-bottom: 32px;
            color: var(--text-secondary);
            line-height: 1.6;
        }
        
        /* Footer */
        footer {
            background: var(--darker-bg);
            padding: 60px 0 24px;
            border-top: 1px solid rgba(255, 255, 255, 0.05);
        }
        
        .footer-content {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 40px;
            margin-bottom: 40px;
        }
        
        .footer-column h3 {
            margin-bottom: 20px;
            font-size: 1.1rem;
            font-weight: 700;
            color: var(--text-primary);
        }
        
        .footer-links li {
            margin-bottom: 12px;
        }
        
        .footer-links a {
            color: var(--text-secondary);
            transition: var(--transition);
            font-size: 0.9rem;
        }
        
        .footer-links a:hover {
            color: var(--accent);
        }
        
        .social-links {
            display: flex;
            gap: 12px;
            margin-top: 16px;
        }
        
        .social-link {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            background: var(--card-bg);
            border-radius: 8px;
            transition: var(--transition);
            color: var(--text-secondary);
            border: 1px solid rgba(255, 255, 255, 0.05);
        }
        
        .social-link:hover {
            background: var(--accent);
            color: white;
            transform: translateY(-2px);
        }
        
        .copyright {
            text-align: center;
            padding-top: 24px;
            border-top: 1px solid rgba(255, 255, 255, 0.05);
            color: var(--text-secondary);
            font-size: 0.85rem;
        }
        
        /* Responsive Design */
        @media (max-width: 768px) {
            .nav-menu {
                display: none;
            }
            
            .hamburger {
                display: flex;
            }
            
            .hero-content h1 {
                font-size: 2.8rem;
            }
            
            .hero-btns {
                flex-direction: column;
            }
            
            .btn {
                width: 100%;
                max-width: 240px;
            }
            
            .section-title h2 {
                font-size: 2.2rem;
            }
            
            .stat-number {
                font-size: 2.4rem;
            }
            
            .brand-logo {
                width: 130px;
                height: 70px;
            }
            
            .marquee-track {
                gap: 40px;
            }
        }
    </style>
</head>
<body itemscope itemtype="https://schema.org/ProfessionalService">
    <!-- Header Fenomenale -->
    <header>
        <div class="header-glow"></div>
        <div class="container">
            <nav class="navbar">
                <a class='logo-link' href='/'>
                    <img src="mxlogomain.jpeg" alt="MoniixStudios - Digital Creator & Video Editor" class="logo">
                </a>
                
                <ul class="nav-menu">
                    <li><a class='nav-link' data-en='Home' href='/'>Home</a></li>
                    <li><a class='nav-link' data-en='Services' href='/servizi'>Servizi</a></li>
                    <li><a class='nav-link' data-en='Portfolio' href='/portfolio'>I Miei Lavori</a></li>
                    <li><a class='nav-link' data-en='Reviews' href='/recensioni'>Recensioni</a></li>
                </ul>
                
                <div class="nav-actions">
                    <button class="language-switcher" id="languageSwitcher">
                        <i class="fas fa-globe"></i> IT
                    </button>
                    <a href="https://www.instagram.com/vfx.moniix/" target="_blank" class="nav-btn" data-en="Start a Project">Inizia un Progetto</a>
                </div>
                
                <button class="hamburger">
                    <span></span>
                    <span></span>
                    <span></span>
                </button>
            </nav>
        </div>
    </header>

    <main>
        <!-- Hero Section Premium -->
        <section id="home" class="hero">
            <div class="container">
                <div class="hero-content">
                    <div class="hero-badge fade-in" data-en="Digital Creator & Video Editor">Digital Creator & Video Editor</div>
                    <h1 class="fade-in" data-en="Transform Visions into Viral Content">Trasformo Visioni in<br><span class="hero-highlight">Contenuti Virali</span></h1>
                    <p class="fade-in" data-en="Digital Creator & Video Editor professionista. Creo video, foto, grafiche e siti web strategici per brand che vogliono aumentare clienti e views. Content creation ottimizzata per risultati misurabili.">
                        Digital Creator & Video Editor professionista. Creo video, foto, grafiche e siti web strategici per brand che vogliono aumentare clienti e views. Content creation ottimizzata per risultati misurabili.
                    </p>
                    <div class="hero-btns fade-in">
                        <a href="https://www.instagram.com/vfx.moniix/" target="_blank" class="btn" data-en="Start a Project">Inizia un Progetto</a>
                        <a class='btn btn-secondary' data-en='See My Work' href='/portfolio'>Vedi i Miei Lavori</a>
                    </div>
                </div>
            </div>
            <div class="scroll-indicator">
                <i class="fas fa-chevron-down" style="color: var(--accent); font-size: 1.3rem;"></i>
            </div>
        </section>

        <!-- Stats Section -->
        <section id="stats" class="stats">
            <div class="container">
                <div class="stats-grid">
                    <div class="stat-item slide-in-left">
                        <span class="stat-number" data-target="200">0</span>
                        <div class="stat-label" data-en="Videos Edited">Video Editati</div>
                    </div>
                    <div class="stat-item fade-in">
                        <span class="stat-number" data-target="1000000">0</span>
                        <div class="stat-label" data-en="Total Views">Visualizzazioni Totali</div>
                    </div>
                    <div class="stat-item fade-in">
                        <span class="stat-number" data-target="50">0</span>
                        <div class="stat-label" data-en="Satisfied Clients">Clienti Soddisfatti</div>
                    </div>
                    <div class="stat-item slide-in-right">
                        <span class="stat-number" data-target="5">0</span>
                        <div class="stat-label" data-en="Years of Experience">Anni di Esperienza</div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Value Proposition Section -->
        <section class="value-proposition">
            <div class="container">
                <div class="section-title fade-in">
                    <h2 data-en="Why Choose Me">Perché Scegliere Me</h2>
                    <p data-en="A unique approach that combines creativity and strategy">Un approccio unico che combina creatività e strategia</p>
                </div>
                
                <div class="value-grid">
                    <div class="value-card slide-in-left">
                        <div class="value-icon">
                            <i class="fas fa-video"></i>
                        </div>
                        <h3 data-en="Professional Video Editing">Video Editing Professionale</h3>
                        <p data-en="Video editing avanzato per YouTube, TikTok, Instagram Reels e campagne pubblicitarie. Ottimizzazione per massimizzare retention e conversioni.">Video editing avanzato per YouTube, TikTok, Instagram Reels e campagne pubblicitarie. Ottimizzazione per massimizzare retention e conversioni.</p>
                    </div>
                    
                    <div class="value-card fade-in">
                        <div class="value-icon">
                            <i class="fas fa-paint-brush"></i>
                        </div>
                        <h3 data-en="Graphic & Web Design">Grafica & Web Design</h3>
                        <p data-en="Creazione di identità visive, logo, grafiche social e siti web responsive che convertono visitatori in clienti.">Creazione di identità visive, logo, grafiche social e siti web responsive che convertono visitatori in clienti.</p>
                    </div>
                    
                    <div class="value-card slide-in-right">
                        <div class="value-icon">
                            <i class="fas fa-chart-line"></i>
                        </div>
                        <h3 data-en="Results Strategy">Strategia Risultati</h3>
                        <p data-en="Approccio data-driven per aumentare clienti, views e engagement. Analisi costante e ottimizzazione per performance massime.">Approccio data-driven per aumentare clienti, views e engagement. Analisi costante e ottimizzazione per performance massime.</p>
                    </div>
                </div>
            </div>
        </section>

        <!-- Brands Section -->
        <section class="brands">
            <div class="container">
                <div class="brands-title fade-in">
                    <h3 data-en="Brands & Creators I've collaborated with">Brand & Creator con cui ho collaborato</h3>
                    <p data-en="A selection of partners who have chosen my services for their projects">Una selezione dei partner che hanno scelto i miei servizi per i loro progetti</p>
                </div>
                
                <div class="marquee-container">
                    <div class="marquee-track">
                        <!-- Loghi duplicati per effetto continuo -->
                        <div class="brand-logo">
                            <img src="pizzabaki.jpeg" alt="PizzaBaki - Client di MoniixStudios per video editing" onerror="this.src='data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwIiBoZWlnaHQ9IjgwIiB2aWV3Qm94PSIwIDAgMTYwIDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSIxNjAiIGhlaWdodD0iODAiIHJ4PSIxMiIgZmlsbD0iIzE1MTUyMCIvPjx0ZXh0IHg9IjUwJSIgeT0iNTAlIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmaWxsPSIjNjM2NmYxIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMTQiPjwhW0NEQVRBW1BpenphQmFraV1dPjwvdGV4dD48L3N2Zz4='">
                        </div>
                        <div class="brand-logo">
                            <img src="vido.jpeg" alt="Vido - Client di MoniixStudios per content strategy" onerror="this.src='data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwIiBoZWlnaHQ9IjgwIiB2aWV3Qm94PSIwIDAgMTYwIDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSIxNjAiIGhlaWdodD0iODAiIHJ4PSIxMiIgZmlsbD0iIzE1MTUyMCIvPjx0ZXh0IHg9IjUwJSIgeT0iNTAlIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmaWxsPSIjNjM2NmYxIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMTQiPjwhW0NEQVRBW1ZpZG9dXT48L3RleHQ+PC9zdmc+'">
                        </div>
                        <div class="brand-logo">
                            <img src="pizzabaki.jpeg" alt="PizzaBaki - Client di MoniixStudios per video marketing" onerror="this.src='data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwIiBoZWlnaHQ9IjgwIiB2aWV3Qm94PSIwIDAgMTYwIDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSIxNjAiIGhlaWdodD0iODAiIHJ4PSIxMiIgZmlsbD0iIzE1MTUyMCIvPjx0ZXh0IHg9IjUwJSIgeT0iNTAlIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmaWxsPSIjNjM2NmYxIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMTQiPjwhW0NEQVRBW1BpenphQmFraV1dPjwvdGV4dD48L3N2Zz4='">
                        </div>
                        <div class="brand-logo">
                            <img src="vido.jpeg" alt="Vido - Client di MoniixStudios per digital content" onerror="this.src='data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwIiBoZWlnaHQ9IjgwIiB2aWV3Qm94PSIwIDAgMTYwIDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSIxNjAiIGhlaWdodD0iODAiIHJ4PSIxMiIgZmlsbD0iIzE1MTUyMCIvPjx0ZXh0IHg9IjUwJSIgeT0iNTAlIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmaWxsPSIjNjM2NmYxIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMTQiPjwhW0NEQVRBW1ZpZG9dXT48L3RleHQ+PC9zdmc+'">
                        </div>
                        <!-- Duplicazione per effetto continuo -->
                        <div class="brand-logo">
                            <img src="pizzabaki.jpeg" alt="PizzaBaki - Brand partner MoniixStudios" onerror="this.src='data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwIiBoZWlnaHQ9IjgwIiB2aWV3Qm94PSIwIDAgMTYwIDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSIxNjAiIGhlaWdodD0iODAiIHJ4PSIxMiIgZmlsbD0iIzE1MTUyMCIvPjx0ZXh0IHg9IjUwJSIgeT0iNTAlIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmaWxsPSIjNjM2NmYxIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMTQiPjwhW0NEQVRBW1BpenphQmFraV1dPjwvdGV4dD48L3N2Zz4='">
                        </div>
                        <div class="brand-logo">
                            <img src="vido.jpeg" alt="Vido - Content creation client" onerror="this.src='data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwIiBoZWlnaHQ9IjgwIiB2aWV3Qm94PSIwIDAgMTYwIDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSIxNjAiIGhlaWdodD0iODAiIHJ4PSIxMiIgZmlsbD0iIzE1MTUyMCIvPjx0ZXh0IHg9IjUwJSIgeT0iNTAlIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmaWxsPSIjNjM2NmYxIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMTQiPjwhW0NEQVRBW1ZpZG9dXT48L3RleHQ+PC9zdmc+'">
                        </div>
                        <div class="brand-logo">
                            <img src="pizzabaki.jpeg" alt="PizzaBaki - Video editing services" onerror="this.src='data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwIiBoZWlnaHQ9IjgwIiB2aWV3Qm94PSIwIDAgMTYwIDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSIxNjAiIGhlaWdodD0iODAiIHJ4PSIxMiIgZmlsbD0iIzE1MTUyMCIvPjx0ZXh0IHg9IjUwJSIgeT0iNTAlIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmaWxsPSIjNjM2NmYxIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMTQiPjwhW0NEQVRBW1BpenphQmFraV1dPjwvdGV4dD48L3N2Zz4='">
                        </div>
                        <div class="brand-logo">
                            <img src="vido.jpeg" alt="Vido - Digital marketing partner" onerror="this.src='data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwIiBoZWlnaHQ9IjgwIiB2aWV3Qm94PSIwIDAgMTYwIDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSIxNjAiIGhlaWdodD0iODAiIHJ4PSIxMiIgZmlsbD0iIzE1MTUyMCIvPjx0ZXh0IHg9IjUwJSIgeT0iNTAlIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmaWxsPSIjNjM2NmYxIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMTQiPjwhW0NEQVRBW1ZpZG9dXT48L3RleHQ+PC9zdmc+'">
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- CTA Section -->
        <section id="contact" class="cta">
            <div class="container">
                <div class="cta-content">
                    <h2 class="fade-in" data-en="Ready to Transform Your Ideas?">Pronto ad Aumentare Clienti e Views?</h2>
                    <p class="fade-in" data-en="Contact me to discuss your next project and discover how we can create extraordinary content together.">Contattami per discutere del tuo prossimo progetto e scoprire come possiamo aumentare insieme clienti e views con contenuti straordinari.</p>
                    <a href="https://www.instagram.com/vfx.moniix/" target="_blank" class="btn scale-in" data-en="Start Now">Inizia Ora</a>
                </div>
            </div>
        </section>
    </main>

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-column">
                    <h3>MoniixStudios</h3>
                    <p style="color: var(--text-secondary); margin-bottom: 20px;" data-en="Digital Creator & Video Editor professionista. Creo video, foto, grafiche e siti web per aumentare clienti e views dei brand.">
                        Digital Creator & Video Editor professionista. Creo video, foto, grafiche e siti web per aumentare clienti e views dei brand.
                    </p>
                    <div class="social-links">
                        <a href="https://www.instagram.com/vfx.moniix/" class="social-link" target="_blank" aria-label="Instagram MoniixStudios"><i class="fab fa-instagram"></i></a>
                    </div>
                </div>
                
                <div class="footer-column">
                    <h3 data-en="Quick Links">Link Veloci</h3>
                    <ul class="footer-links">
                        <li><a data-en='Home' href='/'>Home</a></li>
                        <li><a data-en='Services' href='/servizi'>Servizi</a></li>
                        <li><a data-en='My Work' href='/portfolio'>I Miei Lavori</a></li>
                        <li><a data-en='Reviews' href='/recensioni'>Recensioni</a></li>
                    </ul>
                </div>
                
                <div class="footer-column">
                    <h3 data-en="Contacts">Contatti</h3>
                    <ul class="footer-links">
                        <li><a href="mailto:moniixstudios@gmail.com">moniixstudios@gmail.com</a></li>
                        <li><a href="https://www.instagram.com/vfx.moniix/" target="_blank" data-en="Instagram DM">Instagram DM</a></li>
                    </ul>
                </div>
            </div>
            
            <div class="copyright">
                <p>&copy; 2025 MoniixStudios - Digital Creator & Video Editor. <span data-en="All rights reserved.">Tutti i diritti riservati.</span></p>
            </div>
        </div>
    </footer>

    <script>
        // Traduzioni
        const translations = {
            it: {
                // Header
                'Home': 'Home',
                'Services': 'Servizi',
                'Portfolio': 'I Miei Lavori',
                'Reviews': 'Recensioni',
                'Start a Project': 'Inizia un Progetto',
                
                // Hero
                'Digital Creator & Video Editor': 'Digital Creator & Video Editor',
                'Transform Visions into Viral Content': 'Trasformo Visioni in<br><span class="hero-highlight">Contenuti Virali</span>',
                'Digital Creator & Video Editor professionista. Creo video, foto, grafiche e siti web strategici per brand che vogliono aumentare clienti e views. Content creation ottimizzata per risultati misurabili.': 'Digital Creator & Video Editor professionista. Creo video, foto, grafiche e siti web strategici per brand che vogliono aumentare clienti e views. Content creation ottimizzata per risultati misurabili.',
                'See My Work': 'Vedi i Miei Lavori',
                
                // Stats
                'Videos Edited': 'Video Editati',
                'Total Views': 'Visualizzazioni Totali',
                'Satisfied Clients': 'Clienti Soddisfatti',
                'Years of Experience': 'Anni di Esperienza',
                
                // Value Proposition
                'Why Choose Me': 'Perché Scegliere Me',
                'A unique approach that combines creativity and strategy': 'Un approccio unico che combina creatività e strategia',
                'Professional Video Editing': 'Video Editing Professionale',
                'Video editing avanzato per YouTube, TikTok, Instagram Reels e campagne pubblicitarie. Ottimizzazione per massimizzare retention e conversioni.': 'Video editing avanzato per YouTube, TikTok, Instagram Reels e campagne pubblicitarie. Ottimizzazione per massimizzare retention e conversioni.',
                'Graphic & Web Design': 'Grafica & Web Design',
                'Creazione di identità visive, logo, grafiche social e siti web responsive che convertono visitatori in clienti.': 'Creazione di identità visive, logo, grafiche social e siti web responsive che convertono visitatori in clienti.',
                'Results Strategy': 'Strategia Risultati',
                'Approccio data-driven per aumentare clienti, views e engagement. Analisi costante e ottimizzazione per performance massime.': 'Approccio data-driven per aumentare clienti, views e engagement. Analisi costante e ottimizzazione per performance massime.',
                
                // Brands
                'Brands & Creators I\'ve collaborated with': 'Brand & Creator con cui ho collaborato',
                'A selection of partners who have chosen my services for their projects': 'Una selezione dei partner che hanno scelto i miei servizi per i loro progetti',
                
                // CTA
                'Ready to Transform Your Ideas?': 'Pronto ad Aumentare Clienti e Views?',
                'Contact me to discuss your next project and discover how we can create extraordinary content together.': 'Contattami per discutere del tuo prossimo progetto e scoprire come possiamo aumentare insieme clienti e views con contenuti straordinari.',
                'Start Now': 'Inizia Ora',
                
                // Footer
                'Quick Links': 'Link Veloci',
                'My Work': 'I Miei Lavori',
                'Contacts': 'Contatti',
                'Instagram DM': 'Instagram DM',
                'All rights reserved.': 'Tutti i diritti riservati.',
                'Digital Creator & Video Editor professionista. Creo video, foto, grafiche e siti web per aumentare clienti e views dei brand.': 'Digital Creator & Video Editor professionista. Creo video, foto, grafiche e siti web per aumentare clienti e views dei brand.'
            },
            en: {
                // Header
                'Home': 'Home',
                'Services': 'Services',
                'Portfolio': 'Portfolio',
                'Reviews': 'Reviews',
                'Start a Project': 'Start a Project',
                
                // Hero
                'Digital Creator & Video Editor': 'Digital Creator & Video Editor',
                'Transform Visions into Viral Content': 'Transform Visions into<br><span class="hero-highlight">Viral Content</span>',
                'Digital Creator & Video Editor professionista. Creo video, foto, grafiche e siti web strategici per brand che vogliono aumentare clienti e views. Content creation ottimizzata per risultati misurabili.': 'Professional Digital Creator & Video Editor. I create videos, photos, graphics and strategic websites for brands that want to increase customers and views. Optimized content creation for measurable results.',
                'See My Work': 'See My Work',
                
                // Stats
                'Videos Edited': 'Videos Edited',
                'Total Views': 'Total Views',
                'Satisfied Clients': 'Satisfied Clients',
                'Years of Experience': 'Years of Experience',
                
                // Value Proposition
                'Why Choose Me': 'Why Choose Me',
                'A unique approach that combines creativity and strategy': 'A unique approach that combines creativity and strategy',
                'Professional Video Editing': 'Professional Video Editing',
                'Video editing avanzato per YouTube, TikTok, Instagram Reels e campagne pubblicitarie. Ottimizzazione per massimizzare retention e conversioni.': 'Advanced video editing for YouTube, TikTok, Instagram Reels and advertising campaigns. Optimization to maximize retention and conversions.',
                'Graphic & Web Design': 'Graphic & Web Design',
                'Creazione di identità visive, logo, grafiche social e siti web responsive che convertono visitatori in clienti.': 'Creation of visual identities, logos, social graphics and responsive websites that convert visitors into customers.',
                'Results Strategy': 'Results Strategy',
                'Approccio data-driven per aumentare clienti, views e engagement. Analisi costante e ottimizzazione per performance massime.': 'Data-driven approach to increase customers, views and engagement. Constant analysis and optimization for maximum performance.',
                
                // Brands
                'Brands & Creators I\'ve collaborated with': 'Brands & Creators I\'ve collaborated with',
                'A selection of partners who have chosen my services for their projects': 'A selection of partners who have chosen my services for their projects',
                
                // CTA
                'Ready to Transform Your Ideas?': 'Ready to Increase Customers and Views?',
                'Contact me to discuss your next project and discover how we can create extraordinary content together.': 'Contact me to discuss your next project and discover how we can increase customers and views together with extraordinary content.',
                'Start Now': 'Start Now',
                
                // Footer
                'Quick Links': 'Quick Links',
                'My Work': 'My Work',
                'Contacts': 'Contacts',
                'Instagram DM': 'Instagram DM',
                'All rights reserved.': 'All rights reserved.',
                'Digital Creator & Video Editor professionista. Creo video, foto, grafiche e siti web per aumentare clienti e views dei brand.': 'Professional Digital Creator & Video Editor. I create videos, photos, graphics and websites to increase brand customers and views.'
            }
        };

        // Variabili globali
        let currentLanguage = 'it';

        // Animazioni al caricamento della pagina
        document.addEventListener('DOMContentLoaded', function() {
            // Sistema di animazioni multiple
            const fadeElements = document.querySelectorAll('.fade-in');
            const slideLeftElements = document.querySelectorAll('.slide-in-left');
            const slideRightElements = document.querySelectorAll('.slide-in-right');
            const scaleElements = document.querySelectorAll('.scale-in');
            
            const observerOptions = {
                threshold: 0.1,
                rootMargin: '0px 0px -50px 0px'
            };
            
            const fadeObserver = new IntersectionObserver((entries) => {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        entry.target.classList.add('visible');
                    }
                });
            }, observerOptions);
            
            const slideLeftObserver = new IntersectionObserver((entries) => {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        entry.target.classList.add('visible');
                    }
                });
            }, observerOptions);
            
            const slideRightObserver = new IntersectionObserver((entries) => {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        entry.target.classList.add('visible');
                    }
                });
            }, observerOptions);
            
            const scaleObserver = new IntersectionObserver((entries) => {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        entry.target.classList.add('visible');
                    }
                });
            }, observerOptions);
            
            fadeElements.forEach(el => fadeObserver.observe(el));
            slideLeftElements.forEach(el => slideLeftObserver.observe(el));
            slideRightElements.forEach(el => slideRightObserver.observe(el));
            scaleElements.forEach(el => scaleObserver.observe(el));
            
            // Animazione numeri statistiche
            const statNumbers = document.querySelectorAll('.stat-number');
            
            const statsObserver = new IntersectionObserver((entries) => {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        const target = +entry.target.getAttribute('data-target');
                        const duration = 2000;
                        const step = target / (duration / 16);
                        let current = 0;
                        
                        const timer = setInterval(() => {
                            current += step;
                            if (current >= target) {
                                current = target;
                                clearInterval(timer);
                            }
                            
                            if (target >= 1000000) {
                                entry.target.textContent = (current / 1000000).toFixed(1) + 'M';
                            } else {
                                entry.target.textContent = Math.floor(current);
                            }
                        }, 16);
                        
                        statsObserver.unobserve(entry.target);
                    }
                });
            }, { threshold: 0.5 });
            
            statNumbers.forEach(number => {
                statsObserver.observe(number);
            });
            
            // Header scroll effect
            const header = document.querySelector('header');
            window.addEventListener('scroll', () => {
                if (window.scrollY > 100) {
                    header.classList.add('scrolled');
                } else {
                    header.classList.remove('scrolled');
                }
            });
            
            // Hamburger menu per mobile
            const hamburger = document.querySelector('.hamburger');
            const navMenu = document.querySelector('.nav-menu');
            
            hamburger.addEventListener('click', () => {
                hamburger.classList.toggle('active');
                navMenu.classList.toggle('active');
            });
            
            // Smooth scroll per anchor links
            document.querySelectorAll('a[href^="#"]').forEach(anchor => {
                anchor.addEventListener('click', function (e) {
                    e.preventDefault();
                    const target = document.querySelector(this.getAttribute('href'));
                    if (target) {
                        target.scrollIntoView({
                            behavior: 'smooth',
                            block: 'start'
                        });
                    }
                });
            });

            // Language switcher
            const languageSwitcher = document.getElementById('languageSwitcher');
            languageSwitcher.addEventListener('click', toggleLanguage);
        });

        // Funzione per cambiare lingua
        function toggleLanguage() {
            const languageSwitcher = document.getElementById('languageSwitcher');
            
            if (currentLanguage === 'it') {
                currentLanguage = 'en';
                languageSwitcher.innerHTML = '<i class="fas fa-globe"></i> EN';
            } else {
                currentLanguage = 'it';
                languageSwitcher.innerHTML = '<i class="fas fa-globe"></i> IT';
            }
            
            // Aggiorna tutto il testo
            updateTextContent();
        }

        // Funzione per aggiornare il contenuto del testo
        function updateTextContent() {
            const elements = document.querySelectorAll('[data-en]');
            elements.forEach(element => {
                const key = element.getAttribute('data-en');
                if (translations[currentLanguage][key]) {
                    if (element.tagName === 'INPUT' || element.tagName === 'TEXTAREA') {
                        element.placeholder = translations[currentLanguage][key];
                    } else {
                        element.innerHTML = translations[currentLanguage][key];
                    }
                }
            });
        }
    </script>

<script async id="netlify-rum-container" src="/.netlify/scripts/rum" data-netlify-rum-site-id="5a6fe5a1-4c07-4289-8f29-e20650a27874" data-netlify-deploy-branch="main" data-netlify-deploy-context="production" data-netlify-cwv-token="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzaXRlX2lkIjoiNWE2ZmU1YTEtNGMwNy00Mjg5LThmMjktZTIwNjUwYTI3ODc0IiwiYWNjb3VudF9pZCI6IjY4ZjI1MWEzOWFjN2I2NmIxNTVhNjcyOCIsImRlcGxveV9pZCI6IjY5MzhjY2E0MWVhYzhlMDAwODY1MDA1NiIsImlzc3VlciI6Im5mc2VydmVyIn0.KKqgIhCkJXB4czBZhieeyjLy3C9q2xJ27oYyrvbAyeI"></script></body>
</html>
