{"id":32,"date":"2026-01-17T00:33:10","date_gmt":"2026-01-17T00:33:10","guid":{"rendered":"https:\/\/sosdepanneur.com\/?page_id=32"},"modified":"2026-04-06T11:59:02","modified_gmt":"2026-04-06T11:59:02","slug":"accueil","status":"publish","type":"page","link":"https:\/\/sosdepanneur.com\/","title":{"rendered":"Accueil1"},"content":{"rendered":"<section id=\"sos-2026\">\n<style>\n    \/* ===== Base ===== *\/<br \/>    #sos-2026{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#0c0c0c;line-height:1.45}<br \/>    #sos-2026 *{box-sizing:border-box}<br \/>    #sos-2026 a{text-decoration:none;color:inherit}<br \/>    #sos-2026 img{max-width:100%;display:block}<br \/>    #sos-2026 .wrap{max-width:1180px;margin:0 auto;padding:0 18px}<br \/>    #sos-2026 .muted{color:rgba(12,12,12,.72)}<br \/>    #sos-2026 .tiny{font-size:12px;color:rgba(12,12,12,.62)}<br \/>    #sos-2026 .section{padding:64px 0}<br \/>    #sos-2026 h1{font-size:44px;line-height:1.05;margin:12px 0 12px;letter-spacing:-.02em}<br \/>    #sos-2026 h2{font-size:28px;margin:0 0 10px;letter-spacing:-.01em}<br \/>    #sos-2026 h3{font-size:18px;margin:0 0 8px}<br \/>    #sos-2026 p{margin:0 0 10px}<\/p>\n<p>    \/* ===== Theme \/ Background ===== *\/<br \/>    #sos-2026 .bg{<br \/>      background:<br \/>        radial-gradient(900px 500px at 12% 12%, rgba(0,0,0,.06), transparent 55%),<br \/>        radial-gradient(900px 500px at 88% 18%, rgba(0,0,0,.05), transparent 55%),<br \/>        radial-gradient(900px 600px at 50% 95%, rgba(0,0,0,.06), transparent 55%),<br \/>        linear-gradient(180deg,#fbfbfb,#ffffff);<br \/>      position:relative;<br \/>      overflow:hidden;<br \/>      border-radius:22px;<br \/>      border:1px solid rgba(0,0,0,.08);<br \/>    }<br \/>    #sos-2026 .bg:before{<br \/>      content:\"\";<br \/>      position:absolute;inset:-180px;<br \/>      background:<br \/>        radial-gradient(circle at 20% 20%, rgba(0,0,0,.08), transparent 40%),<br \/>        radial-gradient(circle at 80% 30%, rgba(0,0,0,.06), transparent 38%),<br \/>        radial-gradient(circle at 55% 80%, rgba(0,0,0,.07), transparent 45%);<br \/>      filter:blur(18px);<br \/>      opacity:.55;<br \/>      transform:translate3d(0,0,0);<br \/>      animation:sosFloat 12s ease-in-out infinite alternate;<br \/>      pointer-events:none;<br \/>    }<br \/>    @keyframes sosFloat{<br \/>      from{transform:translate3d(-14px,-10px,0) scale(1)}<br \/>      to{transform:translate3d(18px,14px,0) scale(1.02)}<br \/>    }<\/p>\n<p>    \/* ===== Topbar ===== *\/<br \/>    #sos-2026 .topbar{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.08)}<br \/>    #sos-2026 .topbar .row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0}<br \/>    #sos-2026 .brand{display:flex;align-items:center;gap:12px}<br \/>    #sos-2026 .logo{<br \/>      width:40px;height:40px;border-radius:14px;<br \/>      background:linear-gradient(135deg,#0c0c0c,#2a2a2a);<br \/>      color:#fff;display:grid;place-items:center;<br \/>      font-weight:900;letter-spacing:.04em;<br \/>      box-shadow:0 12px 30px rgba(0,0,0,.12);<br \/>    }<br \/>    #sos-2026 .brand .name{font-weight:950}<br \/>    #sos-2026 .pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(0,0,0,.10);background:rgba(255,255,255,.75)}<br \/>    #sos-2026 nav{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}<br \/>    #sos-2026 nav a{padding:8px 10px;border-radius:12px;font-weight:700;color:rgba(0,0,0,.72)}<br \/>    #sos-2026 nav a:hover{background:rgba(0,0,0,.05);color:#0c0c0c}<\/p>\n<p>    \/* ===== Buttons ===== *\/<br \/>    #sos-2026 .btn{<br \/>      display:inline-flex;align-items:center;justify-content:center;gap:10px;<br \/>      padding:12px 14px;border-radius:14px;border:1px solid rgba(0,0,0,.12);<br \/>      background:#fff;font-weight:900;cursor:pointer;<br \/>      transition:transform .12s ease, box-shadow .12s ease, background .12s ease, opacity .12s ease;<br \/>      box-shadow:0 10px 26px rgba(0,0,0,.08);<br \/>    }<br \/>    #sos-2026 .btn:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(0,0,0,.12)}<br \/>    #sos-2026 .btn:active{transform:translateY(0)}<br \/>    #sos-2026 .btn.primary{<br \/>      background:linear-gradient(135deg,#0c0c0c,#1c1c1c);<br \/>      color:#fff;border-color:rgba(0,0,0,.2);<br \/>    }<br \/>    #sos-2026 .btn.soft{<br \/>      background:rgba(0,0,0,.04);<br \/>      box-shadow:none;<br \/>    }<\/p>\n<p>    \/* ===== Layout ===== *\/<br \/>    #sos-2026 .grid{display:grid;gap:16px}<br \/>    #sos-2026 .hero{padding:22px}<br \/>    #sos-2026 .heroGrid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;align-items:stretch}<br \/>    #sos-2026 .card{<br \/>      border:1px solid rgba(0,0,0,.09);<br \/>      background:rgba(255,255,255,.70);<br \/>      border-radius:18px;<br \/>      padding:18px;<br \/>      box-shadow:0 16px 40px rgba(0,0,0,.07);<br \/>    }<br \/>    #sos-2026 .glass{<br \/>      background:rgba(255,255,255,.62);<br \/>      backdrop-filter:blur(12px);<br \/>    }<br \/>    #sos-2026 .badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}<br \/>    #sos-2026 .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}<br \/>    #sos-2026 .kpi{padding:12px;border-radius:16px;border:1px solid rgba(0,0,0,.09);background:rgba(255,255,255,.7);text-align:center}<br \/>    #sos-2026 .kpi b{display:block;font-size:16px}<br \/>    #sos-2026 .services{grid-template-columns:repeat(3,1fr)}<br \/>    #sos-2026 .features{grid-template-columns:repeat(4,1fr)}<br \/>    #sos-2026 .twoCol{display:grid;grid-template-columns:1fr 1fr;gap:16px}<br \/>    #sos-2026 .shop{grid-template-columns:repeat(3,1fr)}<br \/>    #sos-2026 .reviews{grid-template-columns:repeat(3,1fr)}<br \/>    #sos-2026 .faq{grid-template-columns:1fr 1fr}<\/p>\n<p>    \/* ===== Icons ===== *\/<br \/>    #sos-2026 .icon{<br \/>      width:38px;height:38px;border-radius:14px;<br \/>      display:grid;place-items:center;<br \/>      background:rgba(0,0,0,.06);<br \/>      border:1px solid rgba(0,0,0,.10);<br \/>      font-size:18px;<br \/>    }<\/p>\n<p>    \/* ===== Form ===== *\/<br \/>    #sos-2026 label{display:block;font-weight:900;margin-bottom:6px}<br \/>    #sos-2026 .input, #sos-2026 textarea, #sos-2026 select{<br \/>      width:100%;padding:12px 12px;border-radius:14px;border:1px solid rgba(0,0,0,.14);<br \/>      background:rgba(255,255,255,.9);outline:none;<br \/>      transition:border .12s ease, box-shadow .12s ease;<br \/>    }<br \/>    #sos-2026 .input:focus, #sos-2026 textarea:focus, #sos-2026 select:focus{<br \/>      border-color:rgba(0,0,0,.28);<br \/>      box-shadow:0 0 0 4px rgba(0,0,0,.08);<br \/>    }<br \/>    #sos-2026 textarea{min-height:120px;resize:vertical}<br \/>    #sos-2026 .formGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}<br \/>    #sos-2026 .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}<\/p>\n<p>    \/* ===== Sticky Mobile Bar ===== *\/<br \/>    #sos-2026 .stickyBar{<br \/>      position:fixed;left:12px;right:12px;bottom:12px;z-index:90;<br \/>      display:none;gap:10px;align-items:center;justify-content:space-between;<br \/>      padding:10px;border-radius:18px;border:1px solid rgba(0,0,0,.10);<br \/>      background:rgba(255,255,255,.82);backdrop-filter:blur(12px);<br \/>      box-shadow:0 18px 44px rgba(0,0,0,.16);<br \/>    }<br \/>    #sos-2026 .stickyBar .miniSelect{<br \/>      flex:1;min-width:140px;<br \/>      padding:10px;border-radius:14px;border:1px solid rgba(0,0,0,.12);<br \/>      background:rgba(255,255,255,.85);font-weight:900;<br \/>    }<br \/>    #sos-2026 .stickyBar .miniBtn{<br \/>      flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;<br \/>      padding:12px;border-radius:16px;border:1px solid rgba(0,0,0,.12);<br \/>      background:#fff;font-weight:950;<br \/>    }<br \/>    #sos-2026 .stickyBar .miniBtn.primary{<br \/>      background:linear-gradient(135deg,#0c0c0c,#1c1c1c);color:#fff;border-color:rgba(0,0,0,.2)<br \/>    }<\/p>\n<p>    \/* ===== Helpers ===== *\/<br \/>    #sos-2026 .hr{height:1px;background:rgba(0,0,0,.08);margin:14px 0}<br \/>    #sos-2026 .tag{display:inline-flex;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.10);background:rgba(255,255,255,.65);font-size:12px;font-weight:900}<br \/>    #sos-2026 .price{font-weight:950}<br \/>    #sos-2026 .list{margin:10px 0 0 18px}<br \/>    #sos-2026 .list li{margin:6px 0}<\/p>\n<p>    @media (max-width: 980px){<br \/>      #sos-2026 h1{font-size:36px}<br \/>      #sos-2026 nav{display:none}<br \/>      #sos-2026 .heroGrid{grid-template-columns:1fr}<br \/>      #sos-2026 .services{grid-template-columns:1fr}<br \/>      #sos-2026 .features{grid-template-columns:1fr 1fr}<br \/>      #sos-2026 .shop{grid-template-columns:1fr}<br \/>      #sos-2026 .reviews{grid-template-columns:1fr}<br \/>      #sos-2026 .faq{grid-template-columns:1fr}<br \/>      #sos-2026 .kpis{grid-template-columns:1fr}<br \/>      #sos-2026 .stickyBar{display:flex}<br \/>    }<br \/>  <\/style>\n<p><!-- ===== CONFIG (remplace uniquement ces valeurs) ===== --><br \/>\n<script>\n    (function(){\n      window.SOS_DEP = {\n        telCasa: \"TEL_CASA\",      \/\/ ex: +2126XXXXXXXX\n        telMarra: \"TEL_MARRA\",    \/\/ ex: +2126XXXXXXXX\n        whatsapp: \"WHATSAPP\",     \/\/ ex: +2126XXXXXXXX\n        email: \"EMAIL\"            \/\/ ex: contact@tondomaine.ma\n      };\n    })();\n  <\/script><\/p>\n<p><!-- ===== TOPBAR ===== --><\/p>\n<div class=\"topbar\">\n<div class=\"wrap\">\n<div class=\"row\">\n<div class=\"brand\">\n<div class=\"logo\">SOS<\/div>\n<div>\n<div class=\"name\">SOS D\u00e9panneur <span class=\"tag\" style=\"margin-left: 8px;\">Urgence 24\/7<\/span><\/div>\n<div class=\"tiny\">Plomberie \u2022 \u00c9lectricit\u00e9 \u2022 Serrurerie \u2022 Chaudi\u00e8res \u2014 Casablanca &amp; Marrakech<\/div>\n<\/div>\n<\/div>\n<nav aria-label=\"Navigation\"><a href=\"#sos-services\">Services<\/a><br \/>\n<a href=\"#sos-zones\">Zones<\/a><br \/>\n<a href=\"#sos-shop\">Boutique<\/a><br \/>\n<a href=\"#sos-devis\">Devis<\/a><br \/>\n<a href=\"#sos-avis\">Avis<\/a><br \/>\n<a href=\"#sos-faq\">FAQ<\/a><br \/>\n<a href=\"#sos-contact\">Contact<\/a><\/nav>\n<div style=\"display: flex; gap: 10px; flex-wrap: wrap;\"><a id=\"top-call\" class=\"btn primary\" href=\"#\">\ud83d\udcde Appel urgence<\/a><br \/>\n<a id=\"top-wa\" class=\"btn\" href=\"#\">\ud83d\udcac WhatsApp<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- ===== HERO ===== --><\/p>\n<div class=\"wrap\" style=\"padding-top: 18px;\">\n<div class=\"bg hero\">\n<div class=\"heroGrid\">\n<div class=\"card glass\">\n<p><span class=\"tag\">Intervention rapide \u2022 Devis annonc\u00e9 \u2022 Techniciens v\u00e9rifi\u00e9s<\/span><\/p>\n<h1>D\u00e9pannage urgent \u00e0 Casablanca &amp; Marrakech \u2014 <span style=\"white-space: nowrap;\">24\/7<\/span><\/h1>\n<p class=\"muted\" style=\"font-size: 16px;\">Plomberie, \u00e9lectricit\u00e9, serrurerie + vente &amp; installation de chaudi\u00e8res.<br \/>\n<b>Tu sais le prix avant<\/b> qu\u2019on se d\u00e9place (selon le cas).<\/p>\n<div class=\"badges\"><span class=\"pill\">\u2705 Prix transparents<\/span><br \/>\n<span class=\"pill\">\u2705 Facture disponible<\/span><br \/>\n<span class=\"pill\">\u2705 Garantie intervention<\/span><br \/>\n<span class=\"pill\">\u2705 Propre &amp; rapide<\/span><\/div>\n<div style=\"display: flex; gap: 10px; flex-wrap: wrap; margin-top: 16px;\"><a class=\"btn primary\" href=\"#sos-devis\">\u26a1 Devis en 2 minutes<\/a><br \/>\n<a class=\"btn\" href=\"#sos-shop\">\ud83d\udd25 Commander une chaudi\u00e8re<\/a><br \/>\n<a class=\"btn soft\" href=\"#sos-services\">Voir les services<\/a><\/div>\n<div class=\"kpis\">\n<div class=\"kpi\"><b>24\/7<\/b><span class=\"muted\">Jour &amp; nuit<\/span><\/div>\n<div class=\"kpi\"><b>Casa + Marra<\/b><span class=\"muted\">2 \u00e9quipes<\/span><\/div>\n<div class=\"kpi\"><b>Express<\/b><span class=\"muted\">Urgence prioritaire<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"card glass\">\n<div style=\"display: flex; align-items: center; gap: 12px;\">\n<div class=\"icon\">\ud83e\udded<\/div>\n<div>\n<h3 style=\"margin: 0;\">Choisis ta ville<\/h3>\n<div class=\"tiny\">Appel direct ou WhatsApp (photo\/vid\u00e9o)<\/div>\n<\/div>\n<\/div>\n<div class=\"hr\"><\/div>\n<p><label for=\"cityPick\">Ville<\/label><br \/>\n<select id=\"cityPick\" class=\"input\"><option value=\"Casablanca\">Casablanca<\/option><option value=\"Marrakech\">Marrakech<\/option><\/select><\/p>\n<div class=\"actions\"><a id=\"hero-call\" class=\"btn primary\" href=\"#\">\ud83d\udcde Appeler maintenant<\/a><br \/>\n<a id=\"hero-wa\" class=\"btn\" href=\"#\">\ud83d\udcac WhatsApp<\/a><\/div>\n<div class=\"hr\"><\/div>\n<div class=\"tiny\">\ud83d\udd25 Chaudi\u00e8res : commande + installation \u2022 \ud83d\udee1\ufe0f Serrurerie : ouverture sans d\u00e9g\u00e2ts selon cas \u2022 \u26a1 \u00c9lectricit\u00e9 : mise en s\u00e9curit\u00e9.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- ===== SERVICES ===== --><\/p>\n<div id=\"sos-services\" class=\"section\">\n<div class=\"wrap\">\n<h2>Services d\u2019urgence<\/h2>\n<p class=\"muted\">3 m\u00e9tiers, une seule \u00e9quipe. Intervention rapide, surtout en urgence.<\/p>\n<div class=\"grid services\">\n<div class=\"card\">\n<div style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 10px;\">\n<div class=\"icon\">\ud83d\udeb0<\/div>\n<div>\n<h3>Plomberie<\/h3>\n<div class=\"tiny\">Fuites, WC bouch\u00e9s, chauffe-eau, pompes<\/div>\n<\/div>\n<\/div>\n<ul class=\"list\">\n<li>Fuite \/ d\u00e9g\u00e2t des eaux<\/li>\n<li>D\u00e9bouchage WC \/ \u00e9vier<\/li>\n<li>Robinetterie &amp; tuyauterie<\/li>\n<li>Pompe \/ surpresseur \/ pression<\/li>\n<\/ul>\n<div class=\"hr\"><\/div>\n<p><span class=\"tag\">Urgence eau = priorit\u00e9<\/span><\/p>\n<\/div>\n<div class=\"card\">\n<div style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 10px;\">\n<div class=\"icon\">\u26a1<\/div>\n<div>\n<h3>\u00c9lectricit\u00e9<\/h3>\n<div class=\"tiny\">Pannes, disjoncteur, court-circuit, tableau<\/div>\n<\/div>\n<\/div>\n<ul class=\"list\">\n<li>Disjoncteur qui saute<\/li>\n<li>Odeur de br\u00fbl\u00e9 \/ court-circuit<\/li>\n<li>Prises, \u00e9clairage, tableau<\/li>\n<li>Mise en s\u00e9curit\u00e9<\/li>\n<\/ul>\n<div class=\"hr\"><\/div>\n<p><span class=\"tag\">S\u00e9curit\u00e9 d\u2019abord<\/span><\/p>\n<\/div>\n<div class=\"card\">\n<div style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 10px;\">\n<div class=\"icon\">\ud83d\udd11<\/div>\n<div>\n<h3>Serrurerie<\/h3>\n<div class=\"tiny\">Ouverture, cylindres, s\u00e9curisation<\/div>\n<\/div>\n<\/div>\n<ul class=\"list\">\n<li>Porte claqu\u00e9e \/ cl\u00e9 perdue<\/li>\n<li>Serrure cass\u00e9e \/ cylindre<\/li>\n<li>Remplacement \/ renfort<\/li>\n<li>S\u00e9curisation apr\u00e8s effraction<\/li>\n<\/ul>\n<div class=\"hr\"><\/div>\n<p><span class=\"tag\">Sans d\u00e9g\u00e2ts si possible<\/span><\/p>\n<\/div>\n<\/div>\n<div class=\"section\" style=\"padding: 22px 0 0;\">\n<div class=\"grid features\">\n<div class=\"card\">\n<h3>\u2705 Devis annonc\u00e9<\/h3>\n<p class=\"muted\">On explique avant de se d\u00e9placer (selon description + photos).<\/p>\n<\/div>\n<div class=\"card\">\n<h3>\ud83e\uddfe Facture<\/h3>\n<p class=\"muted\">Facture\/justificatif selon besoin.<\/p>\n<\/div>\n<div class=\"card\">\n<h3>\ud83e\uddf0 Mat\u00e9riel pro<\/h3>\n<p class=\"muted\">Outils adapt\u00e9s, intervention propre &amp; rapide.<\/p>\n<\/div>\n<div class=\"card\">\n<h3>\ud83d\udee1\ufe0f Garantie<\/h3>\n<p class=\"muted\">Garantie sur intervention (selon service et pi\u00e8ces).<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- ===== ZONES ===== --><\/p>\n<div id=\"sos-zones\" class=\"section\" style=\"background: rgba(0,0,0,.02); border-top: 1px solid rgba(0,0,0,.08); border-bottom: 1px solid rgba(0,0,0,.08);\">\n<div class=\"wrap\">\n<h2>Zones d\u2019intervention<\/h2>\n<div class=\"twoCol\">\n<div class=\"card\">\n<h3>\ud83d\udccd Casablanca &amp; environs<\/h3>\n<p class=\"muted\">Maarif, Ain Diab, Anfa, Bourgogne, Hay Hassani, Sidi Maarouf, Californie, Bouskoura\u2026<\/p>\n<p><span class=\"tag\">\u00c9quipe d\u00e9di\u00e9e Casablanca<\/span><\/p>\n<\/div>\n<div class=\"card\">\n<h3>\ud83d\udccd Marrakech &amp; environs<\/h3>\n<p class=\"muted\">Gu\u00e9liz, Hivernage, Palmeraie, Targa, Sidi Ghanem, Route de Casablanca\u2026<\/p>\n<p><span class=\"tag\">\u00c9quipe d\u00e9di\u00e9e Marrakech<\/span><\/p>\n<\/div>\n<\/div>\n<p class=\"tiny\">Si tu es hors zone : WhatsApp ta localisation \u2192 on te r\u00e9pond direct.<\/p>\n<\/div>\n<\/div>\n<p><!-- ===== SHOP ===== --><\/p>\n<div id=\"sos-shop\" class=\"section\">\n<div class=\"wrap\">\n<h2>Boutique chaudi\u00e8res &amp; \u00e9quipements<\/h2>\n<p class=\"muted\">Commande + livraison + installation possible (selon disponibilit\u00e9). Id\u00e9al pour \u00e9quiper maison\/appartement.<\/p>\n<div class=\"grid shop\">\n<div class=\"card\">\n<div style=\"display: flex; align-items: center; gap: 12px;\">\n<div class=\"icon\">\ud83d\udd25<\/div>\n<div>\n<h3>Chaudi\u00e8res murales<\/h3>\n<div class=\"tiny\">\u00c9co \u2022 Confort \u2022 Premium<\/div>\n<\/div>\n<\/div>\n<div class=\"hr\"><\/div>\n<p class=\"muted\">Remplace ces liens par tes produits WooCommerce :<\/p>\n<div style=\"display: grid; gap: 10px;\"><a class=\"pill\" href=\"#\">Chaudi\u00e8re \u00c9co \u2014 Voir<\/a><br \/>\n<a class=\"pill\" href=\"#\">Chaudi\u00e8re Confort \u2014 Voir<\/a><br \/>\n<a class=\"pill\" href=\"#\">Chaudi\u00e8re Premium \u2014 Voir<\/a><\/div>\n<div class=\"hr\"><\/div>\n<p><span class=\"tag\">Conseil gratuit<\/span><\/p>\n<\/div>\n<div class=\"card\">\n<div style=\"display: flex; align-items: center; gap: 12px;\">\n<div class=\"icon\">\ud83e\udde9<\/div>\n<div>\n<h3>Pi\u00e8ces &amp; accessoires<\/h3>\n<div class=\"tiny\">Vannes \u2022 flexibles \u2022 pompes \u2022 \u00e9lectricit\u00e9<\/div>\n<\/div>\n<\/div>\n<div class=\"hr\"><\/div>\n<ul class=\"list\">\n<li>Vannes, flexibles, robinetterie<\/li>\n<li>Pompes \/ surpresseurs<\/li>\n<li>Disjoncteurs, prises, c\u00e2bles<\/li>\n<li>Serrures, cylindres<\/li>\n<\/ul>\n<div class=\"hr\"><\/div>\n<p><a class=\"btn\" href=\"#sos-contact\">\ud83d\uded2 Demander un produit<\/a><\/p>\n<\/div>\n<div class=\"card\">\n<div style=\"display: flex; align-items: center; gap: 12px;\">\n<div class=\"icon\">\ud83d\udee0\ufe0f<\/div>\n<div>\n<h3>Installation &amp; entretien<\/h3>\n<div class=\"tiny\">Pack installation \u2022 Mise en service<\/div>\n<\/div>\n<\/div>\n<div class=\"hr\"><\/div>\n<p class=\"muted\"><span class=\"price\">Pack installation<\/span> (\u00e0 partir de \u2026 DH) \u2014 selon mod\u00e8le et acc\u00e8s.<\/p>\n<p class=\"muted\"><span class=\"price\">Entretien annuel<\/span> \u2014 sur rendez-vous.<\/p>\n<div class=\"hr\"><\/div>\n<p><a class=\"btn primary\" href=\"#sos-devis\">\u26a1 Devis installation<\/a><\/p>\n<\/div>\n<\/div>\n<p class=\"tiny\">Quand tu actives WooCommerce : je te donne les shortcodes produits\/cat\u00e9gories \u00e0 ins\u00e9rer ici.<\/p>\n<\/div>\n<\/div>\n<p><!-- ===== DEVIS ===== --><\/p>\n<div id=\"sos-devis\" class=\"section\" style=\"background: rgba(0,0,0,.02); border-top: 1px solid rgba(0,0,0,.08); border-bottom: 1px solid rgba(0,0,0,.08);\">\n<div class=\"wrap\">\n<h2>Devis express (2 minutes)<\/h2>\n<p class=\"muted\">Tu envoies \u2192 on te r\u00e9pond vite (WhatsApp conseill\u00e9 avec photo\/vid\u00e9o).<\/p>\n<div class=\"card glass\">\n<div class=\"formGrid\">\n<div><label>Ville<\/label><br \/>\n<select id=\"f-city\" class=\"input\"><option value=\"Casablanca\">Casablanca<\/option><option value=\"Marrakech\">Marrakech<\/option><\/select><\/div>\n<div><label>Service<\/label><br \/>\n<select id=\"f-service\" class=\"input\"><option value=\"Plomberie\">Plomberie<\/option><option value=\"\u00c9lectricit\u00e9\">\u00c9lectricit\u00e9<\/option><option value=\"Serrurerie\">Serrurerie<\/option><option value=\"Chaudi\u00e8re \/ Chauffage\">Chaudi\u00e8re \/ Chauffage<\/option><option value=\"Boutique (commande produit)\">Boutique (commande produit)<\/option><\/select><\/div>\n<div><label>Urgence<\/label><br \/>\n<select id=\"f-urg\" class=\"input\"><option value=\"Oui (urgent)\">Oui (urgent)<\/option><option value=\"Non (standard)\">Non (standard)<\/option><\/select><\/div>\n<div><label>Quartier \/ Adresse<\/label><br \/>\n<input id=\"f-addr\" class=\"input\" type=\"text\" placeholder=\"Ex: Maarif, Rue..., Immeuble...\" \/><\/div>\n<\/div>\n<div style=\"margin-top: 12px;\"><label>Description<\/label><br \/>\n<textarea id=\"f-desc\" placeholder=\"Explique le probl\u00e8me (ex: fuite sous \u00e9vier, disjoncteur saute, porte claqu\u00e9e...)\"><\/textarea><\/div>\n<div class=\"actions\"><button id=\"send-wa\" class=\"btn primary\" type=\"button\">\ud83d\udcac Envoyer WhatsApp<\/button><br \/>\n<button id=\"send-mail\" class=\"btn\" type=\"button\">\u2709\ufe0f Envoyer e-mail<\/button><\/div>\n<div class=\"tiny\">Astuce : apr\u00e8s l\u2019envoi WhatsApp, ajoute 1 photo\/vid\u00e9o + g\u00e9olocalisation.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- ===== AVIS ===== --><\/p>\n<div id=\"sos-avis\" class=\"section\">\n<div class=\"wrap\">\n<h2>Avis clients<\/h2>\n<div class=\"grid reviews\">\n<div class=\"card\">\n<p>\u201cRapide, propre, prix annonc\u00e9. Parfait.\u201d<\/p>\n<div class=\"tiny\"><b>Yassine<\/b> \u2014 Casablanca<\/div>\n<\/div>\n<div class=\"card\">\n<p>\u201cPorte claqu\u00e9e, ouverture sans d\u00e9g\u00e2ts. Pro.\u201d<\/p>\n<div class=\"tiny\"><b>Salma<\/b> \u2014 Marrakech<\/div>\n<\/div>\n<div class=\"card\">\n<p>\u201cPanne \u00e9lectrique r\u00e9gl\u00e9e vite. Merci !\u201d<\/p>\n<div class=\"tiny\"><b>Hicham<\/b> \u2014 Casablanca<\/div>\n<\/div>\n<\/div>\n<div class=\"tiny\">Remplace par tes vrais avis Google d\u00e8s que tu les as.<\/div>\n<\/div>\n<\/div>\n<p><!-- ===== FAQ ===== --><\/p>\n<div id=\"sos-faq\" class=\"section\" style=\"background: rgba(0,0,0,.02); border-top: 1px solid rgba(0,0,0,.08); border-bottom: 1px solid rgba(0,0,0,.08);\">\n<div class=\"wrap\">\n<h2>FAQ<\/h2>\n<div class=\"grid faq\">\n<div class=\"card\">\n<h3>Vous annoncez le prix avant ?<\/h3>\n<p class=\"muted\">Oui : selon la description + photos\/vid\u00e9o, on annonce une estimation \/ fourchette avant d\u00e9placement.<\/p>\n<\/div>\n<div class=\"card\">\n<h3>Vous intervenez la nuit ?<\/h3>\n<p class=\"muted\">Oui (24\/7). Les urgences nuit\/jours f\u00e9ri\u00e9s peuvent avoir un suppl\u00e9ment.<\/p>\n<\/div>\n<div class=\"card\">\n<h3>Chaudi\u00e8res : vous installez aussi ?<\/h3>\n<p class=\"muted\">Oui : pack installation + mise en service selon mod\u00e8le et acc\u00e8s.<\/p>\n<\/div>\n<div class=\"card\">\n<h3>Facture \/ justificatif ?<\/h3>\n<p class=\"muted\">Facture disponible selon besoin (service + pi\u00e8ces).<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- ===== CONTACT ===== --><\/p>\n<div id=\"sos-contact\" class=\"section\">\n<div class=\"wrap\">\n<h2>Contact<\/h2>\n<div class=\"twoCol\">\n<div class=\"card glass\">\n<h3>Urgence 24\/7<\/h3>\n<p class=\"muted\">Appelle selon ta ville :<\/p>\n<div class=\"actions\"><a id=\"call-casa\" class=\"btn primary\" href=\"#\">\ud83d\udcde Casablanca<\/a><br \/>\n<a id=\"call-marra\" class=\"btn\" href=\"#\">\ud83d\udcde Marrakech<\/a><\/div>\n<div class=\"hr\"><\/div>\n<p><a id=\"wa-contact\" class=\"btn\" href=\"#\">\ud83d\udcac WhatsApp (photo\/vid\u00e9o)<\/a><\/p>\n<div class=\"tiny\" style=\"margin-top: 10px;\">Devis clair \u2022 Intervention propre \u2022 Techniciens v\u00e9rifi\u00e9s<\/div>\n<\/div>\n<div class=\"card glass\">\n<h3>Message<\/h3>\n<p class=\"muted\">E-mail pr\u00e9-rempli :<\/p>\n<p><a id=\"mail-contact\" class=\"btn\" href=\"#\">\u2709\ufe0f Envoyer un e-mail<\/a><\/p>\n<div class=\"hr\"><\/div>\n<div class=\"tiny\"><b>Villes :<\/b> Casablanca &amp; Marrakech<\/div>\n<div class=\"tiny\"><b>Horaires :<\/b> 24\/7<\/div>\n<\/div>\n<\/div>\n<div class=\"tiny\" style=\"margin-top: 12px;\">\u00a9 <span id=\"year\"><\/span> SOS D\u00e9panneur \u2014 Tous droits r\u00e9serv\u00e9s.<\/div>\n<\/div>\n<\/div>\n<p><!-- ===== Sticky Mobile Bar ===== --><\/p>\n<div class=\"stickyBar\" aria-label=\"Actions rapides mobile\"><select id=\"stickyCity\" class=\"miniSelect\"><option value=\"Casablanca\">Casablanca<\/option><option value=\"Marrakech\">Marrakech<\/option><\/select><br \/>\n<a id=\"stickyCall\" class=\"miniBtn primary\" href=\"#\">\ud83d\udcde Appeler<\/a><br \/>\n<a id=\"stickyWa\" class=\"miniBtn\" href=\"#\">\ud83d\udcac WhatsApp<\/a><\/div>\n<p><!-- ===== Script ===== --><br \/>\n<script>\n    (function(){\n      const cfg = window.SOS_DEP || {};\n      const telCasa = (cfg.telCasa || \"\").trim();\n      const telMarra = (cfg.telMarra || \"\").trim();\n      const wa = (cfg.whatsapp || \"\").trim().replace(\/\\s+\/g,'').replace(\/^\\+\/, '');\n      const email = (cfg.email || \"\").trim();<\/p>\n<p>      function telHref(num){ return \"tel:\" + encodeURIComponent((num||\"\").replace(\/\\s+\/g,'')); }\n      function waHref(text){\n        const base = \"https:\/\/wa.me\/\" + encodeURIComponent(wa);\n        return base + \"?text=\" + encodeURIComponent(text);\n      }\n      function mailHref(subject, body){\n        return \"mailto:\" + encodeURIComponent(email) + \"?subject=\" + encodeURIComponent(subject) + \"&body=\" + encodeURIComponent(body);\n      }<\/p>\n<p>      function cityPhone(city){\n        return (city === \"Marrakech\") ? telMarra : telCasa;\n      }\n      function buildMessage(){\n        const city = (document.getElementById(\"f-city\")||{}).value || \"\";\n        const service = (document.getElementById(\"f-service\")||{}).value || \"\";\n        const urg = (document.getElementById(\"f-urg\")||{}).value || \"\";\n        const addr = (document.getElementById(\"f-addr\")||{}).value || \"\";\n        const desc = (document.getElementById(\"f-desc\")||{}).value || \"\";\n        return (\n          \"Bonjour SOS D\u00e9panneur,%0D%0A\" +\n          \"Ville: \" + city + \"%0D%0A\" +\n          \"Service: \" + service + \"%0D%0A\" +\n          \"Urgence: \" + urg + \"%0D%0A\" +\n          \"Adresse\/Quartier: \" + addr + \"%0D%0A\" +\n          \"Description: \" + desc + \"%0D%0A%0D%0A\" +\n          \"Merci.\"\n        );\n      }<\/p>\n<p>      \/\/ Top buttons (default Casablanca)\n      const set = (id, href) => { const el=document.getElementById(id); if(el) el.setAttribute(\"href\", href); };<\/p>\n<p>      set(\"top-call\", telCasa ? telHref(telCasa) : \"#\");\n      set(\"call-casa\", telCasa ? telHref(telCasa) : \"#\");\n      set(\"call-marra\", telMarra ? telHref(telMarra) : \"#\");<\/p>\n<p>      const genericWA = \"Bonjour SOS D\u00e9panneur, j\u2019ai besoin d\u2019une intervention. Ville\/Quartier: ... Probl\u00e8me: ...\";\n      set(\"top-wa\", wa ? waHref(genericWA) : \"#\");\n      set(\"wa-contact\", wa ? waHref(genericWA) : \"#\");<\/p>\n<p>      \/\/ Hero dynamic call\/wa based on cityPick\n      const cityPick = document.getElementById(\"cityPick\");\n      const heroCall = document.getElementById(\"hero-call\");\n      const heroWa = document.getElementById(\"hero-wa\");<\/p>\n<p>      function refreshHero(){\n        const city = (cityPick && cityPick.value) ? cityPick.value : \"Casablanca\";\n        const phone = cityPhone(city);\n        if(heroCall) heroCall.href = phone ? telHref(phone) : \"#\";\n        if(heroWa) heroWa.href = wa ? waHref(\"Bonjour SOS D\u00e9panneur, urgence \u00e0 \" + city + \". Adresse: ... Probl\u00e8me: ... (je peux envoyer photo\/vid\u00e9o)\") : \"#\";\n      }\n      if(cityPick) cityPick.addEventListener(\"change\", refreshHero);\n      refreshHero();<\/p>\n<p>      \/\/ Form actions\n      const sendWa = document.getElementById(\"send-wa\");\n      if(sendWa){\n        sendWa.addEventListener(\"click\", function(){\n          if(!wa){ alert(\"WhatsApp non configur\u00e9. Remplace WHATSAPP dans le code.\"); return; }\n          const msg = decodeURIComponent(buildMessage());\n          window.open(waHref(msg), \"_blank\", \"noopener\");\n        });\n      }\n      const sendMail = document.getElementById(\"send-mail\");\n      if(sendMail){\n        sendMail.addEventListener(\"click\", function(){\n          if(!email){ alert(\"Email non configur\u00e9. Remplace EMAIL dans le code.\"); return; }\n          const body = decodeURIComponent(buildMessage());\n          window.location.href = mailHref(\"Demande de devis - SOS D\u00e9panneur\", body);\n        });\n      }<\/p>\n<p>      \/\/ Contact mail\n      set(\"mail-contact\", email ? mailHref(\n        \"Contact - SOS D\u00e9panneur\",\n        \"Bonjour SOS D\u00e9panneur,%0D%0A%0D%0AVille: ...%0D%0AService: ...%0D%0AUrgence: ...%0D%0AAdresse: ...%0D%0ADescription: ...%0D%0A%0D%0AMerci.\"\n      ) : \"#\");<\/p>\n<p>      \/\/ Sticky bar\n      const stickyCity = document.getElementById(\"stickyCity\");\n      const stickyCall = document.getElementById(\"stickyCall\");\n      const stickyWa = document.getElementById(\"stickyWa\");<\/p>\n<p>      function refreshSticky(){\n        const city = stickyCity ? stickyCity.value : \"Casablanca\";\n        const phone = cityPhone(city);\n        if(stickyCall) stickyCall.href = phone ? telHref(phone) : \"#\";\n        if(stickyWa) stickyWa.href = wa ? waHref(\"Bonjour SOS D\u00e9panneur, urgence \u00e0 \" + city + \". Adresse: ... Probl\u00e8me: ...\") : \"#\";\n      }\n      if(stickyCity) stickyCity.addEventListener(\"change\", refreshSticky);\n      refreshSticky();<\/p>\n<p>      \/\/ Year\n      const y = document.getElementById(\"year\");\n      if(y) y.textContent = new Date().getFullYear();\n    })();\n  <\/script><\/p>\n<\/section>\n<p><!-- \/SOS DEPANNEUR 2026 --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>SOS SOS D\u00e9panneur Urgence 24\/7 Plomberie \u2022 \u00c9lectricit\u00e9 \u2022 Serrurerie \u2022 Chaudi\u00e8res \u2014 Casablanca &amp; Marrakech Services Zones Boutique Devis Avis FAQ Contact \ud83d\udcde Appel urgence \ud83d\udcac WhatsApp Intervention rapide \u2022 Devis annonc\u00e9 \u2022 Techniciens v\u00e9rifi\u00e9s D\u00e9pannage urgent \u00e0 Casablanca &amp; Marrakech \u2014 24\/7 Plomberie, \u00e9lectricit\u00e9, serrurerie + vente &amp; installation de chaudi\u00e8res. Tu sais [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sosdepanneur.com\/index.php?rest_route=\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sosdepanneur.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sosdepanneur.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sosdepanneur.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sosdepanneur.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=32"}],"version-history":[{"count":4,"href":"https:\/\/sosdepanneur.com\/index.php?rest_route=\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":64,"href":"https:\/\/sosdepanneur.com\/index.php?rest_route=\/wp\/v2\/pages\/32\/revisions\/64"}],"wp:attachment":[{"href":"https:\/\/sosdepanneur.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}