{"id":6,"date":"2026-10-09T22:37:16","date_gmt":"2026-10-09T22:37:16","guid":{"rendered":"https:\/\/bubble.bvr.services\/?page_id=6"},"modified":"2026-10-10T16:40:58","modified_gmt":"2026-10-10T16:40:58","slug":"accueil","status":"publish","type":"page","link":"https:\/\/bubble.bvr.services\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<style>\n\/* =========================================\n   BUBBLE & CARE \u2014 PAGE D'ACCUEIL\n   Palette officielle de la marque\n========================================= *\/\n\n#bubble-home {\n  --bc-green: #21A62A;\n  --bc-green-medium: #37A63E;\n  --bc-green-light: #B4D9B9;\n  --bc-green-soft: #7EBF83;\n  --bc-gray: #F2F2F2;\n  --bc-dark: #23432B;\n  --bc-text: #35443A;\n  --bc-white: #FFFFFF;\n\n  color: var(--bc-text);\n  font-family: Arial, Helvetica, sans-serif;\n  line-height: 1.65;\n  width: 100%;\n  overflow: hidden;\n}\n\n#bubble-home * {\n  box-sizing: border-box;\n}\n\n#bubble-home h1,\n#bubble-home h2,\n#bubble-home h3 {\n  color: var(--bc-dark);\n  line-height: 1.2;\n  margin-top: 0;\n}\n\n#bubble-home p {\n  margin-top: 0;\n}\n\n#bubble-home a {\n  text-decoration: none;\n}\n\n#bubble-home .bc-container {\n  width: min(1120px, 92%);\n  margin: 0 auto;\n}\n\n#bubble-home .bc-section {\n  padding: 64px 0;\n}\n\n#bubble-home .bc-eyebrow {\n  color: var(--bc-green);\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  font-size: 13px;\n  margin-bottom: 12px;\n}\n\n\/* BOUTONS *\/\n\n#bubble-home .bc-button {\n  display: inline-block;\n  background: var(--bc-green);\n  color: var(--bc-white);\n  padding: 13px 23px;\n  border-radius: 8px;\n  font-weight: 700;\n  border: 2px solid var(--bc-green);\n  text-align: center;\n  transition: background 0.2s ease,\n              transform 0.2s ease;\n}\n\n#bubble-home .bc-button:hover {\n  background: var(--bc-green-medium);\n  border-color: var(--bc-green-medium);\n  color: var(--bc-white);\n  transform: translateY(-2px);\n}\n\n#bubble-home .bc-button-outline {\n  background: transparent;\n  color: var(--bc-green);\n}\n\n#bubble-home .bc-button-outline:hover {\n  color: var(--bc-white);\n}\n\n\/* 1. BANNI\u00c8RE PRINCIPALE *\/\n\n#bubble-home .bc-hero {\n  background: var(--bc-gray);\n  padding: 64px 0;\n}\n\n#bubble-home .bc-hero-grid {\n  display: grid;\n  grid-template-columns: 0.9fr 1.1fr;\n  gap: 42px;\n  align-items: center;\n}\n\n#bubble-home .bc-hero h1 {\n  font-size: clamp(34px, 4.5vw, 54px);\n  margin-bottom: 22px;\n}\n\n#bubble-home .bc-hero h1 span {\n  color: var(--bc-green);\n}\n\n#bubble-home .bc-hero-text {\n  font-size: 17px;\n  margin-bottom: 26px;\n}\n\n#bubble-home .bc-hero-actions {\n  display: flex;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n#bubble-home .bc-hero-visuals {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n}\n\n#bubble-home .bc-hero-card {\n  background: var(--bc-white);\n  border-radius: 18px;\n  overflow: hidden;\n  box-shadow: 0 8px 24px rgba(35, 67, 43, 0.08);\n}\n\n#bubble-home .bc-hero-card img {\n  display: block;\n  width: 100%;\n  height: 280px;\n  object-fit: cover;\n}\n\n#bubble-home .bc-hero-card h3 {\n  padding: 16px 12px;\n  text-align: center;\n  margin: 0;\n  font-size: 18px;\n}\n\n#bubble-home .bc-hero-card:first-child h3 {\n  background: var(--bc-green-light);\n}\n\n#bubble-home .bc-hero-card:last-child h3 {\n  background: var(--bc-green-soft);\n}\n\n\/* 2. PR\u00c9SENTATION DES DEUX PUBLICS *\/\n\n#bubble-home .bc-intro {\n  text-align: center;\n  max-width: 760px;\n  margin: 0 auto 38px;\n}\n\n#bubble-home .bc-intro h2 {\n  font-size: clamp(28px, 3.5vw, 40px);\n  margin-bottom: 16px;\n}\n\n#bubble-home .bc-audience-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 28px;\n}\n\n#bubble-home .bc-audience-card {\n  border: 1px solid var(--bc-green-light);\n  border-radius: 18px;\n  overflow: hidden;\n  background: var(--bc-white);\n  box-shadow: 0 8px 26px rgba(35, 67, 43, 0.06);\n}\n\n#bubble-home .bc-audience-card > img {\n  display: block;\n  width: 100%;\n  height: 280px;\n  object-fit: cover;\n}\n\n#bubble-home .bc-card-content {\n  padding: 28px;\n}\n\n#bubble-home .bc-card-content h3 {\n  font-size: 26px;\n  margin-bottom: 14px;\n}\n\n#bubble-home .bc-benefits {\n  list-style: none;\n  padding: 0;\n  margin: 22px 0;\n}\n\n#bubble-home .bc-benefits li {\n  position: relative;\n  padding-left: 28px;\n  margin-bottom: 10px;\n}\n\n#bubble-home .bc-benefits li::before {\n  content: \"\u2713\";\n  position: absolute;\n  left: 0;\n  top: 0;\n  color: var(--bc-green);\n  font-weight: 800;\n}\n\n#bubble-home .bc-card-actions {\n  margin-top: 22px;\n}\n\n#bubble-home .bc-coming-soon {\n  display: inline-block;\n  background: var(--bc-gray);\n  color: var(--bc-dark);\n  border: 1px solid var(--bc-green-light);\n  border-radius: 8px;\n  padding: 12px 16px;\n  font-weight: 700;\n}\n\n\/* 3. BANDEAU FINAL *\/\n\n#bubble-home .bc-final {\n  background: var(--bc-green-light);\n  text-align: center;\n  padding: 48px 20px;\n}\n\n#bubble-home .bc-final h2 {\n  font-size: clamp(28px, 4vw, 40px);\n  margin-bottom: 12px;\n}\n\n#bubble-home .bc-final p {\n  max-width: 650px;\n  margin: 0 auto 22px;\n}\n\n\/* ADAPTATION MOBILE *\/\n\n@media (max-width: 760px) {\n  #bubble-home .bc-section {\n    padding: 44px 0;\n  }\n\n  #bubble-home .bc-hero {\n    padding: 44px 0;\n  }\n\n  #bubble-home .bc-hero-grid {\n    grid-template-columns: 1fr;\n    gap: 30px;\n  }\n\n  #bubble-home .bc-hero-visuals {\n    gap: 10px;\n  }\n\n  #bubble-home .bc-hero-card img {\n    height: 190px;\n  }\n\n  #bubble-home .bc-hero-card h3 {\n    font-size: 15px;\n    padding: 13px 8px;\n  }\n\n  #bubble-home .bc-audience-grid {\n    grid-template-columns: 1fr;\n  }\n\n  #bubble-home .bc-audience-card > img {\n    height: 240px;\n  }\n\n  #bubble-home .bc-card-content {\n    padding: 22px;\n  }\n\n  #bubble-home .bc-hero-actions {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  #bubble-home .bc-hero-actions .bc-button {\n    width: 100%;\n  }\n}\n<\/style>\n\n<div id=\"bubble-home\">\n\n  <!-- BANNI\u00c8RE PRINCIPALE -->\n  <section class=\"bc-hero\">\n    <div class=\"bc-container bc-hero-grid\">\n\n      <div class=\"bc-hero-copy\">\n        <p class=\"bc-eyebrow\">Bienvenue chez Bubble &amp; Care<\/p>\n\n        <h1>\n          La sant\u00e9, <span>plus proche de vous.<\/span>\n        <\/h1>\n\n        <p class=\"bc-hero-text\">\n          Trouvez plus facilement les \u00e9tablissements de sant\u00e9\n          autour de vous gr\u00e2ce \u00e0 Bubble &amp; Care.\n          Une solution pens\u00e9e pour rapprocher les populations\n          des professionnels et des structures de sant\u00e9 en Afrique.\n        <\/p>\n\n        <div class=\"bc-hero-actions\">\n          <a class=\"bc-button\" href=\"#bubble-particuliers\">\n            Je recherche des soins\n          <\/a>\n\n          <a class=\"bc-button bc-button-outline\" href=\"#bubble-professionnels\">\n            Je suis professionnel\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"bc-hero-visuals\">\n\n        <div class=\"bc-hero-card\">\n          <img decoding=\"async\" src=\"http:\/\/bubble.bvr.services\/wp-content\/uploads\/2026\/10\/femme-detient-telephone-mobile-moderne-surfe-net-verifie-fil-actualite-dans-reseaux-sociaux-porte-chemise-blanche-bandeau-isolee-beige_273609-54302.avif\" alt=\"Une personne africaine utilisant son t\u00e9l\u00e9phone pour rechercher un \u00e9tablissement de sant\u00e9\"loading=\"eager\">\n          <h3>Pour les particuliers<\/h3>\n        <\/div>\n\n        <div class=\"bc-hero-card\">\n          <img decoding=\"async\" src=\"http:\/\/bubble.bvr.services\/wp-content\/uploads\/2026\/10\/docteur-afro-americain-positif-lunettes-dans-manteau-blanc-tenant-ordinateur-portable-isole-jaune_695242-22151-1.jpg\" loading=\"eager\">\n          <h3>Pour les professionnels<\/h3>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- PR\u00c9SENTATION DES DEUX PUBLICS -->\n  <section class=\"bc-section\">\n    <div class=\"bc-container\">\n\n      <div class=\"bc-intro\">\n        <p class=\"bc-eyebrow\">Une solution pour chacun<\/p>\n\n        <h2>La sant\u00e9 commence par la bonne information<\/h2>\n\n        <p>\n          Que vous recherchiez un \u00e9tablissement de sant\u00e9 ou que\n          vous souhaitiez am\u00e9liorer la visibilit\u00e9 de votre structure,\n          Bubble &amp; Care a \u00e9t\u00e9 pens\u00e9 pour faciliter la mise en relation\n          avec l&rsquo;\u00e9cosyst\u00e8me de sant\u00e9.\n        <\/p>\n      <\/div>\n\n      <div class=\"bc-audience-grid\">\n\n        <!-- BLOC PARTICULIERS -->\n        <article class=\"bc-audience-card\" id=\"bubble-particuliers\">\n\n          <img decoding=\"async\" src=\"http:\/\/bubble.bvr.services\/wp-content\/uploads\/2026\/10\/couple-jeune-elegant-peau-foncee-assis-dans-ville-ensoleillee-utiliser-telephone_1157-14193.jpg\" loading=\"lazy\">\n\n          <div class=\"bc-card-content\">\n            <p class=\"bc-eyebrow\">C\u00f4t\u00e9 utilisateurs<\/p>\n\n            <h3>Vous recherchez un \u00e9tablissement de sant\u00e9 ?<\/h3>\n\n            <p>\n              Bubble &amp; Care vous accompagne dans la recherche\n              d&rsquo;\u00e9tablissements de sant\u00e9 et vous aide \u00e0 mieux vous\n              orienter pour les trouver.\n            <\/p>\n\n            <ul class=\"bc-benefits\">\n              <li>Rechercher des \u00e9tablissements de sant\u00e9.<\/li>\n              <li>Consulter les informations disponibles.<\/li>\n              <li>Faciliter le rep\u00e9rage des structures recherch\u00e9es.<\/li>\n            <\/ul>\n\n            <div class=\"bc-card-actions\">\n              <span class=\"bc-coming-soon\">\n                Bient\u00f4t disponible sur Android\n              <\/span>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- BLOC PROFESSIONNELS -->\n        <article class=\"bc-audience-card\" id=\"bubble-professionnels\">\n\n          <img decoding=\"async\" src=\"http:\/\/bubble.bvr.services\/wp-content\/uploads\/2026\/10\/femme-noire-stethoscope_1157-15563.jpg\" loading=\"lazy\">\n\n          <div class=\"bc-card-content\">\n            <p class=\"bc-eyebrow\">C\u00f4t\u00e9 professionnels<\/p>\n\n            <h3>Vous exercez dans le secteur de la sant\u00e9 ?<\/h3>\n\n            <p>\n              Bubble &amp; Care a pour ambition de faciliter la visibilit\u00e9\n              des \u00e9tablissements de sant\u00e9 et de permettre aux populations\n              de mieux les identifier.\n            <\/p>\n\n            <ul class=\"bc-benefits\">\n              <li>Am\u00e9liorer la visibilit\u00e9 de votre \u00e9tablissement.<\/li>\n              <li>Faciliter la d\u00e9couverte de votre structure.<\/li>\n              <li>Rendre les informations utiles plus accessibles.<\/li>\n            <\/ul>\n\n            <div class=\"bc-card-actions\">\n              <span class=\"bc-coming-soon\">\n                Bient\u00f4t disponible sur Android\n              <\/span>\n            <\/div>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- BANDEAU FINAL -->\n  <section class=\"bc-final\">\n    <div class=\"bc-container\">\n\n      <h2>Bubble &amp; Care<\/h2>\n\n      <p>\n        Une initiative pour faciliter l&rsquo;acc\u00e8s \u00e0 l&rsquo;information\n        sur les \u00e9tablissements de sant\u00e9 et rapprocher les populations\n        des structures qui les accompagnent.\n      <\/p>\n\n      <a class=\"bc-button\" href=\"#bubble-particuliers\">\n        D\u00e9couvrir notre solution\n      <\/a>\n\n    <\/div>\n  <\/section>\n\n<\/div>\n\n\n\n<div style=\"height:47px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\n\/* PIED DE PAGE BUBBLE & CARE *\/\n#bubble-footer {\n  background: #F2F2F2;\n  color: #35443A;\n  font-family: Arial, Helvetica, sans-serif;\n  line-height: 1.6;\n  padding: 40px 22px 18px;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n#bubble-footer * {\n  box-sizing: border-box;\n}\n\n#bubble-footer .bf-container {\n  max-width: 1120px;\n  margin: 0 auto;\n}\n\n#bubble-footer .bf-main {\n  display: grid;\n  grid-template-columns: 1.5fr 1fr 1fr;\n  gap: 36px;\n  padding-bottom: 28px;\n}\n\n\/* LOGO ET IDENTIT\u00c9 *\/\n#bubble-footer .bf-brand {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 15px;\n}\n\n#bubble-footer .bf-logo {\n  display: block;\n  width: 48px !important;\n  height: 48px !important;\n  min-width: 48px;\n  max-width: 48px !important;\n  min-height: 48px;\n  max-height: 48px !important;\n  object-fit: contain;\n  flex-shrink: 0;\n  border-radius: 7px;\n}\n\n#bubble-footer .bf-brand h2 {\n  color: #23432B;\n  font-size: 21px;\n  line-height: 1.2;\n  margin: 0 0 4px;\n}\n\n#bubble-footer .bf-brand p {\n  font-size: 13px;\n  margin: 0;\n}\n\n#bubble-footer p {\n  margin: 0 0 12px;\n  font-size: 14px;\n}\n\n\/* TITRES ET LIENS *\/\n#bubble-footer h3 {\n  color: #23432B;\n  font-size: 16px;\n  margin: 0 0 14px;\n}\n\n#bubble-footer .bf-links {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n#bubble-footer .bf-links li {\n  margin: 0 0 9px;\n  padding: 0;\n}\n\n#bubble-footer .bf-links a {\n  color: #35443A;\n  font-size: 14px;\n  text-decoration: none;\n}\n\n#bubble-footer .bf-links a:hover {\n  color: #21A62A;\n  text-decoration: underline;\n}\n\n\/* COPYRIGHT *\/\n#bubble-footer .bf-bottom {\n  border-top: 1px solid #B4D9B9;\n  padding-top: 17px;\n  text-align: center;\n}\n\n#bubble-footer .bf-bottom p {\n  font-size: 12px;\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* AFFICHAGE SUR MOBILE *\/\n@media (max-width: 700px) {\n  #bubble-footer {\n    padding: 32px 20px 18px;\n  }\n\n  #bubble-footer .bf-main {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n\n  #bubble-footer .bf-logo {\n    width: 48px !important;\n    height: 48px !important;\n    max-width: 48px !important;\n    max-height: 48px !important;\n  }\n\n  #bubble-footer .bf-bottom p {\n    font-size: 11px;\n  }\n}\n<\/style>\n\n<footer id=\"bubble-footer\">\n  <div class=\"bf-container\">\n\n    <div class=\"bf-main\">\n\n      <!-- IDENTIT\u00c9 DE BUBBLE & CARE -->\n      <div class=\"bf-identity\">\n\n        <div class=\"bf-brand\">\n          <img decoding=\"async\"\n            class=\"bf-logo\"\n            src=\"http:\/\/bubble.bvr.services\/wp-content\/uploads\/2026\/10\/Plan-de-travail-1.png\"\n            alt=\"Logo Bubble &amp; Care\"\n            loading=\"lazy\"\n            style=\"width:48px;height:48px;max-width:48px;max-height:48px;object-fit:contain;display:block;flex-shrink:0;\"\n          >\n\n          <div>\n            <h2>Bubble &amp; Care<\/h2>\n            <p>La sant\u00e9, plus proche de vous.<\/p>\n          <\/div>\n        <\/div>\n\n        <p>\n          Une solution con\u00e7ue pour faciliter la recherche\n          et le rep\u00e9rage des \u00e9tablissements de sant\u00e9.\n        <\/p>\n\n      <\/div>\n\n      <!-- NAVIGATION DU SITE -->\n      <div>\n        <h3>D\u00e9couvrir<\/h3>\n\n        <ul class=\"bf-links\">\n          <li>\n            <a href=\"https:\/\/bubble.bvr.services\/index.php\/notre-histoire\/\">\n              Notre histoire\n            <\/a>\n          <\/li>\n\n          <li>\n            <a href=\"https:\/\/bubble.bvr.services\/index.php\/bubble-care-app\/\">\n              Bubble &amp; Care App\n            <\/a>\n          <\/li>\n\n          <li>\n            <a href=\"https:\/\/bubble.bvr.services\/index.php\/contact\/\">\n              Contact\n            <\/a>\n          <\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- INFORMATIONS L\u00c9GALES -->\n      <div>\n        <h3>Informations l\u00e9gales<\/h3>\n\n        <ul class=\"bf-links\">\n          <li>\n            <a href=\"https:\/\/bubble.bvr.services\/index.php\/mentions-legales\/\">\n              Mentions l\u00e9gales\n            <\/a>\n          <\/li>\n\n          <li>\n            <a href=\"https:\/\/bubble.bvr.services\/index.php\/politique-de-confidentialite\/\">\n              Politique de confidentialit\u00e9\n            <\/a>\n          <\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n\n    <!-- COPYRIGHT -->\n    <div class=\"bf-bottom\">\n      <p>\n        Copyright \u00a9 2026 Bouger.Vivre.R\u00e9aliser |\n        Powered by Bouger.Vivre.R\u00e9aliser\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/footer>\n","protected":false},"excerpt":{"rendered":"<p>Bienvenue chez Bubble &amp; Care La sant\u00e9, plus proche de vous. Trouvez plus facilement les \u00e9tablissements de sant\u00e9 autour de vous gr\u00e2ce \u00e0 Bubble &amp; Care. Une solution pens\u00e9e pour rapprocher les populations des professionnels et des structures de sant\u00e9 en Afrique. Je recherche des soins Je suis professionnel Pour les particuliers Pour les professionnels&hellip;&nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bubble.bvr.services\/index.php\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bubble.bvr.services\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bubble.bvr.services\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bubble.bvr.services\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bubble.bvr.services\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":10,"href":"https:\/\/bubble.bvr.services\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":167,"href":"https:\/\/bubble.bvr.services\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions\/167"}],"wp:attachment":[{"href":"https:\/\/bubble.bvr.services\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}