{"id":6,"date":"2025-11-20T19:14:58","date_gmt":"2025-11-20T19:14:58","guid":{"rendered":"https:\/\/haoandco.ma\/?page_id=6"},"modified":"2025-11-20T20:04:51","modified_gmt":"2025-11-20T20:04:51","slug":"home","status":"publish","type":"page","link":"https:\/\/haoandco.ma\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6\" class=\"elementor elementor-6\">\n\t\t\t\t<div class=\"elementor-element elementor-element-126055b e-flex e-con-boxed e-con e-parent\" data-id=\"126055b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c9df56 elementor-widget elementor-widget-html\" data-id=\"3c9df56\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================== Page Maintenance + Lightbox Haoandco (2025) ================== -->\r\n<section class=\"hao-maintenance\">\r\n  <div class=\"hao-card\">\r\n\r\n    <div class=\"hao-top\">\r\n      <span class=\"hao-badge\">HAOANDCO<\/span>\r\n    <\/div>\r\n\r\n    <h1 class=\"hao-title\">Nous pr\u00e9parons quelque chose d\u2019exceptionnel<\/h1>\r\n\r\n    <p class=\"hao-subtitle\">\r\n      Notre site est temporairement en maintenance.  \r\n      D\u00e9couvrez en attendant les services et expertises de notre agence.\r\n    <\/p>\r\n\r\n    <div class=\"hao-status\">\r\n      <span class=\"hao-dot\"><\/span>\r\n      <span>Statut : <strong>Maintenance programm\u00e9e<\/strong><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"hao-progress-wrapper\">\r\n      <div class=\"hao-progress-bar\">\r\n        <div class=\"hao-progress-fill\"><\/div>\r\n      <\/div>\r\n      <div class=\"hao-progress-text\">Mise en ligne imminente\u2026<\/div>\r\n    <\/div>\r\n\r\n    <!-- ===== BOUTON VOIR NOS M\u00c9TIERS ===== -->\r\n    <button class=\"hao-btn\" onclick=\"openHaoLightbox()\">\ud83d\udcc4 Voir nos m\u00e9tiers<\/button>\r\n\r\n    <div class=\"hao-contact\">\r\n      <p>Une question ? Besoin d\u2019informations ?<\/p>\r\n      <p>\r\n        Email : <a href=\"mailto:contact@haoandco.ma\">contact@haoandco.ma<\/a>\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <footer class=\"hao-footer\">\r\n      &copy; <span id=\"haoYear\"><\/span> Haoandco. Tous droits r\u00e9serv\u00e9s.\r\n    <\/footer>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ================== LIGHTBOX ================== -->\r\n<div id=\"haoLightbox\" class=\"hao-lightbox\" onclick=\"closeHaoLightbox()\">\r\n  <div class=\"hao-lightbox-content\">\r\n    <img decoding=\"async\" src=\"https:\/\/haoandco.ma\/wp-content\/uploads\/2025\/11\/nos-metiers.jpeg\" alt=\"Nos m\u00e9tiers Haoandco\">\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  :root {\r\n    --bg1: #0f172a;\r\n    --bg2: #1e293b;\r\n    --card-bg: rgba(15, 23, 42, 0.85);\r\n    --border: rgba(148, 163, 184, 0.25);\r\n    --accent: #f97316;\r\n    --accent-soft: rgba(249, 115, 22, 0.14);\r\n    --text: #f1f5f9;\r\n    --muted: #94a3b8;\r\n  }\r\n\r\n  .hao-maintenance {\r\n    min-height: 100vh;\r\n    padding: 40px 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: radial-gradient(circle at top left, var(--bg2), var(--bg1));\r\n    color: var(--text);\r\n    font-family: \"Inter\", sans-serif;\r\n  }\r\n\r\n  .hao-card {\r\n    width: 100%;\r\n    max-width: 540px;\r\n    padding: 36px 28px 32px;\r\n    background: var(--card-bg);\r\n    border-radius: 20px;\r\n    border: 1px solid var(--border);\r\n    backdrop-filter: blur(18px);\r\n    box-shadow: 0 20px 45px rgba(0,0,0,0.45);\r\n  }\r\n\r\n  .hao-badge {\r\n    padding: 7px 14px;\r\n    font-size: 11px;\r\n    text-transform: uppercase;\r\n    letter-spacing: .08em;\r\n    background: rgba(255,255,255,0.05);\r\n    border: 1px solid rgba(249,115,22,0.45);\r\n    border-radius: 40px;\r\n    color: var(--accent);\r\n  }\r\n\r\n  .hao-title {\r\n    margin: 25px 0 10px;\r\n    font-size: 26px;\r\n    line-height: 1.25;\r\n  }\r\n\r\n  .hao-subtitle {\r\n    font-size: 15px;\r\n    line-height: 1.55;\r\n    margin-bottom: 24px;\r\n    color: var(--muted);\r\n  }\r\n\r\n  .hao-status {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 8px 14px;\r\n    background: var(--accent-soft);\r\n    border-radius: 40px;\r\n    font-size: 13px;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .hao-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    background: #22c55e;\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 0 6px rgba(34,197,94,0.22);\r\n    animation: dotPulse 1.5s ease-out infinite;\r\n  }\r\n\r\n  @keyframes dotPulse {\r\n    0% { transform: scale(0.85); opacity: 1; }\r\n    100% { transform: scale(1.25); opacity: 0.4; }\r\n  }\r\n\r\n  .hao-progress-bar {\r\n    height: 12px;\r\n    width: 100%;\r\n    border-radius: 40px;\r\n    background: rgba(255,255,255,0.06);\r\n    border: 1px solid rgba(255,255,255,0.1);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .hao-progress-fill {\r\n    height: 100%;\r\n    width: 60%;\r\n    background: linear-gradient(90deg, #f97316, #fb923c);\r\n    animation: barAnim 2.6s ease-in-out infinite;\r\n    transform-origin: left;\r\n  }\r\n\r\n  @keyframes barAnim {\r\n    0% { transform: scaleX(0.30); }\r\n    45% { transform: scaleX(0.85); }\r\n    100% { transform: scaleX(0.55); }\r\n  }\r\n\r\n  .hao-progress-text {\r\n    font-size: 13px;\r\n    margin-top: 8px;\r\n    color: var(--muted);\r\n  }\r\n\r\n  .hao-btn {\r\n    margin-top: 20px;\r\n    width: 100%;\r\n    padding: 15px 0;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    border-radius: 10px;\r\n    background: var(--accent);\r\n    border: none;\r\n    cursor: pointer;\r\n    color: #fff;\r\n    transition: 0.3s;\r\n  }\r\n\r\n  .hao-btn:hover {\r\n    background: #e56512;\r\n  }\r\n\r\n  \/* ================== LIGHTBOX ================== *\/\r\n\r\n  .hao-lightbox {\r\n    position: fixed;\r\n    inset: 0;\r\n    background: rgba(0,0,0,0.75);\r\n    display: none;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 12px;\r\n    z-index: 9999;\r\n  }\r\n\r\n  .hao-lightbox img {\r\n    width: 100%;\r\n    max-width: 1000px;\r\n    height: auto;\r\n    max-height: 90vh;\r\n    border-radius: 10px;\r\n  }\r\n\r\n  \/* ================== RESPONSIVE ================== *\/\r\n\r\n  @media (max-width: 600px) {\r\n\r\n    .hao-card {\r\n      padding: 30px 20px 26px;\r\n      border-radius: 16px;\r\n    }\r\n\r\n    .hao-title {\r\n      font-size: 22px;\r\n    }\r\n\r\n    .hao-subtitle {\r\n      font-size: 14px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .hao-btn {\r\n      font-size: 15px;\r\n      padding: 14px 0;\r\n    }\r\n\r\n    .hao-lightbox img {\r\n      max-width: 100%;\r\n      max-height: 85vh;\r\n      object-fit: contain;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n\r\n<script>\r\n  document.getElementById(\"haoYear\").textContent = new Date().getFullYear();\r\n\r\n  function openHaoLightbox() {\r\n    document.getElementById(\"haoLightbox\").style.display = \"flex\";\r\n  }\r\n\r\n  function closeHaoLightbox() {\r\n    document.getElementById(\"haoLightbox\").style.display = \"none\";\r\n  }\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HAOANDCO Nous pr\u00e9parons quelque chose d\u2019exceptionnel Notre site est temporairement en maintenance. D\u00e9couvrez en attendant les services et expertises de notre agence. Statut : Maintenance programm\u00e9e Mise en ligne imminente\u2026 \ud83d\udcc4 Voir nos m\u00e9tiers Une question ? Besoin d\u2019informations ? Email : contact@haoandco.ma &copy; Haoandco. Tous droits r\u00e9serv\u00e9s.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/haoandco.ma\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/haoandco.ma\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/haoandco.ma\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/haoandco.ma\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/haoandco.ma\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":13,"href":"https:\/\/haoandco.ma\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/haoandco.ma\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/32"}],"wp:attachment":[{"href":"https:\/\/haoandco.ma\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}