{"id":33,"date":"2026-08-14T00:15:39","date_gmt":"2026-08-14T00:15:39","guid":{"rendered":"http:\/\/comcost.fr\/?page_id=33"},"modified":"2026-08-14T00:15:40","modified_gmt":"2026-08-14T00:15:40","slug":"33-2","status":"publish","type":"page","link":"https:\/\/comcost.fr\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\n \n \n ComCost \u2014 Site en maintenance<\/title>\n \n <!-- Typographies : Montserrat & Inter -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500&family=Montserrat:wght@600;700;800&display=swap\" rel=\"stylesheet\">\n \n <style>\n :root {\n --bleu-nuit: #0B192C;\n --or-bronze: #C5A059;\n --gris-soie: #F4F6F8;\n --gris-titane: #4A5568;\n --blanc: #FFFFFF;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n background-color: var(--gris-soie);\n color: var(--gris-titane);\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 100vh;\n padding: 24px;\n }\n\n .card {\n background-color: var(--blanc);\n max-width: 520px;\n width: 100%;\n padding: 48px 40px;\n border-radius: 12px;\n box-shadow: 0 12px 32px rgba(11, 25, 44, 0.08);\n border-top: 5px solid var(--or-bronze);\n text-align: center;\n }\n\n \/* Conteneur du logo textuel *\/\n .brand-logo {\n margin-bottom: 32px;\n display: flex;\n justify-content: center;\n }\n\n .logo-text {\n font-family: 'Montserrat', sans-serif;\n font-weight: 700;\n font-size: 42px;\n color: var(--bleu-nuit);\n line-height: 0.9;\n text-transform: uppercase;\n letter-spacing: -1px;\n text-align: center;\n }\n\n .status-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 13px;\n font-weight: 500;\n color: var(--bleu-nuit);\n background-color: rgba(197, 160, 89, 0.15);\n padding: 6px 14px;\n border-radius: 20px;\n margin-bottom: 24px;\n }\n\n .status-dot {\n width: 8px;\n height: 8px;\n background-color: var(--or-bronze);\n border-radius: 50%;\n animation: pulse-dot 1.5s infinite;\n }\n\n @keyframes pulse-dot {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.4; transform: scale(0.85); }\n }\n\n h1 {\n font-family: 'Montserrat', sans-serif;\n font-weight: 700;\n color: var(--bleu-nuit);\n font-size: 22px;\n margin-bottom: 12px;\n line-height: 1.3;\n }\n\n p {\n font-size: 15px;\n line-height: 1.6;\n margin-bottom: 28px;\n color: var(--gris-titane);\n }\n\n .progress-container {\n background-color: var(--gris-soie);\n border-radius: 20px;\n height: 8px;\n width: 100%;\n overflow: hidden;\n margin-bottom: 32px;\n }\n\n .progress-bar {\n background: linear-gradient(90deg, var(--bleu-nuit), var(--or-bronze));\n height: 100%;\n width: 80%;\n border-radius: 20px;\n animation: shimmer 2s infinite linear;\n background-size: 200% 100%;\n }\n\n @keyframes shimmer {\n 0% { background-position: 100% 0; }\n 100% { background-position: -100% 0; }\n }\n\n .contact-btn {\n display: inline-block;\n background-color: var(--bleu-nuit);\n color: var(--blanc);\n text-decoration: none;\n font-family: 'Montserrat', sans-serif;\n font-weight: 600;\n font-size: 14px;\n padding: 12px 28px;\n border-radius: 6px;\n transition: background-color 0.2s ease, transform 0.1s ease;\n }\n\n .contact-btn:hover {\n background-color: #162a45;\n transform: translateY(-1px);\n }\n\n .footer-text {\n margin-top: 36px;\n font-size: 12px;\n color: #8C98A6;\n margin-bottom: 0;\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"card\">\n <!-- Logo Textuel Uniquement -->\n <div class=\"brand-logo\">\n <div class=\"logo-text\">\n COM<br>COST\n <\/div>\n <\/div>\n\n <div>\n <div class=\"status-badge\">\n <span class=\"status-dot\"><\/span>\n Lancement imminent\n <\/div>\n <\/div>\n\n <h1>Plateforme en cours de pr\u00e9paration<\/h1>\n <p>Notre nouveau site est en phase finale d’ajustement. Nous serons en ligne dans tr\u00e8s peu de temps.<\/p>\n\n <div class=\"progress-container\">\n <div class=\"progress-bar\"><\/div>\n <\/div>\n\n <a href=\"mailto:contact@comcost.fr\" class=\"contact-btn\">Nous contacter<\/a>\n\n <p class=\"footer-text\">© <span id=\"year\"><\/span> ComCost. Tous droits r\u00e9serv\u00e9s.<\/p>\n <\/div>\n\n <script>\n document.getElementById('year').textContent = new Date().getFullYear();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-33","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/comcost.fr\/index.php\/wp-json\/wp\/v2\/pages\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/comcost.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/comcost.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/comcost.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/comcost.fr\/index.php\/wp-json\/wp\/v2\/comments?post=33"}],"version-history":[{"count":1,"href":"https:\/\/comcost.fr\/index.php\/wp-json\/wp\/v2\/pages\/33\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/comcost.fr\/index.php\/wp-json\/wp\/v2\/pages\/33\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/comcost.fr\/index.php\/wp-json\/wp\/v2\/media?parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}