<!DOCTYPE html>
<html lang="fr">
<head>
  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-XMZZX8845J"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-XMZZX8845J');
  </script>

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

  <title>Nettoyage Professionnel Nantes – ZEN NETTOYAGE 44</title>

  <meta name="description" content="Nettoyage professionnel à Nantes : bureaux, fin de chantier, Airbnb, vitres, copropriétés. Devis gratuit sous 24h. Disponible 7j/7. Tel: 07 44 25 76 76">
  <meta name="keywords" content="nettoyage Nantes, nettoyage professionnel Nantes, fin de chantier Nantes, ménage Airbnb Nantes, nettoyage vitre Nantes, copropriétés parties communes Nantes, nettoyage Loire-Atlantique, nettoyage bureaux Nantes, entreprise nettoyage 44">
  <meta name="author" content="ZEN NETTOYAGE 44">
  <meta name="robots" content="index, follow">
  <meta name="google-site-verification" content="0cv3WlhOe6fntU1depy13FgHLjxK-5t7GGMpWdSvHac">

  <link rel="canonical" href="https://www.zennettoyage.fr/">

  <meta property="og:type" content="website">
  <meta property="og:title" content="Nettoyage Professionnel Nantes – ZEN NETTOYAGE 44">
  <meta property="og:description" content="Nettoyage professionnel à Nantes : bureaux, fin de chantier, Airbnb, vitres, copropriétés. Devis gratuit sous 24h. Disponible 7j/7.">
  <meta property="og:url" content="https://www.zennettoyage.fr/">
  <meta property="og:site_name" content="ZEN NETTOYAGE 44">
  <meta property="og:image" content="https://i.imgur.com/8ScJDLD.jpeg">
  <meta property="og:locale" content="fr_FR">

  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Nettoyage Professionnel Nantes – ZEN NETTOYAGE 44">
  <meta name="twitter:description" content="Nettoyage professionnel à Nantes : bureaux, fin de chantier, Airbnb, vitres, copropriétés. Devis gratuit sous 24h. Disponible 7j/7.">
  <meta name="twitter:image" content="https://i.imgur.com/8ScJDLD.jpeg">

  <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='20' fill='%231a3d2b'/%3E%3Ctext y='72' font-size='72' x='50' text-anchor='middle' font-family='sans-serif' font-weight='bold' fill='%2367c99a'%3EZ%3C/text%3E%3C/svg%3E">
  <link rel="apple-touch-icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='20' fill='%231a3d2b'/%3E%3Ctext y='72' font-size='72' x='50' text-anchor='middle' font-family='sans-serif' font-weight='bold' fill='%2367c99a'%3EZ%3C/text%3E%3C/svg%3E">

  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@graph": [
      {
        "@type": ["LocalBusiness", "ProfessionalService"],
        "@id": "https://www.zennettoyage.fr/#business",
        "name": "ZEN NETTOYAGE 44",
        "legalName": "ZEN NETTOYAGE 44",
        "description": "Entreprise de nettoyage professionnel à Nantes et Loire-Atlantique. Bureaux, fin de chantier, vitres, Airbnb, copropriétés.",
        "url": "https://www.zennettoyage.fr/",
        "logo": "https://i.imgur.com/8ScJDLD.jpeg",
        "image": "https://i.imgur.com/8ScJDLD.jpeg",
        "telephone": "+33744257676",
        "email": "zennettoyage443@gmail.com",
        "address": {
          "@type": "PostalAddress",
          "streetAddress": "75 rue du Port Boyer",
          "addressLocality": "Nantes",
          "postalCode": "44300",
          "addressRegion": "Loire-Atlantique",
          "addressCountry": "FR"
        },
        "geo": {"@type": "GeoCoordinates", "latitude": "47.2184", "longitude": "-1.5536"},
        "areaServed": [
          {"@type": "City", "name": "Nantes"},
          {"@type": "AdministrativeArea", "name": "Loire-Atlantique"},
          {"@type": "AdministrativeArea", "name": "Bretagne"}
        ],
        "openingHoursSpecification": {
          "@type": "OpeningHoursSpecification",
          "dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],
          "opens": "07:00", "closes": "21:00"
        },
        "priceRange": "€€",
        "hasOfferCatalog": {
          "@type": "OfferCatalog",
          "name": "Services nettoyage professionnel Nantes",
          "itemListElement": [
            {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Nettoyage bureaux Nantes"}},
            {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Fin de chantier Loire-Atlantique"}},
            {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Nettoyage vitres Nantes"}},
            {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Ménage Airbnb Nantes"}},
            {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Copropriétés Nantes"}}
          ]
        },
        "sameAs": ["https://www.facebook.com/zennettoyage44","https://www.instagram.com/zennettoyage44"]
      },
      {
        "@type": "Organization",
        "@id": "https://www.zennettoyage.fr/#organization",
        "name": "ZEN NETTOYAGE 44",
        "url": "https://www.zennettoyage.fr/",
        "logo": {"@type": "ImageObject", "url": "https://i.imgur.com/8ScJDLD.jpeg"},
        "contactPoint": {"@type": "ContactPoint", "telephone": "+33744257676", "contactType": "customer service", "availableLanguage": "French", "areaServed": "FR"},
        "sameAs": ["https://www.facebook.com/zennettoyage44","https://www.instagram.com/zennettoyage44"]
      },
      {
        "@type": "WebSite",
        "@id": "https://www.zennettoyage.fr/#website",
        "url": "https://www.zennettoyage.fr/",
        "name": "ZEN NETTOYAGE 44",
        "publisher": {"@id": "https://www.zennettoyage.fr/#organization"},
        "inLanguage": "fr-FR"
      }
    ]
  }
  </script>

  <style>
    :root {
      --v: #1a3d2b; --vm: #2d6a47; --vc: #67c99a; --vp: #e8f5ee;
      --w: #ffffff; --g: #f5f7f6; --gt: #4a5568; --gb: #e2e8f0; --n: #1a202c;
      --rouge: #c0392b;
      --sh: 0 4px 24px rgba(26,61,43,.10); --r: 14px; --t: .3s ease;
    }
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; color: var(--n); background: var(--w); line-height: 1.6; overflow-x: hidden; }
    img { max-width: 100%; height: auto; display: block; }
    a { color: inherit; text-decoration: none; }
    ul { list-style: none; }
    address { font-style: normal; display: inline; }

    /* ── TOP BAR ── */
    .top-bar { background: var(--v); color: rgba(255,255,255,.88); font-size: .82rem; padding: 8px 20px; display: flex; justify-content: center; align-items: center; gap: 24px; flex-wrap: wrap; }
    .top-bar a { color: var(--vc); }
    .top-bar a:hover { text-decoration: underline; }

    /* ── NAV ── */
    nav.main-nav { position: sticky; top: 0; z-index: 1000; background: rgba(255,255,255,.97); backdrop-filter: blur(12px); border-bottom: 1px solid var(--gb); padding: 0 24px; display: flex; align-items: center; justify-content: space-between; height: 64px; }
    .nav-logo { font-size: 1.2rem; font-weight: 800; color: var(--v); letter-spacing: -.5px; }
    .nav-logo span { color: var(--vc); }
    .nav-links { display: flex; align-items: center; gap: 28px; }
    .nav-links a { font-size: .9rem; font-weight: 500; color: var(--gt); transition: color var(--t); }
    .nav-links a:hover { color: var(--v); }
    .nav-cta { background: var(--v) !important; color: var(--w) !important; padding: 9px 20px; border-radius: 8px; font-weight: 600 !important; transition: background var(--t) !important; }
    .nav-cta:hover { background: var(--vm) !important; }
    .burger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 4px; background: none; border: none; }
    .burger span { display: block; width: 24px; height: 2px; background: var(--v); border-radius: 2px; transition: all .3s; }
    .mobile-menu { display: none; position: fixed; top: 64px; left: 0; right: 0; background: var(--w); border-bottom: 2px solid var(--vc); padding: 20px 24px; flex-direction: column; gap: 16px; z-index: 999; box-shadow: 0 8px 32px rgba(0,0,0,.1); }
    .mobile-menu.open { display: flex; }
    .mobile-menu a { font-size: 1rem; font-weight: 500; color: var(--v); padding: 8px 0; border-bottom: 1px solid var(--gb); }

    /* ── HERO avec image réelle ── */
    .hero {
      position: relative;
      color: var(--w);
      padding: 80px 24px 88px;
      overflow: hidden;
      background: url('https://i.imgur.com/8ScJDLD.jpeg') center center / cover no-repeat;
    }
    /* overlay vert #2d8653 opacité 0.5 */
    .hero::after {
      content: '';
      position: absolute; inset: 0;
      background: rgba(45,134,83,.50);
      z-index: 0;
    }
    .hero-inner { max-width: 900px; margin: 0 auto; position: relative; z-index: 2; }

    /* Badge -20% rouge – décalé proprement vers le haut */
    .promo-badge {
      position: absolute;
      top: -20px;
      right: 4px;
      width: 92px; height: 92px;
      background: var(--rouge);
      border-radius: 50%;
      display: flex; flex-direction: column; align-items: center; justify-content: center;
      box-shadow: 0 6px 24px rgba(192,57,43,.55);
      animation: pulse-badge 2.2s ease-in-out infinite;
      z-index: 10; text-align: center; line-height: 1.15;
      border: 3px solid rgba(255,255,255,.25);
    }
    .promo-badge strong { font-size: 1.4rem; font-weight: 900; color: var(--w); display: block; }
    .promo-badge span { font-size: .58rem; font-weight: 600; color: rgba(255,255,255,.92); display: block; }
    @keyframes pulse-badge {
      0%,100% { transform: scale(1); box-shadow: 0 6px 24px rgba(192,57,43,.55); }
      50% { transform: scale(1.07); box-shadow: 0 8px 32px rgba(192,57,43,.75); }
    }

    .hero-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.35); color: var(--w); font-size: .82rem; font-weight: 600; padding: 6px 16px; border-radius: 50px; margin-bottom: 24px; letter-spacing: .5px; }
    .hero h1 { font-size: clamp(2rem, 5vw, 3.2rem); font-weight: 800; line-height: 1.15; margin-bottom: 20px; letter-spacing: -1px; text-shadow: 0 2px 12px rgba(0,0,0,.18); }
    .hero h1 em { font-style: italic; color: #a8f0ca; }
    .hero-desc { font-size: 1.08rem; max-width: 600px; margin-bottom: 32px; line-height: 1.7; text-shadow: 0 1px 6px rgba(0,0,0,.15); }

    .hero-checks { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-bottom: 36px; }
    .hero-checks li { display: flex; align-items: center; gap: 8px; font-size: .9rem; font-weight: 500; }
    .hero-checks li::before { content: '✅'; font-size: .85rem; }

    .hero-btns { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 48px; }
    .btn-primary { background: var(--vc); color: var(--v); font-weight: 700; padding: 14px 30px; border-radius: 10px; font-size: .95rem; transition: all var(--t); box-shadow: 0 4px 20px rgba(103,201,154,.35); }
    .btn-primary:hover { background: #7fd9ae; transform: translateY(-2px); box-shadow: 0 8px 28px rgba(103,201,154,.45); }
    .btn-secondary { background: rgba(255,255,255,.15); color: var(--w); border: 1.5px solid rgba(255,255,255,.45); font-weight: 600; padding: 14px 30px; border-radius: 10px; font-size: .95rem; transition: all var(--t); backdrop-filter: blur(4px); }
    .btn-secondary:hover { background: rgba(255,255,255,.25); transform: translateY(-2px); }

    .hero-stats { display: flex; flex-wrap: wrap; background: rgba(0,0,0,.25); border: 1px solid rgba(255,255,255,.2); border-radius: var(--r); overflow: hidden; backdrop-filter: blur(8px); }
    .hero-stat { flex: 1; min-width: 90px; text-align: center; padding: 18px 12px; border-right: 1px solid rgba(255,255,255,.12); }
    .hero-stat:last-child { border-right: none; }
    .hero-stat-num { font-size: 1.5rem; font-weight: 800; color: #a8f0ca; display: block; }
    .hero-stat-label { font-size: .72rem; opacity: .8; text-transform: uppercase; letter-spacing: .5px; }

    /* ── SECTIONS ── */
    section { padding: 72px 24px; }
    .container { max-width: 1100px; margin: 0 auto; }
    .section-header { text-align: center; margin-bottom: 48px; }
    .section-tag { display: inline-block; background: var(--vp); color: var(--vm); font-size: .78rem; font-weight: 700; padding: 5px 14px; border-radius: 50px; letter-spacing: .8px; text-transform: uppercase; margin-bottom: 12px; }
    .section-header h2 { font-size: clamp(1.6rem, 3.5vw, 2.3rem); font-weight: 800; color: var(--v); margin-bottom: 12px; letter-spacing: -.5px; }
    .section-header p { color: var(--gt); max-width: 600px; margin: 0 auto; font-size: 1rem; }

    /* ── SERVICES ── */
    #services { background: var(--g); }
    .services-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 24px; }
    .service-card { background: var(--w); border-radius: var(--r); padding: 28px; box-shadow: var(--sh); border: 1px solid var(--gb); transition: all var(--t); display: flex; flex-direction: column; }
    .service-card:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(26,61,43,.14); border-color: var(--vc); }
    .service-icon { width: 52px; height: 52px; background: var(--vp); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; margin-bottom: 16px; }
    /* H3 conservés pour les 6 services (important SEO) */
    .service-card h3 { font-size: 1.05rem; font-weight: 700; color: var(--v); margin-bottom: 10px; }
    .service-card p { color: var(--gt); font-size: .9rem; margin-bottom: 16px; line-height: 1.6; }
    .service-list { margin-bottom: 20px; flex: 1; }
    .service-list li { font-size: .85rem; color: var(--gt); padding: 4px 0; display: flex; align-items: center; gap: 8px; }
    .service-list li::before { content: '•'; color: var(--vc); font-weight: 700; }
    .service-link { color: var(--vm); font-size: .88rem; font-weight: 600; margin-top: auto; transition: color var(--t); }
    .service-link:hover { color: var(--v); }

    /* ── RÉALISATIONS – H3 → .card-title (réduit headings inutiles) ── */
    #realisations { background: var(--w); }
    .realisations-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }
    .realisation-card { border-radius: var(--r); overflow: hidden; box-shadow: var(--sh); border: 1px solid var(--gb); transition: all var(--t); }
    .realisation-card:hover { transform: translateY(-4px); box-shadow: 0 12px 36px rgba(26,61,43,.14); }
    .realisation-img { width: 100%; height: 200px; object-fit: cover; }
    .realisation-body { padding: 16px 18px; }
    .realisation-tag { display: inline-block; background: var(--vp); color: var(--vm); font-size: .72rem; font-weight: 700; padding: 3px 10px; border-radius: 50px; margin-bottom: 8px; text-transform: uppercase; }
    /* .card-title remplace h3 pour les réalisations → moins de headings */
    .card-title { font-size: .95rem; font-weight: 700; color: var(--v); margin-bottom: 4px; display: block; }
    .realisation-body p { font-size: .83rem; color: var(--gt); margin-bottom: 10px; line-height: 1.5; }
    .realisation-link { font-size: .82rem; color: var(--vm); font-weight: 600; }

    /* ── POURQUOI – H3 → .avantage-title ── */
    #pourquoi { background: var(--g); }
    .avantages-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; }
    .avantage-card { background: var(--w); border-radius: var(--r); padding: 24px; text-align: center; box-shadow: var(--sh); border: 1px solid var(--gb); transition: all var(--t); }
    .avantage-card:hover { transform: translateY(-4px); border-color: var(--vc); }
    .avantage-icon { font-size: 2rem; margin-bottom: 12px; }
    /* .avantage-title remplace h3 → moins de headings */
    .avantage-title { font-size: .95rem; font-weight: 700; color: var(--v); margin-bottom: 8px; display: block; }
    .avantage-card p { font-size: .85rem; color: var(--gt); line-height: 1.6; }

    /* ── ZONES ── */
    #zones { background: var(--w); }
    .zones-content { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
    .zones-text h3 { font-size: 1.05rem; font-weight: 700; color: var(--v); margin-bottom: 12px; margin-top: 20px; }
    .zones-text h3:first-child { margin-top: 0; }
    .zones-text p { color: var(--gt); font-size: .95rem; line-height: 1.7; margin-bottom: 12px; }
    .zones-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
    .zone-tag { background: var(--vp); color: var(--vm); border: 1px solid rgba(103,201,154,.3); padding: 6px 14px; border-radius: 50px; font-size: .85rem; font-weight: 600; }
    .zone-cta-box { background: var(--v); border-radius: var(--r); padding: 36px 32px; text-align: center; }
    .zone-cta-box .cta-title { color: var(--w); font-size: 1.15rem; font-weight: 700; margin-bottom: 8px; display: block; }
    .zone-cta-box p { color: rgba(255,255,255,.7); font-size: .9rem; margin-bottom: 20px; }
    .zone-tel { display: block; color: var(--vc); font-size: 1.4rem; font-weight: 800; margin-bottom: 16px; }
    .btn-whatsapp { display: inline-flex; align-items: center; gap: 8px; background: #25D366; color: var(--w); padding: 12px 24px; border-radius: 10px; font-weight: 700; font-size: .9rem; transition: all var(--t); }
    .btn-whatsapp:hover { background: #1ebe5a; transform: translateY(-2px); }

    /* ── DEVIS ── */
    #devis { background: var(--g); }
    .devis-wrapper { display: grid; grid-template-columns: 1fr 1.5fr; gap: 48px; align-items: start; }
    .devis-info h3 { font-size: 1.15rem; font-weight: 700; color: var(--v); margin-bottom: 20px; }
    .devis-contact-list { display: flex; flex-direction: column; gap: 14px; margin-bottom: 28px; }
    .devis-contact-item { display: flex; align-items: center; gap: 12px; font-size: .9rem; color: var(--gt); }
    .devis-contact-item a { color: var(--vm); font-weight: 600; }
    .devis-form-box { background: var(--w); border-radius: var(--r); padding: 32px; box-shadow: var(--sh); border: 1px solid var(--gb); }
    .form-title { font-size: 1.1rem; font-weight: 700; color: var(--v); margin-bottom: 6px; }
    .form-subtitle { font-size: .82rem; color: var(--gt); margin-bottom: 22px; }
    .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
    .form-group { display: flex; flex-direction: column; gap: 6px; }
    .form-group.full { grid-column: 1 / -1; }
    .form-group label { font-size: .82rem; font-weight: 600; color: var(--v); }
    .form-group input, .form-group select, .form-group textarea { padding: 10px 14px; border: 1.5px solid var(--gb); border-radius: 8px; font-size: .9rem; font-family: inherit; color: var(--n); background: var(--w); transition: border-color var(--t); outline: none; }
    .form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--vc); box-shadow: 0 0 0 3px rgba(103,201,154,.15); }
    .form-group textarea { resize: vertical; min-height: 90px; }
    .btn-submit { width: 100%; background: var(--v); color: var(--w); border: none; padding: 14px; border-radius: 10px; font-size: 1rem; font-weight: 700; cursor: pointer; margin-top: 16px; transition: all var(--t); font-family: inherit; }
    .btn-submit:hover { background: var(--vm); transform: translateY(-2px); }
    .form-note { text-align: center; font-size: .78rem; color: var(--gt); margin-top: 10px; }
    .form-success { display: none; background: var(--vp); border: 1px solid rgba(103,201,154,.5); border-radius: 10px; padding: 20px; text-align: center; margin-top: 16px; }
    .form-success p { color: var(--gt); font-size: .88rem; }
    .form-success strong { color: var(--v); }

    /* ── MENTIONS ── */
    #mentions { background: var(--w); padding: 56px 24px; }
    .mentions-box { background: var(--g); border-radius: var(--r); padding: 36px 40px; max-width: 800px; margin: 0 auto; }
    .mentions-box h2 { color: var(--v); font-size: 1.5rem; font-weight: 800; margin-bottom: 28px; }
    .mentions-box h3 { color: var(--v); font-size: 1rem; font-weight: 700; margin-bottom: 10px; margin-top: 22px; padding-bottom: 6px; border-bottom: 1px solid var(--gb); }
    .mentions-box p { color: var(--gt); font-size: .9rem; line-height: 1.7; margin-bottom: 8px; }
    .mentions-box strong { color: var(--v); }

    /* ── FOOTER ── */
    footer { background: #0f2419; color: rgba(255,255,255,.75); padding: 56px 24px 24px; }
    .footer-grid { max-width: 1100px; margin: 0 auto 40px; display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 40px; }
    .footer-brand-name { font-size: 1.15rem; font-weight: 800; color: var(--w); margin-bottom: 12px; }
    .footer-brand-name span { color: var(--vc); }
    .footer-brand p { font-size: .85rem; line-height: 1.7; margin-bottom: 16px; }
    .footer-social { display: flex; gap: 10px; }
    .footer-social a { width: 36px; height: 36px; background: rgba(255,255,255,.08); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: .85rem; font-weight: 700; transition: all var(--t); color: rgba(255,255,255,.8); }
    .footer-social a:hover { background: var(--vc); color: var(--v); transform: translateY(-2px); }
    .footer-col h4 { font-size: .85rem; font-weight: 700; color: var(--w); text-transform: uppercase; letter-spacing: .8px; margin-bottom: 16px; }
    .footer-col ul { display: flex; flex-direction: column; gap: 9px; }
    .footer-col ul li a { font-size: .85rem; color: rgba(255,255,255,.65); transition: color var(--t); }
    .footer-col ul li a:hover { color: var(--vc); }
    .footer-bottom { max-width: 1100px; margin: 0 auto; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.08); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; font-size: .8rem; color: rgba(255,255,255,.4); }

    /* ── WHATSAPP FLOTTANT ── */
    .whatsapp-float { position: fixed; bottom: 24px; right: 24px; width: 56px; height: 56px; background: #25D366; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; box-shadow: 0 4px 20px rgba(37,211,102,.45); z-index: 9999; transition: all var(--t); }
    .whatsapp-float:hover { transform: scale(1.1); box-shadow: 0 8px 28px rgba(37,211,102,.6); }

    /* ── RESPONSIVE ── */
    @media (max-width: 768px) {
      .nav-links { display: none; }
      .burger { display: flex; }
      section { padding: 56px 16px; }
      .hero { padding: 60px 16px 72px; }
      .hero h1 { font-size: 1.9rem; }
      .promo-badge { width: 78px; height: 78px; top: -12px; right: 4px; }
      .promo-badge strong { font-size: 1.15rem; }
      .hero-stats { flex-direction: column; }
      .hero-stat { border-right: none; border-bottom: 1px solid rgba(255,255,255,.12); }
      .hero-stat:last-child { border-bottom: none; }
      .zones-content, .devis-wrapper { grid-template-columns: 1fr; }
      .form-grid { grid-template-columns: 1fr; }
      .footer-grid { grid-template-columns: 1fr; gap: 28px; }
      .footer-bottom { flex-direction: column; text-align: center; }
      .mentions-box { padding: 24px 20px; }
    }
    @media (max-width: 480px) {
      .hero-btns { flex-direction: column; }
      .btn-primary, .btn-secondary { text-align: center; }
      .top-bar { font-size: .76rem; gap: 12px; }
    }
  </style>
</head>
<body>

  <!-- TOP BAR -->
  <div class="top-bar" role="banner">
    <span>📍 <address>75 rue du Port Boyer, 44300 Nantes</address></span>
    <a href="tel:+33744257676">📞 07 44 25 76 76</a>
    <a href="https://wa.me/33744257676" rel="noopener noreferrer" target="_blank">💬 WhatsApp</a>
  </div>

  <!-- NAV -->
  <nav class="main-nav" role="navigation" aria-label="Navigation principale">
    <a href="/" class="nav-logo" aria-label="ZEN NETTOYAGE 44 – Accueil">ZEN NETTOYAGE <span>44</span></a>
    <ul class="nav-links" role="list">
      <li><a href="#services">Services</a></li>
      <li><a href="#realisations">Réalisations</a></li>
      <li><a href="#zones">Zones</a></li>
      <li><a href="tel:+33744257676">📞 07 44 25 76 76</a></li>
      <li><a href="#devis" class="nav-cta">Devis gratuit</a></li>
    </ul>
    <button class="burger" aria-label="Ouvrir le menu" id="burgerBtn" aria-expanded="false" aria-controls="mobileMenu">
      <span></span><span></span><span></span>
    </button>
  </nav>

  <!-- MENU MOBILE -->
  <div class="mobile-menu" id="mobileMenu" role="navigation" aria-label="Menu mobile">
    <a href="#services">Services</a>
    <a href="#realisations">Nos réalisations</a>
    <a href="#zones">Zones d'intervention</a>
    <a href="#devis">Demander un devis</a>
    <a href="tel:+33744257676">📞 07 44 25 76 76</a>
  </div>

  <!-- HERO -->
  <header class="hero">
    <div class="hero-inner">

      <!-- Badge -20% rouge -->
      <div class="promo-badge" aria-label="Promotion : -20% sur la première prestation">
        <strong>-20%</strong>
        <span>1ère</span>
        <span>prestation</span>
      </div>

      <div class="hero-badge">✦ Nantes, Loire-Atlantique &amp; Bretagne</div>

      <h1>Votre propreté, <em>notre priorité</em><br>à Nantes et alentours</h1>

      <p class="hero-desc">ZEN NETTOYAGE 44 intervient pour les professionnels et particuliers : bureaux, fin de chantier, vitres, Airbnb, copropriétés. Équipe qualifiée, réactive et discrète. Disponible 7j/7.</p>

      <ul class="hero-checks">
        <li>Disponible 7j/7</li>
        <li>Devis gratuit 24h</li>
        <li>Produits écologiques</li>
        <li>Personnel qualifié</li>
      </ul>

      <div class="hero-btns">
        <a href="#devis" class="btn-primary">📋 Devis gratuit en 24h</a>
        <a href="https://wa.me/33744257676" class="btn-secondary" rel="noopener noreferrer" target="_blank">💬 WhatsApp</a>
      </div>

      <div class="hero-stats" role="list">
        <div class="hero-stat" role="listitem"><span class="hero-stat-num">7j/7</span><span class="hero-stat-label">Disponibilité</span></div>
        <div class="hero-stat" role="listitem"><span class="hero-stat-num">24h</span><span class="hero-stat-label">Délai devis</span></div>
        <div class="hero-stat" role="listitem"><span class="hero-stat-num">100%</span><span class="hero-stat-label">Qualité</span></div>
        <div class="hero-stat" role="listitem"><span class="hero-stat-num">44</span><span class="hero-stat-label">Loire-Atlantique</span></div>
      </div>
    </div>
  </header>

  <!-- SERVICES -->
  <section id="services" aria-labelledby="h2-services">
    <div class="container">
      <header class="section-header">
        <div class="section-tag">Nos prestations</div>
        <h2 id="h2-services">Nettoyage professionnel à Nantes et Loire-Atlantique</h2>
        <p>Spécialistes du nettoyage professionnel, nous intervenons sur Nantes et toute la Loire-Atlantique avec rigueur, ponctualité et discrétion.</p>
      </header>
      <div class="services-grid">

        <article class="service-card">
          <div class="service-icon" aria-hidden="true">🏢</div>
          <h3>Nettoyage de bureaux et locaux professionnels</h3>
          <p>Entretien régulier ou ponctuel de vos espaces de travail. Intervention le soir ou le week-end pour ne pas perturber votre activité.</p>
          <ul class="service-list">
            <li>Bureaux et open spaces</li><li>Locaux commerciaux</li><li>Coworkings et showrooms</li><li>Intervention hors heures</li><li>Contrat hebdomadaire ou mensuel</li>
          </ul>
          <a href="#devis" class="service-link">Obtenir un devis bureaux →</a>
        </article>

        <article class="service-card">
          <div class="service-icon" aria-hidden="true">🏗</div>
          <h3>Nettoyage fin de chantier – Pré-livraison Loire-Atlantique</h3>
          <p>Nettoyage complet après travaux. Poussière, résidus de peinture, vitres souillées : tout remis en état avant livraison.</p>
          <ul class="service-list">
            <li>Dépoussiérage complet</li><li>Vitres post-chantier</li><li>Élimination des résidus</li><li>Sols et sanitaires</li><li>Neuf ou rénovation</li>
          </ul>
          <a href="#devis" class="service-link">Obtenir un devis chantier →</a>
        </article>

        <article class="service-card">
          <div class="service-icon" aria-hidden="true">🪟</div>
          <h3>Nettoyage de vitres et façades vitrées Nantes</h3>
          <p>Nettoyage professionnel de vitres intérieures et extérieures. Façades vitrées, baies vitrées, velux : résultat impeccable garanti.</p>
          <ul class="service-list">
            <li>Vitres intérieures et extérieures</li><li>Façades et baies vitrées</li><li>Velux et surfaces en hauteur</li><li>Immeubles et résidences</li><li>Contrat régulier</li>
          </ul>
          <a href="#devis" class="service-link">Obtenir un devis vitres →</a>
        </article>

        <article class="service-card">
          <div class="service-icon" aria-hidden="true">🏠</div>
          <h3>Ménage Airbnb et locations courte durée Nantes</h3>
          <p>Service de ménage entre chaque séjour pour vos locations. Rapidité et qualité garanties pour accueillir vos voyageurs.</p>
          <ul class="service-list">
            <li>Ménage complet entre séjours</li><li>Changement de literie</li><li>Mise en place accueil</li><li>État des lieux de sortie</li><li>Disponible 7j/7</li>
          </ul>
          <a href="#devis" class="service-link">Obtenir un devis Airbnb →</a>
        </article>

        <article class="service-card">
          <div class="service-icon" aria-hidden="true">🏘</div>
          <h3>Entretien copropriétés et parties communes</h3>
          <p>Entretien régulier des parties communes : halls, escaliers, ascenseurs, parkings. Propreté et hygiène garanties.</p>
          <ul class="service-list">
            <li>Halls et couloirs</li><li>Escaliers et cages</li><li>Ascenseurs</li><li>Parkings et sous-sols</li><li>Contrat régulier</li>
          </ul>
          <a href="#devis" class="service-link">Obtenir un devis copropriété →</a>
        </article>

        <article class="service-card">
          <div class="service-icon" aria-hidden="true">✨</div>
          <h3>Grand ménage, déménagement et nettoyages spéciaux</h3>
          <p>Grand ménage, déménagement, commerces, restaurants ou cabinets médicaux. Nous adaptons nos interventions à tous vos besoins.</p>
          <ul class="service-list">
            <li>Grand ménage de printemps</li><li>Après déménagement</li><li>Commerces et restaurants</li><li>Cabinets médicaux</li><li>Après sinistre</li>
          </ul>
          <a href="#devis" class="service-link">Obtenir un devis personnalisé →</a>
        </article>

      </div>
    </div>
  </section>

  <!-- RÉALISATIONS -->
  <section id="realisations" aria-labelledby="h2-realisations">
    <div class="container">
      <header class="section-header">
        <div class="section-tag">Notre travail</div>
        <h2 id="h2-realisations">Nos réalisations en nettoyage professionnel</h2>
        <p>Découvrez quelques exemples concrets de nos interventions. Des résultats impeccables, à chaque fois.</p>
      </header>
      <div class="realisations-grid">

        <article class="realisation-card">
          <img class="realisation-img" src="https://i.imgur.com/qpSDg9r.jpeg" alt="Nettoyage fin de chantier Nantes – ZEN NETTOYAGE 44" loading="lazy" width="400" height="200">
          <div class="realisation-body">
            <div class="realisation-tag">Fin de Chantier</div>
            <span class="card-title">Pré-livraison – Nantes</span>
            <p>Nettoyage complet fin de chantier avant livraison du logement.</p>
            <a href="#devis" class="realisation-link">Devis fin de chantier Nantes →</a>
          </div>
        </article>

        <article class="realisation-card">
          <img class="realisation-img" src="https://i.imgur.com/rHxgmCP.jpeg" alt="Nettoyage pré-livraison appartement neuf Loire-Atlantique" loading="lazy" width="400" height="200">
          <div class="realisation-body">
            <div class="realisation-tag">Après Travaux</div>
            <span class="card-title">Appartement neuf – Loire-Atlantique</span>
            <p>Remise en état complète d'un appartement neuf prêt pour la livraison.</p>
            <a href="#devis" class="realisation-link">Devis après travaux →</a>
          </div>
        </article>

        <article class="realisation-card">
          <img class="realisation-img" src="https://i.imgur.com/lQUl8ps.png" alt="Nettoyage fin chantier livraison Loire-Atlantique" loading="lazy" width="400" height="200">
          <div class="realisation-body">
            <div class="realisation-tag">Fin de Chantier</div>
            <span class="card-title">Chantier neuf – Loire-Atlantique</span>
            <p>Nettoyage professionnel complet avant livraison.</p>
            <a href="#devis" class="realisation-link">Devis chantier neuf →</a>
          </div>
        </article>

        <article class="realisation-card">
          <img class="realisation-img" src="https://i.imgur.com/ieeuctz.png" alt="Nettoyage professionnel fin de chantier Nantes" loading="lazy" width="400" height="200">
          <div class="realisation-body">
            <div class="realisation-tag">Fin de Chantier</div>
            <span class="card-title">Rénovation complète – Nantes</span>
            <p>Nettoyage après rénovation, chaque détail traité avec soin.</p>
            <a href="#devis" class="realisation-link">Devis rénovation Nantes →</a>
          </div>
        </article>

        <article class="realisation-card">
          <img class="realisation-img" src="https://i.imgur.com/kW3KouO.png" alt="Ménage Airbnb Nantes – nettoyage location courte durée" loading="lazy" width="400" height="200">
          <div class="realisation-body">
            <div class="realisation-tag">Ménage Airbnb</div>
            <span class="card-title">Appartement Airbnb – Nantes Centre</span>
            <p>Remise en état complète entre deux séjours.</p>
            <a href="#devis" class="realisation-link">Devis ménage Airbnb →</a>
          </div>
        </article>

        <article class="realisation-card">
          <img class="realisation-img" src="https://i.imgur.com/Mn6AVw6.png" alt="Nettoyage Airbnb Loire-Atlantique" loading="lazy" width="400" height="200">
          <div class="realisation-body">
            <div class="realisation-tag">Ménage Airbnb</div>
            <span class="card-title">Location saisonnière – Loire-Atlantique</span>
            <p>Préparation complète du logement pour les voyageurs.</p>
            <a href="#devis" class="realisation-link">Devis location saisonnière →</a>
          </div>
        </article>

        <article class="realisation-card">
          <img class="realisation-img" src="https://i.imgur.com/7dzPueF.png" alt="Nettoyage location Nantes Airbnb" loading="lazy" width="400" height="200">
          <div class="realisation-body">
            <div class="realisation-tag">Ménage Airbnb</div>
            <span class="card-title">Studio meublé – Nantes</span>
            <p>Nettoyage approfondi entre chaque réservation.</p>
            <a href="#devis" class="realisation-link">Devis studio Nantes →</a>
          </div>
        </article>

        <article class="realisation-card">
          <img class="realisation-img" src="https://i.imgur.com/UaUz3tN.jpeg" alt="Remise en état appartement 49m² Carquefou – ZEN NETTOYAGE 44" loading="lazy" width="400" height="200">
          <div class="realisation-body">
            <div class="realisation-tag">Remise en État</div>
            <span class="card-title">Appartement 49m² – Carquefou</span>
            <p>Remise en état complète à Carquefou, résultat impeccable.</p>
            <a href="#devis" class="realisation-link">Devis remise en état →</a>
          </div>
        </article>

        <article class="realisation-card">
          <img class="realisation-img" src="https://i.imgur.com/V2wjJyI.jpeg" alt="Nettoyage pré-livraison fin de chantier Loire-Atlantique" loading="lazy" width="400" height="200">
          <div class="realisation-body">
            <div class="realisation-tag">Fin de Chantier</div>
            <span class="card-title">Pré-livraison – Loire-Atlantique</span>
            <p>Chaque détail soigné avant remise des clés.</p>
            <a href="#devis" class="realisation-link">Devis pré-livraison →</a>
          </div>
        </article>

        <article class="realisation-card">
          <img class="realisation-img" src="https://i.imgur.com/wnqe6hg.png" alt="Ménage Airbnb professionnel Nantes" loading="lazy" width="400" height="200">
          <div class="realisation-body">
            <div class="realisation-tag">Ménage Airbnb</div>
            <span class="card-title">Maison de vacances – Côte Atlantique</span>
            <p>Nettoyage complet pour maximiser les avis positifs.</p>
            <a href="#devis" class="realisation-link">Devis maison vacances →</a>
          </div>
        </article>

      </div>
    </div>
  </section>

  <!-- POURQUOI -->
  <section id="pourquoi" aria-labelledby="h2-pourquoi">
    <div class="container">
      <header class="section-header">
        <div class="section-tag">Notre promesse</div>
        <h2 id="h2-pourquoi">Pourquoi choisir ZEN NETTOYAGE 44</h2>
        <p>Qualité, ponctualité et discrétion à chaque intervention en Loire-Atlantique.</p>
      </header>
      <div class="avantages-grid">
        <div class="avantage-card"><div class="avantage-icon" aria-hidden="true">⚡</div><span class="avantage-title">Disponible 7j/7</span><p>Tous les jours, week-end et fériés inclus.</p></div>
        <div class="avantage-card"><div class="avantage-icon" aria-hidden="true">📋</div><span class="avantage-title">Devis gratuit sous 24h</span><p>Réponse claire et transparente sous 24h.</p></div>
        <div class="avantage-card"><div class="avantage-icon" aria-hidden="true">🌿</div><span class="avantage-title">Produits écologiques</span><p>Gamme éco-labels disponible sur demande.</p></div>
        <div class="avantage-card"><div class="avantage-icon" aria-hidden="true">🔒</div><span class="avantage-title">Discrétion totale</span><p>Respect de vos locaux et de votre vie privée.</p></div>
        <div class="avantage-card"><div class="avantage-icon" aria-hidden="true">✔</div><span class="avantage-title">Équipe qualifiée et réactive</span><p>Personnel expérimenté et formé.</p></div>
        <div class="avantage-card"><div class="avantage-icon" aria-hidden="true">🎯</div><span class="avantage-title">Résultat garanti</span><p>Nous ne partons pas tant que c'est parfait.</p></div>
      </div>
    </div>
  </section>

  <!-- ZONES -->
  <section id="zones" aria-labelledby="h2-zones">
    <div class="container">
      <header class="section-header">
        <div class="section-tag">Zone d'intervention</div>
        <h2 id="h2-zones">Nettoyage professionnel en Loire-Atlantique et Bretagne</h2>
        <p>Nantes et toute son agglomération, Loire-Atlantique et Bretagne.</p>
      </header>
      <div class="zones-content">
        <div class="zones-text">
          <h3>Nantes et agglomération nantaise</h3>
          <p>Saint-Herblain, Rezé, Orvault, Carquefou, Sainte-Luce-sur-Loire, Vertou et toute l'agglomération. Pas de frais supplémentaires dans un rayon de 30 km autour de Nantes.</p>
          <h3>Loire-Atlantique et Bretagne</h3>
          <p>Côte atlantique (La Baule, Pornic, Le Croisic, Guérande, Saint-Nazaire) ou dans les terres : nous nous déplaçons pour vous.</p>
          <div class="zones-tags">
            <span class="zone-tag">Nantes</span><span class="zone-tag">Saint-Herblain</span><span class="zone-tag">Rezé</span><span class="zone-tag">Orvault</span><span class="zone-tag">Carquefou</span><span class="zone-tag">Sainte-Luce</span><span class="zone-tag">Vertou</span><span class="zone-tag">La Baule</span><span class="zone-tag">Pornic</span><span class="zone-tag">Le Croisic</span><span class="zone-tag">Guérande</span><span class="zone-tag">Saint-Nazaire</span>
          </div>
        </div>
        <div class="zone-cta-box">
          <span class="cta-title">Contactez-nous maintenant</span>
          <p>Devis gratuit sous 24h – Disponible 7j/7</p>
          <a href="tel:+33744257676" class="zone-tel">07 44 25 76 76</a>
          <p style="color:rgba(255,255,255,.6);font-size:.82rem;margin-bottom:14px;">ou écrivez-nous sur WhatsApp</p>
          <a href="https://wa.me/33744257676" class="btn-whatsapp" rel="noopener noreferrer" target="_blank">💬 Envoyer un message</a>
        </div>
      </div>
    </div>
  </section>

  <!-- DEVIS -->
  <section id="devis" aria-labelledby="h2-devis">
    <div class="container">
      <header class="section-header">
        <div class="section-tag">Contact</div>
        <h2 id="h2-devis">Demandez votre devis gratuit</h2>
        <p>Réponse garantie sous 24h. Décrivez votre besoin et nous vous proposons une solution sur mesure.</p>
      </header>
      <div class="devis-wrapper">
        <div class="devis-info">
          <h3>Nos coordonnées</h3>
          <ul class="devis-contact-list">
            <li class="devis-contact-item">📞 <a href="tel:+33744257676">07 44 25 76 76</a></li>
            <li class="devis-contact-item">💬 <a href="https://wa.me/33744257676" rel="noopener noreferrer" target="_blank">WhatsApp – Réponse rapide</a></li>
            <li class="devis-contact-item">✉ <a href="mailto:zennettoyage443@gmail.com">zennettoyage443@gmail.com</a></li>
            <li class="devis-contact-item">📍 <address>75 rue du Port Boyer, 44300 Nantes</address></li>
            <li class="devis-contact-item">🕐 Disponible 7 jours sur 7</li>
          </ul>
        </div>
        <div class="devis-form-box">
          <p class="form-title">Demande de devis</p>
          <p class="form-subtitle">Gratuit, sans engagement. Réponse sous 24h.</p>
          <div class="form-grid" id="devisForm">
            <div class="form-group"><label for="nom">Nom / Société</label><input type="text" id="nom" name="nom" placeholder="Votre nom ou société" autocomplete="name"></div>
            <div class="form-group"><label for="tel">Téléphone</label><input type="tel" id="tel" name="tel" placeholder="06 XX XX XX XX" autocomplete="tel"></div>
            <div class="form-group"><label for="email">Email</label><input type="email" id="email" name="email" placeholder="votre@email.fr" autocomplete="email"></div>
            <div class="form-group">
              <label for="prestation">Type de prestation</label>
              <select id="prestation" name="prestation">
                <option value="">Sélectionnez une prestation</option>
                <option>Locaux et Bureaux</option><option>Fin de Chantier / Pré-livraison</option><option>Nettoyage de Vitres</option><option>Ménage Airbnb / Location</option><option>Copropriété / Parties Communes</option><option>Grand Ménage de Printemps</option><option>Déménagement</option><option>Commerce / Restaurant</option><option>Cabinet Médical</option><option>Autre</option>
              </select>
            </div>
            <div class="form-group"><label for="ville">Ville / Localisation</label><input type="text" id="ville" name="ville" placeholder="Nantes, Rezé…" autocomplete="address-level2"></div>
            <div class="form-group full"><label for="message">Message (optionnel)</label><textarea id="message" name="message" placeholder="Décrivez votre besoin…"></textarea></div>
          </div>
          <button class="btn-submit" onclick="submitForm()">📋 Envoyer ma demande de devis</button>
          <p class="form-note">Devis 100% gratuit et sans engagement – Réponse garantie sous 24h</p>
          <div class="form-success" id="formSuccess">
            <p>✅ <strong>Demande envoyée !</strong> Nous vous recontacterons sous 24h.<br>Appelez-nous directement : <strong>07 44 25 76 76</strong></p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- MENTIONS LÉGALES -->
  <section id="mentions" aria-labelledby="h2-mentions">
    <div class="container">
      <div class="mentions-box">
        <h2 id="h2-mentions">Mentions légales</h2>
        <h3>Éditeur du site</h3>
        <p><strong>Raison sociale :</strong> ZEN NETTOYAGE 44</p>
        <p><strong>Adresse :</strong> <address>75 rue du Port Boyer, 44300 Nantes</address></p>
        <p><strong>Téléphone :</strong> <a href="tel:+33744257676" style="color:var(--vm)">07 44 25 76 76</a></p>
        <p><strong>Email :</strong> <a href="mailto:zennettoyage443@gmail.com" style="color:var(--vm)">zennettoyage443@gmail.com</a></p>
        <p><strong>Activité :</strong> Nettoyage professionnel</p>
        <h3>Propriété intellectuelle</h3>
        <p>L'ensemble du contenu de ce site est la propriété exclusive de ZEN NETTOYAGE 44. Toute reproduction est interdite sans autorisation préalable.</p>
        <h3>Données personnelles (RGPD)</h3>
        <p>Les informations collectées via le formulaire sont utilisées uniquement pour répondre à vos demandes. Elles ne sont ni cédées ni vendues. Contact : zennettoyage443@gmail.com</p>
        <h3>Cookies</h3>
        <p>Ce site n'utilise pas de cookies de tracking tiers ni de publicité.</p>
      </div>
    </div>
  </section>

  <!-- FOOTER -->
  <footer role="contentinfo">
    <div class="footer-grid">
      <div class="footer-brand">
        <div class="footer-brand-name">ZEN NETTOYAGE <span>44</span></div>
        <p>Votre propreté, notre priorité à Nantes et alentours. Entreprise de nettoyage professionnel en Loire-Atlantique et Bretagne. Disponible 7j/7.</p>
        <nav class="footer-social" aria-label="Réseaux sociaux">
          <a href="https://www.facebook.com/zennettoyage44" rel="noopener noreferrer" target="_blank" aria-label="Facebook ZEN NETTOYAGE 44">f</a>
          <a href="https://www.instagram.com/zennettoyage44" rel="noopener noreferrer" target="_blank" aria-label="Instagram ZEN NETTOYAGE 44">in</a>
        </nav>
      </div>
      <div class="footer-col">
        <h4>Services</h4>
        <ul>
          <li><a href="#services">Locaux et Bureaux</a></li>
          <li><a href="#services">Fin de Chantier</a></li>
          <li><a href="#services">Nettoyage Vitres</a></li>
          <li><a href="#services">Ménage Airbnb</a></li>
          <li><a href="#services">Copropriétés</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h4>Contact</h4>
        <ul>
          <li><a href="tel:+33744257676">07 44 25 76 76</a></li>
          <li><a href="https://wa.me/33744257676" rel="noopener noreferrer" target="_blank">WhatsApp</a></li>
          <li><a href="mailto:zennettoyage443@gmail.com">zennettoyage443@gmail.com</a></li>
          <li><a href="#devis">Devis gratuit</a></li>
          <li><a href="#mentions">Mentions légales</a></li>
        </ul>
      </div>
    </div>
    <div class="footer-bottom">
      <span>© 2026 ZEN NETTOYAGE 44 – Nettoyage professionnel Nantes, Loire-Atlantique &amp; Bretagne</span>
      <span><address style="display:inline">75 rue du Port Boyer, 44300 Nantes</address> – <a href="tel:+33744257676" style="color:rgba(255,255,255,.5)">07 44 25 76 76</a></span>
    </div>
  </footer>

  <!-- WHATSAPP FLOTTANT -->
  <a href="https://wa.me/33744257676" class="whatsapp-float" rel="noopener noreferrer" target="_blank" aria-label="Contacter ZEN NETTOYAGE 44 sur WhatsApp" title="WhatsApp">💬</a>

  <script>
    // Burger menu
    const burgerBtn = document.getElementById('burgerBtn');
    const mobileMenu = document.getElementById('mobileMenu');
    burgerBtn.addEventListener('click', () => {
      const isOpen = mobileMenu.classList.toggle('open');
      burgerBtn.setAttribute('aria-expanded', isOpen);
    });
    mobileMenu.querySelectorAll('a').forEach(link => {
      link.addEventListener('click', () => {
        mobileMenu.classList.remove('open');
        burgerBtn.setAttribute('aria-expanded', false);
      });
    });

    // Formulaire → WhatsApp + GA4 event
    function submitForm() {
      const nom = document.getElementById('nom').value.trim();
      const tel = document.getElementById('tel').value.trim();
      if (!nom || !tel) { alert('Merci de renseigner votre nom et votre téléphone.'); return; }
      const prestation = document.getElementById('prestation').value || 'Non précisée';
      const ville = document.getElementById('ville').value.trim() || 'Non précisée';
      const email = document.getElementById('email').value.trim() || 'Non précisé';
      const msg = document.getElementById('message').value.trim();
      // GA4 event
      if (typeof gtag !== 'undefined') gtag('event', 'devis_envoye', { prestation, ville });
      const text = `Bonjour ZEN NETTOYAGE 44,\n\nDemande de devis :\n- Nom : ${nom}\n- Tél : ${tel}\n- Email : ${email}\n- Prestation : ${prestation}\n- Ville : ${ville}${msg ? '\n- Message : ' + msg : ''}\n\nMerci !`;
      window.open('https://wa.me/33744257676?text=' + encodeURIComponent(text), '_blank');
      document.getElementById('formSuccess').style.display = 'block';
      const f = document.getElementById('devisForm');
      f.style.opacity = '.4'; f.style.pointerEvents = 'none';
    }

    // GA4 tracking clicks téléphone
    document.querySelectorAll('a[href^="tel:"]').forEach(a => {
      a.addEventListener('click', () => {
        if (typeof gtag !== 'undefined') gtag('event', 'phone_click', { event_category: 'contact' });
      });
    });

    // GA4 tracking WhatsApp
    document.querySelectorAll('a[href*="wa.me"]').forEach(a => {
      a.addEventListener('click', () => {
        if (typeof gtag !== 'undefined') gtag('event', 'whatsapp_click', { event_category: 'contact' });
      });
    });

    // Smooth scroll
    document.querySelectorAll('a[href^="#"]').forEach(a => {
      a.addEventListener('click', function(e) {
        const t = document.querySelector(this.getAttribute('href'));
        if (t) { e.preventDefault(); t.scrollIntoView({ behavior: 'smooth', block: 'start' }); }
      });
    });
  </script>

</body>
</html>
