{"id":5067,"date":"2026-10-03T23:31:18","date_gmt":"2026-10-03T23:31:18","guid":{"rendered":"https:\/\/pkm-sungaipinang.hulusungaiselatankab.go.id\/?page_id=5067"},"modified":"2026-10-03T23:42:15","modified_gmt":"2026-10-03T23:42:15","slug":"halaman-utama","status":"publish","type":"page","link":"https:\/\/pkm-sungaipinang.hulusungaiselatankab.go.id\/?page_id=5067","title":{"rendered":"HALAMAN UTAMA"},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"id\" class=\"scroll-smooth\"><br \/>\n<head><br \/>\n  <meta charset=\"UTF-8\"><br \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n  <title>Selamat Datang &#8211; Puskesmas Sungai Pinang<\/title><br \/>\n  <!-- Tailwind CSS CDN --><br \/>\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><br \/>\n  <!-- FontAwesome Icons -->\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n  <script>\n    tailwind.config = {\n      theme: {\n        extend: {\n          colors: {\n            medical: '#0F4C81',\n            medicalLight: '#E0F2FE',\n            accent: '#0284C7'\n          }\n        }\n      }\n    }\n  <\/script><br \/>\n<\/head><br \/>\n<body class=\"bg-gray-50 text-gray-700 font-sans\"><\/p>\n<p>  <!-- HEADER \/ NAVIGASI ATAS --><\/p>\n<header class=\"w-full shadow-sm bg-white sticky top-0 z-50\">\n    <!-- Top Bar --><\/p>\n<div class=\"bg-medical text-white text-xs md:text-sm py-2 px-4\">\n<div class=\"max-w-7xl mx-auto flex flex-col sm:flex-row justify-between items-center gap-2\">\n<div class=\"flex items-center gap-4\">\n          <span class=\"flex items-center gap-1\"><br \/>\n            <i class=\"fas fa-phone-alt text-sky-300\"><\/i> Hotline Darurat: (0511) 123456<br \/>\n          <\/span><br \/>\n          <span class=\"hidden md:flex items-center gap-1\"><br \/>\n            <i class=\"fas fa-envelope text-sky-300\"><\/i> info@puskesmassungaipinang.id<br \/>\n          <\/span>\n        <\/div>\n<div class=\"flex items-center gap-3\">\n          <span><i class=\"fas fa-clock text-sky-300\"><\/i> Sen &#8211; Jum: 08:00 &#8211; 14:00 WITA<\/span>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Main Navigation --><\/p>\n<div class=\"max-w-7xl mx-auto px-4 py-3 flex justify-between items-center\">\n      <!-- Logo --><\/p>\n<div class=\"flex items-center gap-3\">\n<div class=\"bg-medical text-white p-2 rounded-lg font-bold text-xl flex items-center justify-center w-10 h-10 shadow-md\">\n          <i class=\"fas fa-hospital-user\"><\/i>\n        <\/div>\n<div>\n<h1 class=\"font-bold text-gray-900 text-base md:text-lg leading-tight\">Puskesmas Sungai Pinang<\/h1>\n<p class=\"text-xs text-gray-500\">Melayani dengan Sepenuh Hati<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- Menu Desktop --><\/p>\n<nav class=\"hidden md:flex items-center gap-6 font-medium text-sm text-gray-600\">\n        <a href=\"#\" class=\"text-medical font-semibold\">Beranda<\/a><br \/>\n        <a href=\"#profil\" class=\"hover:text-medical transition\">Profil<\/a><br \/>\n        <a href=\"#layanan\" class=\"hover:text-medical transition\">Layanan<\/a><br \/>\n        <a href=\"#dokter\" class=\"hover:text-medical transition\">Jadwal Dokter<\/a><br \/>\n        <a href=\"#kontak\" class=\"hover:text-medical transition\">Kontak<\/a><br \/>\n      <\/nav>\n<p>      <!-- Tombol Aksi --><\/p>\n<div class=\"hidden md:flex items-center gap-3\">\n        <a href=\"#daftar\" class=\"bg-medical hover:bg-sky-900 text-white px-4 py-2 rounded-lg text-sm font-medium transition shadow-sm\"><br \/>\n          <i class=\"fas fa-user-plus mr-1\"><\/i> Daftar Online<br \/>\n        <\/a>\n      <\/div>\n<p>      <!-- Tombol Mobile --><br \/>\n      <button id=\"menu-btn\" class=\"md:hidden text-gray-700 focus:outline-none\"><br \/>\n        <i class=\"fas fa-bars text-2xl\"><\/i><br \/>\n      <\/button>\n    <\/div>\n<p>    <!-- Menu Mobile Dropdown --><\/p>\n<div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-t border-gray-100 px-4 py-4 space-y-3 text-sm font-medium\">\n      <a href=\"#\" class=\"block text-medical font-semibold\">Beranda<\/a><br \/>\n      <a href=\"#profil\" class=\"block hover:text-medical\">Profil<\/a><br \/>\n      <a href=\"#layanan\" class=\"block hover:text-medical\">Layanan<\/a><br \/>\n      <a href=\"#dokter\" class=\"block hover:text-medical\">Jadwal Dokter<\/a><br \/>\n      <a href=\"#kontak\" class=\"block hover:text-medical\">Kontak<\/a><\/p>\n<div class=\"pt-2\">\n        <a href=\"#daftar\" class=\"block text-center bg-medical text-white py-2 rounded-lg font-medium\">Daftar Online<\/a>\n      <\/div>\n<\/p><\/div>\n<\/header>\n<p>  <!-- HERO SECTION \/ SELAMAT DATANG --><\/p>\n<section class=\"bg-white py-12 md:py-20 border-b border-gray-100\">\n<div class=\"max-w-7xl mx-auto px-4 grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\n<div class=\"space-y-6\">\n        <span class=\"bg-sky-100 text-medical text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wider\"><br \/>\n          Resmi Portal Layanan Kesehatan<br \/>\n        <\/span><\/p>\n<h1 class=\"text-3xl md:text-5xl font-bold text-gray-900 leading-tight\">\n          Selamat Datang di <span class=\"text-medical\">Puskesmas Sungai Pinang<\/span><br \/>\n        <\/h1>\n<p class=\"text-gray-600 text-base md:text-lg leading-relaxed\">\n          Kami berkomitmen memberikan pelayanan kesehatan primer yang bermutu, cepat, ramah, dan terjangkau bagi seluruh masyarakat sekitar demi mewujudkan lingkungan yang sehat dan bugar.\n        <\/p>\n<div class=\"flex flex-col sm:flex-row gap-3 pt-2\">\n          <a href=\"#layanan\" class=\"bg-medical hover:bg-sky-900 text-white font-medium px-6 py-3 rounded-lg text-center transition shadow\"><br \/>\n            Lihat Layanan Kami<br \/>\n          <\/a><br \/>\n          <a href=\"#daftar\" class=\"border border-medical text-medical hover:bg-medical hover:text-white font-medium px-6 py-3 rounded-lg text-center transition\"><br \/>\n            Pendaftaran Pasien<br \/>\n          <\/a>\n        <\/div>\n<\/p><\/div>\n<p>      <!-- Ilustrasi \/ Foto Sambutan --><\/p>\n<div class=\"bg-medicalLight p-6 rounded-2xl shadow-inner flex justify-center items-center\">\n<div class=\"text-center space-y-4\">\n<div class=\"w-24 h-24 bg-medical text-white rounded-full flex items-center justify-center mx-auto text-4xl shadow-md\">\n            <i class=\"fas fa-heartbeat\"><\/i>\n          <\/div>\n<h3 class=\"font-bold text-xl text-medical\">Sehat Bersama Kami<\/h3>\n<p class=\"text-sm text-gray-600 max-w-xs mx-auto\">\n            Fasilitas kesehatan terpadu yang siap melayani kebutuhan medis Anda dan keluarga setiap hari kerja.\n          <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- QUICK INFO \/ KOTAK FITUR UTAMA --><\/p>\n<section class=\"max-w-7xl mx-auto px-4 -mt-8 relative z-10\">\n<div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n<div class=\"bg-medical text-white p-6 rounded-xl shadow-lg flex items-center gap-4\">\n<div class=\"bg-white\/10 p-4 rounded-lg text-2xl\">\n          <i class=\"fas fa-ambulance\"><\/i>\n        <\/div>\n<div>\n<h4 class=\"font-bold text-lg\">Layanan Darurat<\/h4>\n<p class=\"text-xs text-sky-100 mt-1\">Siaga UGD &#038; Ambulans 24 Jam untuk penanganan cepat.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"bg-white text-gray-800 p-6 rounded-xl shadow-lg border border-gray-100 flex items-center gap-4\">\n<div class=\"bg-medicalLight text-medical p-4 rounded-lg text-2xl\">\n          <i class=\"fas fa-calendar-check\"><\/i>\n        <\/div>\n<div>\n<h4 class=\"font-bold text-lg text-medical\">Poli &#038; Pendaftaran<\/h4>\n<p class=\"text-xs text-gray-500 mt-1\">Poli Umum, Gigi, KIA, dan Lansia siap melayani.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"bg-white text-gray-800 p-6 rounded-xl shadow-lg border border-gray-100 flex items-center gap-4\">\n<div class=\"bg-medicalLight text-medical p-4 rounded-lg text-2xl\">\n          <i class=\"fas fa-clock\"><\/i>\n        <\/div>\n<div>\n<h4 class=\"font-bold text-lg text-medical\">Jam Operasional<\/h4>\n<p class=\"text-xs text-gray-500 mt-1\">Senin &#8211; Kamis: 08.00 &#8211; 14.00, Jumat: 08.00 &#8211; 11.00<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- JAVASCRIPT UNTUK MENU MOBILE --><br \/>\n  <script>\n    const btn = document.getElementById('menu-btn');\n    const menu = document.getElementById('mobile-menu');<\/p>\n<p>    btn.addEventListener('click', () => {\n      menu.classList.toggle('hidden');\n    });\n  <\/script><\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Selamat Datang &#8211; Puskesmas Sungai Pinang Hotline Darurat: (0511) 123456 info@puskesmassungaipinang.id Sen &#8211; Jum: 08:00 &#8211; 14:00 WITA Puskesmas Sungai Pinang Melayani dengan Sepenuh Hati Beranda Profil Layanan Jadwal Dokter Kontak Daftar Online Beranda Profil Layanan Jadwal Dokter Kontak Daftar Online Resmi Portal Layanan&#8230;<\/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-5067","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pkm-sungaipinang.hulusungaiselatankab.go.id\/index.php?rest_route=\/wp\/v2\/pages\/5067","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pkm-sungaipinang.hulusungaiselatankab.go.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pkm-sungaipinang.hulusungaiselatankab.go.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pkm-sungaipinang.hulusungaiselatankab.go.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pkm-sungaipinang.hulusungaiselatankab.go.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5067"}],"version-history":[{"count":3,"href":"https:\/\/pkm-sungaipinang.hulusungaiselatankab.go.id\/index.php?rest_route=\/wp\/v2\/pages\/5067\/revisions"}],"predecessor-version":[{"id":5076,"href":"https:\/\/pkm-sungaipinang.hulusungaiselatankab.go.id\/index.php?rest_route=\/wp\/v2\/pages\/5067\/revisions\/5076"}],"wp:attachment":[{"href":"https:\/\/pkm-sungaipinang.hulusungaiselatankab.go.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5067"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}