{"id":74,"date":"2026-04-20T15:01:23","date_gmt":"2026-04-20T13:01:23","guid":{"rendered":"https:\/\/www.socializerpro.com\/?page_id=74"},"modified":"2026-04-20T15:01:40","modified_gmt":"2026-04-20T13:01:40","slug":"elementor-74","status":"publish","type":"page","link":"https:\/\/www.socializerpro.com\/?page_id=74","title":{"rendered":"Elementor #74"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"74\" class=\"elementor elementor-74\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79bd89a e-con-full e-flex e-con e-parent\" data-id=\"79bd89a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6cad280 elementor-widget elementor-widget-html\" data-id=\"6cad280\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"it\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>1\u00ba Maggio Targato Elysium | Rott Garden Rende<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@400;700;900&family=Inter:wght@300;400;600;800&display=swap\" rel=\"stylesheet\">\n    <style>\n        :root {\n            --gold: #D4AF37;\n            --dark-gold: #B8941F;\n            --neon-green: #39FF14;\n            --black: #0a0a0a;\n            --dark-gray: #111111;\n            --gray: #1a1a1a;\n            --light-gray: #888;\n            --white: #ffffff;\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: var(--black);\n            color: var(--white);\n            overflow-x: hidden;\n        }\n\n        \/* Snake Pattern Background *\/\n        .snake-bg {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-image: \n                radial-gradient(circle at 20% 50%, rgba(212, 175, 55, 0.03) 0%, transparent 50%),\n                radial-gradient(circle at 80% 80%, rgba(57, 255, 20, 0.02) 0%, transparent 50%);\n            pointer-events: none;\n            z-index: 0;\n        }\n\n        \/* Navigation *\/\n        nav {\n            position: fixed;\n            top: 0;\n            width: 100%;\n            padding: 1.5rem 5%;\n            background: rgba(10, 10, 10, 0.9);\n            backdrop-filter: blur(10px);\n            z-index: 1000;\n            border-bottom: 1px solid rgba(212, 175, 55, 0.2);\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .logo {\n            font-family: 'Orbitron', sans-serif;\n            font-size: 1.5rem;\n            font-weight: 900;\n            color: var(--gold);\n            text-transform: uppercase;\n            letter-spacing: 2px;\n        }\n\n        .logo span {\n            color: var(--neon-green);\n        }\n\n        .nav-links {\n            display: flex;\n            gap: 2rem;\n            list-style: none;\n        }\n\n        .nav-links a {\n            color: var(--white);\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 0.9rem;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            transition: color 0.3s;\n            position: relative;\n        }\n\n        .nav-links a:hover {\n            color: var(--gold);\n        }\n\n        .nav-links a::after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 2px;\n            background: var(--gold);\n            transition: width 0.3s;\n        }\n\n        .nav-links a:hover::after {\n            width: 100%;\n        }\n\n        .mobile-menu {\n            display: none;\n            flex-direction: column;\n            gap: 5px;\n            cursor: pointer;\n        }\n\n        .mobile-menu span {\n            width: 25px;\n            height: 2px;\n            background: var(--gold);\n            transition: 0.3s;\n        }\n\n        \/* Hero Section *\/\n        .hero {\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            padding: 0 5%;\n            margin-top: 0;\n            overflow: hidden;\n        }\n\n        .hero::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -10%;\n            width: 600px;\n            height: 600px;\n            background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%);\n            animation: pulse 4s ease-in-out infinite;\n        }\n\n        @keyframes pulse {\n            0%, 100% { transform: scale(1); opacity: 0.5; }\n            50% { transform: scale(1.1); opacity: 0.8; }\n        }\n\n        .hero-content {\n            text-align: center;\n            z-index: 2;\n            max-width: 900px;\n        }\n\n        .hero-tag {\n            display: inline-block;\n            padding: 0.5rem 1.5rem;\n            border: 1px solid var(--gold);\n            color: var(--gold);\n            font-family: 'Orbitron', sans-serif;\n            font-size: 0.9rem;\n            letter-spacing: 3px;\n            margin-bottom: 2rem;\n            text-transform: uppercase;\n            animation: fadeInDown 1s ease-out;\n        }\n\n        .hero h1 {\n            font-family: 'Orbitron', sans-serif;\n            font-size: clamp(2.5rem, 8vw, 5rem);\n            font-weight: 900;\n            line-height: 1.1;\n            margin-bottom: 1.5rem;\n            text-transform: uppercase;\n            letter-spacing: -1px;\n            animation: fadeInUp 1s ease-out 0.2s both;\n        }\n\n        .hero h1 .highlight {\n            color: var(--gold);\n            position: relative;\n            display: inline-block;\n        }\n\n        .hero h1 .highlight::after {\n            content: '\ud83d\udc0d';\n            position: absolute;\n            right: -60px;\n            top: -20px;\n            font-size: 3rem;\n            animation: snakeMove 3s ease-in-out infinite;\n        }\n\n        @keyframes snakeMove {\n            0%, 100% { transform: translateY(0) rotate(0deg); }\n            50% { transform: translateY(-10px) rotate(5deg); }\n        }\n\n        .hero-subtitle {\n            font-size: clamp(1.1rem, 3vw, 1.5rem);\n            color: var(--light-gray);\n            margin-bottom: 3rem;\n            font-weight: 300;\n            animation: fadeInUp 1s ease-out 0.4s both;\n        }\n\n        .hero-date {\n            font-family: 'Orbitron', sans-serif;\n            font-size: 1.3rem;\n            color: var(--neon-green);\n            margin-bottom: 3rem;\n            letter-spacing: 2px;\n            animation: fadeInUp 1s ease-out 0.6s both;\n        }\n\n        .cta-buttons {\n            display: flex;\n            gap: 1.5rem;\n            justify-content: center;\n            flex-wrap: wrap;\n            animation: fadeInUp 1s ease-out 0.8s both;\n        }\n\n        .btn {\n            padding: 1rem 3rem;\n            font-family: 'Orbitron', sans-serif;\n            font-size: 1rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            border: none;\n            cursor: pointer;\n            transition: all 0.3s;\n            text-decoration: none;\n            display: inline-block;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .btn-primary {\n            background: var(--gold);\n            color: var(--black);\n            box-shadow: 0 0 30px rgba(212, 175, 55, 0.3);\n        }\n\n        .btn-primary:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 10px 40px rgba(212, 175, 55, 0.5);\n        }\n\n        .btn-secondary {\n            background: transparent;\n            color: var(--white);\n            border: 2px solid var(--white);\n        }\n\n        .btn-secondary:hover {\n            background: var(--white);\n            color: var(--black);\n            transform: translateY(-3px);\n        }\n\n        \/* Countdown *\/\n        .countdown {\n            background: var(--gray);\n            padding: 3rem 5%;\n            border-top: 1px solid rgba(212, 175, 55, 0.2);\n            border-bottom: 1px solid rgba(212, 175, 55, 0.2);\n        }\n\n        .countdown-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: flex;\n            justify-content: center;\n            gap: 3rem;\n            flex-wrap: wrap;\n        }\n\n        .countdown-item {\n            text-align: center;\n        }\n\n        .countdown-item .number {\n            font-family: 'Orbitron', sans-serif;\n            font-size: 3rem;\n            font-weight: 900;\n            color: var(--gold);\n            display: block;\n            line-height: 1;\n        }\n\n        .countdown-item .label {\n            font-size: 0.9rem;\n            color: var(--light-gray);\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            margin-top: 0.5rem;\n        }\n\n        \/* Features Grid *\/\n        .features {\n            padding: 6rem 5%;\n            position: relative;\n        }\n\n        .section-title {\n            font-family: 'Orbitron', sans-serif;\n            font-size: 2.5rem;\n            text-align: center;\n            margin-bottom: 4rem;\n            color: var(--white);\n            position: relative;\n            display: inline-block;\n            left: 50%;\n            transform: translateX(-50%);\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 3px;\n            background: var(--gold);\n        }\n\n        .features-grid {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 2rem;\n        }\n\n        .feature-card {\n            background: var(--dark-gray);\n            border: 1px solid rgba(255, 255, 255, 0.05);\n            padding: 2.5rem;\n            transition: all 0.3s;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 3px;\n            background: linear-gradient(90deg, var(--gold), var(--neon-green));\n            transform: scaleX(0);\n            transition: transform 0.3s;\n        }\n\n        .feature-card:hover::before {\n            transform: scaleX(1);\n        }\n\n        .feature-card:hover {\n            transform: translateY(-5px);\n            border-color: rgba(212, 175, 55, 0.3);\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);\n        }\n\n        .feature-icon {\n            font-size: 2.5rem;\n            margin-bottom: 1.5rem;\n        }\n\n        .feature-card h3 {\n            font-family: 'Orbitron', sans-serif;\n            font-size: 1.3rem;\n            margin-bottom: 1rem;\n            color: var(--gold);\n        }\n\n        .feature-card p {\n            color: var(--light-gray);\n            line-height: 1.6;\n        }\n\n        \/* Lineup Section *\/\n        .lineup {\n            background: var(--dark-gray);\n            padding: 6rem 5%;\n            position: relative;\n        }\n\n        .lineup-grid {\n            max-width: 1000px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 1.5rem;\n        }\n\n        .artist-card {\n            background: var(--black);\n            padding: 2rem;\n            text-align: center;\n            border: 1px solid rgba(212, 175, 55, 0.1);\n            transition: all 0.3s;\n        }\n\n        .artist-card:hover {\n            border-color: var(--gold);\n            transform: scale(1.05);\n        }\n\n        .artist-card .role {\n            font-size: 0.8rem;\n            color: var(--neon-green);\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            margin-bottom: 0.5rem;\n        }\n\n        .artist-card h4 {\n            font-family: 'Orbitron', sans-serif;\n            font-size: 1.2rem;\n        }\n\n        \/* Ticket Section *\/\n        .tickets {\n            padding: 6rem 5%;\n            text-align: center;\n            position: relative;\n        }\n\n        .ticket-card {\n            max-width: 500px;\n            margin: 0 auto;\n            background: linear-gradient(135deg, var(--dark-gray) 0%, var(--gray) 100%);\n            border: 2px solid var(--gold);\n            padding: 3rem;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .ticket-card::before {\n            content: '\ud83d\udc0d';\n            position: absolute;\n            font-size: 8rem;\n            opacity: 0.05;\n            right: -20px;\n            bottom: -20px;\n            transform: rotate(-15deg);\n        }\n\n        .ticket-price {\n            font-family: 'Orbitron', sans-serif;\n            font-size: 4rem;\n            font-weight: 900;\n            color: var(--gold);\n            margin: 1rem 0;\n        }\n\n        .ticket-price span {\n            font-size: 1.5rem;\n            color: var(--white);\n        }\n\n        .ticket-features {\n            list-style: none;\n            margin: 2rem 0;\n            text-align: left;\n            max-width: 300px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .ticket-features li {\n            padding: 0.8rem 0;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n            color: var(--light-gray);\n            display: flex;\n            align-items: center;\n            gap: 1rem;\n        }\n\n        .ticket-features li::before {\n            content: '\u2713';\n            color: var(--neon-green);\n            font-weight: bold;\n        }\n\n        .ticket-note {\n            margin-top: 2rem;\n            padding: 1rem;\n            background: rgba(212, 175, 55, 0.1);\n            border-left: 3px solid var(--gold);\n            text-align: left;\n            font-size: 0.9rem;\n            color: var(--light-gray);\n        }\n\n        \/* Info Section *\/\n        .info {\n            background: var(--dark-gray);\n            padding: 6rem 5%;\n        }\n\n        .info-grid {\n            max-width: 1000px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 3rem;\n        }\n\n        .info-item {\n            display: flex;\n            gap: 1.5rem;\n            align-items: flex-start;\n        }\n\n        .info-icon {\n            font-size: 2rem;\n            color: var(--gold);\n            flex-shrink: 0;\n        }\n\n        .info-content h3 {\n            font-family: 'Orbitron', sans-serif;\n            margin-bottom: 0.5rem;\n            font-size: 1.2rem;\n        }\n\n        .info-content p {\n            color: var(--light-gray);\n            line-height: 1.6;\n        }\n\n        \/* Partners *\/\n        .partners {\n            padding: 4rem 5%;\n            text-align: center;\n        }\n\n        .partners-grid {\n            max-width: 800px;\n            margin: 2rem auto 0;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            gap: 3rem;\n            flex-wrap: wrap;\n        }\n\n        .partner-logo {\n            font-family: 'Orbitron', sans-serif;\n            font-size: 1.2rem;\n            color: var(--light-gray);\n            opacity: 0.7;\n            transition: opacity 0.3s;\n        }\n\n        .partner-logo:hover {\n            opacity: 1;\n            color: var(--gold);\n        }\n\n        \/* Footer *\/\n        footer {\n            background: var(--black);\n            padding: 3rem 5%;\n            text-align: center;\n            border-top: 1px solid rgba(212, 175, 55, 0.2);\n        }\n\n        .footer-snake {\n            font-size: 2rem;\n            margin-bottom: 1rem;\n            animation: snakeMove 3s ease-in-out infinite;\n        }\n\n        .footer-text {\n            font-family: 'Orbitron', sans-serif;\n            color: var(--gold);\n            font-size: 1.2rem;\n            margin-bottom: 1rem;\n        }\n\n        .footer-sub {\n            color: var(--light-gray);\n            font-size: 0.9rem;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes fadeInDown {\n            from {\n                opacity: 0;\n                transform: translateY(-30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .nav-links {\n                display: none;\n            }\n\n            .mobile-menu {\n                display: flex;\n            }\n\n            .hero h1 .highlight::after {\n                right: -40px;\n                top: -10px;\n                font-size: 2rem;\n            }\n\n            .countdown-container {\n                gap: 1.5rem;\n            }\n\n            .countdown-item .number {\n                font-size: 2rem;\n            }\n\n            .cta-buttons {\n                flex-direction: column;\n                align-items: center;\n            }\n\n            .btn {\n                width: 100%;\n                max-width: 300px;\n                text-align: center;\n            }\n\n            .features-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .ticket-card {\n                padding: 2rem 1.5rem;\n            }\n        }\n\n        \/* Scrollbar *\/\n        ::-webkit-scrollbar {\n            width: 10px;\n        }\n\n        ::-webkit-scrollbar-track {\n            background: var(--black);\n        }\n\n        ::-webkit-scrollbar-thumb {\n            background: var(--gold);\n            border-radius: 5px;\n        }\n\n        \/* Selection *\/\n        ::selection {\n            background: var(--gold);\n            color: var(--black);\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"snake-bg\"><\/div>\n\n    <!-- Navigation -->\n    <nav>\n        <div class=\"logo\">Elysium <span>Events<\/span><\/div>\n        <ul class=\"nav-links\">\n            <li><a href=\"#evento\">Evento<\/a><\/li>\n            <li><a href=\"#lineup\">Lineup<\/a><\/li>\n            <li><a href=\"#biglietti\">Biglietti<\/a><\/li>\n            <li><a href=\"#info\">Info<\/a><\/li>\n        <\/ul>\n        <div class=\"mobile-menu\" onclick=\"toggleMenu()\">\n            <span><\/span>\n            <span><\/span>\n            <span><\/span>\n        <\/div>\n    <\/nav>\n\n    <!-- Hero Section -->\n    <section class=\"hero\" id=\"evento\">\n        <div class=\"hero-content\">\n            <div class=\"hero-tag\">Il 1\u00ba Maggio Targato Elysium<\/div>\n            <h1>\n                Prende Forma al<br>\n                <span class=\"highlight\">Rott Garden<\/span>\n            <\/h1>\n            <p class=\"hero-subtitle\">\n                12 Ore di Musica No-Stop \u2022 20 Artisti tra DJ e Vocalist<br>\n                Food & Beverage \u2022 Aree Chill Brandizzate \u2022 Diretta Radio\n            <\/p>\n            <div class=\"hero-date\">\n                Venerd\u00ec 1\u00b0 Maggio | Start 10:00 AM\n            <\/div>\n            <div class=\"cta-buttons\">\n                <a href=\"#biglietti\" class=\"btn btn-primary\">Acquista Biglietto 12\u20ac<\/a>\n                <a href=\"#info\" class=\"btn btn-secondary\">Scopri di Pi\u00f9<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Countdown -->\n    <div class=\"countdown\">\n        <div class=\"countdown-container\">\n            <div class=\"countdown-item\">\n                <span class=\"number\" id=\"days\">00<\/span>\n                <div class=\"label\">Giorni<\/div>\n            <\/div>\n            <div class=\"countdown-item\">\n                <span class=\"number\" id=\"hours\">00<\/span>\n                <div class=\"label\">Ore<\/div>\n            <\/div>\n            <div class=\"countdown-item\">\n                <span class=\"number\" id=\"minutes\">00<\/span>\n                <div class=\"label\">Minuti<\/div>\n            <\/div>\n            <div class=\"countdown-item\">\n                <span class=\"number\" id=\"seconds\">00<\/span>\n                <div class=\"label\">Secondi<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Features -->\n    <section class=\"features\">\n        <h2 class=\"section-title\">Cosa Troverai<\/h2>\n        <div class=\"features-grid\">\n            <div class=\"feature-card\">\n                <div class=\"feature-icon\">\ud83c\udfa7<\/div>\n                <h3>20 Artisti Live<\/h3>\n                <p>DJ set e vocalist che animeranno 12 ore consecutive di musica no-stop, dai generi commerciali all'underground.<\/p>\n            <\/div>\n            <div class=\"feature-card\">\n                <div class=\"feature-icon\">\ud83c\udf99\ufe0f<\/div>\n                <h3>Diretta Jonica Radio<\/h3>\n                <p>Interviste esclusive con Fantaculto e Social Builders. L'evento in diretta radiofonica per non perdere nemmeno un beat.<\/p>\n            <\/div>\n            <div class=\"feature-card\">\n                <div class=\"feature-icon\">\ud83c\udf54<\/div>\n                <h3>Food & Beverage<\/h3>\n                <p>Area gastronomica completa con street food selezionato, bar e cocktail per ricaricare le energie tra un set e l'altro.<\/p>\n            <\/div>\n            <div class=\"feature-card\">\n                <div class=\"feature-icon\">\ud83d\udecb\ufe0f<\/div>\n                <h3>Aree Chill Brandizzate<\/h3>\n                <p>Spazi relax esclusivi dove poter recuperare le forze in un'atmosfera curata nei minimi dettagli.<\/p>\n            <\/div>\n            <div class=\"feature-card\">\n                <div class=\"feature-icon\">\u231b<\/div>\n                <h3>12 Ore No-Stop<\/h3>\n                <p>Dalle 10:00 del mattino fino a tarda notte. Un'esperienza sonora completa che non si ferma mai.<\/p>\n            <\/div>\n            <div class=\"feature-card\">\n                <div class=\"feature-icon\">\ud83d\udccd<\/div>\n                <h3>Rott Garden<\/h3>\n                <p>Location esclusiva a Rende (CS), Via Repaci 75. Il cuore pulsante della movida cosentina.<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Lineup -->\n    <section class=\"lineup\" id=\"lineup\">\n        <h2 class=\"section-title\">Lineup<\/h2>\n        <div class=\"lineup-grid\">\n            <div class=\"artist-card\">\n                <div class=\"role\">DJ Set<\/div>\n                <h4>Artista 1<\/h4>\n            <\/div>\n            <div class=\"artist-card\">\n                <div class=\"role\">Vocalist<\/div>\n                <h4>Artista 2<\/h4>\n            <\/div>\n            <div class=\"artist-card\">\n                <div class=\"role\">DJ Set<\/div>\n                <h4>Artista 3<\/h4>\n            <\/div>\n            <div class=\"artist-card\">\n                <div class=\"role\">Live<\/div>\n                <h4>Artista 4<\/h4>\n            <\/div>\n            <div class=\"artist-card\">\n                <div class=\"role\">DJ Set<\/div>\n                <h4>Artista 5<\/h4>\n            <\/div>\n            <div class=\"artist-card\">\n                <div class=\"role\">Vocalist<\/div>\n                <h4>Artista 6<\/h4>\n            <\/div>\n            <div class=\"artist-card\">\n                <div class=\"role\">DJ Set<\/div>\n                <h4>Artista 7<\/h4>\n            <\/div>\n            <div class=\"artist-card\">\n                <div class=\"role\">Special Guest<\/div>\n                <h4>TBA<\/h4>\n            <\/div>\n        <\/div>\n        <p style=\"text-align: center; margin-top: 2rem; color: var(--light-gray);\">...e molti altri ancora da annunciare \ud83d\udc0d<\/p>\n    <\/section>\n\n    <!-- Tickets -->\n    <section class=\"tickets\" id=\"biglietti\">\n        <h2 class=\"section-title\">Biglietti<\/h2>\n        <div class=\"ticket-card\">\n            <div style=\"font-family: 'Orbitron', sans-serif; color: var(--gold); letter-spacing: 3px; font-size: 0.9rem;\">ACCESSO COMPLETO<\/div>\n            <div class=\"ticket-price\">12<span>\u20ac<\/span><\/div>\n            <p style=\"color: var(--light-gray); margin-bottom: 2rem;\">Early Bird \/ Prevendita Online<\/p>\n            \n            <ul class=\"ticket-features\">\n                <li>Accesso 12h evento<\/li>\n                <li>Tutti gli stage inclusi<\/li>\n                <li>Accesso aree chill<\/li>\n                <li>Priority entry<\/li>\n            <\/ul>\n\n            <a href=\"#\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1rem;\">Acquista Ora<\/a>\n            \n            <div class=\"ticket-note\">\n                <strong>\u26a0\ufe0f Botteghino:<\/strong> Prezzo maggiorato in caso di acquisto alla porta. Consigliamo vivamente l'acquisto online per garantire l'ingresso.\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Info -->\n    <section class=\"info\" id=\"info\">\n        <h2 class=\"section-title\">Informazioni<\/h2>\n        <div class=\"info-grid\">\n            <div class=\"info-item\">\n                <div class=\"info-icon\">\ud83d\udccd<\/div>\n                <div class=\"info-content\">\n                    <h3>Location<\/h3>\n                    <p>Rott Garden<br>Via Repaci 75<br>Rende (CS)<br>Italia<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"info-item\">\n                <div class=\"info-icon\">\ud83d\udcc5<\/div>\n                <div class=\"info-content\">\n                    <h3>Data & Orari<\/h3>\n                    <p>Venerd\u00ec 1\u00b0 Maggio 2026<br>Start: 10:00 AM<br>Durata: 12 ore di musica no-stop<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"info-item\">\n                <div class=\"info-icon\">\ud83c\udfab<\/div>\n                <div class=\"info-content\">\n                    <h3>Biglietteria<\/h3>\n                    <p>Online: 12\u20ac<br>Botteghino: Prezzo maggiorato<br>Et\u00e0: 18+<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"info-item\">\n                <div class=\"info-icon\">\ud83d\udcfb<\/div>\n                <div class=\"info-content\">\n                    <h3>Media Partner<\/h3>\n                    <p>Jonica Radio<br>Interviste: Fantaculto & Social Builders<br>Diretta live dall'evento<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Partners -->\n    <section class=\"partners\">\n        <h2 class=\"section-title\" style=\"font-size: 1.5rem;\">In Collaborazione Con<\/h2>\n        <div class=\"partners-grid\">\n            <div class=\"partner-logo\">JONICA RADIO<\/div>\n            <div class=\"partner-logo\">FANTACULTO<\/div>\n            <div class=\"partner-logo\">SOCIAL BUILDERS<\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Footer -->\n    <footer>\n        <div class=\"footer-snake\">\ud83d\udc0d<\/div>\n        <div class=\"footer-text\">Ascolta il richiamo. Il resto \u00e8 solo rumore.<\/div>\n        <div class=\"footer-sub\">\u00a9 2026 Elysium Events. Tutti i diritti riservati.<\/div>\n    <\/footer>\n\n    <script>\n        \/\/ Countdown Timer\n        function updateCountdown() {\n            const eventDate = new Date('May 1, 2026 10:00:00').getTime();\n            const now = new Date().getTime();\n            const distance = eventDate - now;\n\n            const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\n            const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n            const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\n            const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\n\n            document.getElementById('days').innerText = String(days).padStart(2, '0');\n            document.getElementById('hours').innerText = String(hours).padStart(2, '0');\n            document.getElementById('minutes').innerText = String(minutes).padStart(2, '0');\n            document.getElementById('seconds').innerText = String(seconds).padStart(2, '0');\n        }\n\n        setInterval(updateCountdown, 1000);\n        updateCountdown();\n\n        \/\/ Smooth Scroll\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            });\n        });\n\n        \/\/ Mobile Menu Toggle\n        function toggleMenu() {\n            const navLinks = document.querySelector('.nav-links');\n            navLinks.style.display = navLinks.style.display === 'flex' ? 'none' : 'flex';\n            navLinks.style.position = 'absolute';\n            navLinks.style.top = '100%';\n            navLinks.style.left = '0';\n            navLinks.style.width = '100%';\n            navLinks.style.background = 'rgba(10, 10, 10, 0.95)';\n            navLinks.style.flexDirection = 'column';\n            navLinks.style.padding = '2rem';\n            navLinks.style.borderBottom = '1px solid rgba(212, 175, 55, 0.2)';\n        }\n\n        \/\/ Intersection Observer for animations\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.style.opacity = '1';\n                    entry.target.style.transform = 'translateY(0)';\n                }\n            });\n        }, observerOptions);\n\n        document.querySelectorAll('.feature-card, .artist-card, .info-item').forEach(el => {\n            el.style.opacity = '0';\n            el.style.transform = 'translateY(20px)';\n            el.style.transition = 'all 0.6s ease-out';\n            observer.observe(el);\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>1\u00ba Maggio Targato Elysium | Rott Garden Rende Elysium Events Evento Lineup Biglietti Info Il 1\u00ba Maggio Targato Elysium Prende Forma al Rott Garden 12 Ore di Musica No-Stop \u2022 20 Artisti tra DJ e Vocalist Food &#038; Beverage \u2022 Aree Chill Brandizzate \u2022 Diretta Radio Venerd\u00ec 1\u00b0 Maggio | Start 10:00 AM Acquista Biglietto [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-74","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.socializerpro.com\/index.php?rest_route=\/wp\/v2\/pages\/74","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.socializerpro.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.socializerpro.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.socializerpro.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.socializerpro.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=74"}],"version-history":[{"count":4,"href":"https:\/\/www.socializerpro.com\/index.php?rest_route=\/wp\/v2\/pages\/74\/revisions"}],"predecessor-version":[{"id":78,"href":"https:\/\/www.socializerpro.com\/index.php?rest_route=\/wp\/v2\/pages\/74\/revisions\/78"}],"wp:attachment":[{"href":"https:\/\/www.socializerpro.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=74"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}