{"id":104,"date":"2025-11-05T07:30:36","date_gmt":"2025-11-05T07:30:36","guid":{"rendered":"https:\/\/indonesiahebatpertama.com\/?page_id=104"},"modified":"2026-06-12T07:06:55","modified_gmt":"2026-06-12T07:06:55","slug":"home-2","status":"publish","type":"page","link":"https:\/\/indonesiahebatpertama.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t
\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nPT Indonesia Hebat Pertama<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\n\n<style>\n*{margin:0;padding:0;box-sizing:border-box}\nbody{font-family:\"Poppins\",sans-serif;background:#f5f5f5;overflow-x:hidden}\n\n\/* \u2500\u2500\u2500\u2500\u2500 HEADER \u2500\u2500\u2500\u2500\u2500 *\/\nheader{position:fixed;top:0;left:0;width:100%;padding:1.7rem 4rem;background:linear-gradient(90deg,#0d0d0d,#2c2c2c);display:flex;justify-content:space-between;align-items:center;z-index:1000;transition:.3s ease}\nheader.scrolled{padding:1.1rem 3rem;background:rgba(0,0,0,0.9);backdrop-filter:blur(6px)}\n.logo{display:flex;align-items:center;gap:12px}\n.logo img{height:60px;display:block}\n.logo h1{color:#e3e3e3;font-size:1.7rem;font-weight:700}\nnav ul{display:flex;gap:3rem;list-style:none}\nnav ul li a{color:white;font-size:1.1rem;text-decoration:none;font-weight:500;padding-bottom:4px;position:relative}\nnav ul li a::after{content:\"\";position:absolute;width:0%;height:2px;left:0;bottom:-4px;background:#a50000;transition:.3s}\nnav ul li a:hover{color:#a50000}\nnav ul li a:hover::after{width:100%}\n\n\/* \u2500\u2500\u2500\u2500\u2500 HAMBURGER \u2500\u2500\u2500\u2500\u2500 *\/\n.hamburger{display:none;flex-direction:column;gap:6px;cursor:pointer;padding:8px;border-radius:8px;transition:.2s}\n.hamburger span{width:28px;height:3px;background:white;border-radius:2px;transition:transform .25s,opacity .2s}\n.hamburger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}\n.hamburger.open span:nth-child(2){opacity:0}\n.hamburger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}\n.mobile-nav{position:fixed;top:0;right:-100%;width:80%;max-width:360px;height:100vh;background:#0d0d0d;padding:6rem 1.6rem;transition:right .35s;display:flex;flex-direction:column;gap:1.8rem;z-index:2000}\n.mobile-nav.open{right:0}\n.mobile-nav a{color:white;font-size:1.25rem;text-decoration:none;padding-bottom:.6rem;border-bottom:1px solid rgba(255,255,255,0.1)}\n.mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.45);opacity:0;visibility:hidden;transition:opacity .25s;z-index:1800}\n.mobile-overlay.show{opacity:1;visibility:visible}\n\n\/* \u2500\u2500\u2500\u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500 *\/\n.hero{height:100vh;background:url(\"https:\/\/cdn.rri.co.id\/berita\/Semarang\/o\/1731470521702-Foto_Artikel_5_-_Ilustrasi_Gedung_Bertingkat_(Foto_Pixabay,httpspixabay.comidphotosdesain-arsitektur-arsitektur-9038365)\/a9qk3p4j2rd9hse.jpeg\") no-repeat center\/cover;background-attachment:fixed;display:flex;justify-content:center;align-items:center;text-align:center;color:white;position:relative}\n.hero::before{content:\"\";position:absolute;inset:0;background:rgba(0,0,0,0.65)}\n.hero-content{z-index:2}\n.hero-content img{height:120px;margin-bottom:1.4rem}\n.hero-content h1{font-size:3.5rem;margin-bottom:.7rem}\n.hero-content p{font-size:1.3rem;margin-bottom:2rem}\n.btn{background:#a50000;padding:1rem 2.8rem;border-radius:10px;color:white;font-weight:600;text-decoration:none;transition:.3s;border:none;cursor:pointer;font-family:\"Poppins\",sans-serif;font-size:1rem}\n.btn:hover{background:#7e0000;transform:translateY(-3px)}\n\n\/* \u2500\u2500\u2500\u2500\u2500 SECTIONS \u2500\u2500\u2500\u2500\u2500 *\/\nsection{max-width:1400px;background:white;margin:6rem auto;padding:4rem 3rem;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08)}\nsection h2{text-align:center;font-size:2.5rem;color:#a50000;margin-bottom:2rem}\n\n\/* \u2500\u2500\u2500\u2500\u2500 CREATE \u2500\u2500\u2500\u2500\u2500 *\/\n.create-wrapper{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:2.5rem;margin-top:2rem}\n.create-logo img{width:100%;max-width:320px;display:block}\n.create-text p{margin-bottom:1.2rem;font-size:1.05rem;line-height:1.7}\n@media(max-width:900px){.create-wrapper{grid-template-columns:1fr;text-align:center}.create-logo img{margin:auto}}\n\n\/* \u2500\u2500\u2500\u2500\u2500 PARTNER SLIDER \u2500\u2500\u2500\u2500\u2500 *\/\n.partner-slider{width:100%;overflow:hidden;position:relative;margin-top:3rem}\n.partner-track{display:flex;gap:4rem;animation:slide 20s linear infinite}\n.partner-track img{height:80px;filter:grayscale(100%);transition:.3s}\n.partner-track img:hover{filter:grayscale(0%);transform:scale(1.1)}\n@keyframes slide{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\n\n\/* \u2500\u2500\u2500\u2500\u2500 SERVICES \u2500\u2500\u2500\u2500\u2500 *\/\n.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:2rem}\n.service-card{background:#fafafa;border:1px solid #eee;padding:2.2rem;border-radius:12px;text-align:center;transition:.3s;display:flex;flex-direction:column;justify-content:space-between}\n.service-card:hover{transform:translateY(-10px);box-shadow:0 10px 25px rgba(165,0,0,0.15)}\n.service-card h3{font-size:1.2rem;color:#1a1a1a;margin-bottom:.6rem}\n.service-card .service-desc{font-size:.95rem;color:#555;line-height:1.6;margin-bottom:1.4rem;flex-grow:1}\n.service-price-block{margin-bottom:1.5rem}\n.price-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#999;margin-bottom:.3rem}\n.price-value{font-size:1.5rem;font-weight:700;color:#a50000;line-height:1.1}\n.price-value span{font-size:.85rem;font-weight:500;color:#777}\n.price-note{font-size:.78rem;color:#aaa;margin-top:.3rem;font-style:italic}\n.btn-negotiate{display:inline-block;background:transparent;border:2px solid #a50000;color:#a50000;padding:.75rem 1.8rem;border-radius:8px;font-size:.92rem;font-weight:600;text-decoration:none;transition:.3s;width:100%;cursor:pointer;font-family:\"Poppins\",sans-serif}\n.btn-negotiate:hover{background:#a50000;color:white;transform:translateY(-2px);box-shadow:0 6px 18px rgba(165,0,0,0.25)}\n\n\/* \u2500\u2500\u2500\u2500\u2500 CONTACT \u2500\u2500\u2500\u2500\u2500 *\/\n.contact-wrapper{display:grid;grid-template-columns:1.3fr 1fr;gap:3rem;margin-top:2rem}\n.contact-form form{display:flex;flex-direction:column;gap:1.2rem}\n.contact-form input,.contact-form textarea{padding:1.1rem;border-radius:10px;border:1px solid #ccc;font-size:1rem;background:#fafafa;transition:.2s;font-family:\"Poppins\",sans-serif}\n.contact-form input:focus,.contact-form textarea:focus{border-color:#a50000;box-shadow:0 0 10px rgba(165,0,0,0.3);outline:none}\n.contact-info{margin-top:2rem;padding:1.5rem;background:#f1f1f1;border-radius:10px;border-left:5px solid #a50000;font-size:.95rem}\n.contact-info p{margin-bottom:.5rem}\n.contact-info small{font-size:.8rem;opacity:.8}\n.contact-map{width:100%;height:480px;border-radius:12px;overflow:hidden;box-shadow:0 5px 30px rgba(0,0,0,0.2)}\n\n\/* \u2500\u2500\u2500\u2500\u2500 FLOAT ICONS \u2500\u2500\u2500\u2500\u2500 *\/\n.float-icons{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:12px;z-index:2000}\n.float-icons a{width:55px;height:55px;background:#a50000;display:flex;justify-content:center;align-items:center;border-radius:50%;color:white;text-decoration:none;font-size:1.4rem;box-shadow:0 5px 18px rgba(0,0,0,.3);transition:.3s}\n.float-icons a:hover{transform:scale(1.15)}\n\n\/* \u2500\u2500\u2500\u2500\u2500 FOOTER \u2500\u2500\u2500\u2500\u2500 *\/\nfooter{width:100vw;margin-left:calc(50% - 50vw);background:linear-gradient(90deg,#0d0d0d,#2c2c2c);text-align:center;padding:6rem 2rem;margin-top:6rem;color:white}\nfooter p{font-size:1rem;margin-bottom:.5rem;opacity:.9}\n.footer-social{width:100%;display:flex;justify-content:center;gap:45px;padding:22px 0;background:rgba(255,255,255,0.09);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,0.18);border-bottom:1px solid rgba(255,255,255,0.18);margin-top:40px}\n.footer-social a{width:55px;height:55px;background:#ffffff1a;border-radius:15px;display:flex;justify-content:center;align-items:center;transition:.3s ease;box-shadow:0 5px 22px rgba(0,0,0,0.35)}\n.footer-social a:hover{transform:translateY(-7px);background:#a50000}\n.footer-social svg{width:28px;height:28px;fill:white}\n\n\/* \u2500\u2500\u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500 *\/\n@media(max-width:992px){nav{display:none}.hamburger{display:flex}.services-grid{grid-template-columns:1fr 1fr}.contact-wrapper{grid-template-columns:1fr}.contact-map{height:350px}}\n@media(max-width:768px){.services-grid{grid-template-columns:1fr}.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.15rem}}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n CHECKOUT MODAL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.modal-overlay{\n position:fixed;inset:0;\n background:rgba(0,0,0,0.6);\n backdrop-filter:blur(4px);\n z-index:9000;\n display:flex;align-items:center;justify-content:center;\n opacity:0;visibility:hidden;\n transition:opacity .3s,visibility .3s;\n padding:1rem;\n}\n.modal-overlay.active{opacity:1;visibility:visible}\n\n.modal{\n background:white;\n border-radius:20px;\n width:100%;\n max-width:680px;\n max-height:90vh;\n overflow-y:auto;\n position:relative;\n transform:translateY(30px) scale(0.97);\n transition:transform .35s cubic-bezier(.34,1.56,.64,1);\n box-shadow:0 30px 80px rgba(0,0,0,0.35);\n}\n.modal-overlay.active .modal{transform:translateY(0) scale(1)}\n\n\/* Modal header strip *\/\n.modal-header{\n background:linear-gradient(135deg,#a50000,#6e0000);\n padding:2rem 2.2rem 1.6rem;\n border-radius:20px 20px 0 0;\n position:relative;\n color:white;\n}\n.modal-header .service-badge{\n display:inline-block;\n background:rgba(255,255,255,0.18);\n border:1px solid rgba(255,255,255,0.3);\n padding:.3rem .9rem;\n border-radius:20px;\n font-size:.75rem;\n font-weight:600;\n letter-spacing:.06em;\n text-transform:uppercase;\n margin-bottom:.7rem;\n}\n.modal-header h2{font-size:1.55rem;font-weight:700;margin-bottom:.3rem}\n.modal-header p{font-size:.9rem;opacity:.85}\n\n\/* Price summary bar *\/\n.modal-price-bar{\n display:flex;align-items:center;justify-content:space-between;\n background:#fff8f8;\n border:1px solid #f5d0d0;\n margin:1.6rem 2.2rem 0;\n border-radius:12px;\n padding:1rem 1.4rem;\n}\n.modal-price-bar .price-from{font-size:.75rem;color:#999;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.2rem}\n.modal-price-bar .price-big{font-size:1.5rem;font-weight:700;color:#a50000}\n.modal-price-bar .price-big span{font-size:.85rem;color:#888;font-weight:500}\n.modal-price-bar .price-tag{\n background:#a50000;color:white;\n font-size:.75rem;font-weight:600;\n padding:.35rem .85rem;border-radius:20px;\n letter-spacing:.04em;\n}\n\n\/* Close button *\/\n.modal-close{\n position:absolute;top:1.1rem;right:1.3rem;\n background:rgba(255,255,255,0.2);\n border:none;color:white;\n width:34px;height:34px;border-radius:50%;\n font-size:1.1rem;cursor:pointer;\n display:flex;align-items:center;justify-content:center;\n transition:.2s;font-family:\"Poppins\",sans-serif;\n}\n.modal-close:hover{background:rgba(255,255,255,0.35);transform:rotate(90deg)}\n\n\/* Modal body *\/\n.modal-body{padding:1.6rem 2.2rem 2.2rem}\n\n.modal-body .section-label{\n font-size:.72rem;font-weight:700;\n text-transform:uppercase;letter-spacing:.1em;\n color:#a50000;margin-bottom:.9rem;\n display:flex;align-items:center;gap:.5rem;\n}\n.modal-body .section-label::after{\n content:\"\";flex:1;height:1px;background:#f0d5d5;\n}\n\n\/* WA button *\/\n.btn-wa{\n display:flex;align-items:center;justify-content:center;gap:.65rem;\n background:linear-gradient(135deg,#25D366,#128C7E);\n color:white;font-weight:700;font-size:1.05rem;\n padding:1.05rem 1.8rem;\n border-radius:12px;\n border:none;cursor:pointer;\n width:100%;\n text-decoration:none;\n font-family:\"Poppins\",sans-serif;\n transition:.3s;\n box-shadow:0 6px 20px rgba(37,211,102,0.35);\n}\n.btn-wa:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(37,211,102,0.45)}\n.btn-wa svg{width:24px;height:24px;flex-shrink:0}\n\n\n@media(max-width:560px){\n .field-row{grid-template-columns:1fr}\n .modal-body{padding:1.2rem 1.3rem 1.6rem}\n .modal-header{padding:1.5rem 1.3rem 1.2rem}\n .modal-price-bar{margin:1.2rem 1.3rem 0}\n .modal-header h2{font-size:1.25rem}\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- \u2550\u2550\u2550 HEADER \u2550\u2550\u2550 -->\n<header id=\"header\">\n <div class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/indonesiahebatpertama.com\/wp-content\/uploads\/2025\/11\/LOGO_IHP-removebg-preview.png\">\n <h1>PT Indonesia Hebat Pertama<\/h1>\n <\/div>\n <nav>\n <ul>\n <li><a href=\"#home\">Home<\/a><\/li>\n <li><a href=\"#about\">About Us<\/a><\/li>\n <li><a href=\"#partners\">Partners<\/a><\/li>\n <li><a href=\"#services\">Services<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n <\/nav>\n <button class=\"hamburger\" id=\"hamburger\"><span><\/span><span><\/span><span><\/span><\/button>\n<\/header>\n\n<div class=\"mobile-overlay\" id=\"mobileOverlay\"><\/div>\n<nav class=\"mobile-nav\" id=\"mobileNav\">\n <a href=\"#home\">Home<\/a>\n <a href=\"#about\">About Us<\/a>\n <a href=\"#partners\">Partners<\/a>\n <a href=\"#services\">Services<\/a>\n <a href=\"#contact\">Contact<\/a>\n<\/nav>\n\n<!-- \u2550\u2550\u2550 HERO \u2550\u2550\u2550 -->\n<section id=\"home\" class=\"hero\">\n <div class=\"hero-content\">\n <img decoding=\"async\" src=\"https:\/\/indonesiahebatpertama.com\/wp-content\/uploads\/2025\/11\/LOGO_IHP-removebg-preview.png\">\n <h1>Building Sustainable Futures<\/h1>\n <p>Consulting | Survey | Environment | Sustainability<\/p>\n <a href=\"#contact\" class=\"btn\">Get in Touch<\/a>\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 ABOUT \u2550\u2550\u2550 -->\n<section id=\"about\">\n <h2>About Us<\/h2>\n <p>PT Indonesia Hebat Pertama (IHP) adalah perusahaan jasa konsultasi manajemen dan kajian publik yang berdiri sejak 2018. Kami memberikan solusi profesional di bidang keteknikan, konstruksi, sumber daya alam, dan manajemen lingkungan untuk masyarakat, pengusaha, dan pemerintah.<\/p>\n<\/section>\n\n<!-- \u2550\u2550\u2550 CREATE \u2550\u2550\u2550 -->\n<section id=\"create\">\n <h2>CREATE Indonesia Institute<\/h2>\n <div class=\"create-wrapper\">\n <div class=\"create-logo\">\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co.com\/5h9b7rLc\/LOGO-CREATE-INSTITUTE.jpg\">\n <\/div>\n <div class=\"create-text\">\n <p>Sektor konstruksi merupakan pilar penting bagi pembangunan nasional karena menopang infrastruktur strategis dan menyerap jutaan tenaga kerja. Namun, industri ini masih menghadapi berbagai tantangan seperti produktivitas yang rendah, kesenjangan kompetensi SDM, minimnya lembaga riset konstruksi, serta lambatnya adopsi teknologi modern seperti BIM, digital engineering, IoT, dan green construction.<\/p>\n <p>Untuk menjawab tantangan tersebut, <strong>Yayasan Bangun Indonesia Emas<\/strong> membentuk <strong>CREATE Indonesia Institute<\/strong> (Construction Research, Education, Advancement, Training & Excellence) sebagai <em>center of excellence<\/em> yang berfokus pada peningkatan kualitas SDM konstruksi, pengembangan inovasi teknologi, serta penyusunan rekomendasi kebijakan strategis menuju transformasi industri konstruksi Indonesia.<\/p>\n <p>CREATE Indonesia Institute berperan sebagai lembaga independen yang menjembatani kolaborasi antara akademisi, industri, pemerintah, dan asosiasi profesi untuk menghadirkan riset aplikatif, pendidikan terstandar, pelatihan kompetensi, dan pengembangan teknologi konstruksi yang modern dan berdaya saing global.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 PARTNERS \u2550\u2550\u2550 -->\n<section id=\"partners\">\n <h2>Kemitraan & Media Partner<\/h2>\n <div class=\"partner-slider\">\n <div class=\"partner-track\">\n <img decoding=\"async\" src=\"https:\/\/www.oodsgroup.com\/images\/astaki-logo.PNG\">\n <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcQG5c1kPwpsvmM2Zsu_0wj9gYLm-0yJsn3Zaw&s\">\n <img decoding=\"async\" src=\"https:\/\/appeknas.net\/wp-content\/uploads\/2021\/11\/cropped-appeknas-2-2.jpeg\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/3\/3b\/Logo_Badan_Nasional_Sertifikasi_Profesi.png\">\n <img decoding=\"async\" src=\"https:\/\/fortunasertifikasi.com\/wp-content\/uploads\/2020\/04\/lpjk.jpg\">\n <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcT0xsewfZ2xpjm8OUyjVERFjsW0mIylD5PwHw&s\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/3\/3f\/Main_Logo_of_National_Research_and_Innovation_Agency_of_Indonesia.svg\/1529px-Main_Logo_of_National_Research_and_Innovation_Agency_of_Indonesia.svg.png\">\n <img decoding=\"async\" src=\"https:\/\/www.mppmal.my\/wp-content\/uploads\/2024\/05\/cropped-LOGO-BULAT-NEW.png\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/id\/b\/ba\/Logo_Unissula.png\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/id\/f\/f6\/Logo-uniba.png\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/2\/21\/RCTI_logo_2020.svg\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/2\/2f\/Antara_News_Logo.svg\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/f\/fd\/3M_wordmark.svg\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/f\/f4\/Atlas_Copco_logo.svg\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/7\/7e\/Cummins_logo.svg\">\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 SERVICES \u2550\u2550\u2550 -->\n<section id=\"services\">\n <h2>Our Services<\/h2>\n <div class=\"services-grid\">\n\n <div class=\"service-card\">\n <div>\n <h3>Survey & Mapping<\/h3>\n <p class=\"service-desc\">Topografi, GIS, UAV, dan pemetaan sumber daya alam modern.<\/p>\n <\/div>\n <div class=\"service-price-block\">\n <p class=\"price-label\">Mulai dari<\/p>\n <p class=\"price-value\">Rp 15.000.000 <span>\/ proyek<\/span><\/p>\n <p class=\"price-note\">*Harga menyesuaikan luas area & kompleksitas<\/p>\n <\/div>\n <button class=\"btn-negotiate\"\n onclick=\"openModal('Survey & Mapping','Topografi, GIS, UAV, dan pemetaan sumber daya alam modern.','Rp 15.000.000','\/ proyek')\">\n \ud83d\udcac Hubungi Kami untuk Negosiasi\n <\/button>\n <\/div>\n\n <div class=\"service-card\">\n <div>\n <h3>Environmental Assessment<\/h3>\n <p class=\"service-desc\">AMDAL, HCV-HCS, dan pemantauan biodiversitas.<\/p>\n <\/div>\n <div class=\"service-price-block\">\n <p class=\"price-label\">Mulai dari<\/p>\n <p class=\"price-value\">Rp 25.000.000 <span>\/ dokumen<\/span><\/p>\n <p class=\"price-note\">*Harga menyesuaikan jenis & skala proyek<\/p>\n <\/div>\n <button class=\"btn-negotiate\"\n onclick=\"openModal('Environmental Assessment','AMDAL, HCV-HCS, dan pemantauan biodiversitas.','Rp 25.000.000','\/ dokumen')\">\n \ud83d\udcac Hubungi Kami untuk Negosiasi\n <\/button>\n <\/div>\n\n <div class=\"service-card\">\n <div>\n <h3>Consulting & Training<\/h3>\n <p class=\"service-desc\">Konsultasi manajemen, sertifikasi ISO, & pelatihan BNSP.<\/p>\n <\/div>\n <div class=\"service-price-block\">\n <p class=\"price-label\">Mulai dari<\/p>\n <p class=\"price-value\">Rp 5.000.000 <span>\/ sesi<\/span><\/p>\n <p class=\"price-note\">*Harga menyesuaikan jumlah peserta & durasi<\/p>\n <\/div>\n <button class=\"btn-negotiate\"\n onclick=\"openModal('Consulting & Training','Konsultasi manajemen, sertifikasi ISO, & pelatihan BNSP.','Rp 5.000.000','\/ sesi')\">\n \ud83d\udcac Hubungi Kami untuk Negosiasi\n <\/button>\n <\/div>\n\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 CONTACT \u2550\u2550\u2550 -->\n<section id=\"contact\">\n <h2>Contact Us<\/h2>\n <div class=\"contact-wrapper\">\n <div class=\"contact-form\">\n <form>\n <input type=\"text\" placeholder=\"Nama Anda\" required>\n <input type=\"email\" placeholder=\"Email Anda\" required>\n <textarea rows=\"6\" placeholder=\"Pesan Anda\" required><\/textarea>\n <button class=\"btn\" type=\"submit\">Kirim Pesan<\/button>\n <\/form>\n <div class=\"contact-info\">\n <p><strong>Alamat:<\/strong> Jl. Mampang Prapatan Raya No. 73A, Jakarta Selatan<\/p>\n <p><strong>Telepon:<\/strong> +62 811 7778 757<\/p>\n <p><strong>Email:<\/strong> info@indonesiahebatpertama.com<\/p>\n <small>Jam Operasional: Senin \u2013 Jumat (09.00 \u2013 17.00)<\/small>\n <\/div>\n <\/div>\n <div class=\"contact-map\">\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3966.274645434106!2d106.82727177499123!3d-6.229728493756553!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69f3bf3b3eddbb%3A0x3bb2030f998b5ad9!2sJl.%20Mampang%20Prapatan%20Raya%20No.73A%2C%20RT.2%2FRW.2%2C%20Mampang%20Prpt.%2C%20Kec.%20Mampang%20Prpt.%2C%20Kota%20Jakarta%20Selatan%2C%20Daerah%20Khusus%20Ibukota%20Jakarta!5e0!3m2!1sen!2sid!4v1706247812345!5m2!1sen!2sid\"\n width=\"100%\" height=\"100%\" style=\"border:0;\" loading=\"lazy\"><\/iframe>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 FLOAT ICONS \u2550\u2550\u2550 -->\n<div class=\"float-icons\">\n <a href=\"https:\/\/wa.me\/6282173332233\">\ud83d\udcde<\/a>\n <a href=\"mailto:info@indonesiahebatpertama.com\">\u2709\ufe0f<\/a>\n <a href=\"https:\/\/instagram.com\">\ud83d\udcf8<\/a>\n <a href=\"https:\/\/linkedin.com\">\ud83d\udd17<\/a>\n<\/div>\n\n<!-- \u2550\u2550\u2550 FOOTER \u2550\u2550\u2550 -->\n<footer>\n <p>© 2025 PT Indonesia Hebat Pertama. All Rights Reserved.<\/p>\n <p>Alamat: Jl. Mampang Prapatan Raya No. 73A, Jakarta Selatan<\/p>\n <p>Visit us: <a style=\"color:#ffcece;\" href=\"https:\/\/oodsgroup.com\">oodsgroup.com<\/a><\/p>\n <p>DESAIN BY : <a style=\"color:#ffcece;\" href=\"https:\/\/www.instagram.com\/gha_66ubra\">GHANANG HARISYA UBRA<\/a><\/p>\n <div class=\"footer-social\">\n <a href=\"https:\/\/instagram.com\" target=\"_blank\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M7 2C4.24 2 2 4.24 2 7v10c0 2.76 2.24 5 5 5h10c2.76 0 5-2.24 5-5V7c0-2.76-2.24-5-5-5H7zm10 2c1.66 0 3 1.34 3 3v10c0 1.66-1.34 3-3 3H7c-1.66 0-3-1.34-3-3V7c0-1.66 1.34-3 3-3h10zm-5 3.5A5.5 5.5 0 1 0 17.5 13 5.51 5.51 0 0 0 12 7.5zm0 9A3.5 3.5 0 1 1 15.5 13 3.5 3.5 0 0 1 12 16.5zm4.75-9.88a1.12 1.12 0 1 1-1.12-1.12 1.12 1.12 0 0 1 1.12 1.12z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/facebook.com\" target=\"_blank\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 12a10 10 0 1 0-11.5 9.88v-6.99h-2.3V12h2.3V9.8c0-2.27 1.35-3.53 3.42-3.53.99 0 2.03.18 2.03.18v2.23h-1.14c-1.12 0-1.47.7-1.47 1.42V12h2.5l-.4 2.89h-2.1v6.99A10 10 0 0 0 22 12\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/youtube.com\" target=\"_blank\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M23.5 6.2s-.2-1.7-.8-2.4c-.7-.8-1.5-.8-1.9-.9C17.6 2.5 12 2.5 12 2.5h-.1s-5.6 0-8.8.4c-.5.1-1.3.1-2 .9-.6.7-.8 2.4-.8 2.4S0 8.1 0 10v1.9c0 1.9.2 3.8.2 3.8s.2 1.7.8 2.4c.7.8 1.6.8 2 .9 1.4.1 5.9.4 8.7.4 2.9 0 8.8-.4 8.8-.4.4-.1 1.3-.1 1.9-.9.6-.7.8-2.4.8-2.4s.2-1.9.2-3.8V10c0-1.9-.2-3.8-.2-3.8zM9.75 14.6V7.9l6.2 3.35-6.2 3.35z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/linkedin.com\" target=\"_blank\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M4.98 3.5a2.5 2.5 0 1 1 0 5.001 2.5 2.5 0 0 1 0-5.001zM3 9h4v12H3zm7 0h3.8v1.71h.05c.53-1 1.83-2.06 3.76-2.06 4.02 0 4.76 2.65 4.76 6.1V21h-4v-5.4c0-1.29-.02-2.95-1.8-2.95-1.8 0-2.07 1.4-2.07 2.86V21h-4z\"\/><\/svg>\n <\/a>\n <\/div>\n<\/footer>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n CHECKOUT \/ NEGOSIASI MODAL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"modal-overlay\" id=\"modalOverlay\" onclick=\"handleOverlayClick(event)\">\n <div class=\"modal\" id=\"modal\">\n\n <div class=\"modal-header\">\n <button class=\"modal-close\" onclick=\"closeModal()\">\u2715<\/button>\n <div class=\"service-badge\" id=\"modalBadge\">Layanan<\/div>\n <h2 id=\"modalTitle\">Nama Layanan<\/h2>\n <p id=\"modalDesc\">Deskripsi layanan<\/p>\n <\/div>\n\n <div class=\"modal-price-bar\">\n <div>\n <div class=\"price-from\">Harga mulai dari<\/div>\n <div class=\"price-big\" id=\"modalPrice\">Rp 0 <span id=\"modalUnit\">\/ proyek<\/span><\/div>\n <\/div>\n <div class=\"price-tag\">Harga Dapat Dinegosiasi<\/div>\n <\/div>\n\n <div class=\"modal-body\">\n\n <!-- WhatsApp button -->\n <div class=\"section-label\">Hubungi via WhatsApp<\/div>\n <a id=\"btnWA\" href=\"#\" target=\"_blank\" class=\"btn-wa\" onclick=\"buildWALink(event)\">\n <svg viewBox=\"0 0 24 24\" fill=\"white\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.123.554 4.118 1.528 5.855L.057 23.09a.75.75 0 0 0 .908.92l5.42-1.418A11.945 11.945 0 0 0 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 22c-1.947 0-3.77-.497-5.355-1.37l-.383-.217-3.977 1.04 1.061-3.872-.238-.393A9.956 9.956 0 0 1 2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\"\/><\/svg>\n Chat WhatsApp Sekarang\n <\/a>\n\n <\/div>\n <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550 JS \u2550\u2550\u2550 -->\n<script>\n\/* \u2500\u2500 header scroll \u2500\u2500 *\/\nwindow.addEventListener(\"scroll\",()=>{\n document.getElementById(\"header\").classList.toggle(\"scrolled\",window.scrollY>50);\n});\n\n\/* \u2500\u2500 hamburger \u2500\u2500 *\/\nconst hamburger=document.getElementById(\"hamburger\");\nconst mobileNav=document.getElementById(\"mobileNav\");\nconst overlay=document.getElementById(\"mobileOverlay\");\nfunction toggleMenu(){\n const o=mobileNav.classList.contains(\"open\");\n mobileNav.classList.toggle(\"open\",!o);\n hamburger.classList.toggle(\"open\",!o);\n overlay.classList.toggle(\"show\",!o);\n}\nhamburger.addEventListener(\"click\",toggleMenu);\noverlay.addEventListener(\"click\",toggleMenu);\n\n\/* \u2500\u2500 modal \u2500\u2500 *\/\nlet currentService=\"\";\nlet currentPrice=\"\";\nlet currentUnit=\"\";\n\nfunction openModal(title,desc,price,unit){\n currentService=title.replace(\/&\/g,\"&\");\n currentPrice=price;\n currentUnit=unit;\n\n document.getElementById(\"modalBadge\").textContent=\"Layanan IHP\";\n document.getElementById(\"modalTitle\").textContent=currentService;\n document.getElementById(\"modalDesc\").textContent=desc.replace(\/&\/g,\"&\");\n document.getElementById(\"modalPrice\").innerHTML=price+' <span>'+unit+'<\/span>';\n\n document.getElementById(\"modalOverlay\").classList.add(\"active\");\n document.body.style.overflow=\"hidden\";\n}\n\nfunction closeModal(){\n document.getElementById(\"modalOverlay\").classList.remove(\"active\");\n document.body.style.overflow=\"\";\n}\n\nfunction handleOverlayClick(e){\n if(e.target===document.getElementById(\"modalOverlay\")) closeModal();\n}\n\ndocument.addEventListener(\"keydown\",e=>{if(e.key===\"Escape\") closeModal();});\n\n\/* \u2500\u2500 build WhatsApp link \u2500\u2500 *\/\nfunction buildWALink(e){\n e.preventDefault();\n const msg=\n`Halo, saya ingin bernegosiasi untuk layanan *${currentService}* dari PT Indonesia Hebat Pertama.\n\n\ud83d\udcb0 *Harga referensi:* ${currentPrice} ${currentUnit}\n\nMohon bantuannya. Terima kasih!`;\n\n const encoded=encodeURIComponent(msg);\n window.open(\"https:\/\/wa.me\/6282173332233?text=\"+encoded,\"_blank\");\n}\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1eab3f7 e-flex e-con-boxed e-con e-parent\" data-id=\"1eab3f7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\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>PT Indonesia Hebat Pertama PT Indonesia Hebat Pertama Home About Us Partners Services Contact Home About Us Partners Services Contact Building Sustainable Futures Consulting | Survey | Environment | Sustainability Get in Touch About Us PT Indonesia Hebat Pertama (IHP) adalah perusahaan jasa konsultasi manajemen dan kajian publik yang berdiri sejak 2018. Kami memberikan solusi […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-104","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/indonesiahebatpertama.com\/index.php?rest_route=\/wp\/v2\/pages\/104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/indonesiahebatpertama.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/indonesiahebatpertama.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/indonesiahebatpertama.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/indonesiahebatpertama.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=104"}],"version-history":[{"count":80,"href":"https:\/\/indonesiahebatpertama.com\/index.php?rest_route=\/wp\/v2\/pages\/104\/revisions"}],"predecessor-version":[{"id":357,"href":"https:\/\/indonesiahebatpertama.com\/index.php?rest_route=\/wp\/v2\/pages\/104\/revisions\/357"}],"wp:attachment":[{"href":"https:\/\/indonesiahebatpertama.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}