{"id":158,"date":"2026-03-24T06:50:02","date_gmt":"2026-03-24T06:50:02","guid":{"rendered":"https:\/\/elabaura.company\/index.php\/services\/"},"modified":"2026-09-04T10:32:17","modified_gmt":"2026-09-04T10:32:17","slug":"services","status":"publish","type":"page","link":"https:\/\/elabaura.company\/index.php\/services\/","title":{"rendered":"Nos services"},"content":{"rendered":"    <div class=\"elabaura-home elabaura-services\">\n        <section class=\"elabaura-section elabaura-hero elabaura-delay-1\">\n            <h1>Rejoindre la communaut\u00e9<\/h1>\n            <p class=\"elabaura-tagline\"><em>Choisissez l'univers qui vous ressemble et vivez l'histoire qui vous inspire.<\/em><\/p>\n            <p>Elabaura Company r\u00e9unit des ambassadeurs passionn\u00e9s autour de services pens\u00e9s pour cr\u00e9er des aventures durables. Ici, chaque communaut\u00e9 a sa personnalit\u00e9, son rythme et sa vision. \u00c0 vous de rejoindre celle qui vous parle le plus.<\/p>\n            <p>Que vous cherchiez un r\u00f4leplay exigeant, une \u00e9quipe soud\u00e9e ou des contenus exclusifs pour enrichir vos exp\u00e9riences, tout est construit pour que vous viviez le meilleur. Rejoignez-nous et donnez une nouvelle dimension \u00e0 votre histoire.<\/p>\n        <\/section>\n\n        \n        <section class=\"elabaura-section elabaura-delay-2\">\n            <h2>Nos services & communaut\u00e9s<\/h2>\n            <p>Parcourez nos univers et choisissez l'exp\u00e9rience qui vous correspond. Chaque service est accompagn\u00e9 par la communaut\u00e9 Elabaura et par une \u00e9quipe engag\u00e9e.<\/p>\n            <div class=\"elabaura-services-filters\">\n                                    <button type=\"button\" class=\"elabaura-button elabaura-button-outline is-active\" data-service-filter=\"all\">\n                        Tous                    <\/button>\n                                    <button type=\"button\" class=\"elabaura-button elabaura-button-outline\" data-service-filter=\"fivem\">\n                        FiveM                    <\/button>\n                            <\/div>\n            <div class=\"elabaura-services-list\">\n                                                                        <article class=\"elabaura-card elabaura-service-card\" data-service-categories=\"fivem\">\n                                    <a class=\"elabaura-service-banner\" href=\"https:\/\/elabaura.company\/index.php\/celestia-rp\/\" aria-label=\"D\u00e9couvrir Celestia RP\">\n                        <img decoding=\"async\" src=\"https:\/\/elabaura.company\/wp-content\/themes\/elabaura-theme\/assets\/celestia-hero-v1.png\" alt=\"Banni\u00e8re Celestia RP\">\n                    <\/a>\n                                                            <span class=\"elabaura-service-ribbon\">Nouveau<\/span>\n                                                <div class=\"elabaura-service-badges\">\n                                                                                        <span class=\"elabaura-service-badge is-new\">Nouveau<\/span>\n                                                                                        <span class=\"elabaura-service-badge\">Actif<\/span>\n                                                    <\/div>\n                        <h3>Celestia RP<\/h3>\n                        <p>Serveur FiveM roleplay semi whitelist : une communaut\u00e9 structur\u00e9e, des sc\u00e8nes coh\u00e9rentes et un univers vivant o\u00f9 chaque personnage peut construire son histoire.<\/p>\n                            <div class=\"elabaura-service-status is-celestia\" data-celestia-status=\"1\" data-auth=\"0\" data-login-url=\"https:\/\/elabaura.company\/index.php\/connexion\/\">\n        <div class=\"elabaura-service-status-top\">\n            <span class=\"elabaura-status-dot is-offline\"><\/span>\n            <strong class=\"elabaura-status-text\">Actualisation\u2026<\/strong>\n            <span class=\"elabaura-status-chip\"><span class=\"elabaura-status-players\">--<\/span>\/<span class=\"elabaura-status-max\">--<\/span> joueurs<\/span>\n            <span class=\"elabaura-status-chip\">Ping <span class=\"elabaura-status-ping\">--<\/span> ms<\/span>\n        <\/div>\n                    <div class=\"elabaura-service-status-grid\">\n                <div>\n                    <span class=\"elabaura-status-label\">Adresse<\/span>\n                    <span class=\"elabaura-status-address\">\u2014<\/span>\n                <\/div>\n                <div>\n                    <span class=\"elabaura-status-label\">Carte<\/span>\n                    <span class=\"elabaura-status-map\">\u2014<\/span>\n                <\/div>\n                <div>\n                    <span class=\"elabaura-status-label\">Mode<\/span>\n                    <span class=\"elabaura-status-gametype\">\u2014<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"elabaura-service-status-actions\">\n                                    <span class=\"elabaura-celestia-refresh\" aria-live=\"polite\">Connexion au serveur de statut\u2026<\/span>\n                            <\/div>\n                        <\/div>\n                            <div class=\"elabaura-service-card-actions\">\n                                                            <a class=\"elabaura-button elabaura-button-outline\" href=\"https:\/\/elabaura.company\/index.php\/celestia-rp\/\">Voir la pr\u00e9sentation<\/a>\n                                                        <a class=\"elabaura-button elabaura-login-required\" href=\"https:\/\/elabaura.company\/index.php\/connexion\/\" >\n                                Connexion requise                            <\/a>\n                        <\/div>\n                    <\/article>\n                            <\/div>\n        <\/section>\n\n        <section class=\"elabaura-section elabaura-cta elabaura-delay-3 elabaura-services-cta\">\n            <h2>Choisissez votre aventure, on s'occupe du reste.<\/h2>\n            <p>Nous croyons en la force du collectif et en l'ambition port\u00e9e par la communaut\u00e9. Rejoignez Elabaura Company et construisons, ensemble, des aventures qui comptent.<\/p>\n            <div class=\"elabaura-buttons\">\n                <a class=\"elabaura-button elabaura-button-outline\" href=\"https:\/\/elabaura.company\/index.php\/boutique\/\">Explorer la boutique<\/a>\n            <\/div>\n        <\/section>\n\n        <section class=\"elabaura-section elabaura-quotes\">\n            <blockquote>\"Elabaura Company \u2014 Ensemble, on b\u00e2tit plus grand.\"<\/blockquote>\n            <blockquote>\"Ambassadeurs d'aujourd'hui. B\u00e2tisseurs de demain.\"<\/blockquote>\n        <\/section>\n        <script>\n            document.addEventListener('DOMContentLoaded', function () {\n                const ajaxUrl = \"https:\\\/\\\/elabaura.company\\\/wp-admin\\\/admin-ajax.php\";\n                const celestiaBlocks = document.querySelectorAll('[data-celestia-status=\"1\"]');\n\n                const setCelestiaText = function (block, selector, value) {\n                    const element = block.querySelector(selector);\n                    if (element) {\n                        element.textContent = value;\n                    }\n                };\n\n                const updateCelestiaBlock = function (block, status) {\n                    const online = status && status.status === 'online';\n                    const dot = block.querySelector('.elabaura-status-dot');\n                    if (dot) {\n                        dot.classList.toggle('is-online', online);\n                        dot.classList.toggle('is-offline', !online);\n                        dot.classList.remove('is-maintenance');\n                    }\n\n                    setCelestiaText(block, '.elabaura-status-text', online ? 'En ligne' : 'Hors ligne');\n                    setCelestiaText(block, '.elabaura-status-players', status ? String(status.players || 0) : '0');\n                    setCelestiaText(block, '.elabaura-status-max', status && status.max_players ? String(status.max_players) : '--');\n                    setCelestiaText(block, '.elabaura-status-ping', online && status.latency_ms ? String(status.latency_ms) : '--');\n                    setCelestiaText(block, '.elabaura-status-address', status && status.address ? status.address : '\u2014');\n                    setCelestiaText(block, '.elabaura-status-map', status && status.map ? status.map : '\u2014');\n                    setCelestiaText(block, '.elabaura-status-gametype', status && status.gametype ? status.gametype : 'Semi whitelist');\n\n                    const refresh = block.querySelector('.elabaura-celestia-refresh');\n                    if (refresh) {\n                        const now = new Date();\n                        refresh.textContent = 'Mis \u00e0 jour \u00e0 ' + now.toLocaleTimeString('fr-FR') + ' \u00b7 actualisation toutes les 2 secondes';\n                    }\n                };\n\n                const refreshCelestia = function (block) {\n                    if (block.dataset.refreshing === '1') {\n                        return;\n                    }\n                    block.dataset.refreshing = '1';\n                    const requestUrl = ajaxUrl + '?action=elabaura_celestia_status&t=' + Date.now();\n\n                    fetch(requestUrl, {\n                        credentials: 'same-origin',\n                        cache: 'no-store'\n                    })\n                        .then(function (response) {\n                            return response.ok ? response.json() : null;\n                        })\n                        .then(function (payload) {\n                            updateCelestiaBlock(block, payload && payload.success ? payload.data : null);\n                        })\n                        .catch(function () {\n                            updateCelestiaBlock(block, null);\n                        })\n                        .finally(function () {\n                            block.dataset.refreshing = '0';\n                            window.setTimeout(function () {\n                                refreshCelestia(block);\n                            }, 2000);\n                        });\n                };\n\n                celestiaBlocks.forEach(function (block) {\n                    refreshCelestia(block);\n                });\n            });\n\n            document.addEventListener('DOMContentLoaded', function () {\n                const buttons = document.querySelectorAll('[data-service-filter]');\n                const cards = document.querySelectorAll('[data-service-categories]');\n                if (!buttons.length || !cards.length) {\n                    return;\n                }\n                const applyFilter = function (filter) {\n                    cards.forEach(function (card) {\n                        const categories = (card.dataset.serviceCategories || '').split(' ').filter(Boolean);\n                        const match = filter === 'all' || categories.includes(filter);\n                        card.style.display = match ? '' : 'none';\n                    });\n                };\n                buttons.forEach(function (button) {\n                    button.addEventListener('click', function () {\n                        buttons.forEach(function (btn) {\n                            btn.classList.remove('is-active');\n                        });\n                        button.classList.add('is-active');\n                        applyFilter(button.dataset.serviceFilter || 'all');\n                    });\n                });\n                applyFilter('all');\n            });\n        <\/script>\n    <\/div>\n    \n    <section class=\"elabaura-hosting-service\" aria-labelledby=\"elabaura-hosting-service-title\">\n      <div class=\"elabaura-hosting-service-icon\" aria-hidden=\"true\">\u2601<\/div>\n      <div class=\"elabaura-hosting-service-copy\">\n        <span class=\"elabaura-hosting-eyebrow\">Nouveau service<\/span>\n        <h2 id=\"elabaura-hosting-service-title\">Panels Gaming Pterodactyl<\/h2>\n        <p>Un panel Pterodactyl personnel pour h\u00e9berger et g\u00e9rer vos serveurs de jeux, avec des ressources adapt\u00e9es \u00e0 votre communaut\u00e9 et un suivi depuis votre espace membre.<\/p>\n        <ul><li>Six formules \u00e9volutives<\/li><li>Plusieurs jeux pris en charge<\/li><li>Protection r\u00e9seau et stockage NVMe<\/li><li>Gestion des renouvellements et performances<\/li><\/ul>\n      <\/div>\n      <div class=\"elabaura-hosting-service-action\">\n        <span class=\"elabaura-hosting-live is-available\"><i><\/i>7 configurations disponibles<\/span>\n        <a class=\"elabaura-submit\" href=\"https:\/\/elabaura.company\/index.php\/boutique\/\">D\u00e9couvrir les formules<\/a>\n      <\/div>\n    <\/section>\n    <style>.elabaura-hosting-service{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center;padding:28px;margin:28px 0;border-radius:26px;background:linear-gradient(135deg,#fff 0%,#f7efe5 100%);border:1px solid rgba(138,106,69,.2);box-shadow:0 18px 40px rgba(44,34,24,.08)}.elabaura-hosting-service-icon{display:grid;place-items:center;width:66px;height:66px;border-radius:20px;background:#8a6a45;color:#fff;font-size:30px}.elabaura-hosting-eyebrow{font-weight:800;color:#8a6a45;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.elabaura-hosting-service h2{margin:5px 0 9px}.elabaura-hosting-service p{margin:0 0 12px}.elabaura-hosting-service ul{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0;padding-left:18px}.elabaura-hosting-service-action{display:grid;gap:12px;min-width:190px;text-align:center}.elabaura-hosting-live{font-weight:800}.elabaura-hosting-live i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;background:#b63b32}.elabaura-hosting-live.is-available i{background:#26945a}@media(max-width:760px){.elabaura-hosting-service{grid-template-columns:1fr}.elabaura-hosting-service-action{text-align:left}}<\/style>\n        \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-158","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/elabaura.company\/index.php\/wp-json\/wp\/v2\/pages\/158","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elabaura.company\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elabaura.company\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elabaura.company\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elabaura.company\/index.php\/wp-json\/wp\/v2\/comments?post=158"}],"version-history":[{"count":1,"href":"https:\/\/elabaura.company\/index.php\/wp-json\/wp\/v2\/pages\/158\/revisions"}],"predecessor-version":[{"id":562,"href":"https:\/\/elabaura.company\/index.php\/wp-json\/wp\/v2\/pages\/158\/revisions\/562"}],"wp:attachment":[{"href":"https:\/\/elabaura.company\/index.php\/wp-json\/wp\/v2\/media?parent=158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}