Outiref

Code source de l'URL : https://www.vigilance-nuisibles.fr

<!doctype html>
<html lang="fr">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/png" href="https://public.readdy.ai/ai/img_res/859ee8ad2a07f05e57441440b0001215.jpg" />
    <link rel="apple-touch-icon" href="https://readdy.ai/api/search-image?query=professional-pest-control-company-favicon-icon-green-shield-with-crossed-out-bug-silhouette-minimal-clean-design-dark-green-color-hex-1a4a2e-white-background-simple-geometric-vector-style-high-contrast-crisp-edges&width=180&height=180&seq=favicon-vigilance-02&orientation=squarish" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Antiparasitaire Morbihan | Vigilance Nuisibles 56</title>

    <!-- DNS Prefetch & Preconnect -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
    <link rel="preconnect" href="https://assets.calendly.com" crossorigin>

    <!--
      ============================================
      CSS CRITIQUE INLINE — Above the fold (~950 o)
      Évite l'écran blanc pendant les 300ms du CSS Vite.
      Styles minimum pour la navbar, le hero et la typo.
      ============================================
    -->
    <style>
      *,:before,:after{box-sizing:border-box;margin:0;padding:0}
      html{-webkit-text-size-adjust:100%;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}
      body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;background:#fff;color:#111827}
      img,svg,video{max-width:100%;height:auto;display:block}
      a{color:inherit;text-decoration:inherit}
      button,input,select,textarea{font:inherit;color:inherit}
      button{cursor:pointer}
      h1,h2,h3,h4,h5,h6,p,ul,ol{margin:0;padding:0}

      /* Navbar — fixed, white, shadow */
      #root>header{position:fixed;top:0;left:0;right:0;z-index:50;height:4rem;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08);display:flex;align-items:center}
      #root>header>div{width:100%;max-width:80rem;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between}
      @media(min-width:768px){#root>header{height:5rem}#root>header>div{padding:0 1.5rem}}

      /* Hero — full screen, forces layout before Tailwind kicks in */
      main section:first-of-type{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;color:#fff;text-align:center;padding-top:4rem}
      @media(min-width:768px){main section:first-of-type{padding-top:5rem}}

      /* Hero text contrast (over dark overlay) */
      main section:first-of-type h1,
      main section:first-of-type h2{color:#fff;font-weight:800;line-height:1.2}
      main section:first-of-type p{color:#e5e7eb;line-height:1.7}

      /* CTA buttons — green pill */
      .cta-primary,a[href^="tel:"]{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;border-radius:9999px;font-weight:700;font-size:1rem;white-space:nowrap;background:#1a4a2e;color:#fff}
      .cta-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;border-radius:9999px;font-weight:700;font-size:1rem;white-space:nowrap;background:transparent;border:2px solid #fff;color:#fff}

      /* Footer spacing guard */
      footer{margin-top:auto}
    </style>

    <!-- Google Fonts - Inter uniquement (400-800, sans 300 ni Playfair jamais utilisés) -->
    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"></noscript>

    <!-- Remixicon - chargement asynchrone (seule librairie d'icônes utilisée) -->
    <link rel="preload" as="style" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.5.0/remixicon.min.css" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.5.0/remixicon.min.css"></noscript>

    <script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js" async></script>

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

        <meta name="readdy-project-version" content="608d0efcbceb4db53d8d4da8e4f05b55:2c0003971ee8469563fbba1a7abe4448:ced564e7b8cec7f8254bfab09c93fcc364079b1bf2b15817d9621e96e0935c295840f1a5417f8799c069032ee5e0ad3a773a612a47870410ca77ba7219bb0fec9f"><script>
          window.EventReportingConfig = {
            projectId: 'ecf93469-8422-4d03-9195-bf2b2b844976',
            domain: 'https://readdy.ai',
            debug: false
          };
        </script>
        <script defer src="https://public.readdy.ai/analysis/event-reporting.min.js"></script>
          <script type="module" crossorigin src="/assets/index-4mKI09om.js"></script>
          <link rel="stylesheet" crossorigin href="/assets/index-Cg08BXEV.css">
        </head>
  <body>
    <div id="root"></div>

</body>
</html>