{"id":1260,"date":"2025-12-11T04:38:05","date_gmt":"2025-12-11T04:38:05","guid":{"rendered":"https:\/\/yarima.org\/?page_id=1260"},"modified":"2025-12-15T23:08:50","modified_gmt":"2025-12-15T23:08:50","slug":"wellness-2","status":"publish","type":"page","link":"https:\/\/yarima.org\/?page_id=1260","title":{"rendered":"Wellness Center"},"content":{"rendered":"\n<!doctype html>\n<html lang=\"en\" class=\"h-full\">\n <head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Yarima &#8211; Your Wellness Journey<\/title>\n  <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n  <style>\n\n      a {\n  text-decoration: none;\n}\n\n    body {\n      box-sizing: border-box;\n    }\n    \n    .wellness-wrapper {\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    }\n    \n    .health-card {\n      transition: all 0.3s ease;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .health-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n    \n    .health-card:hover::before {\n      opacity: 1;\n    }\n    \n    .health-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n    }\n    \n    .tool-card {\n      transition: all 0.3s ease;\n      cursor: pointer;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .tool-card:hover {\n      transform: scale(1.05);\n      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);\n    }\n    \n    .icon-circle {\n      width: 60px;\n      height: 60px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 28px;\n      margin-bottom: 16px;\n      transition: transform 0.3s ease;\n    }\n    \n    .health-card:hover .icon-circle {\n      transform: rotate(10deg) scale(1.1);\n    }\n    \n    .floating-animation {\n      animation: float 3s ease-in-out infinite;\n    }\n    \n    @keyframes float {\n      0%, 100% { transform: translateY(0px); }\n      50% { transform: translateY(-10px); }\n    }\n    \n    .pulse-animation {\n      animation: pulse 2s ease-in-out infinite;\n    }\n    \n    @keyframes pulse {\n      0%, 100% { opacity: 1; }\n      50% { opacity: 0.7; }\n    }\n    \n\n  <\/style>\n  <style>@view-transition { navigation: auto; }<\/style>\n  <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body class=\"h-full overflow-auto\">\n  <div class=\"wellness-wrapper w-full h-full\" style=\"background-color: #ffffff;\">\n   <div class=\"w-full h-full overflow-auto\"><!-- Header -->\n    <header class=\"w-full py-6 px-6 shadow-md\" style=\"background: linear-gradient(135deg, #0085ff 0%, #f5fafd 100%);\">\n     <div class=\"max-w-7xl mx-auto flex items-center justify-between\">\n      <div>\n       <h1 id=\"site-name\" class=\"text-3xl font-bold\" style=\"color: #ffffff;\"> Wellness Center <\/h1>\n       <p id=\"tagline\" class=\"text-sm mt-1\" style=\"color: #ffffff;\">Your well-being is very important to us.<\/p>\n      <\/div>\n      <div class=\"floating-animation text-4xl\">\n       \ud83c\udf3f\n      <\/div>\n     <\/div>\n    <\/header>\n    <main class=\"max-w-7xl mx-auto px-6 py-12\"><!-- Main Heading -->\n     <div class=\"text-center mb-12\">\n      \n      <p class=\"text-lg\" style=\"color: #366532;\">Choose a health category to learn more and start your path to better well-being<\/p>\n     <\/div><!-- Health Categories Grid -->\n     <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-16\">\n\n<!-- Brain Health --> <a href=\"https:\/\/yarima.org\/?cat=67\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"health-card p-6 rounded-2xl text-center no-underline\" style=\"background-color: #ffffff; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); text-decoration: none;\">\n       <div class=\"icon-circle mx-auto\" style=\"background: linear-gradient(135deg, #0085ff 0%, #0066cc 100%);\">\n        \ud83e\udde0\n       <\/div> <h3 id=\"brain-health-text\" class=\"text-xl font-bold mb-2\" style=\"color: #366532;\">Brain Health<\/h3> <p class=\"text-sm\" style=\"color: #366532;\">Cognitive function &amp; mental clarity<\/p><\/a>\n\n\n<!-- Gut Health --> <a href=\"https:\/\/yarima.org\/?cat=68\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"health-card p-6 rounded-2xl text-center no-underline\" style=\"background-color: #ffffff; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); text-decoration: none;\">\n       <div class=\"icon-circle mx-auto\" style=\"background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\">\n        \ud83e\udda0\n       <\/div><h3 id=\"gut-health-text\" class=\"text-xl font-bold mb-2\" style=\"color: #366532;\">Gut Health-Immunity<\/h3><p class=\"text-sm\" style=\"color: #366532;\">Digestive wellness &amp; immune support<\/p><\/a> \n\n\n<!-- Eye Health --> <a href=\"https:\/\/yarima.org\/?cat=69\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"health-card p-6 rounded-2xl text-center no-underline\" style=\"background-color: #ffffff; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); text-decoration: none;\">\n       <div class=\"icon-circle mx-auto\" style=\"background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);\">\n        \ud83d\udc41\ufe0f\n       <\/div><h3 id=\"eye-health-text\" class=\"text-xl font-bold mb-2\" style=\"color: #366532;\">Eye Health<\/h3><p class=\"text-sm\" style=\"color: #366532;\">Vision care &amp; ocular wellness<\/p><\/a>\n\n <!-- Organ & Detox Health --> <a href=\"https:\/\/yarima.org\/?cat=70\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"health-card p-6 rounded-2xl text-center no-underline\" style=\"background-color: #ffffff; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); text-decoration: none;\">\n       <div class=\"icon-circle mx-auto\" style=\"background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);\">\n        \ud83e\udec1\n       <\/div><h3 id=\"organ-health-text\" class=\"text-xl font-bold mb-2\" style=\"color: #366532;\">Organ &amp; Detox Health<\/h3><p class=\"text-sm\" style=\"color: #366532;\">Cleanse &amp; support vital organs<\/p><\/a> \n\n<!-- Hormones & Endocrine --> <a href=\"https:\/\/yarima.org\/?cat=71\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"health-card p-6 rounded-2xl text-center no-underline\" style=\"background-color: #ffffff; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); text-decoration: none;\">\n       <div class=\"icon-circle mx-auto\" style=\"background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);\">\n        \ud83e\uddec\n       <\/div><h3 id=\"hormones-text\" class=\"text-xl font-bold mb-2\" style=\"color: #366532;\">Hormones &amp; Endocrine<\/h3><p class=\"text-sm\" style=\"color: #366532;\">Balance &amp; endocrine support<\/p><\/a>\n\n <!-- Heart & Blood --> <a href=\"https:\/\/yarima.org\/?cat=72\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"health-card p-6 rounded-2xl text-center no-underline\" style=\"background-color: #ffffff; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); text-decoration: none;\">\n       <div class=\"icon-circle mx-auto\" style=\"background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);\">\n        \ud83e\udec0\n       <\/div><h3 id=\"heart-health-text\" class=\"text-xl font-bold mb-2\" style=\"color: #366532;\">Heart &amp; Blood<\/h3><p class=\"text-sm\" style=\"color: #366532;\">Cardiovascular &amp; circulatory health<\/p><\/a> \n\n<!-- Skin Care --> <a href=\"https:\/\/yarima.org\/?cat=73\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"health-card p-6 rounded-2xl text-center no-underline\" style=\"background-color: #ffffff; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); text-decoration: none;\">\n       <div class=\"icon-circle mx-auto\" style=\"background: linear-gradient(135deg, #fccb90 0%, #d57eeb 100%);\">\n        \u2728\n       <\/div><h3 id=\"skin-care-text\" class=\"text-xl font-bold mb-2\" style=\"color: #366532;\">Skin Care<\/h3><p class=\"text-sm\" style=\"color: #366532;\">Radiant &amp; healthy skin<\/p><\/a> \n\n<!-- Energy & Metabolism --> <a href=\"https:\/\/yarima.org\/?cat=74\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"health-card p-6 rounded-2xl text-center no-underline\" style=\"background-color: #ffffff; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); text-decoration: none;\">\n       <div class=\"icon-circle mx-auto\" style=\"background: linear-gradient(135deg, #fddb92 0%, #d1fdff 100%);\">\n        \u26a1\n       <\/div><h3 id=\"energy-text\" class=\"text-xl font-bold mb-2\" style=\"color: #366532;\">Energy &amp; Metabolism<\/h3><p class=\"text-sm\" style=\"color: #366532;\">Boost vitality &amp; metabolic health<\/p><\/a>\n\n\n     <\/div><!-- Interactive Tools Section -->\n     <div class=\"mt-16\">\n      <h2 class=\"text-3xl font-bold text-center mb-8\" style=\"color: #366532;\">Wellness Tools<\/h2>\n      <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto\"><!-- Period Tracker --> <a href=\"https:\/\/yarima.org\/?page_id=1152\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"tool-card p-8 rounded-3xl text-center no-underline\" style=\"background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); text-decoration: none;\">\n        <div class=\"text-6xl mb-4 pulse-animation\">\n         \ud83c\udf38\n        <\/div><h3 id=\"period-tracker-text\" class=\"text-2xl font-bold mb-2\" style=\"color: #ffffff;\">Track My Period<\/h3><p class=\"text-sm\" style=\"color: #fef3f5;\">Monitor your cycle &amp; predict your next period<\/p><\/a>\n\n\n <!-- BMI Calculator --> <a href=\"https:\/\/yarima.org\/?page_id=874\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"tool-card p-8 rounded-3xl text-center no-underline\" style=\"background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); text-decoration: none;\">\n        <div class=\"text-6xl mb-4 pulse-animation\">\n         \u2696\ufe0f\n        <\/div><h3 id=\"bmi-calculator-text\" class=\"text-2xl font-bold mb-2\" style=\"color: #ffffff;\">BMI &amp; Ideal Weight Calculator<\/h3><p class=\"text-sm\" style=\"color: #e8f7ff;\">Calculate your BMI &amp; discover your ideal weight<\/p><\/a>\n\n<p> <br> <\/p>\n<p> <br> <\/p>\n      <\/div>\n\n     <\/div>\n\n<!-- Footer Call to Action -->\n     <div>\n\n<\/div>\n    <\/main>\n   <\/div>\n  <\/div>\n  <script>\n    const defaultConfig = {\n      site_name: \"Yarima\",\n      tagline: \"Your well-being is very important to us.\",\n      main_heading: \"Explore Your Wellness Journey\",\n      brain_health_text: \"Brain Health\",\n      gut_health_text: \"Gut Health-Immunity\",\n      eye_health_text: \"Eye Health\",\n      organ_health_text: \"Organ & Detox Health\",\n      hormones_text: \"Hormones & Endocrine\",\n      heart_health_text: \"Heart & Blood\",\n      skin_care_text: \"Skin Care\",\n      energy_text: \"Energy & Metabolism\",\n      period_tracker_text: \"Track My Period\",\n      bmi_calculator_text: \"BMI & Ideal Weight Calculator\",\n      background_color: \"#ffffff\",\n      surface_color: \"#f8f9fa\",\n      text_color: \"#366532\",\n      primary_action_color: \"#0085ff\",\n      secondary_action_color: \"#366532\",\n      font_family: \"Inter\",\n      font_size: 16\n    };\n\n    async function onConfigChange(config) {\n      const baseSize = config.font_size || defaultConfig.font_size;\n      const customFont = config.font_family || defaultConfig.font_family;\n      const baseFontStack = 'Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif';\n\n      \/\/ Update text content\n      document.getElementById('site-name').textContent = config.site_name || defaultConfig.site_name;\n      document.getElementById('tagline').textContent = config.tagline || defaultConfig.tagline;\n      document.getElementById('main-heading').textContent = config.main_heading || defaultConfig.main_heading;\n      document.getElementById('brain-health-text').textContent = config.brain_health_text || defaultConfig.brain_health_text;\n      document.getElementById('gut-health-text').textContent = config.gut_health_text || defaultConfig.gut_health_text;\n      document.getElementById('eye-health-text').textContent = config.eye_health_text || defaultConfig.eye_health_text;\n      document.getElementById('organ-health-text').textContent = config.organ_health_text || defaultConfig.organ_health_text;\n      document.getElementById('hormones-text').textContent = config.hormones_text || defaultConfig.hormones_text;\n      document.getElementById('heart-health-text').textContent = config.heart_health_text || defaultConfig.heart_health_text;\n      document.getElementById('skin-care-text').textContent = config.skin_care_text || defaultConfig.skin_care_text;\n      document.getElementById('energy-text').textContent = config.energy_text || defaultConfig.energy_text;\n      document.getElementById('period-tracker-text').textContent = config.period_tracker_text || defaultConfig.period_tracker_text;\n      document.getElementById('bmi-calculator-text').textContent = config.bmi_calculator_text || defaultConfig.bmi_calculator_text;\n\n      \/\/ Apply fonts and sizes\n      document.getElementById('site-name').style.fontFamily = `${customFont}, ${baseFontStack}`;\n      document.getElementById('site-name').style.fontSize = `${baseSize * 1.875}px`;\n\n      document.getElementById('tagline').style.fontFamily = `${customFont}, ${baseFontStack}`;\n      document.getElementById('tagline').style.fontSize = `${baseSize * 0.875}px`;\n\n      document.getElementById('main-heading').style.fontFamily = `${customFont}, ${baseFontStack}`;\n      document.getElementById('main-heading').style.fontSize = `${baseSize * 2.5}px`;\n\n      \/\/ Apply colors\n      const wrapper = document.querySelector('.wellness-wrapper');\n      wrapper.style.backgroundColor = config.background_color || defaultConfig.background_color;\n\n      const header = document.querySelector('header');\n      header.style.background = `linear-gradient(135deg, ${config.primary_action_color || defaultConfig.primary_action_color} 0%, ${config.secondary_action_color || defaultConfig.secondary_action_color} 100%)`;\n\n      \/\/ Update all health cards\n      document.querySelectorAll('.health-card').forEach(card => {\n        card.style.backgroundColor = config.surface_color || defaultConfig.surface_color;\n        const heading = card.querySelector('h3');\n        if (heading) {\n          heading.style.fontFamily = `${customFont}, ${baseFontStack}`;\n          heading.style.fontSize = `${baseSize * 1.25}px`;\n          heading.style.color = config.text_color || defaultConfig.text_color;\n        }\n      });\n    }\n\n    if (window.elementSdk) {\n      window.elementSdk.init({\n        defaultConfig: defaultConfig,\n        onConfigChange: onConfigChange,\n        mapToCapabilities: (config) => ({\n          recolorables: [\n            {\n              get: () => config.background_color || defaultConfig.background_color,\n              set: (value) => {\n                config.background_color = value;\n                window.elementSdk.setConfig({ background_color: value });\n              }\n            },\n            {\n              get: () => config.surface_color || defaultConfig.surface_color,\n              set: (value) => {\n                config.surface_color = value;\n                window.elementSdk.setConfig({ surface_color: value });\n              }\n            },\n            {\n              get: () => config.text_color || defaultConfig.text_color,\n              set: (value) => {\n                config.text_color = value;\n                window.elementSdk.setConfig({ text_color: value });\n              }\n            },\n            {\n              get: () => config.primary_action_color || defaultConfig.primary_action_color,\n              set: (value) => {\n                config.primary_action_color = value;\n                window.elementSdk.setConfig({ primary_action_color: value });\n              }\n            },\n            {\n              get: () => config.secondary_action_color || defaultConfig.secondary_action_color,\n              set: (value) => {\n                config.secondary_action_color = value;\n                window.elementSdk.setConfig({ secondary_action_color: value });\n              }\n            }\n          ],\n          borderables: [],\n          fontEditable: {\n            get: () => config.font_family || defaultConfig.font_family,\n            set: (value) => {\n              config.font_family = value;\n              window.elementSdk.setConfig({ font_family: value });\n            }\n          },\n          fontSizeable: {\n            get: () => config.font_size || defaultConfig.font_size,\n            set: (value) => {\n              config.font_size = value;\n              window.elementSdk.setConfig({ font_size: value });\n            }\n          }\n        }),\n        mapToEditPanelValues: (config) => new Map([\n          [\"site_name\", config.site_name || defaultConfig.site_name],\n          [\"tagline\", config.tagline || defaultConfig.tagline],\n          [\"main_heading\", config.main_heading || defaultConfig.main_heading],\n          [\"brain_health_text\", config.brain_health_text || defaultConfig.brain_health_text],\n          [\"gut_health_text\", config.gut_health_text || defaultConfig.gut_health_text],\n          [\"eye_health_text\", config.eye_health_text || defaultConfig.eye_health_text],\n          [\"organ_health_text\", config.organ_health_text || defaultConfig.organ_health_text],\n          [\"hormones_text\", config.hormones_text || defaultConfig.hormones_text],\n          [\"heart_health_text\", config.heart_health_text || defaultConfig.heart_health_text],\n          [\"skin_care_text\", config.skin_care_text || defaultConfig.skin_care_text],\n          [\"energy_text\", config.energy_text || defaultConfig.energy_text],\n          [\"period_tracker_text\", config.period_tracker_text || defaultConfig.period_tracker_text],\n          [\"bmi_calculator_text\", config.bmi_calculator_text || defaultConfig.bmi_calculator_text]\n        ])\n      });\n    }\n  <\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ac23fdbd64fb983',t:'MTc2NTQyNzQ1NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Yarima &#8211; Your Wellness Journey Wellness Center Your well-being is very important to us. \ud83c\udf3f Choose a health category to learn more and start your path to better well-being \ud83e\udde0 Brain Health Cognitive function &amp; mental clarity \ud83e\udda0 Gut Health-Immunity Digestive wellness &amp; immune support \ud83d\udc41\ufe0f Eye Health Vision care &amp; ocular wellness \ud83e\udec1 Organ [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width","meta":{"footnotes":""},"class_list":["post-1260","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yarima.org\/index.php?rest_route=\/wp\/v2\/pages\/1260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yarima.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yarima.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yarima.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yarima.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1260"}],"version-history":[{"count":5,"href":"https:\/\/yarima.org\/index.php?rest_route=\/wp\/v2\/pages\/1260\/revisions"}],"predecessor-version":[{"id":1332,"href":"https:\/\/yarima.org\/index.php?rest_route=\/wp\/v2\/pages\/1260\/revisions\/1332"}],"wp:attachment":[{"href":"https:\/\/yarima.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}