{"id":23,"date":"2026-05-24T09:59:31","date_gmt":"2026-05-24T13:59:31","guid":{"rendered":"https:\/\/komti.id\/?page_id=23"},"modified":"2026-07-21T02:46:00","modified_gmt":"2026-07-21T06:46:00","slug":"beranda","status":"publish","type":"page","link":"https:\/\/komti.id\/","title":{"rendered":"Beranda"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<style>\n\/* HILANGKAN JARAK KOSONG SETELAH HEADER *\/\n.site-content,\n.content-area,\n.site-main,\n.entry-content,\n.entry,\n.page,\n.hentry {\n  margin-top: 0 !important;\n  padding-top: 0 !important;\n}\n\n\/* RAPATKAN AREA BERANDA *\/\n.pltmh-home {\n  padding-top: 20px !important;\n}\n  \/* HIDE DEFAULT THEME PAGE TITLE \/ BANNER *\/\n  .entry-hero,\n  .entry-header,\n  .page-header,\n  .entry-title,\n  .kadence-title-bar,\n  .kt-page-title {\n    display: none !important;\n  }\n\n  .content-area,\n  .site-main,\n  .entry-content {\n    margin-top: 0 !important;\n    padding-top: 0 !important;\n  }\n\n  .pltmh-home {\n    max-width: 1120px;\n    margin: 0 auto;\n    padding: 32px 20px 72px;\n    font-family: inherit;\n  }\n\n  .pltmh-hero {\n    display: grid;\n    grid-template-columns: 1.15fr 0.85fr;\n    gap: 34px;\n    align-items: center;\n    background: linear-gradient(135deg, #e9fff2 0%, #eef9ff 62%, #ffffff 100%);\n    border-radius: 30px;\n    padding: 46px;\n    box-shadow: 0 22px 60px rgba(16, 42, 67, 0.08);\n    margin-bottom: 30px;\n  }\n\n  .pltmh-hero h1 {\n    margin: 0 0 18px;\n    color: #082f49;\n    font-size: clamp(36px, 4.5vw, 58px);\n    line-height: 1.08;\n    letter-spacing: -1px;\n    font-weight: 850;\n  }\n\n  .pltmh-hero p {\n    margin: 0;\n    color: #52637a;\n    font-size: 18px;\n    line-height: 1.75;\n  }\n\n  .pltmh-mini-card {\n    background: rgba(255, 255, 255, 0.78);\n    border: 1px solid rgba(185, 227, 245, 0.65);\n    border-radius: 24px;\n    padding: 26px;\n    box-shadow: 0 18px 45px rgba(16, 42, 67, 0.06);\n  }\n\n  .pltmh-mini-card h3 {\n    margin: 0 0 12px;\n    color: #075985;\n    font-size: 20px;\n    font-weight: 800;\n  }\n\n  .pltmh-mini-card p {\n    margin: 0;\n    font-size: 15px;\n    line-height: 1.7;\n  }\n\n  .pltmh-map {\n    position: relative;\n    display: block;\n    border-radius: 28px;\n    overflow: hidden;\n    text-decoration: none;\n    background: #eef7f4;\n    box-shadow: 0 24px 70px rgba(16, 42, 67, 0.12);\n    margin-bottom: 38px;\n  }\n\n  .pltmh-map img {\n    width: 100%;\n    height: 500px;\n    object-fit: cover;\n    display: block;\n  }\n\n  .pltmh-map::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      180deg,\n      rgba(8, 47, 73, 0.02) 0%,\n      rgba(8, 47, 73, 0.25) 100%\n    );\n  }\n\n  .pltmh-map-info {\n    position: absolute;\n    left: 36px;\n    bottom: 36px;\n    z-index: 2;\n    max-width: 500px;\n    padding: 26px 30px;\n    border-radius: 24px;\n    background: rgba(255, 255, 255, 0.92);\n    backdrop-filter: blur(10px);\n  }\n\n  .pltmh-map-info span {\n    display: inline-block;\n    margin-bottom: 12px;\n    padding: 8px 16px;\n    border-radius: 999px;\n    background: #d9fbe4;\n    color: #166534;\n    font-size: 14px;\n    font-weight: 700;\n  }\n\n  .pltmh-map-info h2 {\n    margin: 0 0 10px;\n    color: #082f49;\n    font-size: 31px;\n    line-height: 1.2;\n    font-weight: 850;\n  }\n\n  .pltmh-map-info p {\n    margin: 0;\n    color: #52637a;\n    font-size: 16px;\n  }\n\n  .pltmh-map-button {\n    position: absolute;\n    right: 36px;\n    bottom: 36px;\n    z-index: 2;\n    padding: 17px 28px;\n    border-radius: 999px;\n    background: #075985;\n    color: #ffffff;\n    font-weight: 800;\n    font-size: 17px;\n    box-shadow: 0 16px 35px rgba(7, 89, 133, 0.28);\n  }\n\n  .pltmh-section-title {\n    margin: 0 0 22px;\n  }\n\n  .pltmh-section-title span {\n    display: inline-block;\n    padding: 8px 16px;\n    margin-bottom: 12px;\n    border-radius: 999px;\n    background: #eef9ff;\n    color: #075985;\n    font-size: 14px;\n    font-weight: 700;\n  }\n\n  .pltmh-section-title h2 {\n    margin: 0;\n    color: #082f49;\n    font-size: 32px;\n    line-height: 1.2;\n    font-weight: 850;\n  }\n\n  .pltmh-feature-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\n    gap: 20px;\n  }\n\n  .pltmh-feature-card {\n    display: block;\n    padding: 28px;\n    border-radius: 24px;\n    background: #ffffff;\n    color: inherit;\n    text-decoration: none;\n    box-shadow: 0 16px 45px rgba(16, 42, 67, 0.08);\n    transition: 0.25s ease;\n  }\n\n  .pltmh-feature-card:hover {\n    transform: translateY(-4px);\n    text-decoration: none;\n  }\n\n  .pltmh-feature-icon {\n    font-size: 30px;\n    margin-bottom: 16px;\n  }\n\n  .pltmh-feature-card h3 {\n    margin: 0 0 12px;\n    color: #082f49;\n    font-size: 21px;\n    font-weight: 850;\n  }\n\n  .pltmh-feature-card p {\n    margin: 0;\n    color: #52637a;\n    line-height: 1.7;\n    font-size: 15.5px;\n  }\n\n  @media (max-width: 900px) {\n    .pltmh-home {\n      padding: 24px 16px 60px;\n    }\n\n    .pltmh-hero {\n      grid-template-columns: 1fr;\n      padding: 34px 26px;\n      border-radius: 24px;\n    }\n\n    .pltmh-hero p {\n      font-size: 16.5px;\n    }\n\n    .pltmh-map img {\n      height: 450px;\n    }\n\n    .pltmh-map-info {\n      left: 20px;\n      right: 20px;\n      bottom: 92px;\n      padding: 22px;\n    }\n\n    .pltmh-map-info h2 {\n      font-size: 27px;\n    }\n\n    .pltmh-map-button {\n      left: 20px;\n      right: 20px;\n      bottom: 22px;\n      text-align: center;\n      font-size: 15.5px;\n    }\n  }\n\/* ===== FIX RESPONSIVE PETA UNTUK HP \/ TABLET ===== *\/\n@media (max-width: 900px) {\n  .pltmh-map {\n    display: block;\n    padding-bottom: 18px;\n    background: #ffffff;\n  }\n\n  .pltmh-map img {\n    height: 300px !important;\n    object-fit: cover;\n  }\n\n  .pltmh-map::after {\n    display: none !important;\n  }\n\n  .pltmh-map-info {\n    position: relative !important;\n    left: auto !important;\n    right: auto !important;\n    bottom: auto !important;\n    max-width: none !important;\n    margin: -55px 18px 14px !important;\n    padding: 22px 22px !important;\n    border-radius: 22px !important;\n    background: rgba(255, 255, 255, 0.96) !important;\n    box-shadow: 0 14px 35px rgba(16, 42, 67, 0.12);\n  }\n\n  .pltmh-map-info span {\n    font-size: 13px !important;\n    padding: 7px 14px !important;\n    margin-bottom: 10px !important;\n  }\n\n  .pltmh-map-info h2 {\n    font-size: 28px !important;\n    line-height: 1.18 !important;\n    margin-bottom: 10px !important;\n  }\n\n  .pltmh-map-info p {\n    font-size: 15.5px !important;\n    line-height: 1.6 !important;\n  }\n\n  .pltmh-map-button {\n    position: relative !important;\n    left: auto !important;\n    right: auto !important;\n    bottom: auto !important;\n    display: block !important;\n    margin: 0 18px !important;\n    padding: 16px 20px !important;\n    border-radius: 999px !important;\n    text-align: center !important;\n    font-size: 15.5px !important;\n    line-height: 1.5 !important;\n  }\n}\n\n@media (max-width: 480px) {\n  .pltmh-map img {\n    height: 260px !important;\n  }\n\n  .pltmh-map-info {\n    margin: -45px 14px 12px !important;\n    padding: 20px !important;\n  }\n\n  .pltmh-map-info h2 {\n    font-size: 25px !important;\n  }\n\n  .pltmh-map-button {\n    margin: 0 14px !important;\n    font-size: 15px !important;\n  }\n}\n<\/style>\n\n<section class=\"pltmh-home\">\n  <div class=\"pltmh-hero\">\n    <div>\n\n      <h1>Rekomendasi Lokasi PLTMH &amp; Crowdfunding<\/h1>\n\n      <p>\n        Website ini membantu pengguna memahami Pembangkit Listrik Tenaga Mikrohidro,\n        melihat lokasi potensial berbasis data spasial, serta mendukung pengembangan\n        energi mikrohidro melalui HydroAksi dan laporan proyek yang transparan.\n      <\/p>\n    <\/div>\n\n    <div class=\"pltmh-mini-card\">\n      <h3>Berbasis Data Spasial<\/h3>\n      <p>\n        Sistem ini menyajikan titik rekomendasi PLTMH di wilayah DIY sebagai dasar\n        awal untuk mengenali potensi energi mikrohidro secara lebih mudah dan visual.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <a href=\"https:\/\/komti.id\/index.php\/peta-rekomendasi-pltmh\/\" class=\"pltmh-map\">\n    <img decoding=\"async\" src=\"https:\/\/komti.id\/wp-content\/uploads\/2026\/05\/peta-pltmh-diy.png\" alt=\"Peta rekomendasi lokasi PLTMH di DIY\">\n\n    <div class=\"pltmh-map-info\">\n      <span>Peta Rekomendasi<\/span>\n      <h2>105 Titik Potensial PLTMH di DIY<\/h2>\n      <p>Klik tombol untuk membuka halaman peta rekomendasi penuh.<\/p>\n    <\/div>\n\n    <div class=\"pltmh-map-button\">\n      Buka Peta Rekomendasi PLTMH \u2192\n    <\/div>\n  <\/a>\n\n  <div class=\"pltmh-section-title\">\n    <span>Menu Utama<\/span>\n    <h2>Jelajahi HydroAksi<\/h2>\n  <\/div>\n\n  <div class=\"pltmh-feature-grid\">\n    <a href=\"https:\/\/komti.id\/index.php\/narasi-pltmh\/\" class=\"pltmh-feature-card\">\n      <div class=\"pltmh-feature-icon\">\ud83d\udcd8<\/div>\n      <h3>Narasi PLTMH<\/h3>\n      <p>Menyajikan informasi edukatif mengenai mikrohidro, manfaat, dan prinsip kerjanya.<\/p>\n    <\/a>\n\n    <a href=\"https:\/\/komti.id\/index.php\/hydroaksi\/\" class=\"pltmh-feature-card\">\n      <div class=\"pltmh-feature-icon\">\ud83e\udd1d<\/div>\n      <h3>HydroAksi<\/h3>\n      <p>Mendukung pendanaan dan pengembangan proyek PLTMH berbasis partisipasi masyarakat.<\/p>\n    <\/a>\n\n    <a href=\"https:\/\/komti.id\/index.php\/report-hydro-aksi\/\" class=\"pltmh-feature-card\">\n      <div class=\"pltmh-feature-icon\">\ud83d\udcca<\/div>\n      <h3>Report Hydro Aksi<\/h3>\n      <p>Menampilkan laporan perkembangan proyek, penggunaan dana, dan dokumentasi kegiatan.<\/p>\n    <\/a>\n\n    <a href=\"https:\/\/komti.id\/index.php\/tentang\/\" class=\"pltmh-feature-card\">\n      <div class=\"pltmh-feature-icon\">\ud83c\udf31<\/div>\n      <h3>Tentang<\/h3>\n      <p>Menjelaskan tujuan website, konsep sistem rekomendasi, dan pengembangan PLTMH.<\/p>\n    <\/a>\n\n    <a href=\"https:\/\/komti.id\/index.php\/kontak\/\" class=\"pltmh-feature-card\">\n      <div class=\"pltmh-feature-icon\">\u2709\ufe0f<\/div>\n      <h3>Kontak<\/h3>\n      <p>Menyediakan akses komunikasi untuk pertanyaan, kolaborasi, dan informasi lanjutan.<\/p>\n    <\/a>\n  <\/div>\n<\/section>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Rekomendasi Lokasi PLTMH &amp; Crowdfunding Website ini membantu pengguna memahami Pembangkit Listrik Tenaga Mikrohidro, melihat lokasi potensial berbasis data spasial, serta mendukung pengembangan energi mikrohidro melalui HydroAksi dan laporan proyek yang transparan. Berbasis Data Spasial Sistem ini menyajikan titik rekomendasi PLTMH di wilayah DIY sebagai dasar awal untuk mengenali potensi energi mikrohidro secara lebih mudah&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-23","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/komti.id\/index.php\/wp-json\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/komti.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/komti.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/komti.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/komti.id\/index.php\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":16,"href":"https:\/\/komti.id\/index.php\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":294,"href":"https:\/\/komti.id\/index.php\/wp-json\/wp\/v2\/pages\/23\/revisions\/294"}],"wp:attachment":[{"href":"https:\/\/komti.id\/index.php\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}