{"id":36,"date":"2026-05-16T10:27:43","date_gmt":"2026-05-16T10:27:43","guid":{"rendered":"https:\/\/staging.akro-cats.com\/?page_id=36"},"modified":"2026-05-16T10:27:43","modified_gmt":"2026-05-16T10:27:43","slug":"36-2","status":"publish","type":"page","link":"https:\/\/staging.akro-cats.com\/?page_id=36","title":{"rendered":""},"content":{"rendered":"\n<style>\n  :root {\n    --bleu-nuit: #0d1e3a;\n    --bleu-lagon: #00a9c8;\n    --jaune-soleil: #ffc21a;\n    --rouge-volcan: #ff5a4f;\n    --vert-entraide: #28b37a;\n    --gris-texte: #5f6f89;\n    --fond-doux: #f5fbfd;\n    --blanc: #ffffff;\n    --ombre: 0 18px 45px rgba(13, 30, 58, 0.12);\n    --radius: 28px;\n  }\n\n  .solidarun-page {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n    background: linear-gradient(180deg, #ffffff 0%, #f5fbfd 45%, #ffffff 100%);\n    color: var(--bleu-nuit);\n    overflow: hidden;\n  }\n\n  .solidarun-hero {\n    position: relative;\n    padding: 70px 22px 55px;\n    text-align: center;\n    background:\n      radial-gradient(circle at 15% 15%, rgba(255, 194, 26, 0.25), transparent 24%),\n      radial-gradient(circle at 85% 20%, rgba(0, 169, 200, 0.22), transparent 28%),\n      linear-gradient(135deg, #ffffff 0%, #eafaff 100%);\n  }\n\n  .solidarun-hero::after {\n    content: \"\";\n    position: absolute;\n    left: -8%;\n    right: -8%;\n    bottom: -1px;\n    height: 90px;\n    background: linear-gradient(135deg, var(--bleu-lagon), var(--vert-entraide));\n    clip-path: polygon(0 65%, 18% 48%, 35% 58%, 52% 34%, 70% 55%, 88% 42%, 100% 60%, 100% 100%, 0 100%);\n    opacity: 0.95;\n  }\n\n  .solidarun-logo-wrap {\n    position: relative;\n    z-index: 2;\n    width: 132px;\n    height: 132px;\n    margin: 0 auto 18px;\n    border-radius: 36px;\n    background: var(--blanc);\n    box-shadow: var(--ombre);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .solidarun-logo {\n    width: 96px;\n    height: 96px;\n    position: relative;\n  }\n\n  .solidarun-logo .sun {\n    position: absolute;\n    top: 2px;\n    left: 29px;\n    width: 38px;\n    height: 38px;\n    background: var(--jaune-soleil);\n    border-radius: 50%;\n  }\n\n  .solidarun-logo .mountain {\n    position: absolute;\n    bottom: 30px;\n    left: 8px;\n    width: 80px;\n    height: 34px;\n    background: var(--rouge-volcan);\n    clip-path: polygon(50% 0, 100% 100%, 0 100%);\n  }\n\n  .solidarun-logo .sea {\n    position: absolute;\n    bottom: 23px;\n    left: 4px;\n    width: 88px;\n    height: 18px;\n    background: var(--bleu-lagon);\n    border-radius: 50% 50% 45% 45%;\n  }\n\n  .solidarun-logo .hand-left,\n  .solidarun-logo .hand-right {\n    position: absolute;\n    bottom: 0;\n    width: 42px;\n    height: 56px;\n    border: 9px solid;\n    border-top: 0;\n    border-radius: 0 0 34px 34px;\n  }\n\n  .solidarun-logo .hand-left {\n    left: 1px;\n    border-color: var(--bleu-lagon);\n    transform: rotate(32deg);\n  }\n\n  .solidarun-logo .hand-right {\n    right: 1px;\n    border-color: var(--vert-entraide);\n    transform: rotate(-32deg);\n  }\n\n  .solidarun-badge {\n    position: relative;\n    z-index: 2;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 9px 15px;\n    background: rgba(255, 255, 255, 0.82);\n    border: 1px solid rgba(0, 169, 200, 0.18);\n    border-radius: 999px;\n    color: var(--bleu-nuit);\n    font-weight: 700;\n    font-size: 14px;\n    margin-bottom: 16px;\n  }\n\n  .solidarun-hero h1 {\n    position: relative;\n    z-index: 2;\n    margin: 0;\n    font-size: clamp(42px, 8vw, 76px);\n    line-height: 0.95;\n    letter-spacing: -2px;\n    color: var(--bleu-nuit);\n  }\n\n  .solidarun-hero h1 span {\n    color: var(--bleu-lagon);\n  }\n\n  .solidarun-hero p {\n    position: relative;\n    z-index: 2;\n    max-width: 780px;\n    margin: 22px auto 0;\n    font-size: clamp(18px, 3vw, 24px);\n    line-height: 1.45;\n    color: var(--gris-texte);\n  }\n\n  .solidarun-actions {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    justify-content: center;\n    margin-top: 32px;\n  }\n\n  .solidarun-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 54px;\n    padding: 0 24px;\n    border-radius: 999px;\n    font-weight: 800;\n    text-decoration: none;\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n  }\n\n  .solidarun-btn:hover {\n    transform: translateY(-2px);\n  }\n\n  .solidarun-btn-primary {\n    background: linear-gradient(135deg, var(--bleu-lagon), var(--vert-entraide));\n    color: white;\n    box-shadow: 0 14px 30px rgba(0, 169, 200, 0.28);\n  }\n\n  .solidarun-btn-secondary {\n    background: white;\n    color: var(--bleu-nuit);\n    border: 1px solid rgba(13, 30, 58, 0.12);\n  }\n\n  .solidarun-section {\n    padding: 64px 22px;\n    max-width: 1180px;\n    margin: 0 auto;\n  }\n\n  .solidarun-section-title {\n    text-align: center;\n    margin-bottom: 34px;\n  }\n\n  .solidarun-section-title h2 {\n    margin: 0;\n    font-size: clamp(30px, 5vw, 48px);\n    letter-spacing: -1px;\n  }\n\n  .solidarun-section-title p {\n    margin: 12px auto 0;\n    max-width: 700px;\n    color: var(--gris-texte);\n    font-size: 18px;\n    line-height: 1.55;\n  }\n\n  .solidarun-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 18px;\n  }\n\n  .solidarun-card {\n    background: white;\n    border-radius: var(--radius);\n    padding: 26px;\n    box-shadow: 0 10px 35px rgba(13, 30, 58, 0.08);\n    border: 1px solid rgba(13, 30, 58, 0.06);\n  }\n\n  .solidarun-card-icon {\n    width: 58px;\n    height: 58px;\n    border-radius: 18px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 30px;\n    margin-bottom: 16px;\n  }\n\n  .icon-blue {\n    background: rgba(0, 169, 200, 0.12);\n  }\n\n  .icon-green {\n    background: rgba(40, 179, 122, 0.12);\n  }\n\n  .icon-yellow {\n    background: rgba(255, 194, 26, 0.16);\n  }\n\n  .icon-red {\n    background: rgba(255, 90, 79, 0.12);\n  }\n\n  .solidarun-card h3 {\n    margin: 0 0 9px;\n    font-size: 21px;\n  }\n\n  .solidarun-card p {\n    margin: 0;\n    color: var(--gris-texte);\n    line-height: 1.5;\n  }\n\n  .solidarun-points {\n    background:\n      radial-gradient(circle at top left, rgba(255, 194, 26, 0.22), transparent 30%),\n      linear-gradient(135deg, var(--bleu-nuit), #123b66);\n    color: white;\n    border-radius: 36px;\n    padding: 42px;\n    display: grid;\n    grid-template-columns: 1.1fr 0.9fr;\n    gap: 26px;\n    align-items: center;\n    box-shadow: var(--ombre);\n  }\n\n  .solidarun-points h2 {\n    margin: 0;\n    font-size: clamp(30px, 5vw, 46px);\n  }\n\n  .solidarun-points p {\n    color: rgba(255, 255, 255, 0.82);\n    font-size: 18px;\n    line-height: 1.6;\n  }\n\n  .solidarun-points-list {\n    display: grid;\n    gap: 12px;\n  }\n\n  .solidarun-point-line {\n    background: rgba(255, 255, 255, 0.1);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 18px;\n    padding: 15px 18px;\n    display: flex;\n    justify-content: space-between;\n    gap: 12px;\n    font-weight: 800;\n  }\n\n  .solidarun-point-line span {\n    color: var(--jaune-soleil);\n  }\n\n  .solidarun-app-zone {\n    padding: 70px 22px;\n    background:\n      linear-gradient(180deg, #f5fbfd 0%, #ffffff 100%);\n  }\n\n  .solidarun-app-box {\n    max-width: 1020px;\n    margin: 0 auto;\n    background: white;\n    border-radius: 40px;\n    padding: 28px;\n    box-shadow: var(--ombre);\n    border: 1px solid rgba(13, 30, 58, 0.08);\n  }\n\n  .solidarun-app-header {\n    display: flex;\n    justify-content: space-between;\n    gap: 18px;\n    align-items: center;\n    margin-bottom: 22px;\n    flex-wrap: wrap;\n  }\n\n  .solidarun-app-header h2 {\n    margin: 0;\n    font-size: clamp(28px, 5vw, 42px);\n  }\n\n  .solidarun-app-header p {\n    margin: 8px 0 0;\n    color: var(--gris-texte);\n    font-size: 17px;\n  }\n\n  .solidarun-app-badge {\n    background: rgba(40, 179, 122, 0.12);\n    color: var(--vert-entraide);\n    padding: 11px 16px;\n    border-radius: 999px;\n    font-weight: 800;\n  }\n\n  .solidarun-shortcode-frame {\n    border-radius: 30px;\n    overflow: hidden;\n    background: #f7fafc;\n    border: 1px dashed rgba(13, 30, 58, 0.18);\n    min-height: 650px;\n    padding: 10px;\n  }\n\n  .solidarun-shortcode-frame > * {\n    width: 100%;\n  }\n\n  .solidarun-footer {\n    padding: 40px 22px 55px;\n    text-align: center;\n    color: var(--gris-texte);\n  }\n\n  .solidarun-footer strong {\n    color: var(--bleu-nuit);\n  }\n\n  @media (max-width: 900px) {\n    .solidarun-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .solidarun-points {\n      grid-template-columns: 1fr;\n      padding: 30px;\n    }\n  }\n\n  @media (max-width: 620px) {\n    .solidarun-hero {\n      padding-top: 46px;\n    }\n\n    .solidarun-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .solidarun-card {\n      padding: 22px;\n    }\n\n    .solidarun-app-box {\n      padding: 16px;\n      border-radius: 28px;\n    }\n\n    .solidarun-shortcode-frame {\n      min-height: 720px;\n      border-radius: 24px;\n    }\n\n    .solidarun-actions {\n      flex-direction: column;\n    }\n\n    .solidarun-btn {\n      width: 100%;\n    }\n  }\n<\/style>\n\n<div class=\"solidarun-page\">\n\n  <section class=\"solidarun-hero\">\n    <div class=\"solidarun-logo-wrap\">\n      <div class=\"solidarun-logo\">\n        <div class=\"sun\"><\/div>\n        <div class=\"mountain\"><\/div>\n        <div class=\"sea\"><\/div>\n        <div class=\"hand-left\"><\/div>\n        <div class=\"hand-right\"><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"solidarun-badge\">\ud83c\udf0b La R\u00e9union \u00b7 entraide locale \u00b7 sans argent<\/div>\n\n    <h1>Solida<span>run<\/span><\/h1>\n\n    <p>\n      Une application locale pour demander de l\u2019aide, proposer un service et \u00e9changer gr\u00e2ce aux points d\u2019entraide.\n      Plus on aide, plus on gagne de points. Plus on en a besoin, plus la communaut\u00e9 peut aider.\n    <\/p>\n\n    <div class=\"solidarun-actions\">\n      <a href=\"#application-solidarun\" class=\"solidarun-btn solidarun-btn-primary\">D\u00e9couvrir l\u2019application<\/a>\n      <a href=\"#fonctionnement\" class=\"solidarun-btn solidarun-btn-secondary\">Comment \u00e7a marche ?<\/a>\n    <\/div>\n  <\/section>\n\n  <section class=\"solidarun-section\" id=\"fonctionnement\">\n    <div class=\"solidarun-section-title\">\n      <h2>L\u2019entraide simple, locale et \u00e9quilibr\u00e9e<\/h2>\n      <p>\n        Solidarun permet de cr\u00e9er une vraie communaut\u00e9 autour des petits coups de main du quotidien,\n        sans \u00e9change d\u2019argent et sans profiter des autres.\n      <\/p>\n    <\/div>\n\n    <div class=\"solidarun-grid\">\n      <div class=\"solidarun-card\">\n        <div class=\"solidarun-card-icon icon-blue\">\ud83e\udd1d<\/div>\n        <h3>Je demande de l\u2019aide<\/h3>\n        <p>Courses, transport, bricolage, informatique, jardinage ou simple coup de main pr\u00e8s de chez moi.<\/p>\n      <\/div>\n\n      <div class=\"solidarun-card\">\n        <div class=\"solidarun-card-icon icon-green\">\ud83c\udf31<\/div>\n        <h3>J\u2019aide les autres<\/h3>\n        <p>Chaque service rendu permet de gagner des points d\u2019entraide pour demander de l\u2019aide plus tard.<\/p>\n      <\/div>\n\n      <div class=\"solidarun-card\">\n        <div class=\"solidarun-card-icon icon-yellow\">\u2b50<\/div>\n        <h3>Je gagne des points<\/h3>\n        <p>Les points \u00e9quilibrent les \u00e9changes. Ils ne sont pas de l\u2019argent, ils valorisent le temps donn\u00e9.<\/p>\n      <\/div>\n\n      <div class=\"solidarun-card\">\n        <div class=\"solidarun-card-icon icon-red\">\u2764\ufe0f<\/div>\n        <h3>Je cr\u00e9e du lien<\/h3>\n        <p>Le but est de reconnecter les habitants, les voisins et les familles autour de l\u2019entraide locale.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"solidarun-section\">\n    <div class=\"solidarun-points\">\n      <div>\n        <h2>Un syst\u00e8me de points clair<\/h2>\n        <p>\n          Chaque nouvel utilisateur re\u00e7oit 5 points offerts \u00e0 l\u2019inscription.\n          Ces points permettent de demander un petit service pour commencer.\n          Ensuite, plus on aide, plus on peut \u00eatre aid\u00e9.\n        <\/p>\n      <\/div>\n\n      <div class=\"solidarun-points-list\">\n        <div class=\"solidarun-point-line\">\n          <div>Petit service<\/div>\n          <span>5 \u00e0 20 pts<\/span>\n        <\/div>\n        <div class=\"solidarun-point-line\">\n          <div>Service moyen<\/div>\n          <span>30 \u00e0 70 pts<\/span>\n        <\/div>\n        <div class=\"solidarun-point-line\">\n          <div>Gros service<\/div>\n          <span>100 \u00e0 180 pts<\/span>\n        <\/div>\n        <div class=\"solidarun-point-line\">\n          <div>Service important<\/div>\n          <span>200 \u00e0 300 pts<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"solidarun-section\">\n    <div class=\"solidarun-section-title\">\n      <h2>Des services utiles au quotidien<\/h2>\n      <p>\n        Solidarun peut commencer simplement avec quelques cat\u00e9gories essentielles,\n        puis \u00e9voluer avec la communaut\u00e9.\n      <\/p>\n    <\/div>\n\n    <div class=\"solidarun-grid\">\n      <div class=\"solidarun-card\">\n        <div class=\"solidarun-card-icon icon-blue\">\ud83d\uded2<\/div>\n        <h3>Courses<\/h3>\n        <p>Aider une personne \u00e0 faire ou r\u00e9cup\u00e9rer quelques courses.<\/p>\n      <\/div>\n\n      <div class=\"solidarun-card\">\n        <div class=\"solidarun-card-icon icon-yellow\">\ud83d\ude97<\/div>\n        <h3>Transport<\/h3>\n        <p>Covoiturage, petit trajet, rendez-vous ou d\u00e9placement local.<\/p>\n      <\/div>\n\n      <div class=\"solidarun-card\">\n        <div class=\"solidarun-card-icon icon-green\">\ud83c\udf3f<\/div>\n        <h3>Jardinage<\/h3>\n        <p>Tonte, taille l\u00e9g\u00e8re, entretien ou aide ponctuelle au jardin.<\/p>\n      <\/div>\n\n      <div class=\"solidarun-card\">\n        <div class=\"solidarun-card-icon icon-red\">\ud83d\udd27<\/div>\n        <h3>Bricolage<\/h3>\n        <p>Petit d\u00e9pannage, montage, r\u00e9paration ou coup de main pratique.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"solidarun-app-zone\" id=\"application-solidarun\">\n    <div class=\"solidarun-app-box\">\n      <div class=\"solidarun-app-header\">\n        <div>\n          <h2>Tester Solidarun<\/h2>\n          <p>Utilisez l\u2019application directement depuis cette page.<\/p>\n        <\/div>\n        <div class=\"solidarun-app-badge\">Version test<\/div>\n      <\/div>\n\n      <div class=\"solidarun-shortcode-frame\">\n                <div id=\"solidarun-app\" class=\"solidarun-app\" data-testid=\"solidarun-app\">\n            <div class=\"solidarun-loading\">Chargement\u2026<\/div>\n        <\/div>\n        \n      <\/div>\n    <\/div>\n  <\/section>\n\n  <footer class=\"solidarun-footer\">\n    <strong>Solidarun<\/strong> \u00b7 La communaut\u00e9 d\u2019entraide locale \u00e0 La R\u00e9union.\n    <br>\n    Services contre points \u00b7 Sans argent \u00b7 Humain \u00b7 Local \u00b7 Solidaire.\n  <\/footer>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf0b La R\u00e9union \u00b7 entraide locale \u00b7 sans argent Solidarun Une application locale pour demander de l\u2019aide, proposer un service et \u00e9changer gr\u00e2ce aux points d\u2019entraide. Plus on aide, plus on gagne de points. Plus on en a besoin, plus la communaut\u00e9 peut aider. D\u00e9couvrir l\u2019application Comment \u00e7a marche ? L\u2019entraide simple, locale et \u00e9quilibr\u00e9e [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-36","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/staging.akro-cats.com\/index.php?rest_route=\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.akro-cats.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.akro-cats.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.akro-cats.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.akro-cats.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=36"}],"version-history":[{"count":1,"href":"https:\/\/staging.akro-cats.com\/index.php?rest_route=\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":37,"href":"https:\/\/staging.akro-cats.com\/index.php?rest_route=\/wp\/v2\/pages\/36\/revisions\/37"}],"wp:attachment":[{"href":"https:\/\/staging.akro-cats.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}