{"id":124,"date":"2026-05-24T00:27:11","date_gmt":"2026-05-24T00:27:11","guid":{"rendered":"http:\/\/localhost\/harar\/?page_id=124"},"modified":"2026-07-12T20:47:53","modified_gmt":"2026-07-12T20:47:53","slug":"about-us","status":"publish","type":"page","link":"https:\/\/hararhealthbureau.org\/index.php\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"124\" class=\"elementor elementor-124\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-7dceb0d e-con-full e-flex e-con e-parent\" data-id=\"7dceb0d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d2e022 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"0d2e022\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>About Us \u2014 Harar Regional Health Bureau<\/title>\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n  <script src=\"https:\/\/code.iconify.design\/3\/3.1.0\/iconify.min.js\"><\/script>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n  <script>\n    tailwind.config = {\n      theme: {\n        extend: {\n          fontFamily: { inter: ['Inter', 'sans-serif'] },\n          colors: {\n            sky: {\n              50: '#f0f9ff', 100: '#e0f2fe', 200: '#bae6fd', 300: '#7dd3fc',\n              400: '#38bdf8', 500: '#0ea5e9', 600: '#0284c7', 700: '#0369a1',\n              800: '#075985', 900: '#0c4a6e',\n            }\n          }\n        }\n      }\n    }\n  <\/script>\n  <style>\n    * { margin: 0; padding: 0; box-sizing: border-box; }\n    body { font-family: 'Inter', sans-serif; background: #ffffff; color: #1e293b; }\n\n    .card-hover { transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1); }\n    .card-hover:hover { transform: translateY(-3px); box-shadow: 0 12px 28px -6px rgba(14,165,233,0.13); }\n\n    .section-bar { width: 40px; height: 3px; background: linear-gradient(90deg, #0ea5e9, #38bdf8); border-radius: 2px; }\n\n    .reveal {\n      opacity: 0;\n      transform: translateY(20px);\n      transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    .reveal.active { opacity: 1; transform: translateY(0); }\n\n    .value-card { transition: all 0.3s ease; }\n    .value-card:hover { background: #0ea5e9; border-color: #0ea5e9; }\n    .value-card:hover .val-icon { background: rgba(255,255,255,0.2); }\n    .value-card:hover .val-icon .iconify { color: white; }\n    .value-card:hover .val-text { color: white; }\n    .value-card:hover .val-num { color: rgba(255,255,255,0.4); }\n\n    .hero-strip {\n      background: linear-gradient(135deg, #0c4a6e 0%, #0369a1 40%, #0ea5e9 100%);\n      position: relative; overflow: hidden;\n    }\n    .hero-strip::before {\n      content: ''; position: absolute; top: -40%; right: -15%;\n      width: 500px; height: 500px;\n      background: radial-gradient(circle, rgba(255,255,255,0.07) 0%, transparent 70%);\n      border-radius: 50%;\n    }\n    .hero-strip::after {\n      content: ''; position: absolute; bottom: -30%; left: -10%;\n      width: 400px; height: 400px;\n      background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%);\n      border-radius: 50%;\n    }\n    .geo {\n      position: absolute; inset: 0;\n      background-image:\n        linear-gradient(30deg, rgba(255,255,255,0.025) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,0.025) 87.5%),\n        linear-gradient(150deg, rgba(255,255,255,0.025) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,0.025) 87.5%);\n      background-size: 80px 140px; background-position: 0 0, 40px 70px;\n    }\n\n    .goal-pill { transition: all 0.3s ease; }\n    .goal-pill:hover { background: #0ea5e9; color: white; border-color: #0ea5e9; }\n    .goal-pill:hover .goal-icon { color: white; }\n  <\/style>\n<\/head>\n<body class=\"font-inter\">\n\n  <div class=\"max-w-6xl mx-auto px-5 py-8 lg:py-12 space-y-8\">\n\n    <!-- Hero Strip -->\n    <div class=\"hero-strip rounded-2xl relative\">\n      <div class=\"geo\"><\/div>\n      <div class=\"relative z-10 p-6 lg:p-10\">\n        <div class=\"reveal\">\n          <div class=\"flex items-center gap-3 mb-5\">\n            <div class=\"w-12 h-12 bg-white\/15 rounded-xl flex items-center justify-center border border-white\/15\">\n              <span class=\"iconify text-white text-2xl\" data-icon=\"lucide:heart-pulse\"><\/span>\n            <\/div>\n            <div>\n              <h1 class=\"text-white text-2xl lg:text-3xl font-bold tracking-tight leading-tight\">About Us<\/h1>\n              <p class=\"text-sky-200\/50 text-[11px] tracking-widest uppercase\">Harar Regional Health Bureau<\/p>\n            <\/div>\n          <\/div>\n          <p class=\"text-sky-100 text-sm leading-relaxed\">\n            The Harar Regional Health Bureau is the leading government body responsible for planning, coordinating, and delivering comprehensive health services to the people of the Harari region \u2014 working towards a healthier, more productive, and prosperous society.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Vision & Mission -->\n    <div class=\"grid md:grid-cols-2 gap-4\">\n      <div class=\"reveal card-hover bg-white rounded-2xl border border-sky-100 p-6 relative overflow-hidden\">\n        <div class=\"absolute top-0 left-0 w-1 h-full bg-gradient-to-b from-sky-400 to-sky-600 rounded-l-2xl\"><\/div>\n        <div class=\"pl-4\">\n          <div class=\"flex items-center gap-2.5 mb-4\">\n            <div class=\"w-10 h-10 bg-sky-50 rounded-xl flex items-center justify-center\">\n              <span class=\"iconify text-sky-500 text-xl\" data-icon=\"lucide:eye\"><\/span>\n            <\/div>\n            <h2 class=\"text-base font-bold text-slate-900\">Vision<\/h2>\n          <\/div>\n          <p class=\"text-slate-600 text-sm leading-relaxed font-medium\">\n            To see a healthy, productive, and prosperous society.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"reveal card-hover bg-white rounded-2xl border border-sky-100 p-6 relative overflow-hidden\" style=\"transition-delay:80ms\">\n        <div class=\"absolute top-0 left-0 w-1 h-full bg-gradient-to-b from-sky-600 to-sky-800 rounded-l-2xl\"><\/div>\n        <div class=\"pl-4\">\n          <div class=\"flex items-center gap-2.5 mb-4\">\n            <div class=\"w-10 h-10 bg-sky-50 rounded-xl flex items-center justify-center\">\n              <span class=\"iconify text-sky-500 text-xl\" data-icon=\"lucide:compass\"><\/span>\n            <\/div>\n            <h2 class=\"text-base font-bold text-slate-900\">Mission<\/h2>\n          <\/div>\n          <p class=\"text-slate-600 text-sm leading-relaxed\">\n            To promote the health and well-being of the society through providing and regulating a comprehensive package of health services of the highest possible quality in an equitable manner.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Our Values -->\n    <div class=\"reveal\">\n      <div class=\"flex items-center gap-3 mb-2\">\n        <div class=\"w-7 h-7 bg-sky-50 rounded-lg flex items-center justify-center\">\n          <span class=\"iconify text-sky-500 text-xs\" data-icon=\"lucide:sparkles\"><\/span>\n        <\/div>\n        <h2 class=\"text-base font-bold text-slate-900\">Our Values<\/h2>\n      <\/div>\n      <div class=\"section-bar mb-5\"><\/div>\n      <div class=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-3\">\n\n        <div class=\"value-card bg-white rounded-xl border border-sky-100 p-4 flex items-center gap-3 cursor-default\">\n          <div class=\"val-icon w-9 h-9 bg-sky-50 rounded-lg flex items-center justify-center flex-shrink-0 transition-all\">\n            <span class=\"iconify text-sky-500 text-base\" data-icon=\"lucide:heart-handshake\"><\/span>\n          <\/div>\n          <span class=\"val-text text-xs font-semibold text-slate-700 transition-colors leading-tight\">Community First<\/span>\n        <\/div>\n\n        <div class=\"value-card bg-white rounded-xl border border-sky-100 p-4 flex items-center gap-3 cursor-default\">\n          <div class=\"val-icon w-9 h-9 bg-sky-50 rounded-lg flex items-center justify-center flex-shrink-0 transition-all\">\n            <span class=\"iconify text-sky-500 text-base\" data-icon=\"lucide:shield-check\"><\/span>\n          <\/div>\n          <span class=\"val-text text-xs font-semibold text-slate-700 transition-colors leading-tight\">Integrity & Honesty<\/span>\n        <\/div>\n\n        <div class=\"value-card bg-white rounded-xl border border-sky-100 p-4 flex items-center gap-3 cursor-default\">\n          <div class=\"val-icon w-9 h-9 bg-sky-50 rounded-lg flex items-center justify-center flex-shrink-0 transition-all\">\n            <span class=\"iconify text-sky-500 text-base\" data-icon=\"lucide:scan-eye\"><\/span>\n          <\/div>\n          <span class=\"val-text text-xs font-semibold text-slate-700 transition-colors leading-tight\">Transparency<\/span>\n        <\/div>\n\n        <div class=\"value-card bg-white rounded-xl border border-sky-100 p-4 flex items-center gap-3 cursor-default\">\n          <div class=\"val-icon w-9 h-9 bg-sky-50 rounded-lg flex items-center justify-center flex-shrink-0 transition-all\">\n            <span class=\"iconify text-sky-500 text-base\" data-icon=\"lucide:scale\"><\/span>\n          <\/div>\n          <span class=\"val-text text-xs font-semibold text-slate-700 transition-colors leading-tight\">Accountability<\/span>\n        <\/div>\n\n        <div class=\"value-card bg-white rounded-xl border border-sky-100 p-4 flex items-center gap-3 cursor-default\">\n          <div class=\"val-icon w-9 h-9 bg-sky-50 rounded-lg flex items-center justify-center flex-shrink-0 transition-all\">\n            <span class=\"iconify text-sky-500 text-base\" data-icon=\"lucide:lock\"><\/span>\n          <\/div>\n          <span class=\"val-text text-xs font-semibold text-slate-700 transition-colors leading-tight\">Confidentiality<\/span>\n        <\/div>\n\n        <div class=\"value-card bg-white rounded-xl border border-sky-100 p-4 flex items-center gap-3 cursor-default\">\n          <div class=\"val-icon w-9 h-9 bg-sky-50 rounded-lg flex items-center justify-center flex-shrink-0 transition-all\">\n            <span class=\"iconify text-sky-500 text-base\" data-icon=\"lucide=\"equal\"><\/span>\n          <\/div>\n          <span class=\"val-text text-xs font-semibold text-slate-700 transition-colors leading-tight\">Impartiality<\/span>\n        <\/div>\n\n        <div class=\"value-card bg-white rounded-xl border border-sky-100 p-4 flex items-center gap-3 cursor-default\">\n          <div class=\"val-icon w-9 h-9 bg-sky-50 rounded-lg flex items-center justify-center flex-shrink-0 transition-all\">\n            <span class=\"iconify text-sky-500 text-base\" data-icon=\"lucide:book-open-check\"><\/span>\n          <\/div>\n          <span class=\"val-text text-xs font-semibold text-slate-700 transition-colors leading-tight\">Respect for Law<\/span>\n        <\/div>\n\n        <div class=\"value-card bg-white rounded-xl border border-sky-100 p-4 flex items-center gap-3 cursor-default\">\n          <div class=\"val-icon w-9 h-9 bg-sky-50 rounded-lg flex items-center justify-center flex-shrink-0 transition-all\">\n            <span class=\"iconify text-sky-500 text-base\" data-icon=\"lucide:crown\"><\/span>\n          <\/div>\n          <span class=\"val-text text-xs font-semibold text-slate-700 transition-colors leading-tight\">Being a Role Model<\/span>\n        <\/div>\n\n        <div class=\"value-card bg-white rounded-xl border border-sky-100 p-4 flex items-center gap-3 cursor-default\">\n          <div class=\"val-icon w-9 h-9 bg-sky-50 rounded-lg flex items-center justify-center flex-shrink-0 transition-all\">\n            <span class=\"iconify text-sky-500 text-base\" data-icon=\"lucide:users\"><\/span>\n          <\/div>\n          <span class=\"val-text text-xs font-semibold text-slate-700 transition-colors leading-tight\">Collaboration<\/span>\n        <\/div>\n\n        <div class=\"value-card bg-white rounded-xl border border-sky-100 p-4 flex items-center gap-3 cursor-default\">\n          <div class=\"val-icon w-9 h-9 bg-sky-50 rounded-lg flex items-center justify-center flex-shrink-0 transition-all\">\n            <span class=\"iconify text-sky-500 text-base\" data-icon=\"lucide:stethoscope\"><\/span>\n          <\/div>\n          <span class=\"val-text text-xs font-semibold text-slate-700 transition-colors leading-tight\">Professionalism<\/span>\n        <\/div>\n\n        <div class=\"value-card bg-white rounded-xl border border-sky-100 p-4 flex items-center gap-3 cursor-default\">\n          <div class=\"val-icon w-9 h-9 bg-sky-50 rounded-lg flex items-center justify-center flex-shrink-0 transition-all\">\n            <span class=\"iconify text-sky-500 text-base\" data-icon=\"lucide:lightbulb\"><\/span>\n          <\/div>\n          <span class=\"val-text text-xs font-semibold text-slate-700 transition-colors leading-tight\">Change & Innovation<\/span>\n        <\/div>\n\n        <div class=\"value-card bg-white rounded-xl border border-sky-100 p-4 flex items-center gap-3 cursor-default\">\n          <div class=\"val-icon w-9 h-9 bg-sky-50 rounded-lg flex items-center justify-center flex-shrink-0 transition-all\">\n            <span class=\"iconify text-sky-500 text-base\" data-icon=\"lucide:hand-heart\"><\/span>\n          <\/div>\n          <span class=\"val-text text-xs font-semibold text-slate-700 transition-colors leading-tight\">Compassion<\/span>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- Goals -->\n    <div class=\"reveal\">\n      <div class=\"flex items-center gap-3 mb-2\">\n        <div class=\"w-7 h-7 bg-sky-50 rounded-lg flex items-center justify-center\">\n          <span class=\"iconify text-sky-500 text-xs\" data-icon=\"lucide:target\"><\/span>\n        <\/div>\n        <h2 class=\"text-base font-bold text-slate-900\">Strategic Goals<\/h2>\n      <\/div>\n      <div class=\"section-bar mb-5\"><\/div>\n\n      <div class=\"bg-white rounded-2xl border border-sky-100 p-6 lg:p-8\">\n        <p class=\"text-slate-600 text-sm leading-relaxed mb-6\">\n          The overall goal of the HSDIP-II is to improve the health status of the population and contribute to sustainable economic development by accelerating progress towards Universal Health Coverage through:\n        <\/p>\n        <div class=\"grid sm:grid-cols-2 gap-3\">\n          <div class=\"goal-pill flex items-start gap-3 bg-sky-50 border border-sky-100 rounded-xl p-4 cursor-default transition-all\">\n            <div class=\"w-8 h-8 bg-white rounded-lg flex items-center justify-center flex-shrink-0 shadow-sm border border-sky-100\">\n              <span class=\"goal-icon text-sky-500 text-sm transition-colors\" data-icon=\"lucide:hospital\"><\/span>\n            <\/div>\n            <div>\n              <p class=\"text-xs font-semibold text-slate-800 transition-colors\">Strengthened Primary Health Care<\/p>\n              <p class=\"text-[11px] text-slate-400 mt-0.5 leading-relaxed\">Expanding access to essential health services at community and facility level.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"goal-pill flex items-start gap-3 bg-sky-50 border border-sky-100 rounded-xl p-4 cursor-default transition-all\">\n            <div class=\"w-8 h-8 bg-white rounded-lg flex items-center justify-center flex-shrink-0 shadow-sm border border-sky-100\">\n              <span class=\"goal-icon text-sky-500 text-sm transition-colors\" data-icon=\"lucide:people\"><\/span>\n            <\/div>\n            <div>\n              <p class=\"text-xs font-semibold text-slate-800 transition-colors\">Enhanced Community Ownership<\/p>\n              <p class=\"text-[11px] text-slate-400 mt-0.5 leading-relaxed\">Deepening community engagement and participation in health governance.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"goal-pill flex items-start gap-3 bg-sky-50 border border-sky-100 rounded-xl p-4 cursor-default transition-all\">\n            <div class=\"w-8 h-8 bg-white rounded-lg flex items-center justify-center flex-shrink-0 shadow-sm border border-sky-100\">\n              <span class=\"goal-icon text-sky-500 text-sm transition-colors\" data-icon=\"lucide:shield-alert\"><\/span>\n            <\/div>\n            <div>\n              <p class=\"text-xs font-semibold text-slate-800 transition-colors\">Effective Emergency Protection<\/p>\n              <p class=\"text-[11px] text-slate-400 mt-0.5 leading-relaxed\">Strengthening preparedness and response to public health emergencies.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"goal-pill flex items-start gap-3 bg-sky-50 border border-sky-100 rounded-xl p-4 cursor-default transition-all\">\n            <div class=\"w-8 h-8 bg-white rounded-lg flex items-center justify-center flex-shrink-0 shadow-sm border border-sky-100\">\n              <span class=\"goal-icon text-sky-500 text-sm transition-colors\" data-icon=\"lucide:activity\"><\/span>\n            <\/div>\n            <div>\n              <p class=\"text-xs font-semibold text-slate-800 transition-colors\">Responsive & Resilient Health System<\/p>\n              <p class=\"text-[11px] text-slate-400 mt-0.5 leading-relaxed\">Building a system that adapts to shocks and delivers consistently.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"mt-5 flex items-center gap-2 bg-sky-50 border border-sky-100 rounded-xl px-4 py-3\">\n          <span class=\"iconify text-sky-500 text-lg flex-shrink-0\" data-icon=\"lucide:badge-check\"><\/span>\n          <p class=\"text-xs text-slate-600 leading-relaxed\">\n            <span class=\"font-semibold text-slate-800\">Universal Health Coverage (UHC)<\/span> \u2014 the overarching target that unifies all four strategic pillars, ensuring no one is left behind.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <script>\n    const revealElements = document.querySelectorAll('.reveal');\n    const revealObserver = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) entry.target.classList.add('active');\n      });\n    }, { threshold: 0.08 });\n    revealElements.forEach(el => revealObserver.observe(el));\n  <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About Us \u2014 Harar Regional Health Bureau About Us Harar Regional Health Bureau The Harar Regional Health Bureau is the leading government body responsible for planning, coordinating, and delivering comprehensive health services to the people of the Harari region \u2014 working towards a healthier, more productive, and prosperous society. Vision To see a healthy, productive, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-124","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/pages\/124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/comments?post=124"}],"version-history":[{"count":141,"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/pages\/124\/revisions"}],"predecessor-version":[{"id":1636,"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/pages\/124\/revisions\/1636"}],"wp:attachment":[{"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/media?parent=124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}