<!DOCTYPE html><html lang="fr"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- Primary Meta Tags --><title>Ordi Plus - Expert Informatique St-Nazaire | Services, Matériel &amp; Cybersécurité</title><meta name="title" content="Ordi Plus - Expert Informatique St-Nazaire | Services, Matériel &#38; Cybersécurité"><meta name="description" content="Expert informatique à St-Nazaire : cybersécurité Wazuh, VPN, assistance, vente matériel PC gamer &#38; pro, NAS cloud privé. Support 6j/7, interventions rapides."><link rel="canonical" href="https://saint-nazaire.ordi-plus.fr/"><!-- Robots --><meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"><!-- Open Graph / Facebook --><meta property="og:type" content="website"><meta property="og:url" content="https://saint-nazaire.ordi-plus.fr/"><meta property="og:title" content="Ordi Plus - Expert Informatique St-Nazaire | Services, Matériel &#38; Cybersécurité"><meta property="og:description" content="Expert informatique à St-Nazaire : cybersécurité Wazuh, VPN, assistance, vente matériel PC gamer &#38; pro, NAS cloud privé. Support 6j/7, interventions rapides."><meta property="og:image" content="https://saint-nazaire.ordi-plus.fr/og-image.jpg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:locale" content="fr_FR"><meta property="og:site_name" content="Ordi Plus Saint-Nazaire"><!-- Twitter --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:url" content="https://saint-nazaire.ordi-plus.fr/"><meta name="twitter:title" content="Ordi Plus - Expert Informatique St-Nazaire | Services, Matériel &#38; Cybersécurité"><meta name="twitter:description" content="Expert informatique à St-Nazaire : cybersécurité Wazuh, VPN, assistance, vente matériel PC gamer &#38; pro, NAS cloud privé. Support 6j/7, interventions rapides."><meta name="twitter:image" content="https://saint-nazaire.ordi-plus.fr/og-image.jpg"><!-- Geo Tags for Local SEO --><meta name="geo.region" content="FR-44"><meta name="geo.placename" content="Saint-Nazaire"><meta name="geo.position" content="47.2736;-2.2136"><meta name="ICBM" content="47.2736, -2.2136"><!-- Local Business --><meta name="locality" content="Saint-Nazaire"><meta name="region" content="Loire-Atlantique"><meta name="country" content="France"><!-- Contact --><meta name="contact" content="saint-nazaire@ordi-plus.fr"><meta name="phone" content="+33252590484"><!-- JSON-LD Schemas --><script type="application/ld+json">{"@context":"https://schema.org","@type":"ComputerStore","@id":"https://saint-nazaire.ordi-plus.fr#organization","name":"Ordi Plus Saint-Nazaire","alternateName":"Ordi Plus","description":"Expert informatique et cybersécurité à Saint-Nazaire - Réparation, assistance, installation et solutions professionnelles","url":"https://saint-nazaire.ordi-plus.fr","logo":"https://saint-nazaire.ordi-plus.fr/ordi-plus-logo.webp","image":"https://saint-nazaire.ordi-plus.fr/ordi-plus-logo.webp","telephone":"+33252590484","email":"saint-nazaire@ordi-plus.fr","priceRange":"€€","address":{"@type":"PostalAddress","streetAddress":"75 Av. de la République","addressLocality":"Saint-Nazaire","addressRegion":"Loire-Atlantique","postalCode":"44600","addressCountry":"FR"},"geo":{"@type":"GeoCoordinates","latitude":47.2736,"longitude":-2.2136},"openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday"],"opens":"10:00","closes":"12:30"},{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday"],"opens":"14:30","closes":"18:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"Saturday","opens":"10:00","closes":"12:30"},{"@type":"OpeningHoursSpecification","dayOfWeek":"Saturday","opens":"14:30","closes":"18:00"}],"areaServed":[{"@type":"City","name":"Saint-Nazaire"},{"@type":"City","name":"La Baule"},{"@type":"City","name":"Pornichet"},{"@type":"City","name":"Guérande"},{"@type":"City","name":"Saint-Brévin-les-Pins"},{"@type":"City","name":"Pontchâteau"},{"@type":"City","name":"Nantes"}],"hasOfferCatalog":{"@type":"OfferCatalog","name":"Services informatiques","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"Réparation ordinateurs et notebooks","description":"Réparation écrans, batteries, claviers, diagnostics"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Cybersécurité Wazuh","description":"Installation et gestion SIEM Wazuh, supervision 24/7"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Assistance informatique","description":"Assistance à domicile, dépannage, installation"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Interventions sur site","description":"Interventions rapides pour entreprises et particuliers"}}]},"sameAs":["https://facebook.com/ordiplus","https://linkedin.com/company/ordiplus","https://twitter.com/ordiplus"],"parentOrganization":{"@type":"Organization","name":"OMG TECH","legalName":"SAS OMG TECH","address":{"@type":"PostalAddress","streetAddress":"40 rue Charles Rivière","addressLocality":"Rezé","postalCode":"44400","addressCountry":"FR"},"vatID":"FR879271005","telephone":"+33240200607","email":"contact@ordi-plus.fr"}}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","@id":"https://saint-nazaire.ordi-plus.fr#organization","name":"Ordi Plus","legalName":"SAS OMG TECH","url":"https://saint-nazaire.ordi-plus.fr","logo":"https://saint-nazaire.ordi-plus.fr/ordi-plus-logo.webp","foundingDate":"2020","contactPoint":{"@type":"ContactPoint","telephone":"+33252590484","contactType":"customer service","email":"saint-nazaire@ordi-plus.fr","availableLanguage":["French"],"areaServed":"FR"}}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://saint-nazaire.ordi-plus.fr#website","url":"https://saint-nazaire.ordi-plus.fr","name":"Ordi Plus Saint-Nazaire","description":"Expert informatique et cybersécurité à Saint-Nazaire","publisher":{"@id":"https://saint-nazaire.ordi-plus.fr#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://saint-nazaire.ordi-plus.fr/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}</script><!-- Favicon --><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="manifest" href="/site.webmanifest"><!-- DNS Prefetch --><link rel="dns-prefetch" href="https://fonts.googleapis.com"><link rel="dns-prefetch" href="https://www.googletagmanager.com"><link rel="dns-prefetch" href="https://www.google-analytics.com"><!-- Preconnect --><link rel="preconnect" href="https://fonts.googleapis.com" crossorigin><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><style>.logo-container[data-astro-cid-tvrurpns]{display:flex;align-items:center}.logo-img[data-astro-cid-tvrurpns]{display:block;object-fit:contain;max-width:100%;height:auto}.logo-small[data-astro-cid-tvrurpns] .logo-img[data-astro-cid-tvrurpns]{height:68px}.logo-medium[data-astro-cid-tvrurpns] .logo-img[data-astro-cid-tvrurpns]{height:102px}.logo-large[data-astro-cid-tvrurpns] .logo-img[data-astro-cid-tvrurpns]{height:136px}.logo-container[data-astro-cid-tvrurpns]:hover .logo-img[data-astro-cid-tvrurpns]{transform:scale(1.05);transition:transform .3s ease}
</style>
<link rel="stylesheet" href="/_astro/assistance.DyPON4KU.css">
<link rel="stylesheet" href="/_astro/assistance.pn159D_Y.css">
<link rel="stylesheet" href="/_astro/audit.B8avj5eQ.css">
<link rel="stylesheet" href="/_astro/index.DyCO5DDY.css">
<link rel="stylesheet" href="/_astro/index.evBjBTl1.css"></head> <body>  <nav class="nav" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <div class="nav-container" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <a href="/" class="logo-link" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <div class="logo-container logo-small" data-astro-cid-tvrurpns> <img src="/ordi-plus-logo.webp" alt="Ordi Plus - Services Informatiques" class="logo-img" data-astro-cid-tvrurpns> </div>  </a> <div class="nav-right" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <button type="button" class="nav-cta" data-open-modal="support" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <circle cx="12" cy="12" r="10" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></circle> <line x1="12" y1="8" x2="12" y2="12" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></line> <line x1="12" y1="16" x2="12.01" y2="16" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></line> </svg> <span data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);">Support Urgent</span> </button> <button class="hamburger" id="hamburger" aria-label="Menu" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <span class="hamburger-line" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></span> <span class="hamburger-line" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></span> <span class="hamburger-line" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></span> </button> </div> </div> </nav> <!-- Menu Overlay --> <div class="menu-overlay" id="menuOverlay" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <div class="menu-container" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <div class="menu-header" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <h3 data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);">Navigation</h3> <button class="menu-close" id="menuClose" aria-label="Fermer" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <line x1="18" y1="6" x2="6" y2="18" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></line> <line x1="6" y1="6" x2="18" y2="18" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></line> </svg> </button> </div> <nav class="menu-nav" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <a href="/" class="menu-link" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <div class="menu-link-icon" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></path> <polyline points="9 22 9 12 15 12 15 22" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></polyline> </svg> </div> <div class="menu-link-content" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <span class="menu-link-title" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);">Accueil</span> <span class="menu-link-desc" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);">Retour à la page d'accueil</span> </div> </a> <a href="/audit" class="menu-link menu-link-audit" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <div class="menu-link-icon" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></path> <path d="m9 12 2 2 4-4" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></path> </svg> </div> <div class="menu-link-content" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <div class="menu-link-title-wrapper" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <span class="menu-link-title" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);">Audit IT</span> <span class="menu-badge-new" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);">Nouveau</span> </div> <span class="menu-link-desc" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);">Optimisez vos coûts IT de 30-50%</span> </div> </a> <a href="/labs" class="menu-link menu-link-labs" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <div class="menu-link-icon" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <path d="M10 2v7.527a2 2 0 0 1-.211.896L4.72 20.55a1 1 0 0 0 .9 1.45h12.76a1 1 0 0 0 .9-1.45l-5.069-10.127A2 2 0 0 1 14 9.527V2" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></path> <path d="M8.5 2h7" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></path> <path d="M7 16h10" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></path> </svg> </div> <div class="menu-link-content" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <div class="menu-link-title-wrapper" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <span class="menu-link-title" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);">Labs</span> <span class="menu-badge-new" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);">Nouveau</span> </div> <span class="menu-link-desc" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);">Innovation & technologies avancées</span> </div> </a> <a href="/assistance" class="menu-link" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <div class="menu-link-icon" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <path d="M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></path> </svg> </div> <div class="menu-link-content" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <span class="menu-link-title" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);">Assistance Informatique</span> <span class="menu-link-desc" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);">Forfaits 3H-48H sans engagement</span> </div> </a> <a href="/materiel" class="menu-link" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <div class="menu-link-icon" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <rect width="20" height="14" x="2" y="7" rx="2" ry="2" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></rect> <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></path> </svg> </div> <div class="menu-link-content" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <span class="menu-link-title" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);">Vente Matériel</span> <span class="menu-link-desc" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);">PC Gaming, Pro & Reconditionné</span> </div> </a> <a href="/reparation" class="menu-link" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <div class="menu-link-icon" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></path> </svg> </div> <div class="menu-link-content" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <span class="menu-link-title" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);">Réparation & Upgrades</span> <span class="menu-link-desc" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);">Écrans, batteries, mot de passe</span> </div> </a> <a href="/interventions" class="menu-link" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <div class="menu-link-icon" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></path> <circle cx="12" cy="10" r="3" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></circle> </svg> </div> <div class="menu-link-content" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <span class="menu-link-title" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);">Interventions Sur Site</span> <span class="menu-link-desc" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);">Techniciens experts à domicile</span> </div> </a> <a href="/nas-cloud" class="menu-link" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <div class="menu-link-icon" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <rect width="20" height="8" x="2" y="2" rx="2" ry="2" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></rect><rect width="20" height="8" x="2" y="14" rx="2" ry="2" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></rect><line x1="6" x2="6.01" y1="6" y2="6" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></line><line x1="6" x2="6.01" y1="18" y2="18" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></line> </svg> </div> <div class="menu-link-content" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <span class="menu-link-title" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);">NAS & Cloud Privé</span> <span class="menu-link-desc" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);">Stockage sécurisé chez vous</span> </div> </a> <a href="/blog" class="menu-link" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <div class="menu-link-icon" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></path> </svg> </div> <div class="menu-link-content" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <span class="menu-link-title" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);">Blog & Actualités</span> <span class="menu-link-desc" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);">Guides, conseils et tutoriels</span> </div> </a> </nav> <div class="menu-footer" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <a href="tel:+33123456789" class="menu-contact-link" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></path> </svg> <span data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);">01 23 45 67 89</span> </a> <a href="mailto:contact@ordiplus.fr" class="menu-contact-link" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"> <rect x="2" y="4" width="20" height="16" rx="2" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></rect> <path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);"></path> </svg> <span data-astro-cid-pux6a34n style="--menuBgImage: url(/_astro/menu-background.C_VU9_SL.png);">contact@ordiplus.fr</span> </a> </div> </div> </div> <script type="module">const c=document.getElementById("hamburger"),t=document.getElementById("menuOverlay"),s=document.getElementById("menuClose");function d(){c?.classList.add("active"),t?.classList.add("active"),document.body.style.overflow="hidden"}function n(){c?.classList.remove("active"),t?.classList.remove("active"),document.body.style.overflow=""}c?.addEventListener("click",d);s?.addEventListener("click",n);t?.addEventListener("click",e=>{e.target===t&&n()});document.addEventListener("keydown",e=>{e.key==="Escape"&&t?.classList.contains("active")&&n()});const o=document.querySelectorAll(".menu-link");o.forEach(e=>{e.addEventListener("click",n)});</script>   <section class="hero-stats-combined" style="background: url(/_astro/menu-background.C_VU9_SL.png) center center/cover no-repeat; background-color: #1a1a1a;" data-astro-cid-j7pv25f6> <div class="hero-stats-background" data-astro-cid-j7pv25f6></div> <!-- Hero Content --> <div class="hero hero-standard" data-astro-cid-j7pv25f6> <div class="hero-content" data-astro-cid-j7pv25f6> <div class="hero-text-wrapper" data-astro-cid-j7pv25f6> <span class="hero-badge anniversary" data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="14" height="14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-j7pv25f6="true" class="lucide lucide-sparkles">  <path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path> <path d="M20 2v4"></path> <path d="M22 4h-4"></path> <circle cx="4" cy="20" r="2"></circle>  </svg> 20 ANS D'EXCELLENCE • 2006-2026
</span> <h1 class="hero-title" data-astro-cid-j7pv25f6>
Services Informatiques
<span class="highlight typewriter-text" data-words="[&quot;Professionnels&quot;, &quot;Accessibles&quot;, &quot;Réactifs&quot;, &quot;Sur-Mesure&quot;, &quot;Innovants&quot;]" data-astro-cid-j7pv25f6></span> </h1> <p class="hero-description" data-astro-cid-j7pv25f6>
De la cybersécurité aux PC gamer sur mesure, en passant par la création de sites web modernes, mini apps, l'assistance et le cloud privé.
<strong data-astro-cid-j7pv25f6>Ordi Plus</strong> est votre partenaire IT de confiance pour particuliers et professionnels depuis 20 ans.
</p> <div class="hero-cta" data-astro-cid-j7pv25f6> <a href="#services" class="btn-primary-hero" data-astro-cid-j7pv25f6>Découvrir Nos Services</a> <button type="button" class="btn-secondary-hero" data-open-modal="quote" data-astro-cid-j7pv25f6>Demander un Devis</button> </div> </div> </div> </div> <!-- Stats Section --> <div class="stats-section" data-astro-cid-j7pv25f6> <div class="container" data-astro-cid-j7pv25f6> <div class="stats-grid" data-astro-cid-j7pv25f6> <div class="stat-card" data-astro-cid-j7pv25f6> <div class="stat-number" data-astro-cid-j7pv25f6>+<span class="stat-counter" data-target="5500" data-astro-cid-j7pv25f6>1</span></div> <div class="stat-label" data-astro-cid-j7pv25f6>Clients Satisfaits</div> </div> <div class="stat-card" data-astro-cid-j7pv25f6> <div class="stat-number" data-astro-cid-j7pv25f6><span class="stat-counter" data-target="20" data-astro-cid-j7pv25f6>1</span></div> <div class="stat-label" data-astro-cid-j7pv25f6>Années d'Expérience</div> </div> <div class="stat-card" data-astro-cid-j7pv25f6> <div class="stat-number" data-astro-cid-j7pv25f6>+<span class="stat-counter" data-target="2000" data-astro-cid-j7pv25f6>1</span></div> <div class="stat-label" data-astro-cid-j7pv25f6>Interventions Réussies</div> </div> <div class="stat-card" data-astro-cid-j7pv25f6> <div class="stat-number" data-astro-cid-j7pv25f6>98%</div> <div class="stat-label" data-astro-cid-j7pv25f6>Taux de Satisfaction</div> </div> </div> </div> </div> </section>  <section class="featured-service" data-astro-cid-j7pv25f6> <div class="container" data-astro-cid-j7pv25f6> <div class="featured-content" data-astro-cid-j7pv25f6> <div class="featured-badge-wrapper" data-astro-cid-j7pv25f6> <span class="featured-badge" data-astro-cid-j7pv25f6><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="14" height="14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-j7pv25f6="true" class="lucide lucide-zap">  <path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path>  </svg> NOUVEAU SERVICE</span> </div> <h2 class="featured-title" data-astro-cid-j7pv25f6>
Sites Web Sur-Mesure avec <span class="tech-highlight" data-astro-cid-j7pv25f6>Astro</span> </h2> <p class="featured-subtitle" data-astro-cid-j7pv25f6>
Fini WordPress et ses lenteurs, ses failles de sécurité et ses mises à jour sans fin.
          On développe votre site en <strong data-astro-cid-j7pv25f6>Astro</strong> : ultra-rapide, ultra-sécurisé, vraiment personnalisé.
</p> <div class="featured-advantages" data-astro-cid-j7pv25f6> <div class="advantage-card" data-astro-cid-j7pv25f6> <div class="advantage-icon" data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="40" height="40" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="2" data-astro-cid-j7pv25f6="true" class="lucide lucide-zap">  <path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path>  </svg> </div> <h4 data-astro-cid-j7pv25f6>10x Plus Rapide</h4> <p data-astro-cid-j7pv25f6>Chargement instantané. WordPress met 3-5 secondes, Astro 0.3 seconde. Vos visiteurs adorent.</p> </div> <div class="advantage-card" data-astro-cid-j7pv25f6> <div class="advantage-icon" data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="40" height="40" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="2" data-astro-cid-j7pv25f6="true" class="lucide lucide-shield">  <path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path>  </svg> </div> <h4 data-astro-cid-j7pv25f6>Sécurité Maximale</h4> <p data-astro-cid-j7pv25f6>Zéro plugin à risque, pas de base de données exposée. Code statique = aucune faille d'injection possible.</p> </div> <div class="advantage-card" data-astro-cid-j7pv25f6> <div class="advantage-icon" data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="40" height="40" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="2" data-astro-cid-j7pv25f6="true" class="lucide lucide-sparkles">  <path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path> <path d="M20 2v4"></path> <path d="M22 4h-4"></path> <circle cx="4" cy="20" r="2"></circle>  </svg> </div> <h4 data-astro-cid-j7pv25f6>Éditeur IA Maison</h4> <p data-astro-cid-j7pv25f6>Modifiez vos contenus facilement avec notre interface intelligente. Pas besoin de toucher au code.</p> </div> <div class="advantage-card" data-astro-cid-j7pv25f6> <div class="advantage-icon" data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="40" height="40" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="2" data-astro-cid-j7pv25f6="true" class="lucide lucide-dollar-sign">  <line x1="12" x2="12" y1="2" y2="22"></line> <path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path>  </svg> </div> <h4 data-astro-cid-j7pv25f6>Prix Accessible</h4> <p data-astro-cid-j7pv25f6>Site professionnel complet dès 1200€. Hébergement inclus la 1ère année. Sans abonnement WordPress.</p> </div> </div> <div class="featured-cta" data-astro-cid-j7pv25f6> <a href="/dev-web" class="btn-featured-primary" data-astro-cid-j7pv25f6>Voir nos créations →</a> <button type="button" class="btn-featured-secondary" data-open-modal="quote" data-astro-cid-j7pv25f6>Demander un devis gratuit</button> </div> <div class="featured-note" data-astro-cid-j7pv25f6> <strong data-astro-cid-j7pv25f6>🎁 Offre lancement :</strong> Audit SEO gratuit + 10% de réduction sur votre premier site web Astro (jusqu'à fin mars 2026)
</div> </div> </div> </section>  <section class="services" id="services" data-astro-cid-j7pv25f6> <div class="container" data-astro-cid-j7pv25f6> <div class="section-header" data-astro-cid-j7pv25f6> <h2 data-astro-cid-j7pv25f6> <span class="services-main-title" data-astro-cid-j7pv25f6>Votre Écosystème IT Complet</span> <span class="highlight" data-astro-cid-j7pv25f6>
De la <span class="typewriter-text-services" data-words="[&quot;Cybersécurité&quot;, &quot;Création Sites Web&quot;, &quot;Création Mini Apps&quot;, &quot;Configuration Réseau&quot;, &quot;Sécurité Avancée&quot;, &quot;Supervision&quot;, &quot;Réparation Pro&quot;, &quot;Maintenance&quot;, &quot;Télé-assistance&quot;, &quot;Virtualisation&quot;, &quot;Gestion Parc IT&quot;, &quot;Migration Données&quot;, &quot;Sauvegarde&quot;, &quot;Performance&quot;]" data-astro-cid-j7pv25f6></span> </span> <span class="services-sub-title" data-astro-cid-j7pv25f6>à l'Excellence Opérationnelle</span> </h2> <p class="section-subtitle" data-astro-cid-j7pv25f6>
Une expertise technique pointue au service de votre transformation digitale
</p> </div> <div class="services-grid" data-astro-cid-j7pv25f6> <a href="/dev-web" class="service-card service-primary service-new" data-astro-cid-j7pv25f6> <div class="service-badge badge-new-home" data-astro-cid-j7pv25f6>🆕 NOUVEAU</div> <div class="service-icon" data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="48" height="48" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" data-astro-cid-j7pv25f6="true" class="lucide lucide-code-xml">  <path d="m18 16 4-4-4-4"></path> <path d="m6 8-4 4 4 4"></path> <path d="m14.5 4-5 16"></path>  </svg> </div> <h3 data-astro-cid-j7pv25f6>Sites Web Modernes</h3> <p data-astro-cid-j7pv25f6>Développement Astro ultra-rapide. Pas de WordPress lourd : code pur, sécurisé, 10x plus performant. Éditeur IA intégré pour gérer votre contenu facilement.</p> <ul class="service-checklist" data-astro-cid-j7pv25f6> <li data-astro-cid-j7pv25f6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <polyline points="20 6 9 17 4 12" data-astro-cid-j7pv25f6></polyline> </svg> <span data-astro-cid-j7pv25f6>Astro + React/Vue</span> </li><li data-astro-cid-j7pv25f6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <polyline points="20 6 9 17 4 12" data-astro-cid-j7pv25f6></polyline> </svg> <span data-astro-cid-j7pv25f6>10x plus rapide que WP</span> </li><li data-astro-cid-j7pv25f6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <polyline points="20 6 9 17 4 12" data-astro-cid-j7pv25f6></polyline> </svg> <span data-astro-cid-j7pv25f6>Zéro faille de sécurité</span> </li><li data-astro-cid-j7pv25f6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <polyline points="20 6 9 17 4 12" data-astro-cid-j7pv25f6></polyline> </svg> <span data-astro-cid-j7pv25f6>Éditeur IA maison</span> </li> </ul> <span class="service-arrow" data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <line x1="5" y1="12" x2="19" y2="12" data-astro-cid-j7pv25f6></line> <polyline points="12 5 19 12 12 19" data-astro-cid-j7pv25f6></polyline> </svg> </span> </a><a href="/labs" class="service-card service-primary " data-astro-cid-j7pv25f6> <div class="service-badge " data-astro-cid-j7pv25f6>Innovation</div> <div class="service-icon" data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="48" height="48" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" data-astro-cid-j7pv25f6="true" class="lucide lucide-beaker">  <path d="M4.5 3h15"></path> <path d="M6 3v16a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V3"></path> <path d="M6 14h12"></path>  </svg> </div> <h3 data-astro-cid-j7pv25f6>Labs</h3> <p data-astro-cid-j7pv25f6>Découvrez nos services innovants : cybersécurité, VPN, développement web, chatbots IA et plus.</p> <ul class="service-checklist" data-astro-cid-j7pv25f6> <li data-astro-cid-j7pv25f6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <polyline points="20 6 9 17 4 12" data-astro-cid-j7pv25f6></polyline> </svg> <span data-astro-cid-j7pv25f6>Cybersécurité Wazuh</span> </li><li data-astro-cid-j7pv25f6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <polyline points="20 6 9 17 4 12" data-astro-cid-j7pv25f6></polyline> </svg> <span data-astro-cid-j7pv25f6>VPN WireGuard</span> </li><li data-astro-cid-j7pv25f6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <polyline points="20 6 9 17 4 12" data-astro-cid-j7pv25f6></polyline> </svg> <span data-astro-cid-j7pv25f6>Chatbots IA</span> </li><li data-astro-cid-j7pv25f6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <polyline points="20 6 9 17 4 12" data-astro-cid-j7pv25f6></polyline> </svg> <span data-astro-cid-j7pv25f6>Services web pro</span> </li> </ul> <span class="service-arrow" data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <line x1="5" y1="12" x2="19" y2="12" data-astro-cid-j7pv25f6></line> <polyline points="12 5 19 12 12 19" data-astro-cid-j7pv25f6></polyline> </svg> </span> </a><a href="/materiel" class="service-card service-primary " data-astro-cid-j7pv25f6> <div class="service-badge " data-astro-cid-j7pv25f6>Sur Mesure</div> <div class="service-icon" data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="48" height="48" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" data-astro-cid-j7pv25f6="true" class="lucide lucide-gamepad-2">  <line x1="6" x2="10" y1="11" y2="11"></line> <line x1="8" x2="8" y1="9" y2="13"></line> <line x1="15" x2="15.01" y1="12" y2="12"></line> <line x1="18" x2="18.01" y1="10" y2="10"></line> <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z"></path>  </svg> </div> <h3 data-astro-cid-j7pv25f6>Vente Matériel</h3> <p data-astro-cid-j7pv25f6>PC gamer sur mesure, matériel pro, reconditionné &amp; déstockage. Qualité garantie.</p> <ul class="service-checklist" data-astro-cid-j7pv25f6> <li data-astro-cid-j7pv25f6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <polyline points="20 6 9 17 4 12" data-astro-cid-j7pv25f6></polyline> </svg> <span data-astro-cid-j7pv25f6>Config sur-mesure</span> </li><li data-astro-cid-j7pv25f6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <polyline points="20 6 9 17 4 12" data-astro-cid-j7pv25f6></polyline> </svg> <span data-astro-cid-j7pv25f6>Garantie 2 ans</span> </li><li data-astro-cid-j7pv25f6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <polyline points="20 6 9 17 4 12" data-astro-cid-j7pv25f6></polyline> </svg> <span data-astro-cid-j7pv25f6>Reconditionné certifié</span> </li><li data-astro-cid-j7pv25f6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <polyline points="20 6 9 17 4 12" data-astro-cid-j7pv25f6></polyline> </svg> <span data-astro-cid-j7pv25f6>Stock disponible</span> </li> </ul> <span class="service-arrow" data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <line x1="5" y1="12" x2="19" y2="12" data-astro-cid-j7pv25f6></line> <polyline points="12 5 19 12 12 19" data-astro-cid-j7pv25f6></polyline> </svg> </span> </a><a href="/reparation" class="service-card service-success " data-astro-cid-j7pv25f6> <div class="service-badge " data-astro-cid-j7pv25f6>Diagnostic Offert</div> <div class="service-icon" data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="48" height="48" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" data-astro-cid-j7pv25f6="true" class="lucide lucide-wrench">  <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path>  </svg> </div> <h3 data-astro-cid-j7pv25f6>Réparation &amp; Upgrades</h3> <p data-astro-cid-j7pv25f6>Réparation notebooks, écrans, batteries. Mot de passe perdu, upgrades RAM/SSD. Diagnostic gratuit.</p> <ul class="service-checklist" data-astro-cid-j7pv25f6> <li data-astro-cid-j7pv25f6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <polyline points="20 6 9 17 4 12" data-astro-cid-j7pv25f6></polyline> </svg> <span data-astro-cid-j7pv25f6>Diagnostic gratuit</span> </li><li data-astro-cid-j7pv25f6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <polyline points="20 6 9 17 4 12" data-astro-cid-j7pv25f6></polyline> </svg> <span data-astro-cid-j7pv25f6>Réparation express</span> </li><li data-astro-cid-j7pv25f6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <polyline points="20 6 9 17 4 12" data-astro-cid-j7pv25f6></polyline> </svg> <span data-astro-cid-j7pv25f6>Upgrade RAM/SSD</span> </li><li data-astro-cid-j7pv25f6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <polyline points="20 6 9 17 4 12" data-astro-cid-j7pv25f6></polyline> </svg> <span data-astro-cid-j7pv25f6>Devis transparent</span> </li> </ul> <span class="service-arrow" data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <line x1="5" y1="12" x2="19" y2="12" data-astro-cid-j7pv25f6></line> <polyline points="12 5 19 12 12 19" data-astro-cid-j7pv25f6></polyline> </svg> </span> </a><a href="/assistance" class="service-card service-success " data-astro-cid-j7pv25f6> <div class="service-badge " data-astro-cid-j7pv25f6>Flexible</div> <div class="service-icon" data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="48" height="48" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" data-astro-cid-j7pv25f6="true" class="lucide lucide-monitor">  <rect width="20" height="14" x="2" y="3" rx="2"></rect> <line x1="8" x2="16" y1="21" y2="21"></line> <line x1="12" x2="12" y1="17" y2="21"></line>  </svg> </div> <h3 data-astro-cid-j7pv25f6>Assistance Informatique</h3> <p data-astro-cid-j7pv25f6>Forfaits 3H à 48H sans engagement. Télé-assistance, intervention sur site ou en magasin.</p> <ul class="service-checklist" data-astro-cid-j7pv25f6> <li data-astro-cid-j7pv25f6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <polyline points="20 6 9 17 4 12" data-astro-cid-j7pv25f6></polyline> </svg> <span data-astro-cid-j7pv25f6>Sans engagement</span> </li><li data-astro-cid-j7pv25f6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <polyline points="20 6 9 17 4 12" data-astro-cid-j7pv25f6></polyline> </svg> <span data-astro-cid-j7pv25f6>Télé-assistance</span> </li><li data-astro-cid-j7pv25f6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <polyline points="20 6 9 17 4 12" data-astro-cid-j7pv25f6></polyline> </svg> <span data-astro-cid-j7pv25f6>Sur site/magasin</span> </li><li data-astro-cid-j7pv25f6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <polyline points="20 6 9 17 4 12" data-astro-cid-j7pv25f6></polyline> </svg> <span data-astro-cid-j7pv25f6>Support 6j/7</span> </li> </ul> <span class="service-arrow" data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <line x1="5" y1="12" x2="19" y2="12" data-astro-cid-j7pv25f6></line> <polyline points="12 5 19 12 12 19" data-astro-cid-j7pv25f6></polyline> </svg> </span> </a><a href="/nas-cloud" class="service-card service-accent " data-astro-cid-j7pv25f6> <div class="service-badge " data-astro-cid-j7pv25f6>Cloud Privé</div> <div class="service-icon" data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="48" height="48" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" data-astro-cid-j7pv25f6="true" class="lucide lucide-cloud">  <path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path>  </svg> </div> <h3 data-astro-cid-j7pv25f6>NAS &amp; Cloud Privé</h3> <p data-astro-cid-j7pv25f6>Votre propre cloud avec domaine personnalisé. Setup complet, sécurisé et conforme RGPD.</p> <ul class="service-checklist" data-astro-cid-j7pv25f6> <li data-astro-cid-j7pv25f6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <polyline points="20 6 9 17 4 12" data-astro-cid-j7pv25f6></polyline> </svg> <span data-astro-cid-j7pv25f6>100% souverain</span> </li><li data-astro-cid-j7pv25f6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <polyline points="20 6 9 17 4 12" data-astro-cid-j7pv25f6></polyline> </svg> <span data-astro-cid-j7pv25f6>Domaine perso</span> </li><li data-astro-cid-j7pv25f6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <polyline points="20 6 9 17 4 12" data-astro-cid-j7pv25f6></polyline> </svg> <span data-astro-cid-j7pv25f6>Conforme RGPD</span> </li><li data-astro-cid-j7pv25f6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <polyline points="20 6 9 17 4 12" data-astro-cid-j7pv25f6></polyline> </svg> <span data-astro-cid-j7pv25f6>Sauvegarde auto</span> </li> </ul> <span class="service-arrow" data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <line x1="5" y1="12" x2="19" y2="12" data-astro-cid-j7pv25f6></line> <polyline points="12 5 19 12 12 19" data-astro-cid-j7pv25f6></polyline> </svg> </span> </a><a href="/interventions" class="service-card service-danger " data-astro-cid-j7pv25f6> <div class="service-badge " data-astro-cid-j7pv25f6>Rapide</div> <div class="service-icon" data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="48" height="48" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" data-astro-cid-j7pv25f6="true" class="lucide lucide-car">  <path d="M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2"></path> <circle cx="7" cy="17" r="2"></circle> <path d="M9 17h6"></path> <circle cx="17" cy="17" r="2"></circle>  </svg> </div> <h3 data-astro-cid-j7pv25f6>Interventions Sur Site</h3> <p data-astro-cid-j7pv25f6>Techniciens experts à domicile. Délai &lt; 4h en zone prioritaire (St-Nazaire / La Baule).</p> <ul class="service-checklist" data-astro-cid-j7pv25f6> <li data-astro-cid-j7pv25f6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <polyline points="20 6 9 17 4 12" data-astro-cid-j7pv25f6></polyline> </svg> <span data-astro-cid-j7pv25f6>Sur demande</span> </li><li data-astro-cid-j7pv25f6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <polyline points="20 6 9 17 4 12" data-astro-cid-j7pv25f6></polyline> </svg> <span data-astro-cid-j7pv25f6>Expert certifié</span> </li><li data-astro-cid-j7pv25f6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <polyline points="20 6 9 17 4 12" data-astro-cid-j7pv25f6></polyline> </svg> <span data-astro-cid-j7pv25f6>Forfait dédié</span> </li><li data-astro-cid-j7pv25f6> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <polyline points="20 6 9 17 4 12" data-astro-cid-j7pv25f6></polyline> </svg> <span data-astro-cid-j7pv25f6>Zone étendue</span> </li> </ul> <span class="service-arrow" data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <line x1="5" y1="12" x2="19" y2="12" data-astro-cid-j7pv25f6></line> <polyline points="12 5 19 12 12 19" data-astro-cid-j7pv25f6></polyline> </svg> </span> </a> </div> </div> </section>  <section class="usps section-dark" data-astro-cid-j7pv25f6> <div class="container" data-astro-cid-j7pv25f6> <div class="section-header" data-astro-cid-j7pv25f6> <h2 data-astro-cid-j7pv25f6>Pourquoi Choisir <span class="gradient" data-astro-cid-j7pv25f6>Ordi Plus</span> ?</h2> <p class="section-subtitle" data-astro-cid-j7pv25f6>Expertise locale, réactivité garantie et accompagnement sur-mesure</p> </div> <div class="usps-grid" data-astro-cid-j7pv25f6> <div class="usp-card" data-astro-cid-j7pv25f6> <div class="usp-icon" data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="56" height="56" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" data-astro-cid-j7pv25f6="true" class="lucide lucide-map-pin">  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path> <circle cx="12" cy="10" r="3"></circle>  </svg> </div> <h3 data-astro-cid-j7pv25f6>Basés à St-Nazaire</h3> <p data-astro-cid-j7pv25f6>Proximité et réactivité. Intervention rapide sur toute la région Nantes/Rennes.</p> </div><div class="usp-card" data-astro-cid-j7pv25f6> <div class="usp-icon" data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="56" height="56" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" data-astro-cid-j7pv25f6="true" class="lucide lucide-graduation-cap">  <path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path> <path d="M22 10v6"></path> <path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path>  </svg> </div> <h3 data-astro-cid-j7pv25f6>Expertise Technique</h3> <p data-astro-cid-j7pv25f6>Équipe d&#39;experts passionnés : vente matériel, support technique, développement web, cybersécurité et infrastructure cloud. Savoir-faire éprouvé.</p> </div><div class="usp-card" data-astro-cid-j7pv25f6> <div class="usp-icon" data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="56" height="56" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" data-astro-cid-j7pv25f6="true" class="lucide lucide-handshake">  <path d="m11 17 2 2a1 1 0 1 0 3-3"></path> <path d="m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4"></path> <path d="m21 3 1 11h-2"></path> <path d="M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3"></path> <path d="M3 4h8"></path>  </svg> </div> <h3 data-astro-cid-j7pv25f6>Accompagnement Complet</h3> <p data-astro-cid-j7pv25f6>De l&#39;audit initial à la maintenance. Support 6j/7 par téléphone, email ou chat.</p> </div><div class="usp-card" data-astro-cid-j7pv25f6> <div class="usp-icon" data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="56" height="56" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" data-astro-cid-j7pv25f6="true" class="lucide lucide-euro">  <path d="M4 10h12"></path> <path d="M4 14h9"></path> <path d="M19 6a7.7 7.7 0 0 0-5.2-2A7.9 7.9 0 0 0 6 12c0 4.4 3.5 8 7.8 8 2 0 3.8-.8 5.2-2"></path>  </svg> </div> <h3 data-astro-cid-j7pv25f6>Prix Transparents</h3> <p data-astro-cid-j7pv25f6>Devis détaillé avant intervention. Aucun frais caché. Satisfaction garantie.</p> </div> </div> </div> </section>  <section class="zone" data-astro-cid-j7pv25f6> <div class="container" data-astro-cid-j7pv25f6> <div class="zone-content" data-astro-cid-j7pv25f6> <div class="zone-text" data-astro-cid-j7pv25f6> <h2 data-astro-cid-j7pv25f6>Notre <span class="gradient" data-astro-cid-j7pv25f6>Zone d'Intervention</span></h2> <p data-astro-cid-j7pv25f6>
Basés à <strong data-astro-cid-j7pv25f6>Saint-Nazaire</strong>, nous intervenons rapidement dans toute la région :
</p> <ul class="zone-list" data-astro-cid-j7pv25f6> <li data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="20" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-j7pv25f6="true" class="lucide lucide-target zone-icon">  <circle cx="12" cy="12" r="10"></circle> <circle cx="12" cy="12" r="6"></circle> <circle cx="12" cy="12" r="2"></circle>  </svg> <strong data-astro-cid-j7pv25f6>Zone Prioritaire</strong> : St-Nazaire, La Baule, Presqu'île (&lt; 6h)
</li> <li data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="20" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-j7pv25f6="true" class="lucide lucide-map-pin zone-icon">  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path> <circle cx="12" cy="10" r="3"></circle>  </svg> <strong data-astro-cid-j7pv25f6>Zone Standard</strong> : Nantes, Rennes, Vannes (&lt; 12h)
</li> <li data-astro-cid-j7pv25f6> <svg width="20" height="20" class="zone-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <circle cx="12" cy="12" r="10" data-astro-cid-j7pv25f6></circle> <line x1="2" y1="12" x2="22" y2="12" data-astro-cid-j7pv25f6></line> <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" data-astro-cid-j7pv25f6></path> </svg> <strong data-astro-cid-j7pv25f6>Zone Étendue</strong> : Bretagne & Pays de Loire (J+3)
</li> </ul> <div class="zone-note" data-astro-cid-j7pv25f6> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <rect x="2" y="3" width="20" height="14" rx="2" ry="2" data-astro-cid-j7pv25f6></rect> <line x1="8" y1="21" x2="16" y2="21" data-astro-cid-j7pv25f6></line> <line x1="12" y1="17" x2="12" y2="21" data-astro-cid-j7pv25f6></line> </svg> <strong data-astro-cid-j7pv25f6>Télé-assistance disponible immédiatement</strong> partout en France (connexion à distance en quelques minutes)
</div> <a href="/interventions" class="btn-primary" data-astro-cid-j7pv25f6>Voir Détails & Tarifs</a> </div> <div class="zone-map" data-astro-cid-j7pv25f6> <div class="map-placeholder" data-astro-cid-j7pv25f6> <div class="map-pin base" data-astro-cid-j7pv25f6> <span class="pin-icon" data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="32" height="32" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-j7pv25f6="true" class="lucide lucide-map-pin">  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path> <circle cx="12" cy="10" r="3"></circle>  </svg> </span> <span class="pin-label" data-astro-cid-j7pv25f6>St-Nazaire</span> </div> <div class="map-pin point nantes" data-astro-cid-j7pv25f6>Nantes</div> <div class="map-pin point rennes" data-astro-cid-j7pv25f6>Rennes</div> <div class="map-pin point vannes" data-astro-cid-j7pv25f6>Vannes</div> <div class="coverage-radius" data-astro-cid-j7pv25f6></div> </div> </div> </div> </div> </section>  <section class="how-it-works" data-astro-cid-cmgpsf2k> <div class="container" data-astro-cid-cmgpsf2k> <div class="section-header" data-astro-cid-cmgpsf2k> <h2 class="section-title" data-astro-cid-cmgpsf2k>Comment <span class="gradient" data-astro-cid-cmgpsf2k>ça marche ?</span></h2> <p class="section-subtitle" data-astro-cid-cmgpsf2k>Un processus simple et efficace, adapté à vos besoins</p> </div> <!-- Universe Selector --> <div class="universe-selector" data-astro-cid-cmgpsf2k> <button class="universe-tab active" data-universe="general" data-astro-cid-cmgpsf2k> <span class="tab-icon" data-astro-cid-cmgpsf2k><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="20" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-cmgpsf2k="true" class="lucide lucide-target">  <circle cx="12" cy="12" r="10"></circle> <circle cx="12" cy="12" r="6"></circle> <circle cx="12" cy="12" r="2"></circle>  </svg></span> <span class="tab-label" data-astro-cid-cmgpsf2k>Général</span> </button> <button class="universe-tab" data-universe="labs" data-astro-cid-cmgpsf2k> <span class="tab-icon" data-astro-cid-cmgpsf2k><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="20" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-cmgpsf2k="true" class="lucide lucide-search">  <path d="m21 21-4.34-4.34"></path> <circle cx="11" cy="11" r="8"></circle>  </svg></span> <span class="tab-label" data-astro-cid-cmgpsf2k>Labs Innovation</span> </button> <button class="universe-tab" data-universe="materiel" data-astro-cid-cmgpsf2k> <span class="tab-icon" data-astro-cid-cmgpsf2k><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="20" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-cmgpsf2k="true" class="lucide lucide-monitor-smartphone">  <path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path> <path d="M10 19v-3.96 3.15"></path> <path d="M7 19h5"></path> <rect width="6" height="10" x="16" y="12" rx="2"></rect>  </svg></span> <span class="tab-label" data-astro-cid-cmgpsf2k>Matériel</span> </button> <button class="universe-tab" data-universe="assistance" data-astro-cid-cmgpsf2k> <span class="tab-icon" data-astro-cid-cmgpsf2k><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="20" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-cmgpsf2k="true" class="lucide lucide-wrench">  <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path>  </svg></span> <span class="tab-label" data-astro-cid-cmgpsf2k>Assistance</span> </button> </div> <!-- Universe Content --> <div class="universe-content" data-astro-cid-cmgpsf2k> <!-- General Universe --> <div class="universe-panel active" data-universe-panel="general" data-astro-cid-cmgpsf2k> <div class="steps-grid" data-astro-cid-cmgpsf2k> <div class="step-card" data-step="1" data-astro-cid-cmgpsf2k> <div class="step-number" data-astro-cid-cmgpsf2k>01</div> <div class="step-icon" data-astro-cid-cmgpsf2k><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="40" height="40" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-cmgpsf2k="true" class="lucide lucide-phone">  <path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path>  </svg></div> <h3 class="step-title" data-astro-cid-cmgpsf2k>Contact Initial</h3> <p class="step-description" data-astro-cid-cmgpsf2k>Contactez-nous par téléphone, email ou via notre formulaire. Nous analysons votre besoin et vous conseillons.</p> </div> <div class="step-card" data-step="2" data-astro-cid-cmgpsf2k> <div class="step-number" data-astro-cid-cmgpsf2k>02</div> <div class="step-icon" data-astro-cid-cmgpsf2k><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="40" height="40" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-cmgpsf2k="true" class="lucide lucide-clipboard-list">  <rect width="8" height="4" x="8" y="2" rx="1" ry="1"></rect> <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path> <path d="M12 11h4"></path> <path d="M12 16h4"></path> <path d="M8 11h.01"></path> <path d="M8 16h.01"></path>  </svg></div> <h3 class="step-title" data-astro-cid-cmgpsf2k>Diagnostic & Devis</h3> <p class="step-description" data-astro-cid-cmgpsf2k>Nous établissons un diagnostic précis et vous proposons un devis détaillé et transparent, sans engagement.</p> </div> <div class="step-card" data-step="3" data-astro-cid-cmgpsf2k> <div class="step-number" data-astro-cid-cmgpsf2k>03</div> <div class="step-icon" data-astro-cid-cmgpsf2k><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="40" height="40" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-cmgpsf2k="true" class="lucide lucide-settings">  <path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"></path> <circle cx="12" cy="12" r="3"></circle>  </svg></div> <h3 class="step-title" data-astro-cid-cmgpsf2k>Intervention</h3> <p class="step-description" data-astro-cid-cmgpsf2k>Notre équipe intervient rapidement sur site ou à distance pour résoudre votre problématique avec professionnalisme.</p> </div> <div class="step-card" data-step="4" data-astro-cid-cmgpsf2k> <div class="step-number" data-astro-cid-cmgpsf2k>04</div> <div class="step-icon" data-astro-cid-cmgpsf2k><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="40" height="40" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-cmgpsf2k="true" class="lucide lucide-circle-check-big">  <path d="M21.801 10A10 10 0 1 1 17 3.335"></path> <path d="m9 11 3 3L22 4"></path>  </svg></div> <h3 class="step-title" data-astro-cid-cmgpsf2k>Suivi & Support</h3> <p class="step-description" data-astro-cid-cmgpsf2k>Nous assurons un suivi post-intervention et restons disponibles pour votre support technique continu.</p> </div> </div> </div> <!-- Labs Universe --> <div class="universe-panel" data-universe-panel="labs" data-astro-cid-cmgpsf2k> <div class="steps-grid" data-astro-cid-cmgpsf2k> <div class="step-card" data-step="1" data-astro-cid-cmgpsf2k> <div class="step-number" data-astro-cid-cmgpsf2k>01</div> <div class="step-icon" data-astro-cid-cmgpsf2k><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="40" height="40" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-cmgpsf2k="true" class="lucide lucide-lightbulb">  <path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path> <path d="M9 18h6"></path> <path d="M10 22h4"></path>  </svg></div> <h3 class="step-title" data-astro-cid-cmgpsf2k>Exploration de l'Idée</h3> <p class="step-description" data-astro-cid-cmgpsf2k>Partagez votre vision. Nous explorons ensemble les technologies innovantes adaptées à votre projet.</p> </div> <div class="step-card" data-step="2" data-astro-cid-cmgpsf2k> <div class="step-number" data-astro-cid-cmgpsf2k>02</div> <div class="step-icon" data-astro-cid-cmgpsf2k><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="40" height="40" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-cmgpsf2k="true" class="lucide lucide-flask-conical">  <path d="M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2"></path> <path d="M6.453 15h11.094"></path> <path d="M8.5 2h7"></path>  </svg></div> <h3 class="step-title" data-astro-cid-cmgpsf2k>Prototypage & Tests</h3> <p class="step-description" data-astro-cid-cmgpsf2k>Développement d'un POC (Proof of Concept) pour valider la faisabilité technique et l'innovation.</p> </div> <div class="step-card" data-step="3" data-astro-cid-cmgpsf2k> <div class="step-number" data-astro-cid-cmgpsf2k>03</div> <div class="step-icon" data-astro-cid-cmgpsf2k><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="40" height="40" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-cmgpsf2k="true" class="lucide lucide-rocket">  <path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path> <path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path> <path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path> <path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path>  </svg></div> <h3 class="step-title" data-astro-cid-cmgpsf2k>Déploiement</h3> <p class="step-description" data-astro-cid-cmgpsf2k>Mise en production de votre solution innovante avec accompagnement technique complet.</p> </div> <div class="step-card" data-step="4" data-astro-cid-cmgpsf2k> <div class="step-number" data-astro-cid-cmgpsf2k>04</div> <div class="step-icon" data-astro-cid-cmgpsf2k><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="40" height="40" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-cmgpsf2k="true" class="lucide lucide-chart-column">  <path d="M3 3v16a2 2 0 0 0 2 2h16"></path> <path d="M18 17V9"></path> <path d="M13 17V5"></path> <path d="M8 17v-3"></path>  </svg></div> <h3 class="step-title" data-astro-cid-cmgpsf2k>Optimisation Continue</h3> <p class="step-description" data-astro-cid-cmgpsf2k>Monitoring, ajustements et évolutions pour maximiser les performances de votre solution.</p> </div> </div> </div> <!-- Materiel Universe --> <div class="universe-panel" data-universe-panel="materiel" data-astro-cid-cmgpsf2k> <div class="steps-grid" data-astro-cid-cmgpsf2k> <div class="step-card" data-step="1" data-astro-cid-cmgpsf2k> <div class="step-number" data-astro-cid-cmgpsf2k>01</div> <div class="step-icon" data-astro-cid-cmgpsf2k><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="40" height="40" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-cmgpsf2k="true" class="lucide lucide-target">  <circle cx="12" cy="12" r="10"></circle> <circle cx="12" cy="12" r="6"></circle> <circle cx="12" cy="12" r="2"></circle>  </svg></div> <h3 class="step-title" data-astro-cid-cmgpsf2k>Analyse de vos Besoins</h3> <p class="step-description" data-astro-cid-cmgpsf2k>Nous déterminons ensemble la configuration idéale selon votre usage : bureautique, gaming, professionnel.</p> </div> <div class="step-card" data-step="2" data-astro-cid-cmgpsf2k> <div class="step-number" data-astro-cid-cmgpsf2k>02</div> <div class="step-icon" data-astro-cid-cmgpsf2k><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="40" height="40" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-cmgpsf2k="true" class="lucide lucide-shopping-cart">  <circle cx="8" cy="21" r="1"></circle> <circle cx="19" cy="21" r="1"></circle> <path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"></path>  </svg></div> <h3 class="step-title" data-astro-cid-cmgpsf2k>Sélection & Commande</h3> <p class="step-description" data-astro-cid-cmgpsf2k>Choix des composants de qualité au meilleur rapport qualité/prix. Validation du devis et commande.</p> </div> <div class="step-card" data-step="3" data-astro-cid-cmgpsf2k> <div class="step-number" data-astro-cid-cmgpsf2k>03</div> <div class="step-icon" data-astro-cid-cmgpsf2k><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="40" height="40" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-cmgpsf2k="true" class="lucide lucide-wrench">  <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path>  </svg></div> <h3 class="step-title" data-astro-cid-cmgpsf2k>Assemblage & Tests</h3> <p class="step-description" data-astro-cid-cmgpsf2k>Montage professionnel de votre PC, installation système, tests de performance et stabilité.</p> </div> <div class="step-card" data-step="4" data-astro-cid-cmgpsf2k> <div class="step-number" data-astro-cid-cmgpsf2k>04</div> <div class="step-icon" data-astro-cid-cmgpsf2k><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="40" height="40" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-cmgpsf2k="true" class="lucide lucide-gift">  <rect x="3" y="8" width="18" height="4" rx="1"></rect> <path d="M12 8v13"></path> <path d="M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7"></path> <path d="M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5"></path>  </svg></div> <h3 class="step-title" data-astro-cid-cmgpsf2k>Livraison & Formation</h3> <p class="step-description" data-astro-cid-cmgpsf2k>Livraison de votre machine prête à l'emploi avec formation à l'utilisation et garantie incluse.</p> </div> </div> </div> <!-- Assistance Universe --> <div class="universe-panel" data-universe-panel="assistance" data-astro-cid-cmgpsf2k> <div class="steps-grid" data-astro-cid-cmgpsf2k> <div class="step-card" data-step="1" data-astro-cid-cmgpsf2k> <div class="step-number" data-astro-cid-cmgpsf2k>01</div> <div class="step-icon" data-astro-cid-cmgpsf2k><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="40" height="40" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-cmgpsf2k="true" class="lucide lucide-life-buoy">  <circle cx="12" cy="12" r="10"></circle> <path d="m4.93 4.93 4.24 4.24"></path> <path d="m14.83 9.17 4.24-4.24"></path> <path d="m14.83 14.83 4.24 4.24"></path> <path d="m9.17 14.83-4.24 4.24"></path> <circle cx="12" cy="12" r="4"></circle>  </svg></div> <h3 class="step-title" data-astro-cid-cmgpsf2k>Signalement du Problème</h3> <p class="step-description" data-astro-cid-cmgpsf2k>Décrivez votre problème par téléphone, email ou chat. Qualification immédiate de l'urgence.</p> </div> <div class="step-card" data-step="2" data-astro-cid-cmgpsf2k> <div class="step-number" data-astro-cid-cmgpsf2k>02</div> <div class="step-icon" data-astro-cid-cmgpsf2k><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="40" height="40" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-cmgpsf2k="true" class="lucide lucide-search">  <path d="m21 21-4.34-4.34"></path> <circle cx="11" cy="11" r="8"></circle>  </svg></div> <h3 class="step-title" data-astro-cid-cmgpsf2k>Diagnostic Rapide</h3> <p class="step-description" data-astro-cid-cmgpsf2k>Analyse approfondie à distance ou sur site pour identifier la cause du dysfonctionnement.</p> </div> <div class="step-card" data-step="3" data-astro-cid-cmgpsf2k> <div class="step-number" data-astro-cid-cmgpsf2k>03</div> <div class="step-icon" data-astro-cid-cmgpsf2k><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="40" height="40" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-cmgpsf2k="true" class="lucide lucide-hammer">  <path d="m15 12-9.373 9.373a1 1 0 0 1-3.001-3L12 9"></path> <path d="m18 15 4-4"></path> <path d="m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172v-.344a2 2 0 0 0-.586-1.414l-1.657-1.657A6 6 0 0 0 12.516 3H9l1.243 1.243A6 6 0 0 1 12 8.485V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5"></path>  </svg></div> <h3 class="step-title" data-astro-cid-cmgpsf2k>Résolution</h3> <p class="step-description" data-astro-cid-cmgpsf2k>Intervention technique pour réparer, remplacer ou optimiser votre équipement informatique.</p> </div> <div class="step-card" data-step="4" data-astro-cid-cmgpsf2k> <div class="step-number" data-astro-cid-cmgpsf2k>04</div> <div class="step-icon" data-astro-cid-cmgpsf2k><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="40" height="40" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-cmgpsf2k="true" class="lucide lucide-shield">  <path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path>  </svg></div> <h3 class="step-title" data-astro-cid-cmgpsf2k>Prévention & Conseils</h3> <p class="step-description" data-astro-cid-cmgpsf2k>Recommandations pour éviter les futures pannes et maintenir vos équipements en bon état.</p> </div> </div> </div> </div> </div> </section>  <script type="module">document.addEventListener("DOMContentLoaded",()=>{const t=document.querySelectorAll(".universe-tab"),c=document.querySelectorAll(".universe-panel");t.forEach(e=>{e.addEventListener("click",()=>{const n=e.dataset.universe;t.forEach(s=>s.classList.remove("active")),c.forEach(s=>s.classList.remove("active")),e.classList.add("active");const a=document.querySelector(`[data-universe-panel="${n}"]`);a&&a.classList.add("active")})})});</script>  <section class="for-who" data-astro-cid-t5yckwxx> <div class="container" data-astro-cid-t5yckwxx> <div class="section-header" data-astro-cid-t5yckwxx> <h2 data-astro-cid-t5yckwxx>Nous Accompagnons <span class="gradient" data-astro-cid-t5yckwxx>Tous les Profils</span></h2> <p class="section-subtitle" data-astro-cid-t5yckwxx>
Du particulier à la collectivité, des solutions IT sur-mesure adaptées à vos besoins et votre budget
</p> </div> <div class="audiences-grid" data-astro-cid-t5yckwxx> <div class="audience-card blue" data-astro-cid-t5yckwxx> <div class="card-header" data-astro-cid-t5yckwxx> <div class="audience-icon" data-astro-cid-t5yckwxx> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="32" height="32" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="2" data-astro-cid-t5yckwxx="true" class="lucide lucide-user">  <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path> <circle cx="12" cy="7" r="4"></circle>  </svg> </div> <h3 data-astro-cid-t5yckwxx>Particuliers</h3> </div> <p class="audience-description" data-astro-cid-t5yckwxx>Solutions accessibles pour votre informatique personnelle et familiale</p> <ul class="features-list" data-astro-cid-t5yckwxx> <li data-astro-cid-t5yckwxx> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-t5yckwxx> <polyline points="20 6 9 17 4 12" data-astro-cid-t5yckwxx></polyline> </svg> <span data-astro-cid-t5yckwxx>Réparation &amp; dépannage</span> </li><li data-astro-cid-t5yckwxx> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-t5yckwxx> <polyline points="20 6 9 17 4 12" data-astro-cid-t5yckwxx></polyline> </svg> <span data-astro-cid-t5yckwxx>Installation &amp; conseil</span> </li><li data-astro-cid-t5yckwxx> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-t5yckwxx> <polyline points="20 6 9 17 4 12" data-astro-cid-t5yckwxx></polyline> </svg> <span data-astro-cid-t5yckwxx>Formation à domicile</span> </li> </ul> </div><div class="audience-card purple" data-astro-cid-t5yckwxx> <div class="card-header" data-astro-cid-t5yckwxx> <div class="audience-icon" data-astro-cid-t5yckwxx> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="32" height="32" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="2" data-astro-cid-t5yckwxx="true" class="lucide lucide-lightbulb">  <path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path> <path d="M9 18h6"></path> <path d="M10 22h4"></path>  </svg> </div> <h3 data-astro-cid-t5yckwxx>Indépendants</h3> </div> <p class="audience-description" data-astro-cid-t5yckwxx>Accompagnement IT pour freelances et auto-entrepreneurs</p> <ul class="features-list" data-astro-cid-t5yckwxx> <li data-astro-cid-t5yckwxx> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-t5yckwxx> <polyline points="20 6 9 17 4 12" data-astro-cid-t5yckwxx></polyline> </svg> <span data-astro-cid-t5yckwxx>Poste de travail optimisé</span> </li><li data-astro-cid-t5yckwxx> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-t5yckwxx> <polyline points="20 6 9 17 4 12" data-astro-cid-t5yckwxx></polyline> </svg> <span data-astro-cid-t5yckwxx>Cloud privé RGPD</span> </li><li data-astro-cid-t5yckwxx> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-t5yckwxx> <polyline points="20 6 9 17 4 12" data-astro-cid-t5yckwxx></polyline> </svg> <span data-astro-cid-t5yckwxx>Support réactif</span> </li> </ul> </div><div class="audience-card orange" data-astro-cid-t5yckwxx> <div class="card-header" data-astro-cid-t5yckwxx> <div class="audience-icon" data-astro-cid-t5yckwxx> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="32" height="32" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="2" data-astro-cid-t5yckwxx="true" class="lucide lucide-building-2">  <path d="M10 12h4"></path> <path d="M10 8h4"></path> <path d="M14 21v-3a2 2 0 0 0-4 0v3"></path> <path d="M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2"></path> <path d="M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16"></path>  </svg> </div> <h3 data-astro-cid-t5yckwxx>TPE</h3> </div> <p class="audience-description" data-astro-cid-t5yckwxx>Infrastructure IT fiable pour très petites entreprises</p> <ul class="features-list" data-astro-cid-t5yckwxx> <li data-astro-cid-t5yckwxx> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-t5yckwxx> <polyline points="20 6 9 17 4 12" data-astro-cid-t5yckwxx></polyline> </svg> <span data-astro-cid-t5yckwxx>Réseau sécurisé</span> </li><li data-astro-cid-t5yckwxx> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-t5yckwxx> <polyline points="20 6 9 17 4 12" data-astro-cid-t5yckwxx></polyline> </svg> <span data-astro-cid-t5yckwxx>Sauvegarde automatique</span> </li><li data-astro-cid-t5yckwxx> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-t5yckwxx> <polyline points="20 6 9 17 4 12" data-astro-cid-t5yckwxx></polyline> </svg> <span data-astro-cid-t5yckwxx>Infogérance flexible</span> </li> </ul> </div><div class="audience-card green" data-astro-cid-t5yckwxx> <div class="card-header" data-astro-cid-t5yckwxx> <div class="audience-icon" data-astro-cid-t5yckwxx> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="32" height="32" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="2" data-astro-cid-t5yckwxx="true" class="lucide lucide-users">  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path> <path d="M16 3.128a4 4 0 0 1 0 7.744"></path> <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path> <circle cx="9" cy="7" r="4"></circle>  </svg> </div> <h3 data-astro-cid-t5yckwxx>Associations</h3> </div> <p class="audience-description" data-astro-cid-t5yckwxx>Solutions adaptées aux budgets associatifs</p> <ul class="features-list" data-astro-cid-t5yckwxx> <li data-astro-cid-t5yckwxx> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-t5yckwxx> <polyline points="20 6 9 17 4 12" data-astro-cid-t5yckwxx></polyline> </svg> <span data-astro-cid-t5yckwxx>Tarifs solidaires</span> </li><li data-astro-cid-t5yckwxx> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-t5yckwxx> <polyline points="20 6 9 17 4 12" data-astro-cid-t5yckwxx></polyline> </svg> <span data-astro-cid-t5yckwxx>Gestion des adhérents</span> </li><li data-astro-cid-t5yckwxx> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-t5yckwxx> <polyline points="20 6 9 17 4 12" data-astro-cid-t5yckwxx></polyline> </svg> <span data-astro-cid-t5yckwxx>Site web &amp; communication</span> </li> </ul> </div><div class="audience-card red" data-astro-cid-t5yckwxx> <div class="card-header" data-astro-cid-t5yckwxx> <div class="audience-icon" data-astro-cid-t5yckwxx> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="32" height="32" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="2" data-astro-cid-t5yckwxx="true" class="lucide lucide-briefcase">  <path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path> <rect width="20" height="14" x="2" y="6" rx="2"></rect>  </svg> </div> <h3 data-astro-cid-t5yckwxx>PME</h3> </div> <p class="audience-description" data-astro-cid-t5yckwxx>Expertise complète pour petites et moyennes entreprises</p> <ul class="features-list" data-astro-cid-t5yckwxx> <li data-astro-cid-t5yckwxx> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-t5yckwxx> <polyline points="20 6 9 17 4 12" data-astro-cid-t5yckwxx></polyline> </svg> <span data-astro-cid-t5yckwxx>Cybersécurité Wazuh</span> </li><li data-astro-cid-t5yckwxx> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-t5yckwxx> <polyline points="20 6 9 17 4 12" data-astro-cid-t5yckwxx></polyline> </svg> <span data-astro-cid-t5yckwxx>Infrastructure évolutive</span> </li><li data-astro-cid-t5yckwxx> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-t5yckwxx> <polyline points="20 6 9 17 4 12" data-astro-cid-t5yckwxx></polyline> </svg> <span data-astro-cid-t5yckwxx>Support 7j/7</span> </li> </ul> </div><div class="audience-card teal" data-astro-cid-t5yckwxx> <div class="card-header" data-astro-cid-t5yckwxx> <div class="audience-icon" data-astro-cid-t5yckwxx> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="32" height="32" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" strokeWidth="2" data-astro-cid-t5yckwxx="true" class="lucide lucide-landmark">  <path d="M10 18v-7"></path> <path d="M11.12 2.198a2 2 0 0 1 1.76.006l7.866 3.847c.476.233.31.949-.22.949H3.474c-.53 0-.695-.716-.22-.949z"></path> <path d="M14 18v-7"></path> <path d="M18 18v-7"></path> <path d="M3 22h18"></path> <path d="M6 18v-7"></path>  </svg> </div> <h3 data-astro-cid-t5yckwxx>Collectivités</h3> </div> <p class="audience-description" data-astro-cid-t5yckwxx>Services IT pour administrations et organismes publics</p> <ul class="features-list" data-astro-cid-t5yckwxx> <li data-astro-cid-t5yckwxx> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-t5yckwxx> <polyline points="20 6 9 17 4 12" data-astro-cid-t5yckwxx></polyline> </svg> <span data-astro-cid-t5yckwxx>Conformité RGPD</span> </li><li data-astro-cid-t5yckwxx> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-t5yckwxx> <polyline points="20 6 9 17 4 12" data-astro-cid-t5yckwxx></polyline> </svg> <span data-astro-cid-t5yckwxx>Hébergement souverain</span> </li><li data-astro-cid-t5yckwxx> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-t5yckwxx> <polyline points="20 6 9 17 4 12" data-astro-cid-t5yckwxx></polyline> </svg> <span data-astro-cid-t5yckwxx>Accompagnement long terme</span> </li> </ul> </div> </div> <div class="trust-banner" data-astro-cid-t5yckwxx> <div class="trust-content" data-astro-cid-t5yckwxx> <div class="trust-icon" data-astro-cid-t5yckwxx>🤝</div> <div class="trust-text" data-astro-cid-t5yckwxx> <h3 data-astro-cid-t5yckwxx>Une Relation de Confiance</h3> <p data-astro-cid-t5yckwxx>Plus de 500 clients nous font confiance depuis 15 ans. Proximité, transparence et expertise à votre service.</p> </div> </div> </div> </div> </section>   <section class="cta-final" style="background-image: url(/_astro/hero-homepage.BmEh0W94.png)" data-astro-cid-j7pv25f6> <div class="container" data-astro-cid-j7pv25f6> <div class="cta-content" data-astro-cid-j7pv25f6> <h2 data-astro-cid-j7pv25f6>Prêt à Démarrer ?</h2> <p data-astro-cid-j7pv25f6>Contactez-nous pour un audit gratuit ou un devis personnalisé. Réponse sous 24h.</p> <div class="cta-actions" data-astro-cid-j7pv25f6> <a href="tel:+33123456789" class="btn-white" data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" data-astro-cid-j7pv25f6></path> </svg>
01 23 45 67 89
</a> <a href="mailto:contact@ordiplus.fr" class="btn-white-outline" data-astro-cid-j7pv25f6> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-j7pv25f6> <rect x="2" y="4" width="20" height="16" rx="2" data-astro-cid-j7pv25f6></rect> <path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" data-astro-cid-j7pv25f6></path> </svg>
contact@ordiplus.fr
</a> </div> </div> </div> </section>  <section class="faq" id="faq" data-astro-cid-al2ca2vr> <div class="container" data-astro-cid-al2ca2vr> <div class="section-header" data-astro-cid-al2ca2vr> <h2 data-astro-cid-al2ca2vr> <span class="header-main" data-astro-cid-al2ca2vr>Des Questions ?</span> <span class="highlight" data-astro-cid-al2ca2vr>On vous répond simplement</span> </h2> <p class="section-subtitle" data-astro-cid-al2ca2vr>
Toutes les réponses claires et directes à vos questions
</p> </div> <div class="faq-content-wrapper" data-astro-cid-al2ca2vr> <div class="faq-grid" data-astro-cid-al2ca2vr> <div class="faq-category" data-astro-cid-al2ca2vr> <h3 class="category-title" data-astro-cid-al2ca2vr>Nos Services &amp; Expertise</h3> <div class="questions-list" data-astro-cid-al2ca2vr> <div class="faq-item" data-astro-cid-al2ca2vr> <button class="faq-question" aria-expanded="false" data-astro-cid-al2ca2vr> <span class="question-text" data-astro-cid-al2ca2vr>Quels sont vos principaux services informatiques ?</span> <span class="faq-icon" data-astro-cid-al2ca2vr> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-al2ca2vr> <polyline points="6 9 12 15 18 9" data-astro-cid-al2ca2vr></polyline> </svg> </span> </button> <div class="faq-answer" data-astro-cid-al2ca2vr> <p data-astro-cid-al2ca2vr>Nous proposons <strong>5 domaines principaux</strong> : <strong>(1) Cybersécurité</strong> (Wazuh, WireGuard VPN), <strong>(2) Vente matériel</strong> (PC gaming/pro sur mesure, serveurs), <strong>(3) Assistance & dépannage</strong> (forfaits 3-48H, télé-assistance), <strong>(4) Développement web</strong> (sites, apps, chatbots IA), <strong>(5) Infrastructure</strong> (NAS/cloud privé, services web pro). [Voir détails sur chaque service](/labs)</p> </div> </div><div class="faq-item" data-astro-cid-al2ca2vr> <button class="faq-question" aria-expanded="false" data-astro-cid-al2ca2vr> <span class="question-text" data-astro-cid-al2ca2vr>Intervenez-vous uniquement à Saint-Nazaire ?</span> <span class="faq-icon" data-astro-cid-al2ca2vr> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-al2ca2vr> <polyline points="6 9 12 15 18 9" data-astro-cid-al2ca2vr></polyline> </svg> </span> </button> <div class="faq-answer" data-astro-cid-al2ca2vr> <p data-astro-cid-al2ca2vr><strong>Zone prioritaire < 2h</strong> : Saint-Nazaire, La Baule, Pornichet, Guérande, Presqu'île. <strong>Zone standard < 24h</strong> : jusqu'à 40 km (Nantes, Herbignac). <strong>Télé-assistance</strong> : <strong>partout en France</strong> (prise en main à distance). <strong>Installation serveurs/NAS</strong> : déplacement national sur devis. [Voir zones d'intervention](/interventions)</p> </div> </div><div class="faq-item" data-astro-cid-al2ca2vr> <button class="faq-question" aria-expanded="false" data-astro-cid-al2ca2vr> <span class="question-text" data-astro-cid-al2ca2vr>Travaillez-vous avec les particuliers et les entreprises ?</span> <span class="faq-icon" data-astro-cid-al2ca2vr> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-al2ca2vr> <polyline points="6 9 12 15 18 9" data-astro-cid-al2ca2vr></polyline> </svg> </span> </button> <div class="faq-answer" data-astro-cid-al2ca2vr> <p data-astro-cid-al2ca2vr><strong>Oui, les deux !</strong> <strong>Particuliers</strong> : assistance informatique (crédit d'impôt 50%), réparations, vente PC, installations domicile. <strong>Entreprises/Collectivités</strong> : cybersécurité managée, infrastructure IT, support technique, forfaits sur mesure. <strong>Tarifs adaptés</strong> selon profil (pro ou particulier).</p> </div> </div><div class="faq-item" data-astro-cid-al2ca2vr> <button class="faq-question" aria-expanded="false" data-astro-cid-al2ca2vr> <span class="question-text" data-astro-cid-al2ca2vr>Proposez-vous des services de cybersécurité managée ?</span> <span class="faq-icon" data-astro-cid-al2ca2vr> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-al2ca2vr> <polyline points="6 9 12 15 18 9" data-astro-cid-al2ca2vr></polyline> </svg> </span> </button> <div class="faq-answer" data-astro-cid-al2ca2vr> <p data-astro-cid-al2ca2vr><strong>Oui, c'est notre spécialité !</strong> <strong>Wazuh managé</strong> : supervision 24/7, détection menaces temps réel, alertes automatiques. <strong>À partir de 49€/mois</strong>. <strong>WireGuard VPN</strong> : accès distant sécurisé, QR codes auto. <strong>À partir de 29€/mois</strong>.<br><br>Installation, formation et support inclus. [En savoir plus sur Wazuh](/wazuh) | [En savoir plus sur WireGuard](/wireguard)</p> </div> </div> </div> </div><div class="faq-category" data-astro-cid-al2ca2vr> <h3 class="category-title" data-astro-cid-al2ca2vr>Tarifs &amp; Modalités</h3> <div class="questions-list" data-astro-cid-al2ca2vr> <div class="faq-item" data-astro-cid-al2ca2vr> <button class="faq-question" aria-expanded="false" data-astro-cid-al2ca2vr> <span class="question-text" data-astro-cid-al2ca2vr>Quels sont vos tarifs d&#39;intervention ?</span> <span class="faq-icon" data-astro-cid-al2ca2vr> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-al2ca2vr> <polyline points="6 9 12 15 18 9" data-astro-cid-al2ca2vr></polyline> </svg> </span> </button> <div class="faq-answer" data-astro-cid-al2ca2vr> <p data-astro-cid-al2ca2vr><strong>Assistance particuliers</strong> : <strong>80€/h</strong> (crédit d'impôt 50% = <strong>40€/h réel</strong>) ou forfaits 3-12H. <strong>Assistance pro</strong> : <strong>120€/h</strong> ou forfaits 3-48H. <strong>Diagnostic gratuit</strong> pour réparations. <strong>Déplacement offert < 25 km</strong>. <strong>Services managés</strong> : dès 29€/mois (VPN) ou 49€/mois (cybersécurité). [Voir tous les tarifs](/assistance)</p> </div> </div><div class="faq-item" data-astro-cid-al2ca2vr> <button class="faq-question" aria-expanded="false" data-astro-cid-al2ca2vr> <span class="question-text" data-astro-cid-al2ca2vr>Proposez-vous des devis gratuits ?</span> <span class="faq-icon" data-astro-cid-al2ca2vr> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-al2ca2vr> <polyline points="6 9 12 15 18 9" data-astro-cid-al2ca2vr></polyline> </svg> </span> </button> <div class="faq-answer" data-astro-cid-al2ca2vr> <p data-astro-cid-al2ca2vr><strong>Oui, toujours !</strong> Devis <strong>100% gratuit et sans engagement</strong> pour : développement web, installation serveurs/NAS, projets infrastructure, e-commerce Odoo, chatbots IA. <strong>Audit cybersécurité gratuit</strong> avant souscription Wazuh. <strong>Diagnostic réparation gratuit</strong> (pas de facturation si irreparable).</p> </div> </div><div class="faq-item" data-astro-cid-al2ca2vr> <button class="faq-question" aria-expanded="false" data-astro-cid-al2ca2vr> <span class="question-text" data-astro-cid-al2ca2vr>Acceptez-vous les paiements échelonnés ?</span> <span class="faq-icon" data-astro-cid-al2ca2vr> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-al2ca2vr> <polyline points="6 9 12 15 18 9" data-astro-cid-al2ca2vr></polyline> </svg> </span> </button> <div class="faq-answer" data-astro-cid-al2ca2vr> <p data-astro-cid-al2ca2vr><strong>Oui !</strong> <strong>Paiement en 3x ou 4x sans frais</strong> pour achats matériel > 300€. <strong>Forfaits assistance</strong> : paiement en 1 fois (validité 6-24 mois). <strong>Entreprises</strong> : paiement à 30 jours sur facture. <strong>Abonnements</strong> (Wazuh, VPN) : <strong>mensuel par prélèvement</strong> automatique.</p> </div> </div><div class="faq-item" data-astro-cid-al2ca2vr> <button class="faq-question" aria-expanded="false" data-astro-cid-al2ca2vr> <span class="question-text" data-astro-cid-al2ca2vr>Avez-vous des forfaits ou abonnements mensuels ?</span> <span class="faq-icon" data-astro-cid-al2ca2vr> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-al2ca2vr> <polyline points="6 9 12 15 18 9" data-astro-cid-al2ca2vr></polyline> </svg> </span> </button> <div class="faq-answer" data-astro-cid-al2ca2vr> <p data-astro-cid-al2ca2vr><strong>Oui, plusieurs formules</strong> : <strong>Wazuh supervision</strong> (49-149€/mois), <strong>WireGuard VPN</strong> (29-99€/mois), <strong>E-commerce Odoo</strong> (149-499€/mois). <strong>Forfaits assistance</strong> (pas d'abonnement) : achat d'heures valables 6-24 mois (3H, 12H, 24H, 48H). <strong>Aucun engagement</strong><br>résiliation libre.</p> </div> </div> </div> </div><div class="faq-category" data-astro-cid-al2ca2vr> <h3 class="category-title" data-astro-cid-al2ca2vr>Support &amp; Garanties</h3> <div class="questions-list" data-astro-cid-al2ca2vr> <div class="faq-item" data-astro-cid-al2ca2vr> <button class="faq-question" aria-expanded="false" data-astro-cid-al2ca2vr> <span class="question-text" data-astro-cid-al2ca2vr>Quel est votre délai d&#39;intervention moyen ?</span> <span class="faq-icon" data-astro-cid-al2ca2vr> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-al2ca2vr> <polyline points="6 9 12 15 18 9" data-astro-cid-al2ca2vr></polyline> </svg> </span> </button> <div class="faq-answer" data-astro-cid-al2ca2vr> <p data-astro-cid-al2ca2vr><strong>Télé-assistance</strong> : <strong>généralement sous 2h</strong> (prise de rdv rapide). <strong>Sur site / magasin</strong> : <strong>sous 48h</strong> (72h haute saison). <strong>Urgences</strong> : service express <strong>sous 4h</strong> (+30% supplément). <strong>Réparations</strong> : <strong>24h à 10 jours</strong> selon complexité. <strong>Support cybersécurité managé</strong> : <strong>surveillance 24/7 automatique</strong>.</p> </div> </div><div class="faq-item" data-astro-cid-al2ca2vr> <button class="faq-question" aria-expanded="false" data-astro-cid-al2ca2vr> <span class="question-text" data-astro-cid-al2ca2vr>Offrez-vous des garanties sur vos prestations ?</span> <span class="faq-icon" data-astro-cid-al2ca2vr> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-al2ca2vr> <polyline points="6 9 12 15 18 9" data-astro-cid-al2ca2vr></polyline> </svg> </span> </button> <div class="faq-answer" data-astro-cid-al2ca2vr> <p data-astro-cid-al2ca2vr><strong>Oui, systématiquement !</strong> <strong>Interventions/réparations</strong> : <strong>garantie 3 mois</strong> pièces & main-d'œuvre. <strong>PC assemblés sur mesure</strong> : <strong>garantie 2 ans</strong>. <strong>Installations</strong> (Wazuh, NAS, VPN) : <strong>garantie 3 mois prestation</strong>. <strong>Matériel vendu</strong> : garantie constructeur 1-3 ans. <strong>Satisfait ou remboursé 30 jours</strong> sur abonnements managés.</p> </div> </div><div class="faq-item" data-astro-cid-al2ca2vr> <button class="faq-question" aria-expanded="false" data-astro-cid-al2ca2vr> <span class="question-text" data-astro-cid-al2ca2vr>Puis-je vous contacter en dehors des heures ouvrables ?</span> <span class="faq-icon" data-astro-cid-al2ca2vr> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-al2ca2vr> <polyline points="6 9 12 15 18 9" data-astro-cid-al2ca2vr></polyline> </svg> </span> </button> <div class="faq-answer" data-astro-cid-al2ca2vr> <p data-astro-cid-al2ca2vr><strong>Horaires standards</strong> : <strong>lundi-samedi 10h-12h30 / 14h30-18h</strong>. <strong>Formulaire contact 24/7</strong> sur site (réponse sous 24h). <strong>Télé-assistance urgente</strong> : <strong>dimanche/soirée possible</strong> avec supplément (+30-50%). <strong>Clients Wazuh managé</strong> : <strong>monitoring automatique 24/7</strong> (alertes générées même la nuit).</p> </div> </div><div class="faq-item" data-astro-cid-al2ca2vr> <button class="faq-question" aria-expanded="false" data-astro-cid-al2ca2vr> <span class="question-text" data-astro-cid-al2ca2vr>Comment savoir quel service correspond à mes besoins ?</span> <span class="faq-icon" data-astro-cid-al2ca2vr> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-al2ca2vr> <polyline points="6 9 12 15 18 9" data-astro-cid-al2ca2vr></polyline> </svg> </span> </button> <div class="faq-answer" data-astro-cid-al2ca2vr> <p data-astro-cid-al2ca2vr><strong>3 options</strong> : <strong>(1) Contactez-nous</strong> par téléphone/email pour conseil personnalisé gratuit. <strong>(2) Consultez nos pages services</strong> détaillées avec FAQs spécifiques ([Labs](/labs), [Matériel](/materiel), [Assistance](/assistance)). <strong>(3) Consultez notre page [Audit](/audit)</strong> pour une évaluation complète de votre infrastructure.</p> </div> </div> </div> </div> </div> <div class="sidebar-wrapper" data-astro-cid-al2ca2vr> <!-- CTA Card --> <div class="cta-card" data-astro-cid-al2ca2vr> <div class="cta-icon" data-astro-cid-al2ca2vr> <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-al2ca2vr> <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" data-astro-cid-al2ca2vr></path> </svg> </div> <h3 data-astro-cid-al2ca2vr>Besoin d'aide ?</h3> <p data-astro-cid-al2ca2vr>Nos experts sont disponibles pour répondre à toutes vos questions</p> <a href="#contact" class="cta-button" data-astro-cid-al2ca2vr>Nous contacter</a> </div> </div> </div> </div> </section>  <footer class="footer-modern" data-astro-cid-sz7xmlte> <div class="footer-content" data-astro-cid-sz7xmlte> <!-- Section À Propos --> <div class="footer-section footer-brand" data-astro-cid-sz7xmlte> <div class="brand-logo" data-astro-cid-sz7xmlte> <img src="/ordi-plus-logo.webp" alt="Ordi Plus" data-astro-cid-sz7xmlte> </div> <p class="brand-tagline" data-astro-cid-sz7xmlte>
Votre partenaire IT de confiance depuis 2020.<br data-astro-cid-sz7xmlte>
Solutions professionnelles, service de proximité.
</p> <!-- Social Links --> <div class="social-links" data-astro-cid-sz7xmlte> <a href="https://facebook.com/ordiplus" target="_blank" rel="noopener" aria-label="Facebook" data-astro-cid-sz7xmlte> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="20" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-facebook">  <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path>  </svg> </a> <a href="https://twitter.com/ordiplus" target="_blank" rel="noopener" aria-label="Twitter" data-astro-cid-sz7xmlte> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="20" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-twitter">  <path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"></path>  </svg> </a> <a href="https://linkedin.com/company/ordiplus" target="_blank" rel="noopener" aria-label="LinkedIn" data-astro-cid-sz7xmlte> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="20" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-linkedin">  <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path> <rect width="4" height="12" x="2" y="9"></rect> <circle cx="4" cy="4" r="2"></circle>  </svg> </a> <a href="https://instagram.com/ordiplus" target="_blank" rel="noopener" aria-label="Instagram" data-astro-cid-sz7xmlte> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="20" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-instagram">  <rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect> <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path> <line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line>  </svg> </a> <a href="https://youtube.com/@ordiplus" target="_blank" rel="noopener" aria-label="YouTube" data-astro-cid-sz7xmlte> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="20" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-youtube">  <path d="M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17"></path> <path d="m10 15 5-3-5-3z"></path>  </svg> </a> </div> <div class="footer-legal" data-astro-cid-sz7xmlte> <p data-astro-cid-sz7xmlte><strong data-astro-cid-sz7xmlte>SIRET:</strong> 123 456 789 00012</p> <p data-astro-cid-sz7xmlte><strong data-astro-cid-sz7xmlte>RCS:</strong> Saint-Nazaire B 123 456 789</p> </div> </div> <!-- Services Cybersécurité --> <div class="footer-section" data-astro-cid-sz7xmlte> <h4 data-astro-cid-sz7xmlte> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="20" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-shield">  <path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path>  </svg>
Cybersécurité
</h4> <ul data-astro-cid-sz7xmlte> <li data-astro-cid-sz7xmlte><a href="/wazuh" data-astro-cid-sz7xmlte><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-arrow-right">  <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path>  </svg> Wazuh SIEM</a></li> <li data-astro-cid-sz7xmlte><a href="/supervision" data-astro-cid-sz7xmlte><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-arrow-right">  <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path>  </svg> Supervision 24/7</a></li> <li data-astro-cid-sz7xmlte><a href="/wireguard" data-astro-cid-sz7xmlte><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-arrow-right">  <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path>  </svg> VPN WireGuard</a></li> <li data-astro-cid-sz7xmlte><a href="/audit" data-astro-cid-sz7xmlte><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-arrow-right">  <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path>  </svg> Audit IT</a></li> </ul> </div> <!-- Services Pro --> <div class="footer-section" data-astro-cid-sz7xmlte> <h4 data-astro-cid-sz7xmlte> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="20" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-code">  <path d="m16 18 6-6-6-6"></path> <path d="m8 6-6 6 6 6"></path>  </svg>
Services Pro
</h4> <ul data-astro-cid-sz7xmlte> <li data-astro-cid-sz7xmlte><a href="/dev-web" data-astro-cid-sz7xmlte><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-arrow-right">  <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path>  </svg> Développement Web</a></li> <li data-astro-cid-sz7xmlte><a href="/chatbots-ia" data-astro-cid-sz7xmlte><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-arrow-right">  <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path>  </svg> Chatbots IA</a></li> <li data-astro-cid-sz7xmlte><a href="/ecommerce-odoo" data-astro-cid-sz7xmlte><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-arrow-right">  <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path>  </svg> E-commerce Odoo</a></li> <li data-astro-cid-sz7xmlte><a href="/deploiement-apps" data-astro-cid-sz7xmlte><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-arrow-right">  <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path>  </svg> Déploiement Apps</a></li> <li data-astro-cid-sz7xmlte><a href="/services-web-pro" data-astro-cid-sz7xmlte><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-arrow-right">  <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path>  </svg> Services Web Pro</a></li> </ul> </div> <!-- Services Locaux --> <div class="footer-section" data-astro-cid-sz7xmlte> <h4 data-astro-cid-sz7xmlte> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="20" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-wrench">  <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path>  </svg>
Services Locaux
</h4> <ul data-astro-cid-sz7xmlte> <li data-astro-cid-sz7xmlte><a href="/interventions" data-astro-cid-sz7xmlte><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-arrow-right">  <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path>  </svg> Interventions Sur Site</a></li> <li data-astro-cid-sz7xmlte><a href="/reparation" data-astro-cid-sz7xmlte><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-arrow-right">  <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path>  </svg> Réparation Matériel</a></li> <li data-astro-cid-sz7xmlte><a href="/assistance" data-astro-cid-sz7xmlte><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-arrow-right">  <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path>  </svg> Assistance 6j/7</a></li> <li data-astro-cid-sz7xmlte><a href="/support" data-astro-cid-sz7xmlte><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-arrow-right">  <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path>  </svg> Support Proactif</a></li> <li data-astro-cid-sz7xmlte><a href="/materiel" data-astro-cid-sz7xmlte><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-arrow-right">  <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path>  </svg> Vente Matériel</a></li> </ul> </div> <!-- Infrastructure --> <div class="footer-section" data-astro-cid-sz7xmlte> <h4 data-astro-cid-sz7xmlte> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="20" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-cloud">  <path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path>  </svg>
Infrastructure
</h4> <ul data-astro-cid-sz7xmlte> <li data-astro-cid-sz7xmlte><a href="/nas-cloud" data-astro-cid-sz7xmlte><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-arrow-right">  <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path>  </svg> NAS & Cloud Privé</a></li> <li data-astro-cid-sz7xmlte><a href="/labs" data-astro-cid-sz7xmlte><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-arrow-right">  <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path>  </svg> Labs Innovation</a></li> </ul> <h4 style="margin-top: 32px;" data-astro-cid-sz7xmlte> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="20" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-file-text">  <path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path> <path d="M14 2v4a2 2 0 0 0 2 2h4"></path> <path d="M10 9H8"></path> <path d="M16 13H8"></path> <path d="M16 17H8"></path>  </svg>
Ressources
</h4> <ul data-astro-cid-sz7xmlte> <li data-astro-cid-sz7xmlte><a href="/blog" data-astro-cid-sz7xmlte><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-arrow-right">  <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path>  </svg> Blog & Actualités</a></li> <li data-astro-cid-sz7xmlte><a href="/#faq" data-astro-cid-sz7xmlte><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="16" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-arrow-right">  <path d="M5 12h14"></path> <path d="m12 5 7 7-7 7"></path>  </svg> FAQ</a></li> </ul> </div> <!-- Contact & Newsletter --> <div class="footer-section footer-contact" data-astro-cid-sz7xmlte> <h4 data-astro-cid-sz7xmlte> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="20" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-map-pin">  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path> <circle cx="12" cy="10" r="3"></circle>  </svg>
Contact
</h4> <ul class="contact-list" data-astro-cid-sz7xmlte> <li data-astro-cid-sz7xmlte> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="18" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-phone">  <path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path>  </svg> <a href="tel:0252590484" data-astro-cid-sz7xmlte>02 52 59 04 84</a> </li> <li data-astro-cid-sz7xmlte> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="18" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-mail">  <path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path> <rect x="2" y="4" width="20" height="16" rx="2"></rect>  </svg> <a href="mailto:saint-nazaire@ordi-plus.fr" data-astro-cid-sz7xmlte>saint-nazaire@ordi-plus.fr</a> </li> <li data-astro-cid-sz7xmlte> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="18" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-map-pin">  <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path> <circle cx="12" cy="10" r="3"></circle>  </svg> <span data-astro-cid-sz7xmlte>
75 Av. de la République<br data-astro-cid-sz7xmlte>
44600 Saint-Nazaire
</span> </li> <li data-astro-cid-sz7xmlte> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="18" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-clock">  <path d="M12 6v6l4 2"></path> <circle cx="12" cy="12" r="10"></circle>  </svg> <span data-astro-cid-sz7xmlte>
Lun-Sam: 10h-12h30 / 14h30-18h<br data-astro-cid-sz7xmlte>
Dimanche: Fermé
</span> </li> </ul> <!-- Newsletter --> <div class="newsletter" data-astro-cid-sz7xmlte> <h5 data-astro-cid-sz7xmlte>Newsletter Tech</h5> <p data-astro-cid-sz7xmlte>Restez informé de nos nouveautés</p> <form class="newsletter-form" data-astro-cid-sz7xmlte> <input type="email" placeholder="Votre email" required data-astro-cid-sz7xmlte> <button type="submit" aria-label="S'abonner" data-astro-cid-sz7xmlte> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="18" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sz7xmlte="true" class="lucide lucide-send">  <path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"></path> <path d="m21.854 2.147-10.94 10.939"></path>  </svg> </button> </form> </div> </div> </div> <!-- Footer Bottom --> <div class="footer-bottom" data-astro-cid-sz7xmlte> <div class="footer-bottom-content" data-astro-cid-sz7xmlte> <p class="copyright" data-astro-cid-sz7xmlte>
© 2026 Ordi Plus Saint-Nazaire. Tous droits réservés.
</p> <div class="footer-links" data-astro-cid-sz7xmlte> <a href="/mentions-legales" data-astro-cid-sz7xmlte>Mentions Légales</a> <span class="separator" data-astro-cid-sz7xmlte>•</span> <a href="/cgv" data-astro-cid-sz7xmlte>CGV</a> <span class="separator" data-astro-cid-sz7xmlte>•</span> <a href="/politique-confidentialite" data-astro-cid-sz7xmlte>Confidentialité</a> <span class="separator" data-astro-cid-sz7xmlte>•</span> <a href="/cookies" data-astro-cid-sz7xmlte>Cookies</a> </div> <p class="footer-disclaimer" data-astro-cid-sz7xmlte>
Site conçu avec 🧡 à Saint-Nazaire
</p> </div> </div> </footer>  <script type="module">const t=document.querySelector(".newsletter-form");t&&t.addEventListener("submit",n=>{n.preventDefault();const e=t.querySelector("input");if(e){const r=e.value;alert(`Merci ! Nous vous tiendrons informé à ${r}`),t.reset()}});const s=document.querySelector(".footer-modern"),o=document.querySelector(".nav");s&&o&&new IntersectionObserver(e=>{e.forEach(r=>{r.isIntersecting?o.classList.add("nav-hidden"):o.classList.remove("nav-hidden")})},{threshold:.1,rootMargin:"-60px 0px 0px 0px"}).observe(s);</script> <div id="quoteModal" class="modal" data-astro-cid-ympurtut> <div class="modal-overlay" data-astro-cid-ympurtut></div> <div class="modal-container" data-astro-cid-ympurtut> <button class="modal-close" id="closeModal" aria-label="Fermer" data-astro-cid-ympurtut> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-ympurtut> <line x1="18" y1="6" x2="6" y2="18" data-astro-cid-ympurtut></line> <line x1="6" y1="6" x2="18" y2="18" data-astro-cid-ympurtut></line> </svg> </button> <!-- Back Button Top Left --> <button class="btn-back-top" id="backButtonTop" aria-label="Retour" style="display: none;" data-astro-cid-ympurtut> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-ympurtut> <polyline points="15 18 9 12 15 6" data-astro-cid-ympurtut></polyline> </svg> <span data-astro-cid-ympurtut>Retour</span> </button> <!-- Progress Bar --> <div class="progress-bar" data-astro-cid-ympurtut> <div class="progress-step active" data-step="1" data-astro-cid-ympurtut> <div class="progress-dot" data-number="1" data-astro-cid-ympurtut></div> <span class="progress-label" data-astro-cid-ympurtut>Service</span> </div> <div class="progress-line" data-astro-cid-ympurtut></div> <div class="progress-step" data-step="2" data-astro-cid-ympurtut> <div class="progress-dot" data-number="2" data-astro-cid-ympurtut></div> <span class="progress-label" data-astro-cid-ympurtut>Besoins</span> </div> <div class="progress-line" data-astro-cid-ympurtut></div> <div class="progress-step" data-step="3" data-astro-cid-ympurtut> <div class="progress-dot" data-number="3" data-astro-cid-ympurtut></div> <span class="progress-label" data-astro-cid-ympurtut>Contact</span> </div> </div> <!-- Step 1: Service Selection --> <form id="quoteForm" class="quote-form" data-astro-cid-ympurtut> <div class="form-step active" data-step="1" data-astro-cid-ympurtut> <h2 data-astro-cid-ympurtut>Quel service vous intéresse ?</h2> <p class="step-description" data-astro-cid-ympurtut>Sélectionnez le service pour lequel vous souhaitez un devis</p> <div class="radio-group" data-astro-cid-ympurtut> <label class="radio-card" data-astro-cid-ympurtut> <input type="radio" name="service" value="labs" required data-astro-cid-ympurtut> <div class="radio-content" data-astro-cid-ympurtut> <div class="radio-icon" data-astro-cid-ympurtut><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="28" height="28" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ympurtut="true" class="lucide lucide-flask-conical">  <path d="M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2"></path> <path d="M6.453 15h11.094"></path> <path d="M8.5 2h7"></path>  </svg></div> <div class="radio-text" data-astro-cid-ympurtut> <strong data-astro-cid-ympurtut>Labs - Services Innovants</strong> <span data-astro-cid-ympurtut>Cybersécurité, VPN, Développement, IA</span> </div> </div> </label> <label class="radio-card" data-astro-cid-ympurtut> <input type="radio" name="service" value="materiel" required data-astro-cid-ympurtut> <div class="radio-content" data-astro-cid-ympurtut> <div class="radio-icon" data-astro-cid-ympurtut><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="28" height="28" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ympurtut="true" class="lucide lucide-gamepad-2">  <line x1="6" x2="10" y1="11" y2="11"></line> <line x1="8" x2="8" y1="9" y2="13"></line> <line x1="15" x2="15.01" y1="12" y2="12"></line> <line x1="18" x2="18.01" y1="10" y2="10"></line> <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z"></path>  </svg></div> <div class="radio-text" data-astro-cid-ympurtut> <strong data-astro-cid-ympurtut>Vente Matériel</strong> <span data-astro-cid-ympurtut>PC Gaming, Pro, Reconditionné</span> </div> </div> </label> <label class="radio-card" data-astro-cid-ympurtut> <input type="radio" name="service" value="reparation" required data-astro-cid-ympurtut> <div class="radio-content" data-astro-cid-ympurtut> <div class="radio-icon" data-astro-cid-ympurtut><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="28" height="28" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ympurtut="true" class="lucide lucide-wrench">  <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path>  </svg></div> <div class="radio-text" data-astro-cid-ympurtut> <strong data-astro-cid-ympurtut>Réparation & Upgrades</strong> <span data-astro-cid-ympurtut>Écrans, batteries, upgrades RAM/SSD</span> </div> </div> </label> <label class="radio-card" data-astro-cid-ympurtut> <input type="radio" name="service" value="assistance" required data-astro-cid-ympurtut> <div class="radio-content" data-astro-cid-ympurtut> <div class="radio-icon" data-astro-cid-ympurtut><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="28" height="28" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ympurtut="true" class="lucide lucide-monitor">  <rect width="20" height="14" x="2" y="3" rx="2"></rect> <line x1="8" x2="16" y1="21" y2="21"></line> <line x1="12" x2="12" y1="17" y2="21"></line>  </svg></div> <div class="radio-text" data-astro-cid-ympurtut> <strong data-astro-cid-ympurtut>Assistance Informatique</strong> <span data-astro-cid-ympurtut>Forfaits 3H à 48H</span> </div> </div> </label> <label class="radio-card" data-astro-cid-ympurtut> <input type="radio" name="service" value="nas-cloud" required data-astro-cid-ympurtut> <div class="radio-content" data-astro-cid-ympurtut> <div class="radio-icon" data-astro-cid-ympurtut><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="28" height="28" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ympurtut="true" class="lucide lucide-cloud">  <path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path>  </svg></div> <div class="radio-text" data-astro-cid-ympurtut> <strong data-astro-cid-ympurtut>NAS & Cloud Privé</strong> <span data-astro-cid-ympurtut>Stockage sécurisé</span> </div> </div> </label> <label class="radio-card" data-astro-cid-ympurtut> <input type="radio" name="service" value="intervention" required data-astro-cid-ympurtut> <div class="radio-content" data-astro-cid-ympurtut> <div class="radio-icon" data-astro-cid-ympurtut><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="28" height="28" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ympurtut="true" class="lucide lucide-car">  <path d="M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2"></path> <circle cx="7" cy="17" r="2"></circle> <path d="M9 17h6"></path> <circle cx="17" cy="17" r="2"></circle>  </svg></div> <div class="radio-text" data-astro-cid-ympurtut> <strong data-astro-cid-ympurtut>Intervention Sur Site</strong> <span data-astro-cid-ympurtut>Techniciens à domicile</span> </div> </div> </label> </div> </div> <!-- Step 2: Specific Needs --> <div class="form-step" data-step="2" data-astro-cid-ympurtut> <h2 data-astro-cid-ympurtut>Décrivez vos besoins</h2> <p class="step-description" data-astro-cid-ympurtut>Plus nous en savons, mieux nous pouvons vous aider</p> <div class="form-fields" data-astro-cid-ympurtut> <div class="form-group" data-astro-cid-ympurtut> <label for="budget" data-astro-cid-ympurtut>Budget estimé (optionnel)</label> <select id="budget" name="budget" data-astro-cid-ympurtut> <option value="" data-astro-cid-ympurtut>Sélectionnez une fourchette</option> <option value="0-500" data-astro-cid-ympurtut>0 - 500 €</option> <option value="500-1000" data-astro-cid-ympurtut>500 - 1 000 €</option> <option value="1000-2500" data-astro-cid-ympurtut>1 000 - 2 500 €</option> <option value="2500-5000" data-astro-cid-ympurtut>2 500 - 5 000 €</option> <option value="5000+" data-astro-cid-ympurtut>Plus de 5 000 €</option> </select> </div> <div class="form-group" data-astro-cid-ympurtut> <label for="urgency" data-astro-cid-ympurtut>Urgence</label> <div class="radio-inline" data-astro-cid-ympurtut> <label class="radio-inline-item" data-astro-cid-ympurtut> <input type="radio" name="urgency" value="urgent" required data-astro-cid-ympurtut> <span data-astro-cid-ympurtut>Urgent (&lt; 48h)</span> </label> <label class="radio-inline-item" data-astro-cid-ympurtut> <input type="radio" name="urgency" value="normal" required data-astro-cid-ympurtut> <span data-astro-cid-ympurtut>Normal (&lt; 1 semaine)</span> </label> <label class="radio-inline-item" data-astro-cid-ympurtut> <input type="radio" name="urgency" value="flexible" required data-astro-cid-ympurtut> <span data-astro-cid-ympurtut>Flexible</span> </label> </div> </div> <div class="form-group" data-astro-cid-ympurtut> <label for="details" data-astro-cid-ympurtut>Détails de votre projet</label> <textarea id="details" name="details" rows="4" placeholder="Décrivez votre besoin, contexte, contraintes..." required data-astro-cid-ympurtut></textarea> </div> </div> </div> <!-- Step 3: Contact Information --> <div class="form-step" data-step="3" data-astro-cid-ympurtut> <h2 data-astro-cid-ympurtut>Vos coordonnées</h2> <p class="step-description" data-astro-cid-ympurtut>Pour vous envoyer votre devis personnalisé</p> <div class="form-fields" data-astro-cid-ympurtut> <div class="form-row" data-astro-cid-ympurtut> <div class="form-group" data-astro-cid-ympurtut> <label for="firstName" data-astro-cid-ympurtut>Prénom *</label> <input type="text" id="firstName" name="firstName" required data-astro-cid-ympurtut> </div> <div class="form-group" data-astro-cid-ympurtut> <label for="lastName" data-astro-cid-ympurtut>Nom *</label> <input type="text" id="lastName" name="lastName" required data-astro-cid-ympurtut> </div> </div> <div class="form-group" data-astro-cid-ympurtut> <label for="email" data-astro-cid-ympurtut>Email *</label> <input type="email" id="email" name="email" required data-astro-cid-ympurtut> </div> <div class="form-group" data-astro-cid-ympurtut> <label for="phone" data-astro-cid-ympurtut>Téléphone *</label> <input type="tel" id="phone" name="phone" required data-astro-cid-ympurtut> </div> <div class="form-group" data-astro-cid-ympurtut> <label for="company" data-astro-cid-ympurtut>Entreprise (optionnel)</label> <input type="text" id="company" name="company" data-astro-cid-ympurtut> </div> <div class="form-group" data-astro-cid-ympurtut> <label for="contactMethod" data-astro-cid-ympurtut>Moyen de contact préféré</label> <div class="radio-inline" data-astro-cid-ympurtut> <label class="radio-inline-item" data-astro-cid-ympurtut> <input type="radio" name="contactMethod" value="email" required data-astro-cid-ympurtut> <span data-astro-cid-ympurtut>Email</span> </label> <label class="radio-inline-item" data-astro-cid-ympurtut> <input type="radio" name="contactMethod" value="phone" required data-astro-cid-ympurtut> <span data-astro-cid-ympurtut>Téléphone</span> </label> <label class="radio-inline-item" data-astro-cid-ympurtut> <input type="radio" name="contactMethod" value="both" required data-astro-cid-ympurtut> <span data-astro-cid-ympurtut>Les deux</span> </label> </div> </div> <div class="form-group checkbox-group" data-astro-cid-ympurtut> <label class="checkbox-label" data-astro-cid-ympurtut> <input type="checkbox" name="gdpr" required data-astro-cid-ympurtut> <span data-astro-cid-ympurtut>J'accepte que mes données soient utilisées pour traiter ma demande de devis. <a href="#" class="gdpr-link" data-astro-cid-ympurtut>En savoir plus</a></span> </label> </div> <div class="gdpr-notice" data-astro-cid-ympurtut> <p data-astro-cid-ympurtut><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="14" height="14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ympurtut="true" class="lucide lucide-lock">  <rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect> <path d="M7 11V7a5 5 0 0 1 10 0v4"></path>  </svg> <strong data-astro-cid-ympurtut>Confidentialité garantie</strong> : Vos données sont traitées conformément au RGPD. Elles ne seront jamais partagées avec des tiers et sont uniquement utilisées pour répondre à votre demande.</p> </div> </div> <div class="form-actions" data-astro-cid-ympurtut> <button type="submit" class="btn-submit" data-astro-cid-ympurtut> <span class="btn-submit-text" data-astro-cid-ympurtut>Envoyer ma demande</span> <span class="btn-submit-loading" style="display: none;" data-astro-cid-ympurtut>Envoi en cours...</span> </button> </div> </div> <!-- Success Message --> <div class="form-step success-step" data-step="success" style="display: none;" data-astro-cid-ympurtut> <div class="success-icon" data-astro-cid-ympurtut>✓</div> <h2 data-astro-cid-ympurtut>Demande envoyée !</h2> <p class="success-message" data-astro-cid-ympurtut>Merci pour votre demande. Nous vous recontacterons dans les 24h avec votre devis personnalisé.</p> <button type="button" class="btn-close-modal" data-astro-cid-ympurtut>Fermer</button> </div> </form> </div> </div>  <script type="module">const y=document.getElementById("quoteModal"),v=document.getElementById("closeModal"),n=document.getElementById("quoteForm");document.querySelectorAll('[data-open-modal="quote"], a[href="#contact"], .btn-secondary-hero').forEach(e=>{e.addEventListener("click",o=>{o.preventDefault(),o.stopPropagation(),y?.classList.add("active"),document.body.style.overflow="hidden",window.scrollTo(0,0)})});function i(){y?.classList.remove("active"),document.body.style.overflow="",setTimeout(()=>{S()},300)}v?.addEventListener("click",i);document.querySelector(".modal-overlay")?.addEventListener("click",i);document.querySelectorAll(".btn-close-modal").forEach(e=>{e.addEventListener("click",i)});let c=1;function l(e){document.querySelectorAll(".form-step").forEach(t=>{t.classList.remove("active")}),document.querySelector(`.form-step[data-step="${e}"]`)?.classList.add("active"),document.querySelectorAll(".progress-step").forEach((t,s)=>{const r=s+1;t.classList.remove("active","completed"),r<e?t.classList.add("completed"):r===e&&t.classList.add("active")}),document.querySelectorAll(".progress-line").forEach((t,s)=>{t.classList.remove("completed"),s<e-1&&t.classList.add("completed")}),c=e,p()}function p(){const e=document.getElementById("backButtonTop");e&&(c>1?e.style.display="flex":e.style.display="none")}document.querySelectorAll('input[name="service"]').forEach(e=>{e.addEventListener("change",()=>{e.checked&&setTimeout(()=>{l(2)},300)})});document.querySelectorAll('input[name="urgency"]').forEach(e=>{e.addEventListener("change",()=>{if(e.checked){const o=document.getElementById("details");o&&o.value.trim()&&setTimeout(()=>{l(3)},300)}})});const m=document.getElementById("details");m?.addEventListener("blur",()=>{c===2&&m.value.trim()&&document.querySelector('input[name="urgency"]:checked')&&setTimeout(()=>{l(3)},300)});const E=document.getElementById("backButtonTop");E?.addEventListener("click",()=>{c>1&&l(c-1)});n?.addEventListener("submit",async e=>{if(e.preventDefault(),!n)return;const o=new FormData(n),t=Object.fromEntries(o.entries()),s=n.querySelector(".btn-submit"),r=s?.querySelector(".btn-submit-text"),d=s?.querySelector(".btn-submit-loading");s?.setAttribute("disabled","true"),r?.setAttribute("style","display: none;"),d?.setAttribute("style","display: inline;");try{if((await fetch("/api/quote",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)})).ok){document.querySelectorAll(".form-step").forEach(f=>{f.classList.remove("active")});const a=document.querySelector('.form-step[data-step="success"]');a&&(a.style.display="block",a.classList.add("active"))}else throw new Error("Erreur lors de l'envoi")}catch(u){alert("Une erreur est survenue. Veuillez réessayer ou nous contacter par téléphone."),console.error("Error:",u)}finally{s?.removeAttribute("disabled"),r?.setAttribute("style","display: inline;"),d?.setAttribute("style","display: none;")}});function S(){n?.reset(),c=1,document.querySelectorAll(".form-step").forEach(t=>{t.classList.remove("active")});const e=document.querySelector('.form-step[data-step="1"]');e&&e.classList.add("active"),document.querySelectorAll(".progress-step").forEach((t,s)=>{t.classList.remove("active","completed"),s===0&&t.classList.add("active")}),document.querySelectorAll(".progress-line").forEach(t=>{t.classList.remove("completed")});const o=document.querySelector(".success-step");o&&(o.style.display="none"),p()}</script> <div class="chatbot-container" data-astro-cid-rniuooyg> <!-- Floating Bubble Button --> <button class="chatbot-bubble" id="chatbot-toggle" aria-label="Ouvrir le chat" data-astro-cid-rniuooyg> <svg class="bubble-icon bubble-icon-closed" width="32" height="32" viewBox="0 0 32 32" fill="none" data-astro-cid-rniuooyg> <path d="M16 2C8.268 2 2 7.641 2 14.5C2 17.386 3.146 20.044 5.073 22.146L3.293 27.707C3.195 28.024 3.268 28.366 3.488 28.618C3.707 28.871 4.037 29 4.383 29C4.488 29 4.595 28.986 4.698 28.957L11.425 27.024C12.883 27.651 14.429 28 16 28C23.732 28 30 22.359 30 15.5C30 8.641 23.732 2 16 2Z" fill="white" data-astro-cid-rniuooyg></path> </svg> <svg class="bubble-icon bubble-icon-open" width="32" height="32" viewBox="0 0 32 32" fill="none" data-astro-cid-rniuooyg> <path d="M25 7L7 25M7 7L25 25" stroke="white" stroke-width="3" stroke-linecap="round" data-astro-cid-rniuooyg></path> </svg> <div class="bubble-badge" data-astro-cid-rniuooyg>1</div> </button> <!-- Chat Window --> <div class="chatbot-window" id="chatbot-window" data-astro-cid-rniuooyg> <!-- Header --> <div class="chatbot-header" data-astro-cid-rniuooyg> <div class="header-content" data-astro-cid-rniuooyg> <div class="header-avatar" data-astro-cid-rniuooyg> <img src="/ordi-plus-logo.webp" alt="Ordi Plus" data-astro-cid-rniuooyg> </div> <div class="header-info" data-astro-cid-rniuooyg> <h3 data-astro-cid-rniuooyg>Ordi Plus Assistant</h3> <p class="status" data-astro-cid-rniuooyg> <span class="status-dot" data-astro-cid-rniuooyg></span>
Techniciens disponibles
</p> </div> </div> <button class="header-close" id="chatbot-close" aria-label="Fermer le chat" data-astro-cid-rniuooyg> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" data-astro-cid-rniuooyg> <path d="M18 6L6 18M6 6L18 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-astro-cid-rniuooyg></path> </svg> </button> </div> <!-- Suggestions Section --> <div class="chatbot-suggestions" id="chatbot-suggestions" data-astro-cid-rniuooyg> <div class="suggestions-header" data-astro-cid-rniuooyg> <p class="suggestions-title" data-astro-cid-rniuooyg>Comment puis-je vous aider ?</p> <p class="suggestions-subtitle" data-astro-cid-rniuooyg>Choisissez un sujet pour commencer</p> </div> <div class="suggestions-themes" data-astro-cid-rniuooyg> <div class="theme-section" data-astro-cid-rniuooyg> <h4 class="theme-title" data-astro-cid-rniuooyg>Cybersécurité</h4> <div class="theme-chips" data-astro-cid-rniuooyg> <button class="suggestion-chip" data-suggestion="Protection Wazuh en temps réel" data-astro-cid-rniuooyg> <span class="chip-text" data-astro-cid-rniuooyg>Protection Wazuh en temps réel</span> <svg class="chip-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" data-astro-cid-rniuooyg> <path d="M5 12H19M19 12L12 5M19 12L12 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-rniuooyg></path> </svg> </button><button class="suggestion-chip" data-suggestion="Alertes de sécurité personnalisées" data-astro-cid-rniuooyg> <span class="chip-text" data-astro-cid-rniuooyg>Alertes de sécurité personnalisées</span> <svg class="chip-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" data-astro-cid-rniuooyg> <path d="M5 12H19M19 12L12 5M19 12L12 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-rniuooyg></path> </svg> </button><button class="suggestion-chip" data-suggestion="Audit de cybersécurité" data-astro-cid-rniuooyg> <span class="chip-text" data-astro-cid-rniuooyg>Audit de cybersécurité</span> <svg class="chip-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" data-astro-cid-rniuooyg> <path d="M5 12H19M19 12L12 5M19 12L12 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-rniuooyg></path> </svg> </button><button class="suggestion-chip" data-suggestion="Conformité RGPD" data-astro-cid-rniuooyg> <span class="chip-text" data-astro-cid-rniuooyg>Conformité RGPD</span> <svg class="chip-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" data-astro-cid-rniuooyg> <path d="M5 12H19M19 12L12 5M19 12L12 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-rniuooyg></path> </svg> </button> </div> </div><div class="theme-section" data-astro-cid-rniuooyg> <h4 class="theme-title" data-astro-cid-rniuooyg>Matériel</h4> <div class="theme-chips" data-astro-cid-rniuooyg> <button class="suggestion-chip" data-suggestion="PC gaming sur-mesure" data-astro-cid-rniuooyg> <span class="chip-text" data-astro-cid-rniuooyg>PC gaming sur-mesure</span> <svg class="chip-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" data-astro-cid-rniuooyg> <path d="M5 12H19M19 12L12 5M19 12L12 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-rniuooyg></path> </svg> </button><button class="suggestion-chip" data-suggestion="Matériel reconditionné certifié" data-astro-cid-rniuooyg> <span class="chip-text" data-astro-cid-rniuooyg>Matériel reconditionné certifié</span> <svg class="chip-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" data-astro-cid-rniuooyg> <path d="M5 12H19M19 12L12 5M19 12L12 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-rniuooyg></path> </svg> </button><button class="suggestion-chip" data-suggestion="Configuration entreprise" data-astro-cid-rniuooyg> <span class="chip-text" data-astro-cid-rniuooyg>Configuration entreprise</span> <svg class="chip-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" data-astro-cid-rniuooyg> <path d="M5 12H19M19 12L12 5M19 12L12 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-rniuooyg></path> </svg> </button><button class="suggestion-chip" data-suggestion="Stock disponible" data-astro-cid-rniuooyg> <span class="chip-text" data-astro-cid-rniuooyg>Stock disponible</span> <svg class="chip-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" data-astro-cid-rniuooyg> <path d="M5 12H19M19 12L12 5M19 12L12 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-rniuooyg></path> </svg> </button> </div> </div><div class="theme-section" data-astro-cid-rniuooyg> <h4 class="theme-title" data-astro-cid-rniuooyg>Services</h4> <div class="theme-chips" data-astro-cid-rniuooyg> <button class="suggestion-chip" data-suggestion="Réparation express" data-astro-cid-rniuooyg> <span class="chip-text" data-astro-cid-rniuooyg>Réparation express</span> <svg class="chip-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" data-astro-cid-rniuooyg> <path d="M5 12H19M19 12L12 5M19 12L12 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-rniuooyg></path> </svg> </button><button class="suggestion-chip" data-suggestion="Upgrade RAM/SSD" data-astro-cid-rniuooyg> <span class="chip-text" data-astro-cid-rniuooyg>Upgrade RAM/SSD</span> <svg class="chip-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" data-astro-cid-rniuooyg> <path d="M5 12H19M19 12L12 5M19 12L12 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-rniuooyg></path> </svg> </button><button class="suggestion-chip" data-suggestion="Cloud privé NAS" data-astro-cid-rniuooyg> <span class="chip-text" data-astro-cid-rniuooyg>Cloud privé NAS</span> <svg class="chip-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" data-astro-cid-rniuooyg> <path d="M5 12H19M19 12L12 5M19 12L12 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-rniuooyg></path> </svg> </button><button class="suggestion-chip" data-suggestion="VPN sécurisé WireGuard" data-astro-cid-rniuooyg> <span class="chip-text" data-astro-cid-rniuooyg>VPN sécurisé WireGuard</span> <svg class="chip-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" data-astro-cid-rniuooyg> <path d="M5 12H19M19 12L12 5M19 12L12 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-rniuooyg></path> </svg> </button> </div> </div><div class="theme-section" data-astro-cid-rniuooyg> <h4 class="theme-title" data-astro-cid-rniuooyg>Tarifs &amp; Support</h4> <div class="theme-chips" data-astro-cid-rniuooyg> <button class="suggestion-chip" data-suggestion="Grille tarifaire complète" data-astro-cid-rniuooyg> <span class="chip-text" data-astro-cid-rniuooyg>Grille tarifaire complète</span> <svg class="chip-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" data-astro-cid-rniuooyg> <path d="M5 12H19M19 12L12 5M19 12L12 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-rniuooyg></path> </svg> </button><button class="suggestion-chip" data-suggestion="Forfaits sans engagement" data-astro-cid-rniuooyg> <span class="chip-text" data-astro-cid-rniuooyg>Forfaits sans engagement</span> <svg class="chip-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" data-astro-cid-rniuooyg> <path d="M5 12H19M19 12L12 5M19 12L12 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-rniuooyg></path> </svg> </button><button class="suggestion-chip" data-suggestion="Support 6j/7" data-astro-cid-rniuooyg> <span class="chip-text" data-astro-cid-rniuooyg>Support 6j/7</span> <svg class="chip-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" data-astro-cid-rniuooyg> <path d="M5 12H19M19 12L12 5M19 12L12 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-rniuooyg></path> </svg> </button><button class="suggestion-chip" data-suggestion="Délais d'intervention" data-astro-cid-rniuooyg> <span class="chip-text" data-astro-cid-rniuooyg>Délais d&#39;intervention</span> <svg class="chip-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" data-astro-cid-rniuooyg> <path d="M5 12H19M19 12L12 5M19 12L12 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-rniuooyg></path> </svg> </button> </div> </div> </div> </div> <!-- Messages Container --> <div class="chatbot-messages" id="chatbot-messages" data-astro-cid-rniuooyg> <!-- Welcome Message --> <div class="message message-bot" data-astro-cid-rniuooyg> <div class="message-avatar" data-astro-cid-rniuooyg> <img src="/ordi-plus-logo.webp" alt="Bot" data-astro-cid-rniuooyg> </div> <div class="message-content" data-astro-cid-rniuooyg> <p data-astro-cid-rniuooyg>Bonjour ! Je suis l'assistant virtuel Ordi Plus.</p> <p data-astro-cid-rniuooyg>Je peux vous renseigner sur nos services de cybersécurité, notre matériel, nos tarifs et bien plus encore.</p> <p data-astro-cid-rniuooyg>Choisissez un sujet ci-dessus ou posez-moi directement votre question !</p> <span class="message-time" data-astro-cid-rniuooyg>À l'instant</span> </div> </div> </div> <!-- Flowise Integration Area --> <div class="flowise-container" id="flowise-container" style="display: none;" data-astro-cid-rniuooyg> <!-- Le code d'intégration Flowise sera inséré ici --> <div class="flowise-placeholder" data-astro-cid-rniuooyg> <p data-astro-cid-rniuooyg><strong data-astro-cid-rniuooyg>Intégration Flowise</strong></p> <p data-astro-cid-rniuooyg>Collez votre code d'embed Flowise ci-dessous dans le script.</p> <code data-astro-cid-rniuooyg>flowiseId: "votre-flow-id"</code> </div> </div> <!-- Input Area --> <div class="chatbot-input-container" data-astro-cid-rniuooyg> <div class="chatbot-input" data-astro-cid-rniuooyg> <input type="text" id="chatbot-input-field" placeholder="Posez votre question..." aria-label="Message" data-astro-cid-rniuooyg> <button class="input-send" id="chatbot-send" aria-label="Envoyer" data-astro-cid-rniuooyg> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" data-astro-cid-rniuooyg> <path d="M22 2L11 13M22 2L15 22L11 13M22 2L2 9L11 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-rniuooyg></path> </svg> </button> </div> <p class="input-disclaimer" data-astro-cid-rniuooyg>
Propulsé par IA. Réponses en temps réel.
</p> </div> </div> </div> <script>(function(){const flowiseId = "";

  // Chatbot Toggle Logic
  const bubble = document.getElementById('chatbot-toggle');
  const window = document.getElementById('chatbot-window');
  const closeBtn = document.getElementById('chatbot-close');
  const badge = document.querySelector('.bubble-badge');
  const inputField = document.getElementById('chatbot-input-field');
  const sendBtn = document.getElementById('chatbot-send');
  const messagesContainer = document.getElementById('chatbot-messages');
  const suggestions = document.querySelectorAll('.suggestion-chip');

  let isOpen = false;

  function toggleChat() {
    isOpen = !isOpen;
    window?.classList.toggle('open');
    bubble?.classList.toggle('open');

    if (isOpen) {
      badge?.classList.add('hidden');
      // Prevent body scroll when modal is open
      document.body.style.overflow = 'hidden';
      setTimeout(() => inputField?.focus(), 100);
    } else {
      // Restore body scroll
      document.body.style.overflow = '';
    }
  }

  // Close on backdrop click (desktop only)
  window?.addEventListener('click', (e) => {
    if (e.target === window && isOpen) {
      toggleChat();
    }
  });

  bubble?.addEventListener('click', toggleChat);
  closeBtn?.addEventListener('click', toggleChat);

  // Close on Escape key
  document.addEventListener('keydown', (e) => {
    if (e.key === 'Escape' && isOpen) {
      toggleChat();
    }
  });

  // Suggestion Chips Click - hide suggestions after click
  suggestions.forEach(chip => {
    chip.addEventListener('click', () => {
      const question = chip.getAttribute('data-suggestion');
      if (question && inputField) {
        inputField.value = question;
        inputField.focus();

        // Hide suggestions after selection
        const suggestionsContainer = document.getElementById('chatbot-suggestions');
        if (suggestionsContainer) {
          suggestionsContainer.style.display = 'none';
        }
      }
    });
  });

  // Send Message
  function sendMessage() {
    const message = inputField?.value.trim();
    if (!message) return;

    // Add user message to UI
    addMessage(message, 'user');

    // Clear input
    if (inputField) inputField.value = '';

    // Simulate bot response (replace with Flowise integration)
    setTimeout(() => {
      addMessage("Merci pour votre question ! Je consulte nos informations...", 'bot');
    }, 500);

    // TODO: Integrate Flowise API here
    if (flowiseId) {
      console.log('Flowise ID:', flowiseId);
      // callFlowiseAPI(message, flowiseId);
    }
  }

  function addMessage(text, type) {
    if (!messagesContainer) return;

    const messageDiv = document.createElement('div');
    messageDiv.className = `message message-${type}`;

    const time = new Date().toLocaleTimeString('fr-FR', {
      hour: '2-digit',
      minute: '2-digit'
    });

    if (type === 'bot') {
      messageDiv.innerHTML = `
        <div class="message-avatar">
          <img src="/ordi-plus-logo.webp" alt="Bot" />
        </div>
        <div class="message-content">
          <p>${text}</p>
          <span class="message-time">${time}</span>
        </div>
      `;
    } else {
      messageDiv.innerHTML = `
        <div class="message-content">
          <p>${text}</p>
          <span class="message-time">${time}</span>
        </div>
      `;
    }

    messagesContainer.appendChild(messageDiv);
    messagesContainer.scrollTop = messagesContainer.scrollHeight;
  }

  sendBtn?.addEventListener('click', sendMessage);
  inputField?.addEventListener('keypress', (e) => {
    if (e.key === 'Enter') sendMessage();
  });

  // Flowise Integration Function (to be customized)
  async function callFlowiseAPI(message, flowId) {
    try {
      // Example Flowise API call structure
      const response = await fetch(`https://your-flowise-instance.com/api/v1/prediction/${flowId}`, {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
        },
        body: JSON.stringify({
          question: message,
        }),
      });

      const data = await response.json();
      addMessage(data.text || "Désolé, une erreur s'est produite.", 'bot');
    } catch (error) {
      console.error('Flowise API Error:', error);
      addMessage("Désolé, je rencontre un problème technique. Contactez-nous au 01 XX XX XX XX.", 'bot');
    }
  }
})();</script>   <div id="supportModal" class="modal" data-astro-cid-ildcjjeb> <div class="modal-overlay" data-astro-cid-ildcjjeb></div> <div class="modal-container" data-astro-cid-ildcjjeb> <button class="modal-close" id="closeSupportModal" aria-label="Fermer" data-astro-cid-ildcjjeb> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-ildcjjeb> <line x1="18" y1="6" x2="6" y2="18" data-astro-cid-ildcjjeb></line> <line x1="6" y1="6" x2="18" y2="18" data-astro-cid-ildcjjeb></line> </svg> </button> <!-- Bouton Retour --> <button class="btn-back-top" id="backButton" style="display:none;" data-astro-cid-ildcjjeb> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-ildcjjeb> <polyline points="15 18 9 12 15 6" data-astro-cid-ildcjjeb></polyline> </svg> <span data-astro-cid-ildcjjeb>Retour</span> </button> <!-- Header --> <div class="modal-header" data-astro-cid-ildcjjeb> <div class="header-icon" data-astro-cid-ildcjjeb> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-ildcjjeb> <path d="M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z" data-astro-cid-ildcjjeb></path> </svg> </div> <h2 data-astro-cid-ildcjjeb>Besoin d'aide urgente ?</h2> <p class="reassurance" data-astro-cid-ildcjjeb>On vous rappelle rapidement • Support 7j/7</p> </div> <!-- Progress --> <div class="progress-bar" data-astro-cid-ildcjjeb> <div class="progress-fill" data-astro-cid-ildcjjeb></div> </div> <p class="step-indicator" data-astro-cid-ildcjjeb><span class="current-step" data-astro-cid-ildcjjeb>1</span> / 4</p> <!-- Form --> <form id="supportForm" class="support-form" data-astro-cid-ildcjjeb> <!-- STEP 1: Particulier ou Pro --> <div class="form-step active" data-step="1" data-astro-cid-ildcjjeb> <h3 data-astro-cid-ildcjjeb>Vous êtes ?</h3> <div class="profile-cards" data-astro-cid-ildcjjeb> <label class="profile-card" data-astro-cid-ildcjjeb> <input type="radio" name="profil" value="particulier" required data-astro-cid-ildcjjeb> <div class="card-inner" data-astro-cid-ildcjjeb> <span class="profile-icon" data-astro-cid-ildcjjeb><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="40" height="40" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ildcjjeb="true" class="lucide lucide-user">  <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path> <circle cx="12" cy="7" r="4"></circle>  </svg></span> <span class="profile-name" data-astro-cid-ildcjjeb>Particulier</span> <span class="profile-desc" data-astro-cid-ildcjjeb>Usage personnel, à domicile</span> </div> </label> <label class="profile-card" data-astro-cid-ildcjjeb> <input type="radio" name="profil" value="professionnel" required data-astro-cid-ildcjjeb> <div class="card-inner" data-astro-cid-ildcjjeb> <span class="profile-icon" data-astro-cid-ildcjjeb><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="40" height="40" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ildcjjeb="true" class="lucide lucide-building-2">  <path d="M10 12h4"></path> <path d="M10 8h4"></path> <path d="M14 21v-3a2 2 0 0 0-4 0v3"></path> <path d="M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2"></path> <path d="M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16"></path>  </svg></span> <span class="profile-name" data-astro-cid-ildcjjeb>Professionnel</span> <span class="profile-desc" data-astro-cid-ildcjjeb>Entreprise, activité commerciale</span> </div> </label> </div> </div> <!-- STEP 2: Type de problème --> <div class="form-step" data-step="2" data-astro-cid-ildcjjeb> <h3 data-astro-cid-ildcjjeb>Quelle est votre situation ?</h3> <!-- Contenu Particulier --> <div class="profile-content" data-profile="particulier" style="display:none;" data-astro-cid-ildcjjeb> <div class="situation-grid" data-astro-cid-ildcjjeb> <label class="situation-card" data-astro-cid-ildcjjeb> <input type="radio" name="situation" value="ordi-casse" required data-astro-cid-ildcjjeb> <div class="card-body" data-astro-cid-ildcjjeb> <span class="situation-emoji" data-astro-cid-ildcjjeb><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="32" height="32" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ildcjjeb="true" class="lucide lucide-heart-crack">  <path d="M12.409 5.824c-.702.792-1.15 1.496-1.415 2.166l2.153 2.156a.5.5 0 0 1 0 .707l-2.293 2.293a.5.5 0 0 0 0 .707L12 15"></path> <path d="M13.508 20.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5a5.5 5.5 0 0 1 9.591-3.677.6.6 0 0 0 .818.001A5.5 5.5 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5z"></path>  </svg></span> <strong data-astro-cid-ildcjjeb>Ordi cassé</strong> <small data-astro-cid-ildcjjeb>Ne démarre plus, écran noir, problème matériel</small> </div> </label> <label class="situation-card" data-astro-cid-ildcjjeb> <input type="radio" name="situation" value="probleme-soft" required data-astro-cid-ildcjjeb> <div class="card-body" data-astro-cid-ildcjjeb> <span class="situation-emoji" data-astro-cid-ildcjjeb><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="32" height="32" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ildcjjeb="true" class="lucide lucide-settings">  <path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"></path> <circle cx="12" cy="12" r="3"></circle>  </svg></span> <strong data-astro-cid-ildcjjeb>Problème logiciel</strong> <small data-astro-cid-ildcjjeb>Lenteur, virus, bug Windows/Mac</small> </div> </label> <label class="situation-card" data-astro-cid-ildcjjeb> <input type="radio" name="situation" value="wifi-internet" required data-astro-cid-ildcjjeb> <div class="card-body" data-astro-cid-ildcjjeb> <span class="situation-emoji" data-astro-cid-ildcjjeb><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="32" height="32" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ildcjjeb="true" class="lucide lucide-wifi">  <path d="M12 20h.01"></path> <path d="M2 8.82a15 15 0 0 1 20 0"></path> <path d="M5 12.859a10 10 0 0 1 14 0"></path> <path d="M8.5 16.429a5 5 0 0 1 7 0"></path>  </svg></span> <strong data-astro-cid-ildcjjeb>WiFi / Internet</strong> <small data-astro-cid-ildcjjeb>Connexion impossible, lenteur réseau</small> </div> </label> <label class="situation-card" data-astro-cid-ildcjjeb> <input type="radio" name="situation" value="besoin-install" required data-astro-cid-ildcjjeb> <div class="card-body" data-astro-cid-ildcjjeb> <span class="situation-emoji" data-astro-cid-ildcjjeb><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="32" height="32" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ildcjjeb="true" class="lucide lucide-wrench">  <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path>  </svg></span> <strong data-astro-cid-ildcjjeb>Installation / Config</strong> <small data-astro-cid-ildcjjeb>Nouveau matériel, logiciel, NAS</small> </div> </label> <label class="situation-card" data-astro-cid-ildcjjeb> <input type="radio" name="situation" value="question-part" required data-astro-cid-ildcjjeb> <div class="card-body" data-astro-cid-ildcjjeb> <span class="situation-emoji" data-astro-cid-ildcjjeb><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="32" height="32" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ildcjjeb="true" class="lucide lucide-circle-question-mark">  <circle cx="12" cy="12" r="10"></circle> <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path> <path d="M12 17h.01"></path>  </svg></span> <strong data-astro-cid-ildcjjeb>Question / Conseil</strong> <small data-astro-cid-ildcjjeb>Besoin d'un avis, devis</small> </div> </label> </div> </div> <!-- Contenu Professionnel --> <div class="profile-content" data-profile="professionnel" style="display:none;" data-astro-cid-ildcjjeb> <div class="situation-grid" data-astro-cid-ildcjjeb> <label class="situation-card critical" data-astro-cid-ildcjjeb> <input type="radio" name="situation" value="reseau-serveur-down" required data-astro-cid-ildcjjeb> <div class="card-body" data-astro-cid-ildcjjeb> <span class="situation-emoji" data-astro-cid-ildcjjeb><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="32" height="32" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ildcjjeb="true" class="lucide lucide-circle-alert">  <circle cx="12" cy="12" r="10"></circle> <line x1="12" x2="12" y1="8" y2="12"></line> <line x1="12" x2="12.01" y1="16" y2="16"></line>  </svg></span> <strong data-astro-cid-ildcjjeb>Réseau / Serveur HS</strong> <small data-astro-cid-ildcjjeb>Production arrêtée, perte activité</small> </div> </label> <label class="situation-card critical" data-astro-cid-ildcjjeb> <input type="radio" name="situation" value="site-web-down" required data-astro-cid-ildcjjeb> <div class="card-body" data-astro-cid-ildcjjeb> <span class="situation-emoji" data-astro-cid-ildcjjeb><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="32" height="32" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ildcjjeb="true" class="lucide lucide-globe">  <circle cx="12" cy="12" r="10"></circle> <path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path> <path d="M2 12h20"></path>  </svg></span> <strong data-astro-cid-ildcjjeb>Site web inaccessible</strong> <small data-astro-cid-ildcjjeb>Site down, erreur, problème hébergement</small> </div> </label> <label class="situation-card critical" data-astro-cid-ildcjjeb> <input type="radio" name="situation" value="cyberattaque" required data-astro-cid-ildcjjeb> <div class="card-body" data-astro-cid-ildcjjeb> <span class="situation-emoji" data-astro-cid-ildcjjeb><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="32" height="32" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ildcjjeb="true" class="lucide lucide-shield-alert">  <path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path> <path d="M12 8v4"></path> <path d="M12 16h.01"></path>  </svg></span> <strong data-astro-cid-ildcjjeb>Cyberattaque / Sécurité</strong> <small data-astro-cid-ildcjjeb>Ransomware, piratage, fuite données</small> </div> </label> <label class="situation-card" data-astro-cid-ildcjjeb> <input type="radio" name="situation" value="probleme-it" required data-astro-cid-ildcjjeb> <div class="card-body" data-astro-cid-ildcjjeb> <span class="situation-emoji" data-astro-cid-ildcjjeb><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="32" height="32" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ildcjjeb="true" class="lucide lucide-monitor">  <rect width="20" height="14" x="2" y="3" rx="2"></rect> <line x1="8" x2="16" y1="21" y2="21"></line> <line x1="12" x2="12" y1="17" y2="21"></line>  </svg></span> <strong data-astro-cid-ildcjjeb>Problème IT</strong> <small data-astro-cid-ildcjjeb>Bug logiciel métier, poste de travail</small> </div> </label> <label class="situation-card" data-astro-cid-ildcjjeb> <input type="radio" name="situation" value="besoin-service-pro" required data-astro-cid-ildcjjeb> <div class="card-body" data-astro-cid-ildcjjeb> <span class="situation-emoji" data-astro-cid-ildcjjeb><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="32" height="32" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ildcjjeb="true" class="lucide lucide-shield">  <path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path>  </svg></span> <strong data-astro-cid-ildcjjeb>Besoin service</strong> <small data-astro-cid-ildcjjeb>Wazuh, VPN, dev web, infogérance</small> </div> </label> <label class="situation-card" data-astro-cid-ildcjjeb> <input type="radio" name="situation" value="question-pro" required data-astro-cid-ildcjjeb> <div class="card-body" data-astro-cid-ildcjjeb> <span class="situation-emoji" data-astro-cid-ildcjjeb><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="32" height="32" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ildcjjeb="true" class="lucide lucide-briefcase">  <path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path> <rect width="20" height="14" x="2" y="6" rx="2"></rect>  </svg></span> <strong data-astro-cid-ildcjjeb>Devis / Conseil</strong> <small data-astro-cid-ildcjjeb>Projet, audit, stratégie IT</small> </div> </label> </div> </div> </div> <!-- STEP 3: Détails --> <div class="form-step" data-step="3" data-astro-cid-ildcjjeb> <h3 data-astro-cid-ildcjjeb>Décrivez votre besoin</h3> <div class="form-group" data-astro-cid-ildcjjeb> <label data-astro-cid-ildcjjeb>Expliquez votre problème ou besoin</label> <textarea name="description" rows="5" required placeholder="Plus vous détaillez, mieux on pourra vous aider..." data-astro-cid-ildcjjeb></textarea> </div> <div class="form-group" data-astro-cid-ildcjjeb> <label data-astro-cid-ildcjjeb>Contexte (optionnel)</label> <input type="text" name="contexte" placeholder="Ex: Cela a commencé après une mise à jour..." data-astro-cid-ildcjjeb> </div> <div class="form-actions" data-astro-cid-ildcjjeb> <button type="button" class="btn-next-manual" data-astro-cid-ildcjjeb>Suivant →</button> </div> </div> <!-- STEP 4: Contact --> <div class="form-step" data-step="4" data-astro-cid-ildcjjeb> <h3 data-astro-cid-ildcjjeb>Vos coordonnées</h3> <div class="form-group" data-astro-cid-ildcjjeb> <label data-astro-cid-ildcjjeb>Nom complet *</label> <input type="text" name="nom" required placeholder="Jean Dupont" data-astro-cid-ildcjjeb> </div> <div class="form-row" data-astro-cid-ildcjjeb> <div class="form-group" data-astro-cid-ildcjjeb> <label data-astro-cid-ildcjjeb>Téléphone *</label> <input type="tel" name="telephone" required placeholder="06 12 34 56 78" data-astro-cid-ildcjjeb> </div> <div class="form-group" data-astro-cid-ildcjjeb> <label data-astro-cid-ildcjjeb>Email *</label> <input type="email" name="email" required placeholder="jean@exemple.fr" data-astro-cid-ildcjjeb> </div> </div> <div class="form-group" data-astro-cid-ildcjjeb> <label data-astro-cid-ildcjjeb>Ville / Code postal *</label> <input type="text" name="ville" required placeholder="Paris 75001" data-astro-cid-ildcjjeb> </div> <div class="form-actions" data-astro-cid-ildcjjeb> <button type="submit" class="btn-submit" data-astro-cid-ildcjjeb>Envoyer ma demande</button> </div> </div> <!-- SUCCESS --> <div class="form-step success-step" data-step="success" data-astro-cid-ildcjjeb> <div class="success-icon" data-astro-cid-ildcjjeb><svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="40" height="40" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-ildcjjeb="true" class="lucide lucide-circle-check-big">  <path d="M21.801 10A10 10 0 1 1 17 3.335"></path> <path d="m9 11 3 3L22 4"></path>  </svg></div> <h3 data-astro-cid-ildcjjeb>Demande envoyée !</h3> <div class="ticket-box" data-astro-cid-ildcjjeb> <span class="ticket-label" data-astro-cid-ildcjjeb>Numéro de ticket</span> <span class="ticket-number" id="ticketNumber" data-astro-cid-ildcjjeb>SUP-XXXXX</span> </div> <p class="success-message" data-astro-cid-ildcjjeb>
Votre demande a bien été reçue.<br data-astro-cid-ildcjjeb> <strong class="urgency-message" data-astro-cid-ildcjjeb>On vous rappelle sous 2h.</strong> </p> <p class="success-info" data-astro-cid-ildcjjeb>
Vous recevrez un email de confirmation avec les détails de votre demande.
</p> <button type="button" class="btn-close-success" data-astro-cid-ildcjjeb>Fermer</button> </div> </form> </div> </div>  <script type="module">document.addEventListener("DOMContentLoaded",()=>{let n=1,c="",r="";const d=document.getElementById("supportModal"),l=document.getElementById("supportForm"),q=document.getElementById("closeSupportModal"),s=document.getElementById("backButton"),i=document.querySelector(".progress-fill"),y=document.querySelector(".current-step");document.querySelectorAll('[data-open-modal="support"]').forEach(t=>{t.addEventListener("click",()=>{d?.classList.add("active"),document.body.style.overflow="hidden",document.querySelectorAll(".profile-content").forEach(e=>{const o=e;o.style.display="none"})})});function p(){d?.classList.remove("active"),document.body.style.overflow="",setTimeout(()=>{l?.reset(),n=1,c="",r="",document.querySelectorAll(".profile-content").forEach(t=>{const e=t;e.style.display="none"}),m(),v()},300)}q?.addEventListener("click",p),d?.querySelector(".modal-overlay")?.addEventListener("click",p);function v(){s&&(s.style.display=n>1?"flex":"none")}function m(){document.querySelectorAll(".form-step").forEach(e=>{e.getAttribute("data-step")===String(n)?e.classList.add("active"):e.classList.remove("active")});const t=n/4*100;i&&(i.style.width=`${t}%`),y&&(y.textContent=String(n)),v()}function L(){document.querySelectorAll(".profile-content").forEach(t=>{const e=t,o=t.getAttribute("data-profile");e.style.display=o===c?"block":"none"})}function a(t){n=t,m()}document.querySelectorAll('input[name="profil"]').forEach(t=>{t.addEventListener("change",e=>{c=e.target.value,L(),setTimeout(()=>a(2),300)})}),document.querySelectorAll('input[name="situation"]').forEach(t=>{t.addEventListener("change",e=>{r=e.target.value,setTimeout(()=>a(3),300)})}),document.querySelector(".btn-next-manual")?.addEventListener("click",()=>{const t=document.querySelector('textarea[name="description"]')?.value;if(!t||!t.trim()){alert("Veuillez décrire votre besoin");return}a(4)}),s?.addEventListener("click",()=>{n>1&&a(n-1)}),l?.addEventListener("submit",async t=>{t.preventDefault();const e=l.querySelector(".btn-submit");e&&(e.disabled=!0,e.textContent="Envoi en cours...");try{const o=new FormData(l),u={};for(let[f,g]of o.entries())u[f]=g;u.profil=c,u.situation=r;const E=await fetch("/api/support-ticket",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(u)});if(E.ok){const f=await E.json();document.querySelectorAll(".form-step").forEach(k=>k.classList.remove("active")),document.querySelector('.form-step[data-step="success"]')?.classList.add("active");const h=document.getElementById("ticketNumber");h&&(h.textContent=f.ticketId||"SUP-XXXXX");const S={"reseau-serveur-down":"Urgence critique : rappel immédiat (sous 1h)","site-web-down":"Urgence critique : rappel immédiat (sous 1h)",cyberattaque:"Urgence maximale : rappel immédiat (sous 30 min)","ordi-casse":"On vous rappelle sous 2h","probleme-soft":"On vous rappelle sous 2 à 4h","wifi-internet":"On vous rappelle sous 2 à 4h","probleme-it":"On vous rappelle sous 2 à 4h","besoin-install":"On vous recontacte sous 24h","besoin-service-pro":"On vous recontacte sous 24h","question-part":"On vous répond sous 24 à 48h","question-pro":"On vous répond sous 24 à 48h"},b=document.querySelector(".urgency-message");b&&S[r]&&(b.textContent=S[r]),i&&(i.style.width="100%"),s&&(s.style.display="none")}else throw new Error("Erreur lors de l'envoi")}catch(o){console.error("Erreur:",o),alert("Une erreur est survenue. Veuillez réessayer ou nous contacter par téléphone."),e&&(e.disabled=!1,e.textContent="Envoyer ma demande")}}),document.querySelector(".btn-close-success")?.addEventListener("click",p),m()});</script> <!-- Modal Container (initialement caché) --><div id="product-configurator-modal" class="configurator-modal" style="display: none;" data-astro-cid-sxzmjcm6> <div class="modal-overlay" data-astro-cid-sxzmjcm6></div> <div class="modal-container" data-astro-cid-sxzmjcm6> <!-- Modal Header --> <div class="modal-header" data-astro-cid-sxzmjcm6> <div class="header-left" data-astro-cid-sxzmjcm6> <h2 id="modal-product-name" data-astro-cid-sxzmjcm6>Configuration du produit</h2> <p id="modal-product-tagline" data-astro-cid-sxzmjcm6></p> </div> <button class="btn-close-modal" aria-label="Fermer" data-astro-cid-sxzmjcm6> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="28" height="28" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sxzmjcm6="true" class="lucide lucide-x">  <path d="M18 6 6 18"></path> <path d="m6 6 12 12"></path>  </svg> </button> </div> <!-- Modal Content --> <div class="modal-content" data-astro-cid-sxzmjcm6> <!-- Left Sidebar: Price Summary --> <div class="price-sidebar" data-astro-cid-sxzmjcm6> <div class="product-image-mini" data-astro-cid-sxzmjcm6> <img id="modal-product-image" src="" alt="" data-astro-cid-sxzmjcm6> </div> <!-- Price Summary --> <div class="price-summary" data-astro-cid-sxzmjcm6> <div class="price-row" data-astro-cid-sxzmjcm6> <span data-astro-cid-sxzmjcm6>Base</span> <span id="modal-base-price" class="price-value" data-astro-cid-sxzmjcm6>0€</span> </div> <div class="price-row options-price-row" data-astro-cid-sxzmjcm6> <span data-astro-cid-sxzmjcm6>Options</span> <span id="modal-options-price" class="price-value" data-astro-cid-sxzmjcm6>+0€</span> </div> <div class="price-row total-price-row" data-astro-cid-sxzmjcm6> <span data-astro-cid-sxzmjcm6>Total TTC</span> <span id="modal-total-price" class="price-value" data-astro-cid-sxzmjcm6>0€</span> </div> </div> <div class="product-specs-mini" id="modal-product-specs" data-astro-cid-sxzmjcm6> <!-- Specs will be injected here --> </div> </div> <!-- Main Column: Configuration Options --> <div class="config-options-column" data-astro-cid-sxzmjcm6> <div class="options-header" data-astro-cid-sxzmjcm6> <h3 data-astro-cid-sxzmjcm6>Personnalisez votre configuration</h3> <p data-astro-cid-sxzmjcm6>Cochez les options et services souhaités</p> </div> <div id="modal-options-container" class="options-container" data-astro-cid-sxzmjcm6> <!-- Options will be injected here --> </div> </div> </div> <!-- Modal Footer --> <div class="modal-footer" data-astro-cid-sxzmjcm6> <button class="btn-cancel" data-astro-cid-sxzmjcm6>
Annuler
</button> <button class="btn-contact-modal" data-astro-cid-sxzmjcm6> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="20" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24" data-astro-cid-sxzmjcm6="true" class="lucide lucide-shopping-cart">  <circle cx="8" cy="21" r="1"></circle> <circle cx="19" cy="21" r="1"></circle> <path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"></path>  </svg> <span data-astro-cid-sxzmjcm6>Demander un Devis</span> </button> </div> </div> </div>  <script type="module" src="/_astro/ProductConfiguratorModal.astro_astro_type_script_index_0_lang.xry7q0Ri.js"></script> <script>
      // FAQ Accordion
      (function() {
        function initFAQ() {
          const faqButtons = document.querySelectorAll('.faq-question');

          faqButtons.forEach(function(question) {
            question.addEventListener('click', function(e) {
              e.preventDefault();

              const item = this.closest('.faq-item');
              if (!item) return;

              const isActive = item.classList.contains('active');

              // Close all items IN THE SAME CATEGORY
              const category = this.closest('.faq-category');
              if (category) {
                const allItems = category.querySelectorAll('.faq-item');
                allItems.forEach(function(i) {
                  i.classList.remove('active');
                  const btn = i.querySelector('.faq-question');
                  if (btn) btn.setAttribute('aria-expanded', 'false');
                });
              }

              // Open clicked item if it wasn't active
              if (!isActive) {
                item.classList.add('active');
                question.setAttribute('aria-expanded', 'true');
              }
            });
          });
        }

        if (document.readyState === 'loading') {
          document.addEventListener('DOMContentLoaded', initFAQ);
        } else {
          initFAQ();
        }

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

        // Navbar background on scroll - Maintain transparency with subtle change
        window.addEventListener('scroll', function() {
          const nav = document.querySelector('.nav');
          if (nav) {
            if (window.scrollY > 100) {
              nav.style.background = 'rgba(31, 35, 40, 0.85)';
              nav.style.borderBottomColor = 'rgba(255, 255, 255, 0.12)';
            } else {
              nav.style.background = 'rgba(31, 35, 40, 0.75)';
              nav.style.borderBottomColor = 'rgba(255, 255, 255, 0.08)';
            }
          }
        });

        // Intersection Observer for animations
        const observerOptions = {
          threshold: 0.1,
          rootMargin: '0px 0px -100px 0px'
        };

        const observer = new IntersectionObserver(function(entries) {
          entries.forEach(function(entry) {
            if (entry.isIntersecting) {
              const target = entry.target;
              target.style.opacity = '1';
              target.style.transform = 'translateY(0)';
            }
          });
        }, observerOptions);

        // Observe elements for animation
        document.querySelectorAll('.pain-card, .feature-card, .step, .testimonial-card, .pricing-card, .audience-card, .usp-card').forEach(function(el) {
          el.style.opacity = '0';
          el.style.transform = 'translateY(30px)';
          el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
          observer.observe(el);
        });
      })();
    </script> </body> </html> <script>
  // Counter animation
  function animateCounter(element) {
    const target = parseInt(element.getAttribute('data-target') || '0');
    const duration = 2000;
    const steps = 60;
    const increment = target / steps;
    let current = 0;
    let step = 0;

    const timer = setInterval(() => {
      step++;
      current = Math.min(step * increment, target);

      if (step >= steps) {
        element.textContent = target.toString();
        clearInterval(timer);
      } else {
        element.textContent = Math.floor(current).toString();
      }
    }, duration / steps);
  }

  // Start animations when stats section is visible
  const observerOptions = {
    threshold: 0.2,
    rootMargin: '0px'
  };

  const observer = new IntersectionObserver((entries) => {
    entries.forEach(entry => {
      if (entry.isIntersecting) {
        const counters = entry.target.querySelectorAll('.stat-counter');
        setTimeout(() => {
          counters.forEach(counter => {
            animateCounter(counter);
          });
        }, 200);
        observer.unobserve(entry.target);
      }
    });
  }, observerOptions);

  // Initialize on load
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initCounters);
  } else {
    initCounters();
  }

  function initCounters() {
    const statsSection = document.querySelector('.stats-section');
    if (statsSection) {
      observer.observe(statsSection);
    }
  }

  // Typewriter effect for hero title
  function initTypewriter() {
    const typewriterElement = document.querySelector('.typewriter-text');
    if (!typewriterElement) return;

    const words = JSON.parse(typewriterElement.getAttribute('data-words') || '[]');
    if (words.length === 0) return;

    let wordIndex = 0;
    let charIndex = 0;
    let isDeleting = false;
    let isPaused = false;

    function type() {
      const currentWord = words[wordIndex];

      if (isPaused) {
        setTimeout(type, 1200);
        isPaused = false;
        return;
      }

      if (!isDeleting) {
        // Typing characters
        typewriterElement.textContent = currentWord.substring(0, charIndex + 1);
        charIndex++;

        if (charIndex === currentWord.length) {
          // Word complete, pause before deleting
          isPaused = true;
          isDeleting = true;
          setTimeout(type, 1200);
          return;
        }
      } else {
        // Deleting characters
        typewriterElement.textContent = currentWord.substring(0, charIndex - 1);
        charIndex--;

        if (charIndex === 0) {
          // Word deleted, move to next word
          isDeleting = false;
          wordIndex = (wordIndex + 1) % words.length;
          setTimeout(type, 200);
          return;
        }
      }

      // Variable speed for more natural feel
      const typingSpeed = isDeleting ? 35 : 75;
      const naturalVariation = Math.random() * 30;
      setTimeout(type, typingSpeed + naturalVariation);
    }

    // Start typing after a short delay
    setTimeout(type, 500);
  }

  // Initialize typewriter on load
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initTypewriter);
  } else {
    initTypewriter();
  }

  // Typewriter effect for services section
  function initTypewriterServices() {
    const typewriterElement = document.querySelector('.typewriter-text-services');
    if (!typewriterElement) return;

    const words = JSON.parse(typewriterElement.getAttribute('data-words') || '[]');
    if (words.length === 0) return;

    let wordIndex = 0;
    let charIndex = 0;
    let isDeleting = false;
    let isPaused = false;

    function type() {
      const currentWord = words[wordIndex];

      if (isPaused) {
        setTimeout(type, 1500);
        isPaused = false;
        return;
      }

      if (!isDeleting) {
        // Typing characters
        typewriterElement.textContent = currentWord.substring(0, charIndex + 1);
        charIndex++;

        if (charIndex === currentWord.length) {
          // Word complete, pause before deleting
          isPaused = true;
          isDeleting = true;
          setTimeout(type, 1500);
          return;
        }
      } else {
        // Deleting characters
        typewriterElement.textContent = currentWord.substring(0, charIndex - 1);
        charIndex--;

        if (charIndex === 0) {
          // Word deleted, move to next word
          isDeleting = false;
          wordIndex = (wordIndex + 1) % words.length;
          setTimeout(type, 200);
          return;
        }
      }

      // Variable speed for more natural feel
      const typingSpeed = isDeleting ? 35 : 75;
      const naturalVariation = Math.random() * 30;
      setTimeout(type, typingSpeed + naturalVariation);
    }

    // Start typing after a short delay
    setTimeout(type, 500);
  }

  // Initialize typewriter services on load
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initTypewriterServices);
  } else {
    initTypewriterServices();
  }
</script>  <script type="module">if(typeof window<"u"){const t={threshold:.1,rootMargin:"0px 0px -100px 0px"},r=new IntersectionObserver(s=>{s.forEach(e=>{e.isIntersecting&&(e.target.classList.add("animate-in"),r.unobserve(e.target))})},t);document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll(".service-card").forEach(e=>r.observe(e))})}</script>