<!DOCTYPE html>
<html lang="it">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- SEO Primary Meta Tags -->
  <title>Studio Legale M&M - Avvocati Marcello & Mastroianni | Lamezia Terme, Vibo Valentia, Roma</title>
  <meta name="title" content="Studio Legale M&M - Avvocati Marcello & Mastroianni | Lamezia Terme, Vibo Valentia, Roma">
  <meta name="description" content="Studio Legale M&M - Avvocati Marcello e Mastroianni. Assistenza legale in diritto civile e penale a Lamezia Terme, Vibo Valentia e Roma. Prima consulenza gratuita. Esperti in diritto penale, tributario, societario, successioni e recupero crediti.">
  <meta name="keywords" content="avvocato Lamezia Terme, avvocato Vibo Valentia, avvocato Roma, studio legale Calabria, diritto penale, diritto civile, avvocato penalista, recupero crediti, diritto tributario, diritto successorio, consulenza legale gratuita, avvocato Mastroianni, avvocato Marcello">
  <meta name="author" content="Studio Legale M&M - Marcello & Mastroianni">
  <meta name="robots" content="index, follow">
  <meta name="language" content="Italian">
  <meta name="geo.region" content="IT-CZ">
  <meta name="geo.placename" content="Lamezia Terme, Vibo Valentia, Roma">

  <!-- Canonical URL -->
  <link rel="canonical" href="https://studiolegalemarcellomastroianni.it/">

  <!-- Hreflang for language versions -->
  <link rel="alternate" hreflang="it" href="https://studiolegalemarcellomastroianni.it/">
  <link rel="alternate" hreflang="en" href="https://studiolegalemarcellomastroianni.it/?lang=en">
  <link rel="alternate" hreflang="x-default" href="https://studiolegalemarcellomastroianni.it/">

  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://studiolegalemarcellomastroianni.it/">
  <meta property="og:title" content="Studio Legale M&M - Avvocati Marcello & Mastroianni">
  <meta property="og:description" content="Assistenza legale in diritto civile e penale a Lamezia Terme, Vibo Valentia e Roma. Prima consulenza gratuita. Professionalità, competenza e approccio umano.">
  <meta property="og:image" content="https://studiolegalemarcellomastroianni.it/assets/og-image.jpg">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:locale" content="it_IT">
  <meta property="og:locale:alternate" content="en_US">
  <meta property="og:site_name" content="Studio Legale M&M">

  <!-- Twitter -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:url" content="https://studiolegalemarcellomastroianni.it/">
  <meta name="twitter:title" content="Studio Legale M&M - Avvocati Marcello & Mastroianni">
  <meta name="twitter:description" content="Assistenza legale in diritto civile e penale a Lamezia Terme, Vibo Valentia e Roma. Prima consulenza gratuita.">
  <meta name="twitter:image" content="https://studiolegalemarcellomastroianni.it/assets/og-image.jpg">

  <!-- Favicon -->
  <link rel="icon" type="image/png" href="assets/favicon.png">
  <link rel="apple-touch-icon" sizes="180x180" href="assets/apple-touch-icon.png">

  <!-- Preconnect for performance -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

  <!-- Stylesheets -->
  <link rel="stylesheet" href="styles.css">
  <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Shippori+Mincho:wght@400;500;600;700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

  <!-- Schema.org JSON-LD Structured Data -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "LegalService",
    "name": "Studio Legale M&M - Marcello & Mastroianni",
    "description": "Studio legale specializzato in diritto civile e penale con sedi a Lamezia Terme, Vibo Valentia e Roma. Offriamo consulenza, assistenza e rappresentanza legale.",
    "url": "https://studiolegalemarcellomastroianni.it",
    "logo": "https://studiolegalemarcellomastroianni.it/assets/logo_bianco.png",
    "image": "https://studiolegalemarcellomastroianni.it/assets/sfondo.png",
    "telephone": ["+39 340 065 6691", "+39 329 128 6986"],
    "email": "legalimarcellomastroianni@gmail.com",
    "priceRange": "$",
    "currenciesAccepted": "EUR",
    "paymentAccepted": "Contanti, Bonifico Bancario",
    "openingHoursSpecification": [
      {
        "@type": "OpeningHoursSpecification",
        "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
        "opens": "09:00",
        "closes": "18:00"
      },
      {
        "@type": "OpeningHoursSpecification",
        "dayOfWeek": "Saturday",
        "opens": "09:00",
        "closes": "13:00"
      }
    ],
    "address": [
      {
        "@type": "PostalAddress",
        "streetAddress": "Via Savutano, 92",
        "addressLocality": "Lamezia Terme",
        "addressRegion": "Calabria",
        "postalCode": "88046",
        "addressCountry": "IT"
      },
      {
        "@type": "PostalAddress",
        "streetAddress": "Viale Accademie, 2",
        "addressLocality": "Vibo Valentia",
        "addressRegion": "Calabria",
        "postalCode": "89900",
        "addressCountry": "IT"
      },
      {
        "@type": "PostalAddress",
        "streetAddress": "Via della Fonte di Fauno, 25",
        "addressLocality": "Roma",
        "addressRegion": "Lazio",
        "postalCode": "00100",
        "addressCountry": "IT"
      }
    ],
    "areaServed": [
      {
        "@type": "City",
        "name": "Lamezia Terme"
      },
      {
        "@type": "City",
        "name": "Vibo Valentia"
      },
      {
        "@type": "City",
        "name": "Roma"
      },
      {
        "@type": "AdministrativeArea",
        "name": "Calabria"
      }
    ],
    "hasOfferCatalog": {
      "@type": "OfferCatalog",
      "name": "Servizi Legali",
      "itemListElement": [
        {
          "@type": "Offer",
          "itemOffered": {
            "@type": "Service",
            "name": "Diritto Civile",
            "description": "Consulenza e assistenza in contrattualistica, responsabilità civile, successioni, recupero crediti e diritto societario"
          }
        },
        {
          "@type": "Offer",
          "itemOffered": {
            "@type": "Service",
            "name": "Diritto Penale",
            "description": "Difesa penale, assistenza in procedimenti giudiziari, diritto penitenziario e consulenza preventiva"
          }
        }
      ]
    },
    "employee": [
      {
        "@type": "Person",
        "name": "Avv. Giuseppe Mastroianni",
        "jobTitle": "Avvocato",
        "description": "Laureato con lode presso l'Università Magna Graecia di Catanzaro. Specializzato in diritto penale, diritto penitenziario e diritto tributario.",
        "memberOf": {
          "@type": "Organization",
          "name": "Ordine degli Avvocati di Lamezia Terme"
        }
      },
      {
        "@type": "Person",
        "name": "Avv. Paolo Marcello",
        "jobTitle": "Avvocato",
        "description": "Laureato presso l'Università Magna Graecia di Catanzaro. Specializzato in diritto successorio, societario, tributario e recupero crediti.",
        "memberOf": {
          "@type": "Organization",
          "name": "Ordine degli Avvocati di Vibo Valentia"
        }
      }
    ],
    "sameAs": [
      "https://wa.me/393400656691"
    ]
  }
  </script>

  <!-- Breadcrumb Schema -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
      {
        "@type": "ListItem",
        "position": 1,
        "name": "Home",
        "item": "https://studiolegalemarcellomastroianni.it/"
      },
      {
        "@type": "ListItem",
        "position": 2,
        "name": "Chi Siamo",
        "item": "https://studiolegalemarcellomastroianni.it/#chi-siamo"
      },
      {
        "@type": "ListItem",
        "position": 3,
        "name": "Servizi",
        "item": "https://studiolegalemarcellomastroianni.it/#servizi"
      },
      {
        "@type": "ListItem",
        "position": 4,
        "name": "Consulenza",
        "item": "https://studiolegalemarcellomastroianni.it/#consulenza"
      },
      {
        "@type": "ListItem",
        "position": 5,
        "name": "Contatti",
        "item": "https://studiolegalemarcellomastroianni.it/#contatti"
      }
    ]
  }
  </script>

  <!-- FAQ Schema -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
      {
        "@type": "Question",
        "name": "La prima consulenza è gratuita?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Sì, lo Studio Legale M&M offre la prima consulenza gratuita per una valutazione preliminare del caso."
        }
      },
      {
        "@type": "Question",
        "name": "In quali città operate?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Lo Studio Legale M&M ha sedi a Lamezia Terme, Vibo Valentia e Roma, offrendo assistenza legale in tutta Italia."
        }
      },
      {
        "@type": "Question",
        "name": "Quali sono le aree di specializzazione?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Lo studio è specializzato in Diritto Civile (contrattualistica, successioni, recupero crediti, responsabilità medica) e Diritto Penale (difesa penale, diritto penitenziario, reati fallimentari)."
        }
      }
    ]
  }
  </script>
</head>
<body>

<main>
  <section id="home" class="hero">
    <nav class="navbar">
      <div class="nav-container">
        <div class="nav-logo">
          <img id="navbar-logo" src="assets/logo_bianco.png" alt="Studio Legale M&M Marcello Mastroianni - Avvocati Lamezia Terme Vibo Valentia Roma" class="logo-img">
        </div>

        <ul class="nav-menu" id="nav-menu" role="navigation" aria-label="Menu principale">
          <li><a href="#home" data-it="Home" data-en="Home">Home</a></li>
          <li><a href="#chi-siamo" data-it="Chi Siamo" data-en="About Us">Chi Siamo</a></li>
          <li><a href="#servizi" data-it="Servizi" data-en="Services">Servizi</a></li>
          <li><a href="#consulenza" data-it="Consulenza" data-en="Consultation">Consulenza</a></li>
          <li><a href="forum.html" data-it="FORUM" data-en="FORUM">FORUM</a></li>
          <li><a href="#contatti" data-it="Contatti" data-en="Contact">Contatti</a></li>
        </ul>

        <div class="nav-right">
          <div class="nav-contacts">
            <a href="tel:+393400656691" class="nav-contact-link" aria-label="Chiama lo Studio Legale M&M" title="Telefono: +39 340 065 6691"><i class="fas fa-phone" aria-hidden="true"></i></a>
            <a href="mailto:legalimarcellomastroianni@gmail.com" class="nav-contact-link" aria-label="Invia email allo Studio Legale M&M" title="Email: legalimarcellomastroianni@gmail.com"><i class="fas fa-envelope" aria-hidden="true"></i></a>
          </div>
          <div class="nav-lang" role="group" aria-label="Seleziona lingua">
            <button class="lang-btn active" data-lang="it" aria-label="Italiano" title="Visualizza il sito in Italiano">IT</button>
            <button class="lang-btn" data-lang="en" aria-label="English" title="View site in English">EN</button>
          </div>
          <button class="hamburger-menu" aria-label="Apri menu di navigazione" aria-expanded="false" aria-controls="nav-menu">
            <span class="bar"></span>
            <span class="bar"></span>
            <span class="bar"></span>
          </button>
        </div>
      </div>
    </nav>
    <div class="hero-bg">
      <img src="assets/hero.jpg" alt="Studio Legale M&M - Consulenza legale professionale in diritto civile e penale">
      <div class="hero-overlay"></div>
    </div>

    <div class="hero-content">
      <div class="hero-title-group animate-fade-in-up">
        <img src="assets/logo_bianco.png" alt="Logo Studio Legale M&M" class="hero-logo">
        <span class="hero-label" data-it="Studio Legale" data-en="Law Firm">Studio Legale</span>
        <h1 class="hero-main-title">
          <span data-it="Marcello" data-en="Marcello">Marcello</span>
          <span class="hero-ampersand">&amp;</span>
          <span data-it="Mastroianni" data-en="Mastroianni">Mastroianni</span>
        </h1>
        <div class="hero-divider"></div>
        <p class="hero-lawyers" data-it="Avv. Paolo Marcello  •  Avv. Giuseppe Mastroianni" data-en="Atty. Paolo Marcello  •  Atty. Giuseppe Mastroianni">Avv. Paolo Marcello  •  Avv. Giuseppe Mastroianni</p>
      </div>

      <p class="hero-description animate-fade-in-up delay-1" data-it="Assistenza legale in ambito civile e penale con un approccio chiaro, concreto e umano." data-en="Legal assistance in civil and criminal matters with a clear, concrete, and human approach.">Assistenza legale in ambito civile e penale con un approccio chiaro, concreto e umano.</p>

      <div class="hero-buttons animate-fade-in-up delay-3">
        <a href="#consulenza" class="btn btn-primary" data-it="Prenota Consulenza" data-en="Book Consultation">
          Prenota Consulenza
        </a>
        <a href="#chi-siamo" class="btn btn-secondary" data-it="Scopri di Più" data-en="Learn More">
          Scopri di Più
        </a>
      </div>
    </div>
  </section>

  <section id="chi-siamo" class="about animate-on-scroll">
    <div class="container">
      <div class="section-header">
        <div class="section-badge" data-it="Chi Siamo" data-en="About Us">Chi Siamo</div>
        <h2 class="serif">Studio Legale<br><span class="highlight">Marcello &amp; Mastroianni</span></h2>
        <p data-it="Competenza giuridica e rigore professionale al servizio della tutela dei diritti." data-en="Legal expertise and professional rigor at the service of rights protection.">Competenza giuridica e rigore professionale al servizio della tutela dei diritti.</p>
      </div>

      <div class="about-content">
        <!-- Profilo Avv. Giuseppe Mastroianni -->
        <div class="lawyer-profile">
          <div class="lawyer-image">
            <img src="assets/giuseppe.png" alt="Avvocato Giuseppe Mastroianni - Penalista esperto in diritto penitenziario e tributario a Lamezia Terme">
            <h3 class="serif lawyer-name">Avv. Giuseppe Mastroianni</h3>
          </div>
          <div class="lawyer-info">
            <h4 class="serif" data-it="Esperienza e Competenze" data-en="Experience and Skills">Esperienza e Competenze</h4>
            <div class="lawyer-bio" data-it="Laureato con lode presso l'Università Magna Graecia di Catanzaro. Ha conseguito il diploma di specializzazione presso la Scuola di Specializzazione per le Professioni Legali dell'Università Magna Graecia di Catanzaro. Esercita la professione legale di Avvocato ed è iscritto presso l'Ordine degli Avvocati di Lamezia Terme. Ha frequentato il corso Master Modello 231: Disciplina, Casi e Organismi di Vigilanza presso il Business School 24 del Sole 24 ore." data-en="Graduated with honors from Magna Graecia University of Catanzaro. Obtained specialization diploma from the School of Specialization for Legal Professions at Magna Graecia University of Catanzaro. Practices law and is registered with the Bar Association of Lamezia Terme. Attended the Master Course Model 231: Discipline, Cases and Supervisory Bodies at Business School 24 of Sole 24 ore.">
              <p>Laureato con lode presso l'Università Magna Graecia di Catanzaro. Ha conseguito il diploma di specializzazione presso la Scuola di Specializzazione per le Professioni Legali dell'Università Magna Graecia di Catanzaro.</p>
              <p>Esercita la professione legale di Avvocato ed è iscritto presso l'Ordine degli Avvocati di Lamezia Terme.</p>
              <p>Ha frequentato il corso Master Modello 231: Disciplina, Casi e Organismi di Vigilanza presso il Business School 24 del Sole 24 ore.</p>
            </div>
            <p class="lawyer-services-intro" data-it="Offre consulenza, assistenza e rappresentanza legale nei seguenti ambiti dove ha maturato una significativa esperienza:" data-en="Provides consultation, assistance and legal representation in the following areas where he has gained significant experience:">Offre consulenza, assistenza e rappresentanza legale nei seguenti ambiti dove ha maturato una significativa esperienza:</p>
            <ul class="lawyer-specialties">
              <li data-it="Diritto penale criminale con particolare attitudine per i reati fallimentari e sequestri penali" data-en="Criminal law with particular focus on bankruptcy crimes and criminal seizures">Diritto penale criminale con particolare attitudine per i reati fallimentari e sequestri penali</li>
              <li data-it="Diritto penale minorile" data-en="Juvenile criminal law">Diritto penale minorile</li>
              <li data-it="Diritto penitenziario in particolare riferimento alla Legge 26 luglio 1975, n. 354 e leggi complementari (c.d. Codice Penitenziario)" data-en="Prison law with particular reference to Law of July 26, 1975, n. 354 and complementary laws (Prison Code)">Diritto penitenziario in particolare riferimento alla Legge 26 luglio 1975, n. 354 e leggi complementari (c.d. Codice Penitenziario)</li>
              <li data-it="Diritto tributario" data-en="Tax law">Diritto tributario</li>
              <li data-it="Redazione e cura dei modelli D. lgs. n. 231/2001 per le aziende aventi lo scopo di individuare dei sistemi di organizzazione, gestione e controllo per prevenire reati (es. corruzione, riciclaggio, reati ambientali) commessi nel loro interesse da dipendenti o amministratori, evitando così responsabilità penali e sanzioni a carico delle Società" data-en="Drafting and management of Legislative Decree 231/2001 models for companies aimed at identifying organizational, management and control systems to prevent crimes (e.g., corruption, money laundering, environmental crimes) committed in their interest by employees or administrators">Redazione e cura dei modelli D. lgs. n. 231/2001 per le aziende aventi lo scopo di individuare dei sistemi di organizzazione, gestione e controllo per prevenire reati (es. corruzione, riciclaggio, reati ambientali) commessi nel loro interesse da dipendenti o amministratori, evitando così responsabilità penali e sanzioni a carico delle Società</li>
            </ul>
          </div>
        </div>

        <!-- Profilo Avv. Paolo Marcello -->
        <div class="lawyer-profile">
          <div class="lawyer-image">
            <img src="assets/paolo.png" alt="Avvocato Paolo Marcello - Civilista esperto in diritto successorio e societario a Vibo Valentia">
            <h3 class="serif lawyer-name">Avv. Paolo Marcello</h3>
          </div>
          <div class="lawyer-info">
            <h4 class="serif" data-it="Esperienza e Competenze" data-en="Experience and Skills">Esperienza e Competenze</h4>
            <div class="lawyer-bio">
              <p data-it="Laureato presso l'Università Magna Graecia di Catanzaro. Ha maturato esperienza formativa presso l'Ufficio Avvocatura del Comune di Vibo Valentia." data-en="Graduated from Magna Graecia University of Catanzaro. Gained training experience at the Legal Office of the Municipality of Vibo Valentia.">Laureato presso l'Università Magna Graecia di Catanzaro. Ha maturato esperienza formativa presso l'Ufficio Avvocatura del Comune di Vibo Valentia.</p>
              <p data-it="Esercita la professione legale di Avvocato, iscritto presso l'Ordine degli Avvocati di Vibo Valentia." data-en="Practices law, registered with the Bar Association of Vibo Valentia.">Esercita la professione legale di Avvocato, iscritto presso l'Ordine degli Avvocati di Vibo Valentia.</p>
              <p data-it="È iscritto nell'elenco dei professionisti delegati alla vendita giudiziaria. È iscritto nell'elenco dei custodi giudiziari. È componente delegato di Confindustria Vibo Valentia." data-en="Registered in the list of professionals delegated for judicial sales. Registered in the list of judicial custodians. Delegate member of Confindustria Vibo Valentia.">È iscritto nell'elenco dei professionisti delegati alla vendita giudiziaria. È iscritto nell'elenco dei custodi giudiziari. È componente delegato di Confindustria Vibo Valentia.</p>
            </div>
            <p class="lawyer-services-intro" data-it="Offre consulenza, assistenza e rappresentanza legale nei seguenti ambiti dove ha maturato una significativa esperienza:" data-en="Provides consultation, assistance and legal representation in the following areas where he has gained significant experience:">Offre consulenza, assistenza e rappresentanza legale nei seguenti ambiti dove ha maturato una significativa esperienza:</p>
            <ul class="lawyer-specialties">
              <li data-it="Diritto successorio" data-en="Inheritance law">Diritto successorio</li>
              <li data-it="Diritto condominiale e immobiliare" data-en="Condominium and real estate law">Diritto condominiale e immobiliare</li>
              <li data-it="Diritto societario, diritto fallimentare e crisi di impresa" data-en="Corporate law, bankruptcy law and business crisis">Diritto societario, diritto fallimentare e crisi di impresa</li>
              <li data-it="Diritto tributario" data-en="Tax law">Diritto tributario</li>
              <li data-it="Responsabilità medica" data-en="Medical liability">Responsabilità medica</li>
              <li data-it="Recupero credito stragiudiziale e giudiziale" data-en="Extrajudicial and judicial debt recovery">Recupero credito stragiudiziale e giudiziale</li>
              <li data-it="Contrattualistica" data-en="Contract law">Contrattualistica</li>
              <li data-it="Gestione sinistri stradali e risarcimento del danno" data-en="Road accident management and damage compensation">Gestione sinistri stradali e risarcimento del danno</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- Sezione PERCHÉ SCEGLIERCI -->
  <section id="perche-sceglierci" class="why-choose-us animate-on-scroll">
    <div class="container">
      <div class="section-header">
        <div class="section-badge" data-it="Perché Sceglierci" data-en="Why Choose Us">Perché Sceglierci</div>
        <h2 class="serif" data-it="I nostri punti di forza" data-en="Our Strengths">I nostri <span class="highlight">punti di forza</span></h2>
      </div>
      <div class="why-choose-grid">
        <div class="why-choose-item">
          <div class="why-choose-icon">
            <i class="fas fa-graduation-cap"></i>
          </div>
          <h4 class="serif" data-it="Esperienza e aggiornamento continuo" data-en="Experience and continuous training">Esperienza e aggiornamento continuo</h4>
        </div>
        <div class="why-choose-item">
          <div class="why-choose-icon">
            <i class="fas fa-handshake"></i>
          </div>
          <h4 class="serif" data-it="Approccio diretto e trasparente" data-en="Direct and transparent approach">Approccio diretto e trasparente</h4>
        </div>
        <div class="why-choose-item">
          <div class="why-choose-icon">
            <i class="fas fa-user-check"></i>
          </div>
          <h4 class="serif" data-it="Assistenza personalizzata" data-en="Personalized assistance">Assistenza personalizzata</h4>
        </div>
        <div class="why-choose-item">
          <div class="why-choose-icon">
            <i class="fas fa-comments"></i>
          </div>
          <h4 class="serif" data-it="Comunicazione chiara, senza tecnicismi inutili" data-en="Clear communication, without unnecessary technicalities">Comunicazione chiara, senza tecnicismi inutili</h4>
        </div>
      </div>
    </div>
  </section>

  <section id="servizi" class="services animate-on-scroll">
    <div class="container">
      <div class="section-header">
        <div class="section-badge" data-it="I Nostri Servizi" data-en="Our Services">I Nostri Servizi</div>
        <h2 class="serif">Aree di <span class="highlight">Specializzazione</span></h2>
        <p data-it="Assistiamo i nostri Clienti, in via extragiudiziale e giudiziale, affiancandoli nelle seguenti materie" data-en="We assist our Clients, both out of court and in court, supporting them in the following areas">Assistiamo i nostri Clienti, in via extragiudiziale e giudiziale, affiancandoli nelle seguenti materie</p>
      </div>

      <div class="services-grid services-grid-two">
        <div class="service-card">
          <div class="service-header">
            <div class="service-icon">
              <i class="fas fa-balance-scale"></i>
            </div>
            <h3 class="serif" data-it="Diritto Civile" data-en="Civil Law">Diritto Civile</h3>
          </div>
          <p data-it="Lo Studio presta assistenza nelle principali aree del diritto civile, con particolare riferimento alla contrattualistica, società, impresa, responsabilità civile, alle successioni e alla tutela patrimoniale e del credito." data-en="The Firm provides assistance in the main areas of civil law, with particular reference to contracts, companies, business, civil liability, successions and asset and credit protection.">Lo Studio presta assistenza nelle principali aree del diritto civile, con particolare riferimento alla contrattualistica, società, impresa, responsabilità civile, alle successioni e alla tutela patrimoniale e del credito.</p>
          <ul class="service-list">
            <li data-it="Consulenza e redazione contrattuale per le attività economiche offerte dalle società e imprese" data-en="Consultation and contract drafting for economic activities offered by companies and businesses">Consulenza e redazione contrattuale per le attività economiche offerte dalle società e imprese</li>
            <li data-it="Attività di recupero crediti e pignoramenti" data-en="Debt recovery and seizure activities">Attività di recupero crediti e pignoramenti</li>
            <li data-it="Assistenza giudiziale e stragiudiziale in materia di risarcimento del danno in generale e in particolare in materia di responsabilità medica" data-en="Judicial and extrajudicial assistance in damage compensation matters in general and particularly in medical liability">Assistenza giudiziale e stragiudiziale in materia di risarcimento del danno in generale e in particolare in materia di responsabilità medica</li>
            <li data-it="Tutela della proprietà e dei diritti reali" data-en="Protection of property and real rights">Tutela della proprietà e dei diritti reali</li>
            <li data-it="Assistenza in ambito testamentario e successorio con conseguente consulenza per pianificazione patrimoniale" data-en="Assistance in testamentary and succession matters with consequent consultation for estate planning">Assistenza in ambito testamentario e successorio con conseguente consulenza per pianificazione patrimoniale</li>
            <li data-it="Assistenza alle procedure fallimentari e crisi di impresa" data-en="Assistance in bankruptcy procedures and business crisis">Assistenza alle procedure fallimentari e crisi di impresa</li>
            <li data-it="Assistenza alla partecipazione ad aste giudiziarie mobiliari e immobiliari" data-en="Assistance for participation in movable and immovable judicial auctions">Assistenza alla partecipazione ad aste giudiziarie mobiliari e immobiliari</li>
          </ul>
          <div class="service-image">
            <img src="https://images.unsplash.com/photo-1589829545856-d10d557cf95f?q=80&w=400&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB88MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Servizi di Diritto Civile - Contratti, successioni, recupero crediti e responsabilità civile">
          </div>
        </div>

        <div class="service-card">
          <div class="service-header">
            <div class="service-icon">
              <i class="fas fa-gavel"></i>
            </div>
            <h3 class="serif" data-it="Diritto Penale" data-en="Criminal Law">Diritto Penale</h3>
          </div>
          <p data-it="Attività di consulenza e difesa in ambito penale, in ogni fase del procedimento." data-en="Consultation and defense activities in criminal matters, at every stage of the proceedings.">Attività di consulenza e difesa in ambito penale, in ogni fase del procedimento.</p>
          <ul class="service-list">
            <li data-it="Redazione querele/denunzie per persone fisiche o giuridiche" data-en="Drafting complaints/reports for individuals or legal entities">Redazione querele/denunzie per persone fisiche o giuridiche</li>
            <li data-it="Consulenza ed assistenza in ogni fase del processo penale" data-en="Consultation and assistance at every stage of the criminal process">Consulenza ed assistenza in ogni fase del processo penale</li>
            <li data-it="Attività di consulenza in fase preventiva al procedimento penale" data-en="Consultation activities in the preventive phase of criminal proceedings">Attività di consulenza in fase preventiva al procedimento penale</li>
            <li data-it="Tutela e assistenza della persona indagata o imputata" data-en="Protection and assistance of the investigated or accused person">Tutela e assistenza della persona indagata o imputata</li>
            <li data-it="Tutela e assistenza della persona offesa dal reato" data-en="Protection and assistance of the victim of the crime">Tutela e assistenza della persona offesa dal reato</li>
            <li data-it="Consulenza ed assistenza dei soggetti ristretti in istituti penitenziari" data-en="Consultation and assistance of persons detained in penitentiary institutions">Consulenza ed assistenza dei soggetti ristretti in istituti penitenziari</li>
            <li data-it="Redazione modelli D. lgs. n. 231/2001, valutazione di idoneità e relativo aggiornamento" data-en="Drafting of Legislative Decree 231/2001 models, suitability assessment and related updates">Redazione modelli D. lgs. n. 231/2001, valutazione di idoneità e relativo aggiornamento</li>
          </ul>
          <div class="service-image">
            <img src="assets/sfondo.png" alt="Servizi di Diritto Penale - Difesa penale, diritto penitenziario e assistenza processuale">
          </div>
        </div>
      </div>
    </div>

  </section>

  <section id="consulenza" class="consultation animate-on-scroll">
    <div class="container">
      <div class="consultation-content">
        <div class="consultation-text">
          <div class="section-badge" data-it="Consulenza Gratuita" data-en="Free Consultation">Consulenza Gratuita</div>
          <h2 class="serif" data-it="Richiedi una Consulenza" data-en="Request a Consultation">Richiedi una<br><span class="highlight">Consulenza</span></h2>
          <p data-it="Contattaci per una valutazione preliminare del tuo caso. La prima consulenza è gratuita." data-en="Contact us for a preliminary evaluation of your case. The first consultation is free.">Contattaci per una valutazione preliminare del tuo caso. La prima consulenza è gratuita.</p>

          <div class="benefits-list">
            <div class="benefit-item">
              <i class="fas fa-clock"></i>
              <span data-it="Prima consulenza gratuita" data-en="Free first consultation">Prima consulenza gratuita</span>
            </div>
            <div class="benefit-item">
              <i class="fas fa-search"></i>
              <span data-it="Analisi preliminare del caso" data-en="Preliminary case analysis">Analisi preliminare del caso</span>
            </div>
            <div class="benefit-item">
              <i class="fas fa-file-contract"></i>
              <span data-it="Strategia legale personalizzata" data-en="Personalized legal strategy">Strategia legale personalizzata</span>
            </div>
            <div class="benefit-item">
              <i class="fas fa-euro-sign"></i>
              <span data-it="Preventivo trasparente e dettagliato" data-en="Transparent and detailed quote">Preventivo trasparente e dettagliato</span>
            </div>
          </div>
        </div>

        <div class="consultation-form">
          <div class="form-header">
            <h3 class="serif" data-it="Prenota la tua consulenza" data-en="Book your consultation">Prenota la tua consulenza</h3>
            <p data-it="Compila il modulo per essere ricontattato" data-en="Fill out the form to be contacted">Compila il modulo per essere ricontattato</p>
          </div>
          <form id="contact-form" action="https://api.web3forms.com/submit" method="POST">
            <!-- Web3Forms Configuration -->
            <input type="hidden" name="access_key" value="f60bfeb6-ffd9-47d3-8120-7791ff343f54">
            <input type="hidden" name="subject" value="📩 Nuova Richiesta Consulenza - Studio Legale M&M">
            <input type="hidden" name="from_name" value="Studio Legale M&M - Sito Web">

            <!-- Anti-spam honeypot -->
            <input type="checkbox" name="botcheck" class="hidden" style="display: none;">

            <!-- Email Template Configuration -->
            <input type="hidden" name="replyto" value="">

            <div class="form-row">
              <div class="form-group">
                <input type="text" name="Nome" placeholder="Nome" data-it-placeholder="Nome" data-en-placeholder="First Name" required>
              </div>
              <div class="form-group">
                <input type="text" name="Cognome" placeholder="Cognome" data-it-placeholder="Cognome" data-en-placeholder="Last Name" required>
              </div>
            </div>
            <div class="form-group">
              <input type="email" name="Email Cliente" id="client-email" placeholder="Email" data-it-placeholder="Email" data-en-placeholder="Email" required>
            </div>
            <div class="form-group">
              <input type="tel" name="Telefono" placeholder="Telefono" data-it-placeholder="Telefono" data-en-placeholder="Phone" required>
            </div>
            <div class="form-group">
              <textarea name="Descrizione Caso" placeholder="Descrivi brevemente la tua situazione legale" data-it-placeholder="Descrivi brevemente la tua situazione legale" data-en-placeholder="Briefly describe your legal situation" rows="4" required></textarea>
            </div>
            <button type="submit" class="btn btn-primary btn-full" data-it="Richiedi Consulenza" data-en="Request Consultation">
              Richiedi Consulenza
            </button>
          </form>
          <div id="form-success" class="form-message success" style="display: none;">
            <i class="fas fa-check-circle"></i>
            <p data-it="Grazie! La tua richiesta è stata inviata. Ti contatteremo al più presto." data-en="Thank you! Your request has been sent. We will contact you soon.">Grazie! La tua richiesta è stata inviata. Ti contatteremo al più presto.</p>
          </div>
          <div id="form-error" class="form-message error" style="display: none;">
            <i class="fas fa-exclamation-circle"></i>
            <p data-it="Si è verificato un errore. Riprova o contattaci direttamente." data-en="An error occurred. Please try again or contact us directly.">Si è verificato un errore. Riprova o contattaci direttamente.</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section id="contatti" class="contact animate-on-scroll">
    <div class="container">
      <div class="section-header">
        <div class="section-badge" data-it="Contatti" data-en="Contact">Contatti</div>
        <p data-it="Siamo a tua disposizione per qualsiasi informazione" data-en="We are at your disposal for any information">Siamo a tua disposizione per qualsiasi informazione</p>
      </div>

      <div class="contact-grid">
        <div class="contact-card contact-card-wide">
          <div class="contact-icon">
            <i class="fas fa-map-marker-alt"></i>
          </div>
          <h3 class="serif" data-it="Sedi" data-en="Offices">Sedi</h3>
          <div class="offices-list">
            <p><strong>Lamezia Terme</strong> – Via Savutano, 92</p>
            <p><strong>Vibo Valentia</strong> – Viale Accademie, 2</p>
            <p><strong>Roma</strong> – Via della Fonte di Fauno, 25</p>
          </div>
        </div>

        <div class="contact-card">
          <div class="contact-icon">
            <i class="fas fa-phone"></i>
          </div>
          <h3 class="serif" data-it="Telefono" data-en="Phone">Telefono</h3>
          <p>Avv. Paolo Marcello<br>+39 340 065 6691<br><br>Avv. Giuseppe Mastroianni<br>+39 329 128 6986</p>
        </div>

        <div class="contact-card">
          <div class="contact-icon">
            <i class="fas fa-clock"></i>
          </div>
          <h3 class="serif" data-it="Orari di Apertura" data-en="Opening Hours">Orari di Apertura</h3>
          <p data-it="Lunedì - Venerdì: 9:00 - 18:00<br>Sabato: 9:00 - 13:00<br>Domenica: Chiuso" data-en="Monday - Friday: 9:00 - 18:00<br>Saturday: 9:00 - 13:00<br>Sunday: Closed">Lunedì - Venerdì: 9:00 - 18:00<br>Sabato: 9:00 - 13:00<br>Domenica: Chiuso</p>
        </div>

        <div class="contact-card">
          <div class="contact-icon">
            <i class="fas fa-envelope"></i>
          </div>
          <h3 class="serif">Email</h3>
          <p class="email-nowrap">legalimarcellomastroianni@gmail.com</p>
        </div>
      </div>
    </div>
  </section>
</main>

<footer class="footer">
  <div class="container">
    <div class="footer-content">
      <div class="footer-section">
        <div class="footer-logo">
          <img src="assets/logo_bianco.png" alt="Studio Legale M&M - Avvocati Marcello e Mastroianni" class="logo-img">
        </div>
        <p data-it="Competenza e integrità al servizio dei valori della giustizia." data-en="Expertise and integrity at the service of justice values.">Competenza e integrità al servizio dei valori della giustizia.</p>
      </div>

      <div class="footer-links">
        <div class="footer-column">
          <h4 class="serif" data-it="Servizi" data-en="Services">Servizi</h4>
          <ul>
            <li><a href="#servizi" data-it="Diritto Civile" data-en="Civil Law">Diritto Civile</a></li>
            <li><a href="#servizi" data-it="Diritto Penale" data-en="Criminal Law">Diritto Penale</a></li>
          </ul>
        </div>

        <div class="footer-column">
          <h4 class="serif">Studio</h4>
          <ul>
            <li><a href="#chi-siamo" data-it="Chi Siamo" data-en="About Us">Chi Siamo</a></li>
            <li><a href="#perche-sceglierci" data-it="Perché Sceglierci" data-en="Why Choose Us">Perché Sceglierci</a></li>
            <li><a href="#consulenza" data-it="Consulenza" data-en="Consultation">Consulenza</a></li>
            <li><a href="#contatti" data-it="Contatti" data-en="Contact">Contatti</a></li>
            <li><a href="https://www.iubenda.com/privacy-policy/91188627" class="iubenda-white iubenda-noiframe iubenda-embed" title="Privacy Policy">Privacy Policy</a></li>
            <li><a href="https://www.iubenda.com/privacy-policy/91188627/cookie-policy" class="iubenda-white iubenda-noiframe iubenda-embed" title="Cookie Policy">Cookie Policy</a></li>
          </ul>
        </div>

        <div class="footer-column">
          <h4 class="serif" data-it="Contatti" data-en="Contact">Contatti</h4>
          <ul>
            <li data-it="Lamezia Terme | Vibo Valentia | Roma" data-en="Lamezia Terme | Vibo Valentia | Rome">Lamezia Terme | Vibo Valentia | Roma</li>
            <li>Avv. Paolo Marcello<br>+39 340 065 6691</li>
            <li>Avv. Giuseppe Mastroianni<br>+39 329 128 6986</li>
            <li>legalimarcellomastroianni@gmail.com</li>
          </ul>
        </div>
      </div>
    </div>

    <div class="footer-bottom">
      <p data-it="&copy; 2024 Studio Legale M&M - Marcello &amp; Mastroianni. Tutti i diritti riservati." data-en="&copy; 2024 M&amp;M Law Firm - Marcello &amp; Mastroianni. All rights reserved.">&copy; 2024 Studio Legale M&M - Marcello &amp; Mastroianni. Tutti i diritti riservati.</p>
      <a href="https://wowsoluzionicreative.com/" target="_blank" rel="noopener noreferrer" class="powered-by">
        <span>powered by</span>
        <img src="assets/wow_logo.png" alt="WOW Soluzioni Creative" class="wow-logo">
        <span>soluzioni creative</span>
      </a>
    </div>
  </div>
</footer>

<a href="https://wa.me/393400656691" class="whatsapp-float" target="_blank" rel="noopener noreferrer" aria-label="Contattaci su WhatsApp per una consulenza legale gratuita" title="Chatta con lo Studio Legale M&M su WhatsApp">
  <i class="fab fa-whatsapp" aria-hidden="true"></i>
</a>

<script>
  document.addEventListener('DOMContentLoaded', () => {
    // Hamburger menu
    const hamburger = document.querySelector('.hamburger-menu');
    const navMenu = document.querySelector('.nav-menu');

    hamburger.addEventListener('click', () => {
      const isExpanded = hamburger.getAttribute('aria-expanded') === 'true';
      navMenu.classList.toggle('active');
      hamburger.classList.toggle('active');
      hamburger.setAttribute('aria-expanded', !isExpanded);
      hamburger.setAttribute('aria-label', isExpanded ? 'Apri menu di navigazione' : 'Chiudi menu di navigazione');
    });

    document.querySelectorAll('.nav-menu li a').forEach(item => {
      item.addEventListener('click', () => {
        navMenu.classList.remove('active');
        hamburger.classList.remove('active');
        hamburger.setAttribute('aria-expanded', 'false');
        hamburger.setAttribute('aria-label', 'Apri menu di navigazione');
      });
    });

    // ===============================================
    // LANGUAGE SWITCHER
    // ===============================================
    let currentLang = localStorage.getItem('lang') || 'it';

    function setLanguage(lang) {
      currentLang = lang;
      localStorage.setItem('lang', lang);

      // Update lang buttons
      document.querySelectorAll('.lang-btn').forEach(btn => {
        btn.classList.toggle('active', btn.dataset.lang === lang);
      });

      // Update all elements with data-it and data-en attributes
      document.querySelectorAll('[data-it][data-en]').forEach(el => {
        const text = el.getAttribute(`data-${lang}`);
        if (text) {
          if (el.tagName === 'INPUT' || el.tagName === 'TEXTAREA') {
            // For form elements, check for placeholder attributes
            const placeholderAttr = `data-${lang}-placeholder`;
            const placeholder = el.getAttribute(placeholderAttr);
            if (placeholder) {
              el.placeholder = placeholder;
            }
          } else {
            el.innerHTML = text;
          }
        }
      });

      // Update placeholders specifically
      document.querySelectorAll('[data-it-placeholder][data-en-placeholder]').forEach(el => {
        const placeholder = el.getAttribute(`data-${lang}-placeholder`);
        if (placeholder) {
          el.placeholder = placeholder;
        }
      });

      // Update HTML lang attribute
      document.documentElement.lang = lang;
    }

    // Initialize language
    setLanguage(currentLang);

    // Language button click handlers
    document.querySelectorAll('.lang-btn').forEach(btn => {
      btn.addEventListener('click', () => {
        setLanguage(btn.dataset.lang);
      });
    });

    // ===============================================
    // INTERSECTION OBSERVER - Animazioni sezioni
    // ===============================================
    const sections = document.querySelectorAll('.animate-on-scroll');
    const sectionObserverOptions = {
      root: null,
      rootMargin: '0px',
      threshold: 0.2
    };

    const sectionObserver = new IntersectionObserver((entries, observer) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          entry.target.querySelectorAll('.section-badge, h2, p, .about-image, .about-info, .service-card, .contact-card, .consultation-text, .consultation-form, .value-item, .lawyer-profile, .why-choose-item').forEach((el, index) => {
            el.style.animation = `fadeInUp 0.8s ease-out forwards ${index * 0.1}s`;
          });
          observer.unobserve(entry.target);
        }
      });
    }, sectionObserverOptions);

    sections.forEach(section => {
      sectionObserver.observe(section);
    });

    // ===============================================
    // CONTACT FORM - Invio con AJAX
    // ===============================================
    const contactForm = document.getElementById('contact-form');
    const formSuccess = document.getElementById('form-success');
    const formError = document.getElementById('form-error');
    const clientEmailInput = document.getElementById('client-email');
    const replyToInput = contactForm ? contactForm.querySelector('input[name="replyto"]') : null;

    // Imposta reply-to con l'email del cliente
    if (clientEmailInput && replyToInput) {
      clientEmailInput.addEventListener('input', function() {
        replyToInput.value = this.value;
      });
    }

    if (contactForm) {
      contactForm.addEventListener('submit', async function(e) {
        e.preventDefault();

        const submitBtn = contactForm.querySelector('button[type="submit"]');
        const originalText = submitBtn.textContent;
        submitBtn.textContent = currentLang === 'it' ? 'Invio in corso...' : 'Sending...';
        submitBtn.disabled = true;

        // Assicura che replyto sia impostato
        if (replyToInput && clientEmailInput) {
          replyToInput.value = clientEmailInput.value;
        }

        try {
          const formData = new FormData(contactForm);
          const response = await fetch('https://api.web3forms.com/submit', {
            method: 'POST',
            body: formData
          });

          const data = await response.json();

          if (data.success) {
            contactForm.style.display = 'none';
            formSuccess.style.display = 'flex';
            formError.style.display = 'none';
            contactForm.reset();
          } else {
            throw new Error('Errore invio');
          }
        } catch (error) {
          formError.style.display = 'flex';
          formSuccess.style.display = 'none';
        } finally {
          submitBtn.textContent = originalText;
          submitBtn.disabled = false;
        }
      });
    }
  });
</script>

<!-- Iubenda Privacy/Cookie Policy Script -->
<script type="text/javascript">(function (w,d) {var loader = function () {var s = d.createElement("script"), tag = d.getElementsByTagName("script")[0]; s.src="https://cdn.iubenda.com/iubenda.js"; tag.parentNode.insertBefore(s,tag);}; if(w.addEventListener){w.addEventListener("load", loader, false);}else if(w.attachEvent){w.attachEvent("onload", loader);}else{w.onload = loader;}})(window, document);</script>

<!-- Iubenda Cookie Banner -->
<script type="text/javascript" src="https://embeds.iubenda.com/widgets/4b961f29-61d1-494c-9b33-4e6af9aa4ed7.js"></script>
</body>
</html>
