https://griya-app.vercel.app/

1<!DOCTYPE html><html lang="id" class="h-full"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/design/GRIYA_JAWA3.png"/><link rel="preload" as="image" href="/design/image6.png"/><link rel="preload" as="image" href="/design/image3.png"/><link rel="preload" as="image" href="/design/image5_processed.png"/><link rel="preload" as="image" href="/design/instagram.png"/><link rel="preload" as="image" href="/design/youtube.svg"/><link rel="preload" as="image" href="/design/whatsapp.svg"/><link rel="preload" as="image" href="/design/email.svg"/><link rel="stylesheet" href="/_next/static/chunks/0vln~1hm3ffic.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/0ht900cau6_ur.js"/>

1<script src="/_next/static/chunks/0p5.qr0b94vxo.js" async=""></script>

1<script src="/_next/static/chunks/0n~dq4kpx9xxx.js" async=""></script>

1<script src="/_next/static/chunks/turbopack-0agkdb7tv-786.js" async=""></script>

1<script src="/_next/static/chunks/0dbhjjzl8qfwv.js" async=""></script>

1<script src="/_next/static/chunks/0p~muplngq6gt.js" async=""></script>

1<link rel="preload" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&amp;family=Inter:wght@300;400;500;600;700;800&amp;family=Bebas+Neue&amp;display=swap" as="style"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><title>GRIYA BP3KP Jawa III</title><meta name="description" content="Gerbang Rujukan Informasi dan Layanan BP3KP Jawa III — Portal layanan terpadu Balai Perumahan, Permukiman dan Penataan Kawasan Permukiman Jawa III"/><link rel="icon" href="/icon.png?icon.023p617~pukb6.png" sizes="512x512" type="image/png"/><link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&amp;family=Inter:wght@300;400;500;600;700;800&amp;family=Bebas+Neue&amp;display=swap" rel="stylesheet"/>

1<script src="/_next/static/chunks/03~yq9q893hmn.js" noModule=""></script>

1</head><body class="min-h-full flex flex-col antialiased"><div hidden=""><!--$--><!--/$--></div><div class="min-h-screen md:h-screen flex flex-col overflow-y-auto md:overflow-hidden select-none" style="background:#ffffff"><header class="flex-shrink-0 flex items-center justify-between px-5 md:px-8 pt-4 md:pt-5 pb-0 z-10"><p class="text-xs leading-relaxed font-medium hidden md:block" style="color:var(--pkp-teal);opacity:0.8">Gotong Royong Membangun Rumah Untuk Rakyat</p><img src="/design/GRIYA_JAWA3.png" alt="Griya Jawa3" class="block md:hidden h-10 w-auto object-contain"/><img src="/design/image6.png" alt="Kemen PKP" class="h-12 md:h-20 w-auto object-contain"/></header><div class="flex-1 flex flex-col md:flex-row min-h-0"><div class="hidden md:relative md:flex md:w-1/2 flex-col justify-end overflow-hidden"><img src="/design/image3.png" alt="Gedung BP3KP" class="absolute bottom-0 right-0 object-contain object-bottom pointer-events-none" style="z-index:1;width:80%;opacity:0.18"/><img src="/design/image5_processed.png" alt="Staff BP3KP Jawa III" class="relative w-4/5 object-contain object-bottom" style="z-index:2;max-height:84vh"/><img src="/design/GRIYA_JAWA3.png" alt="griya Jawa3" class="absolute z-10 pointer-events-none" style="top:8%;left:clamp(56px, 10%, 110px);width:clamp(288px, 50.4%, 480px)"/></div><div class="w-full md:w-1/2 flex flex-col justify-center px-6 md:px-12 gap-4 md:gap-6 py-6 md:py-0 relative"><img src="/design/image3.png" alt="" aria-hidden="true" class="absolute inset-0 w-full h-full object-cover pointer-events-none md:hidden" style="opacity:0.05;z-index:0"/><div class="relative z-10" style="margin-top:0"><p style="font-family:&#x27;Bebas Neue&#x27;, &#x27;Impact&#x27;, sans-serif;font-size:clamp(1.1rem, 5vw, 2rem);color:#7F7F7F;letter-spacing:0.05em;line-height:1.1">ꦱꦸꦒꦼꦁ ꦫꦮꦸꦃ [SUGENG RAWUH]</p><p style="font-family:&#x27;Bebas Neue&#x27;, &#x27;Impact&#x27;, sans-serif;font-size:clamp(0.65rem, 2vw, 1rem);color:var(--pkp-teal);letter-spacing:0.08em;margin-top:0.75rem">GERBANG RUJUKAN INFORMASI DAN LAYANAN BP3KP JAWA III</p></div><div class="flex flex-col gap-2.5 md:gap-4 relative z-10"><button class="w-full font-bold tracking-widest text-xs md:text-sm py-3 md:py-4 rounded-full transition-all hover:opacity-90 hover:scale-[1.02] active:scale-[0.99] shadow-md text-center" style="background:var(--pkp-teal);color:#ffffff;border:none;letter-spacing:0.1em;font-family:&#x27;Poppins&#x27;, sans-serif">PROFIL BP3KP JAWA III</button><button class="w-full font-bold tracking-widest text-xs md:text-sm py-3 md:py-4 rounded-full transition-all hover:opacity-90 hover:scale-[1.02] active:scale-[0.99] shadow-md text-center" style="background:var(--pkp-teal);color:#ffffff;border:none;letter-spacing:0.1em;font-family:&#x27;Poppins&#x27;, sans-serif">LAYANAN UMUM</button><button class="w-full font-bold tracking-widest text-xs md:text-sm py-3 md:py-4 rounded-full transition-all hover:opacity-90 hover:scale-[1.02] active:scale-[0.99] shadow-md text-center" style="background:var(--pkp-teal);color:#ffffff;border:none;letter-spacing:0.1em;font-family:&#x27;Poppins&#x27;, sans-serif">LAYANAN PENGADUAN</button><button class="w-full font-bold tracking-widest text-xs md:text-sm py-3 md:py-4 rounded-full transition-all hover:opacity-90 hover:scale-[1.02] active:scale-[0.99] shadow-md text-center" style="background:var(--pkp-gold);color:var(--pkp-teal);border:none;letter-spacing:0.1em;font-family:&#x27;Poppins&#x27;, sans-serif">LAYANAN INTERNAL BP3KP JAWA III</button><a href="https://skm-bp3kpj3.vercel.app/" target="_blank" rel="noopener noreferrer" class="w-full font-bold tracking-widest text-xs md:text-sm py-3 md:py-4 rounded-full transition-all hover:opacity-90 hover:scale-[1.02] active:scale-[0.99] shadow-md text-center" style="background:transparent;color:var(--pkp-teal);border:2px solid var(--pkp-teal);letter-spacing:0.1em;font-family:&#x27;Poppins&#x27;, sans-serif">PENDAFTARAN LAYANAN</a></div><div class="flex items-center gap-4 md:gap-5 relative z-10"><a href="https://www.instagram.com/bp3kp_jawa3" target="_blank" rel="noopener noreferrer" aria-label="Instagram" class="transition-all hover:scale-110 hover:opacity-70"><img src="/design/instagram.png" alt="Instagram" class="h-6 w-6 object-contain"/></a><a href="https://www.youtube.com/@KlinikPKPJawa3" target="_blank" rel="noopener noreferrer" aria-label="YouTube" class="transition-all hover:scale-110 hover:opacity-70"><img src="/design/youtube.svg" alt="YouTube" class="h-6 w-6 object-contain"/></a><a href="https://wa.me/6282137191145" target="_blank" rel="noopener noreferrer" aria-label="WhatsApp" class="transition-all hover:scale-110 hover:opacity-70"><img src="/design/whatsapp.svg" alt="WhatsApp" class="h-6 w-6 object-contain"/></a><a href="mailto:[email protected]" target="_blank" rel="noopener noreferrer" aria-label="Email" class="transition-all hover:scale-110 hover:opacity-70"><img src="/design/email.svg" alt="Email" class="h-6 w-6 object-contain"/></a></div><div class="block md:hidden relative mt-2 -mx-6 overflow-hidden" style="height:200px"><img src="/design/image3.png" alt="" aria-hidden="true" class="absolute inset-0 w-full h-full object-cover pointer-events-none" style="opacity:0.06"/><img src="/design/image5_processed.png" alt="Staff BP3KP Jawa III" class="absolute bottom-0 left-1/2 -translate-x-1/2 h-full object-contain object-bottom pointer-events-none"/></div></div></div><div class="flex-shrink-0 h-4 w-full" style="background:var(--pkp-teal)"></div></div><!--$--><!--/$-->

1<script src="/_next/static/chunks/0ht900cau6_ur.js" id="_R_" async=""></script>

1<script>(self.__next_f=self.__next_f||[]).push([0])</script>

1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[39756,[\"/_next/static/chunks/0dbhjjzl8qfwv.js\"],\"default\"]\n3:I[37457,[\"/_next/static/chunks/0dbhjjzl8qfwv.js\"],\"default\"]\n4:I[47257,[\"/_next/static/chunks/0dbhjjzl8qfwv.js\"],\"ClientPageRoot\"]\n5:I[52683,[\"/_next/static/chunks/0dbhjjzl8qfwv.js\",\"/_next/static/chunks/0p~muplngq6gt.js\"],\"default\"]\n8:I[97367,[\"/_next/static/chunks/0dbhjjzl8qfwv.js\"],\"OutletBoundary\"]\n9:\"$Sreact.suspense\"\nb:I[97367,[\"/_next/static/chunks/0dbhjjzl8qfwv.js\"],\"ViewportBoundary\"]\nd:I[97367,[\"/_next/static/chunks/0dbhjjzl8qfwv.js\"],\"MetadataBoundary\"]\nf:I[68027,[\"/_next/static/chunks/0dbhjjzl8qfwv.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/0vln~1hm3ffic.css\",\"style\"]\n:HL[\"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700\u0026family=Inter:wght@300;400;500;600;700;800\u0026family=Bebas+Neue\u0026display=swap\",\"style\"]\n"])</script>

1<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0vln~1hm3ffic.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0dbhjjzl8qfwv.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"id\",\"className\":\"h-full\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://fonts.googleapis.com\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://fonts.gstatic.com\",\"crossOrigin\":\"anonymous\"}],[\"$\",\"link\",null,{\"href\":\"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700\u0026family=Inter:wght@300;400;500;600;700;800\u0026family=Bebas+Neue\u0026display=swap\",\"rel\":\"stylesheet\"}]]}],[\"$\",\"body\",null,{\"className\":\"min-h-full flex flex-col antialiased\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L4\",null,{\"Component\":\"$5\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":[\"$@6\",\"$@7\"]}}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0p~muplngq6gt.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"$9\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@a\"}]}]]}],{},null,false,null]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lb\",null,{\"children\":\"$Lc\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Ld\",null,{\"children\":[\"$\",\"$9\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Le\"}]}]}],null]}],false]],\"m\":\"$undefined\",\"G\":[\"$f\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0vln~1hm3ffic.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"eIBWBPv-6Ixp-ROYA-8Yl\"}\n"])</script>

1<script>self.__next_f.push([1,"6:{}\n7:\"$0:f:0:1:1:children:0:props:children:0:props:serverProvidedParams:params\"\n"])</script>

1<script>self.__next_f.push([1,"c:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>

1<script>self.__next_f.push([1,"10:I[27201,[\"/_next/static/chunks/0dbhjjzl8qfwv.js\"],\"IconMark\"]\na:null\ne:[[\"$\",\"title\",\"0\",{\"children\":\"GRIYA BP3KP Jawa III\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Gerbang Rujukan Informasi dan Layanan BP3KP Jawa III — Portal layanan terpadu Balai Perumahan, Permukiman dan Penataan Kawasan Permukiman Jawa III\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/icon.png?icon.023p617~pukb6.png\",\"sizes\":\"512x512\",\"type\":\"image/png\"}],[\"$\",\"$L10\",\"3\",{}]]\n"])</script>

1</body></html>