{"id":8,"date":"2026-11-03T13:33:05","date_gmt":"2026-11-03T13:33:05","guid":{"rendered":"https:\/\/studiolegale.sujanmokdom.com\/?page_id=8"},"modified":"2026-11-03T13:56:32","modified_gmt":"2026-11-03T13:56:32","slug":"home","status":"publish","type":"page","link":"https:\/\/studiolegale.sujanmokdom.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf564b8 e-con-full e-flex e-con e-parent\" data-id=\"cf564b8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cc98ed elementor-widget elementor-widget-html\" data-id=\"1cc98ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"it\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Avvocato Studio Legale<\/title>\r\n    <!-- FontAwesome for Icons -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cloudflare.com\">\r\n<\/head>\r\n\r\n\r\n\r\n<body>\r\n\r\n    <!-- Header & Navigation -->\r\n    <header class=\"main-header\">\r\n        <div class=\"logo\">\r\n            <i class=\"fa-solid fa-scale-balanced\"><\/i> Studio<span>Legale<\/span>\r\n        <\/div>\r\n        <button class=\"nav-toggle\" id=\"navToggle\" aria-label=\"Toggle navigation\">\r\n            <i class=\"fa-solid fa-bars\"><\/i>\r\n        <\/button>\r\n        <nav class=\"nav-menu\" id=\"navMenu\">\r\n            <a href=\"#home\">Home<\/a>\r\n            <a href=\"#services\">Servizi<\/a>\r\n            <a href=\"#about\">Chi Sono<\/a>\r\n            <a href=\"#testimonials\">Recensioni<\/a>\r\n            <a href=\"#contact\" class=\"btn-nav-cta\">Consulenza Gratuita<\/a>\r\n        <\/nav>\r\n    <\/header>\r\n\r\n    <!-- Hero Section -->\r\n    <section id=\"home\" class=\"hero-section\">\r\n        <div class=\"hero-content\">\r\n            <span class=\"hero-tagline\">Esperienza, Passione e Giustizia<\/span>\r\n            <h1>Proteggiamo i Tuoi Diritti con Soluzioni Legali Efficaci<\/h1>\r\n            <p>Assistenza legale personalizzata per privati e aziende. Affidati a professionisti qualificati per risolvere i tuoi problemi legali in modo rapido e sicuro.<\/p>\r\n            <div class=\"hero-cta-group\">\r\n                <a href=\"#contact\" class=\"btn-primary\">Prenota Consulenza Ora<\/a>\r\n                <a href=\"#services\" class=\"btn-secondary\">Scopri i Nostri Servizi<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Services Section -->\r\n    <section id=\"services\" class=\"services-section\">\r\n        <div class=\"section-title\">\r\n            <h2>Aree di Competenza<\/h2>\r\n            <p>Offriamo consulenza e assistenza legale qualificata in diverse aree del diritto<\/p>\r\n        <\/div>\r\n        <div class=\"services-grid\">\r\n            <div class=\"service-card\">\r\n                <div class=\"service-icon purple-bg\"><i class=\"fa-solid fa-users\"><\/i><\/div>\r\n                <h3>Diritto di Famiglia<\/h3>\r\n                <p>Separazioni, divorzi, affidamento minori e tutela del patrimonio familiare con la massima sensibilit\u00e0.<\/p>\r\n            <\/div>\r\n            <div class=\"service-card\">\r\n                <div class=\"service-icon coral-bg\"><i class=\"fa-solid fa-briefcase\"><\/i><\/div>\r\n                <h3>Diritto Societario<\/h3>\r\n                <p>Consulenza aziendale, contrattualistica, fusioni e gestione delle controversie commerciali.<\/p>\r\n            <\/div>\r\n            <div class=\"service-card\">\r\n                <div class=\"service-icon amber-bg\"><i class=\"fa-solid fa-gavel\"><\/i><\/div>\r\n                <h3>Diritto Penale<\/h3>\r\n                <p>Difesa tecnica e assistenza legale in ogni fase del procedimento penale, garantendo i tuoi diritti.<\/p>\r\n            <\/div>\r\n            <div class=\"service-card\">\r\n                <div class=\"service-icon teal-bg\"><i class=\"fa-solid fa-house-chimney\"><\/i><\/div>\r\n                <h3>Diritto Immobiliare<\/h3>\r\n                <p>Assistenza in compravendite, locazioni, sfratti e controversie condominiali o di propriet\u00e0.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- About Section -->\r\n    <section id=\"about\" class=\"about-section\">\r\n        <div class=\"about-container\">\r\n            <div class=\"about-content\">\r\n                <span class=\"sub-title\">Chi Sono<\/span>\r\n                <h2>Un Partner Affidabile al Tuo Fianco<\/h2>\r\n                <p>Siamo uno studio legale dinamico che unisce la solida tradizione giuridica a un approccio moderno e digitalizzato. Il nostro obiettivo principale \u00e8 offrire soluzioni chiare, trasparenti e tempestive ai nostri clienti.<\/p>\r\n                <div class=\"stats-grid\">\r\n                    <div class=\"stat-item\">\r\n                        <span class=\"stat-number\">15+<\/span>\r\n                        <span class=\"stat-label\">Anni di Esperienza<\/span>\r\n                    <\/div>\r\n                    <div class=\"stat-item\">\r\n                        <span class=\"stat-number\">98%<\/span>\r\n                        <span class=\"stat-label\">Casi Risolti con Successo<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Testimonials Section -->\r\n    <section id=\"testimonials\" class=\"testimonials-section\">\r\n        <div class=\"section-title\">\r\n            <h2>Cosa Dicono i Nostri Clienti<\/h2>\r\n            <p>La fiducia e la soddisfazione di chi si affida a noi sono il nostro traguardo pi\u00f9 grande<\/p>\r\n        <\/div>\r\n        <div class=\"testimonials-slider\">\r\n            <div class=\"testimonial-card\">\r\n                <div class=\"stars\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\r\n                <p>\"Professionalit\u00e0 impeccabile. Mi hanno supportato durante un momento difficile di separazione con grande empatia e competenza tecnica. Consigliatissimo!\"<\/p>\r\n                <h4>- Marco R.<\/h4>\r\n            <\/div>\r\n            <div class=\"testimonial-card\">\r\n                <div class=\"stars\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\r\n                <p>\"Grazie allo studio abbiamo risolto una complessa controversia societaria in tempi record. Chiarezza sui costi e massima disponibilit\u00e0.\"<\/p>\r\n                <h4>- Elena T. (CEO TechStart)<\/h4>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Contact & Form Section -->\r\n    <section id=\"contact\" class=\"contact-section\">\r\n        <div class=\"contact-container\">\r\n            <div class=\"contact-info\">\r\n                <h2>Richiedi una Prima Consulenza<\/h2>\r\n                <p>Non lasciare che un problema legale diventi un ostacolo. Compila il modulo per fissare un appuntamento in studio o online.<\/p>\r\n                <div class=\"info-links\">\r\n                    <a href=\"tel:+39012345678\"><i class=\"fa-solid fa-phone\"><\/i> +39 012 345 678<\/a>\r\n                    <a href=\"mailto:info@studiolegale.it\"><i class=\"fa-solid fa-envelope\"><\/i> info@studiolegale.it<\/a>\r\n                    <p><i class=\"fa-solid fa-location-dot\"><\/i> Via Roma 45, 20121 Milano (MI)<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"contact-form-box\">\r\n                <form id=\"landingContactForm\">\r\n                    <div class=\"form-group\">\r\n                        <label for=\"name\">Nome Completo<\/label>\r\n                        <input type=\"text\" id=\"name\" required placeholder=\"Inserisci il tuo nome\">\r\n                    <\/div>\r\n                    <div class=\"form-group\">\r\n                        <label for=\"email\">Email<\/label>\r\n                        <input type=\"email\" id=\"email\" required placeholder=\"Inserisci la tua email\">\r\n                    <\/div>\r\n                    <div class=\"form-group\">\r\n                        <label for=\"phone\">Telefono<\/label>\r\n                        <input type=\"tel\" id=\"phone\" required placeholder=\"Inserisci il tuo telefono\">\r\n                    <\/div>\r\n                    <div class=\"form-group\">\r\n                        <label for=\"message\">Descrivi brevemente il tuo caso<\/label>\r\n                        <textarea id=\"message\" rows=\"4\" required placeholder=\"Di cosa hai bisogno?\"><\/textarea>\r\n                    <\/div>\r\n                    <button type=\"submit\" class=\"btn-submit\" id=\"submitBtn\">Invia Richiesta<\/button>\r\n                    <div class=\"form-status\" id=\"formStatus\"><\/div>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Footer -->\r\n    <footer class=\"main-footer\">\r\n        <div class=\"footer-top\">\r\n            <div class=\"footer-brand\">\r\n                <div class=\"logo\"><i class=\"fa-solid fa-scale-balanced\"><\/i> Studio<span>Legale<\/span><\/div>\r\n                <p>Giustizia, trasparenza e dedizione al servizio del cliente.<\/p>\r\n            <\/div>\r\n            <div class=\"footer-socials\">\r\n                <a href=\"#\" aria-label=\"LinkedIn\"><i class=\"fa-brands fa-linkedin-in\"><\/i><\/a>\r\n                <a href=\"#\" aria-label=\"Facebook\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\r\n                <a href=\"#\" aria-label=\"Instagram\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"footer-bottom\">\r\n            <p>&copy; 2026 Studio Legale Avvocato. Tutti i diritti riservati. P.IVA 01234567890<\/p>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n<\/body>\r\n\r\n\r\n<\/html>\r\n\r\n<style>\r\n\r\n    \/* Custom Vibrant Color Palette & Reset *\/\r\n:root {\r\n    --primary-bg: #0f172a;\r\n    --accent-purple: #6366f1;\r\n    --accent-coral: #f43f5e;\r\n    --accent-amber: #f59e0b;\r\n    --accent-teal: #0d9488;\r\n    --text-main: #1e293b;\r\n    --text-muted: #64748b;\r\n    --light-bg: #f8fafc;\r\n    --white: #ffffff;\r\n}\r\n\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n    scroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\n    color: var(--text-main);\r\n    background-color: var(--white);\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* Header CSS *\/\r\n.main-header {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    background: rgba(255, 255, 255, 0.95);\r\n    backdrop-filter: blur(10px);\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 1.25rem 5%;\r\n    box-shadow: 0 2px 15px rgba(0,0,0,0.05);\r\n    z-index: 1000;\r\n}\r\n\r\n.logo {\r\n    font-size: 1.5rem;\r\n    font-weight: 700;\r\n    color: var(--primary-bg);\r\n}\r\n\r\n.logo i {\r\n    color: var(--accent-purple);\r\n    margin-right: 0.5rem;\r\n}\r\n\r\n.logo span {\r\n    color: var(--accent-coral);\r\n}\r\n\r\n.nav-menu a {\r\n    text-decoration: none;\r\n    color: var(--text-main);\r\n    font-weight: 600;\r\n    margin-left: 2rem;\r\n    transition: color 0.3s;\r\n}\r\n\r\n.nav-menu a:hover {\r\n    color: var(--accent-purple);\r\n}\r\n\r\n.nav-menu .btn-nav-cta {\r\n    background: linear-gradient(135deg, var(--accent-purple), var(--accent-coral));\r\n    color: var(--white);\r\n    padding: 0.6rem 1.2rem;\r\n    border-radius: 50px;\r\n}\r\n\r\n.nav-menu .btn-nav-cta:hover {\r\n    color: var(--white);\r\n    opacity: 0.9;\r\n}\r\n\r\n.nav-toggle {\r\n    display: none;\r\n    background: none;\r\n    border: none;\r\n    font-size: 1.5rem;\r\n    color: var(--primary-bg);\r\n    cursor: pointer;\r\n}\r\n\r\n\/* Hero Section *\/\r\n.hero-section {\r\n    min-height: 100vh;\r\n    padding: 150px 5% 80px;\r\n    background: radial-gradient(circle at 80% 20%, rgba(99, 102, 241, 0.15), transparent 40%),\r\n                radial-gradient(circle at 20% 80%, rgba(244, 63, 94, 0.1), transparent 40%),\r\n                var(--light-bg);\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.hero-content {\r\n    max-width: 750px;\r\n}\r\n\r\n.hero-tagline {\r\n    display: inline-block;\r\n    color: var(--accent-purple);\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    margin-bottom: 1rem;\r\n}\r\n\r\n.hero-content h1 {\r\n    font-size: 3.5rem;\r\n    line-height: 1.2;\r\n    color: var(--primary-bg);\r\n    margin-bottom: 1.5rem;\r\n}\r\n\r\n.hero-content p {\r\n    font-size: 1.2rem;\r\n    color: var(--text-muted);\r\n    margin-bottom: 2.5rem;\r\n}\r\n\r\n.hero-cta-group a {\r\n    text-decoration: none;\r\n    padding: 1rem 2rem;\r\n    border-radius: 8px;\r\n    font-weight: 600;\r\n    display: inline-block;\r\n    margin-right: 1rem;\r\n    transition: transform 0.2s, box-shadow 0.2s;\r\n}\r\n\r\n.btn-primary {\r\n    background: linear-gradient(135deg, var(--accent-purple), var(--accent-coral));\r\n    color: var(--white);\r\n    box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3);\r\n}\r\n\r\n.btn-secondary {\r\n    background: var(--white);\r\n    color: var(--primary-bg);\r\n    border: 2px solid var(--primary-bg);\r\n}\r\n\r\n.hero-cta-group a:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 20px rgba(0,0,0,0.1);\r\n}\r\n\r\n\/* Services CSS *\/\r\n.services-section, .testimonials-section, .about-section, .contact-section {\r\n    padding: 100px 5%;\r\n}\r\n\r\n.section-title {\r\n    text-align: center;\r\n    max-width: 600px;\r\n    margin: 0 auto 4rem;\r\n}\r\n\r\n.section-title h2 {\r\n    font-size: 2.5rem;\r\n    color: var(--primary-bg);\r\n    margin-bottom: 1rem;\r\n}\r\n\r\n.services-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n    gap: 2rem;\r\n}\r\n\r\n.service-card {\r\n    background: var(--white);\r\n    padding: 2.5rem 2rem;\r\n    border-radius: 16px;\r\n    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);\r\n    border: 1px solid #f1f5f9;\r\n    transition: transform 0.3s;\r\n}\r\n\r\n.service-card:hover {\r\n    transform: translateY(-5px);\r\n}\r\n\r\n.service-icon {\r\n    width: 60px;\r\n    height: 60px;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.5rem;\r\n    color: var(--white);\r\n    margin-bottom: 1.5rem;\r\n}\r\n\r\n.purple-bg { background-color: var(--accent-purple); }\r\n.coral-bg { background-color: var(--accent-coral); }\r\n.amber-bg { background-color: var(--accent-amber); }\r\n.teal-bg { background-color: var(--accent-teal); }\r\n\r\n.service-card h3 {\r\n    margin-bottom: 1rem;\r\n    color: var(--primary-bg);\r\n}\r\n\r\n.service-card p {\r\n    color: var(--text-muted);\r\n}\r\n\r\n\/* About CSS *\/\r\n.about-section {\r\n    background-color: var(--light-bg);\r\n}\r\n\r\n.about-container {\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.sub-title {\r\n    color: var(--accent-coral);\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.about-content h2 {\r\n    font-size: 2.5rem;\r\n    margin: 0.5rem 0 1.5rem;\r\n}\r\n\r\n.stats-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 2rem;\r\n    margin-top: 3rem;\r\n}\r\n\r\n.stat-item {\r\n    border-left: 4px solid var(--accent-purple);\r\n    padding-left: 1.5rem;\r\n}\r\n\r\n.stat-number {\r\n    display: block;\r\n    font-size: 2.5rem;\r\n    font-weight: 800;\r\n    color: var(--accent-purple);\r\n}\r\n\r\n\/* Testimonials CSS *\/\r\n.testimonials-slider {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n    gap: 2rem;\r\n}\r\n\r\n.testimonial-card {\r\n    background: var(--white);\r\n    padding: 2rem;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 20px rgba(0,0,0,0.02);\r\n    border: 1px solid #e2e8f0;\r\n}\r\n\r\n.stars {\r\n    color: var(--accent-amber);\r\n    margin-bottom: 1rem;\r\n}\r\n\r\n.testimonial-card p {\r\n    font-style: italic;\r\n    color: var(--text-muted);\r\n    margin-bottom: 1rem;\r\n}\r\n\r\n\/* Contact CSS *\/\r\n.contact-section {\r\n    background: linear-gradient(135deg, var(--primary-bg), #1e1b4b);\r\n    color: var(--white);\r\n}\r\n\r\n.contact-container {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 4rem;\r\n    align-items: center;\r\n}\r\n\r\n.contact-info h2 {\r\n    font-size: 2.5rem;\r\n    margin-bottom: 1.5rem;\r\n    color: purple;\r\n}\r\n\r\n.info-links a, .info-links p {\r\n    display: block;\r\n    color: #cbd5e1;\r\n    text-decoration: none;\r\n    margin-bottom: 1.2rem;\r\n    font-size: 1.1rem;\r\n}\r\n\r\n.info-links i {\r\n    color: var(--accent-coral);\r\n    margin-right: 0.8rem;\r\n}\r\n\r\n.contact-form-box {\r\n    background: var(--white);\r\n    padding: 3rem;\r\n    border-radius: 16px;\r\n    color: var(--text-main);\r\n}\r\n\r\n.form-group {\r\n    margin-bottom: 1.5rem;\r\n}\r\n\r\n.form-group label {\r\n    display: block;\r\n    font-weight: 600;\r\n    margin-bottom: 0.5rem;\r\n}\r\n\r\n.form-group input, .form-group textarea {\r\n    width: 100%;\r\n    padding: 0.8rem 1rem;\r\n    border: 1px solid #cbd5e1;\r\n    border-radius: 8px;\r\n    outline: none;\r\n    transition: border-color 0.3s;\r\n}\r\n\r\n.form-group input:focus, .form-group textarea:focus {\r\n    border-color: var(--accent-purple);\r\n}\r\n\r\n.btn-submit {\r\n    width: 100%;\r\n    padding: 1rem;\r\n    background: linear-gradient(135deg, var(--accent-purple), var(--accent-coral));\r\n    border: none;\r\n    color: var(--white);\r\n    font-weight: 700;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n    font-size: 1.1rem;\r\n}\r\n\r\n.form-status {\r\n    margin-top: 1rem;\r\n    font-weight: 600;\r\n    text-align: center;\r\n}\r\n\r\n\/* Footer CSS *\/\r\n.main-footer {\r\n    background-color: #0b0f19;\r\n    color: #94a3b8;\r\n    padding: 4rem 5% 2rem;\r\n}\r\n\r\n.footer-top {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 1px solid #1e293b;\r\n    padding-bottom: 2.5rem;\r\n    flex-wrap: wrap;\r\n    gap: 2rem;\r\n}\r\n\r\n.footer-brand .logo {\r\n    color: var(--white);\r\n    margin-bottom: 0.5rem;\r\n}\r\n\r\n.footer-socials a {\r\n    color: #94a3b8;\r\n    font-size: 1.2rem;\r\n    margin-left: 1.5rem;\r\n    transition: color 0.3s;\r\n}\r\n\r\n.footer-socials a:hover {\r\n    color: var(--accent-coral);\r\n}\r\n\r\n.footer-bottom {\r\n    text-align: center;\r\n    padding-top: 2rem;\r\n    font-size: 0.9rem;\r\n}\r\n\r\n\/* Responsive Grid \/ Media Queries *\/\r\n@media (max-width: 991px) {\r\n    .contact-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 2.5rem;\r\n    }\r\n    .hero-content h1 {\r\n        font-size: 2.8rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .nav-toggle {\r\n        display: block;\r\n    }\r\n    .nav-menu {\r\n        position: absolute;\r\n        top: 100%;\r\n        left: 0;\r\n        width: 100%;\r\n        background: var(--white);\r\n        display: none;\r\n        flex-direction: column;\r\n        padding: 2rem;\r\n        box-shadow: 0 10px 15px rgba(0,0,0,0.05);\r\n    }\r\n    .nav-menu.active {\r\n        display: flex;\r\n    }\r\n    .nav-menu a {\r\n        margin: 1rem 0;\r\n    }\r\n    .stats-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", () => {\r\n    \/\/ 1. Mobile Navigation Toggle Menu Action\r\n    const navToggle = document.getElementById(\"navToggle\");\r\n    const navMenu = document.getElementById(\"navMenu\");\r\n\r\n    if (navToggle && navMenu) {\r\n        navToggle.addEventListener(\"click\", () => {\r\n            navMenu.classList.toggle(\"active\");\r\n            \/\/ Switch menu icon style when clicked\r\n            const icon = navToggle.querySelector(\"i\");\r\n            if (icon.classList.contains(\"fa-bars\")) {\r\n                icon.classList.remove(\"fa-bars\");\r\n                icon.classList.add(\"fa-xmark\");\r\n            } else {\r\n                icon.classList.remove(\"fa-xmark\");\r\n                icon.classList.add(\"fa-bars\");\r\n            }\r\n        });\r\n\r\n        \/\/ Close navbar when any inner option is clicked\r\n        navMenu.querySelectorAll(\"a\").forEach(link => {\r\n            link.addEventListener(\"click\", () => {\r\n                navMenu.classList.remove(\"active\");\r\n                const icon = navToggle.querySelector(\"i\");\r\n                if (icon) {\r\n                    icon.classList.remove(\"fa-xmark\");\r\n                    icon.classList.add(\"fa-bars\");\r\n                }\r\n            });\r\n        });\r\n    }\r\n\r\n    \/\/ 2. Lead Generation Contact Form Form-submission Handler\r\n    const contactForm = document.getElementById(\"landingContactForm\");\r\n    const formStatus = document.getElementById(\"formStatus\");\r\n    const submitBtn = document.getElementById(\"submitBtn\");\r\n\r\n    if (contactForm) {\r\n        contactForm.addEventListener(\"submit\", (e) => {\r\n            e.preventDefault(); \/\/ Stop instant page refresh\r\n            \r\n            \/\/ UI visual feedback to show loading state\r\n            submitBtn.disabled = true;\r\n            submitBtn.textContent = \"Invio in corso...\";\r\n            formStatus.textContent = \"\";\r\n\r\n            \/\/ Simulate server network request delay\r\n            setTimeout(() => {\r\n                formStatus.style.color = \"#10b981\"; \/\/ Vibrant green success text\r\n                formStatus.textContent = \"Grazie! La tua richiesta \u00e8 stata inviata con successo. Ti ricontatteremo entro 24 ore.\";\r\n                \r\n                \/\/ Form element clean reset \r\n                contactForm.reset();\r\n                submitBtn.disabled = false;\r\n                submitBtn.textContent = \"Invia Richiesta\";\r\n            }, 1500);\r\n        });\r\n    }\r\n});\r\n<\/script>\r\n\r\n\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>Avvocato Studio Legale StudioLegale Home Servizi Chi Sono Recensioni Consulenza Gratuita Esperienza, Passione e Giustizia Proteggiamo i Tuoi Diritti con [&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":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/studiolegale.sujanmokdom.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studiolegale.sujanmokdom.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/studiolegale.sujanmokdom.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/studiolegale.sujanmokdom.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studiolegale.sujanmokdom.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":13,"href":"https:\/\/studiolegale.sujanmokdom.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/studiolegale.sujanmokdom.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/studiolegale.sujanmokdom.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}