{"id":7345,"date":"2026-09-10T15:55:45","date_gmt":"2026-09-10T07:55:45","guid":{"rendered":"https:\/\/inairepublic.com\/?page_id=7345"},"modified":"2026-09-13T00:37:28","modified_gmt":"2026-09-12T16:37:28","slug":"inaigo","status":"publish","type":"page","link":"https:\/\/inairepublic.com\/ms\/inaigo\/","title":{"rendered":"inaigo"},"content":{"rendered":"\n<!-- ============================================================\n  PASTE INI DALAM \"Header\" plugin WPCode (Insert Headers & Footers)\n  \u2014 pilih scope \"Site Wide Header\" ATAU khusus untuk page InaiGO sahaja\n  kalau plugin sokong page-specific header.\n============================================================ -->\n\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Jost:wght@200;300;400;500;600&#038;family=Lato:wght@400;700&#038;display=swap\">\n\n<script>\n  tailwind.config = {\n    theme: {\n      extend: {\n        fontFamily: {\n          jost: ['Jost', 'sans-serif'],\n          lato: ['Lato', 'sans-serif'],\n        },\n        colors: {\n          maroon: {\n            DEFAULT: '#9c1d2a',\n            dark: '#85161f',\n            deep: '#4d0f15',\n            deepest: '#310d10',\n            50: '#faf0f1',\n          },\n          pinkbrand: {\n            1: '#e6007e',\n            2: '#ff7ab8',\n          },\n          ink: '#1e1a1a',\n          cream: '#f7f4f2',\n        },\n        boxShadow: {\n          card: '0 20px 45px -20px rgba(30,26,26,.25)',\n        },\n      },\n    },\n  };\n<\/script>\n\n<style>\n  html { scroll-behavior: smooth; }\n  body { background:#e7e2df; font-family:'Lato',system-ui,sans-serif; }\n  .font-jost { font-family:'Jost',sans-serif; }\n  ::selection { background:#9c1d2a; color:#fff; }\n  @keyframes rise { from{opacity:0; transform:translateY(14px)} to{opacity:1; transform:translateY(0)} }\n  .rise { animation: rise .5s ease both; }\n  .grad-pink { background-image:linear-gradient(90deg,#e6007e,#ff7ab8); }\n  .no-scrollbar::-webkit-scrollbar{ display:none; }\n  .no-scrollbar{ -ms-overflow-style:none; scrollbar-width:none; }\n<\/style>\n\n<!DOCTYPE html>\n<html lang=\"ms\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>InaiGO \u2014 Mulakan Bisnes Salun Halal Bergerak | Inai Republic<\/title>\n<meta name=\"description\" content=\"InaiGO \u2014 Tools Kit &#038; Mobile Services daripada Inai Republic. Mulakan bisnes salun halal bergerak tanpa modal besar, lengkap dengan kit, sistem, CAM, marketing support &#038; pembiayaan PERNAS.\">\n<link rel=\"icon\" href=\"assets\/inai-logo.jpeg\">\n\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Jost:wght@200;300;400;500;600&#038;family=Lato:wght@400;700&#038;display=swap\">\n\n<script>\n  tailwind.config = {\n    theme: {\n      extend: {\n        fontFamily: {\n          jost: ['Jost', 'sans-serif'],\n          lato: ['Lato', 'sans-serif'],\n        },\n        colors: {\n          maroon: {\n            DEFAULT: '#9c1d2a',\n            dark: '#85161f',\n            deep: '#4d0f15',\n            deepest: '#310d10',\n            50: '#faf0f1',\n          },\n          pinkbrand: {\n            1: '#e6007e',\n            2: '#ff7ab8',\n          },\n          ink: '#1e1a1a',\n          cream: '#f7f4f2',\n        },\n        boxShadow: {\n          card: '0 20px 45px -20px rgba(30,26,26,.25)',\n        },\n      },\n    },\n  };\n<\/script>\n\n<style>\n  html { scroll-behavior: smooth; }\n  body { background:#e7e2df; font-family:'Lato',system-ui,sans-serif; }\n  .font-jost { font-family:'Jost',sans-serif; }\n  ::selection { background:#9c1d2a; color:#fff; }\n  @keyframes rise { from{opacity:0; transform:translateY(14px)} to{opacity:1; transform:translateY(0)} }\n  .rise { animation: rise .5s ease both; }\n  .grad-pink { background-image:linear-gradient(90deg,#e6007e,#ff7ab8); }\n  .no-scrollbar::-webkit-scrollbar{ display:none; }\n  .no-scrollbar{ -ms-overflow-style:none; scrollbar-width:none; }\n  [x-cloak] { display:none !important; }\n<\/style>\n<\/head>\n\n<body class=\"text-ink\">\n\n<!-- ============ NAV ============ -->\n<header class=\"sticky top-0 z-40 bg-white\/95 backdrop-blur border-b-2 border-ink\">\n  <div class=\"max-w-7xl mx-auto px-5 md:px-10\">\n    <div class=\"flex items-center justify-between h-16\">\n      <a href=\"#home\" class=\"flex items-center gap-3\">\n        <span class=\"font-jost font-light text-[12px] md:text-[13px] tracking-[0.3em] text-maroon\">INAI REPUBLIC<\/span>\n        <span class=\"hidden sm:block w-px h-4 bg-ink\/30\"><\/span>\n        <span class=\"hidden sm:block font-jost text-[9px] md:text-[10px] tracking-[0.18em] text-ink\/80\">PROFESSIONAL SERVICES<\/span>\n      <\/a>\n\n      <nav class=\"hidden lg:flex items-center gap-7 font-jost text-[11px] tracking-[0.12em] uppercase text-ink\/70\">\n        <a href=\"#ekosistem\" class=\"hover:text-maroon transition\">Ekosistem<\/a>\n        <a href=\"#pillars\" class=\"hover:text-maroon transition\">5 Tiang Bisnes<\/a>\n        <a href=\"#kit\" class=\"hover:text-maroon transition\">Business Kit<\/a>\n        <a href=\"#servis\" class=\"hover:text-maroon transition\">Servis<\/a>\n        <a href=\"#kalkulator\" class=\"hover:text-maroon transition\">Kalkulator<\/a>\n        <a href=\"#pembiayaan\" class=\"hover:text-maroon transition\">Pembiayaan<\/a>\n      <\/nav>\n\n      <div class=\"flex items-center gap-3\">\n        <a href=\"#daftar\" class=\"hidden sm:inline-flex items-center gap-2 bg-maroon text-white font-jost text-[11px] tracking-[0.14em] uppercase px-5 py-3 hover:bg-maroon-dark transition\">\n          Saya Berminat <span>\u2192<\/span>\n        <\/a>\n        <button id=\"menuBtn\" class=\"lg:hidden w-10 h-10 flex items-center justify-center border border-ink\/30\" aria-label=\"Menu\">\n          <svg id=\"menuIconOpen\" width=\"18\" height=\"14\" viewBox=\"0 0 18 14\" fill=\"none\"><path d=\"M0 1h18M0 7h18M0 13h18\" stroke=\"#1e1a1a\" stroke-width=\"1.6\"\/><\/svg>\n          <svg id=\"menuIconClose\" class=\"hidden\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M1 1l14 14M15 1L1 15\" stroke=\"#1e1a1a\" stroke-width=\"1.6\"\/><\/svg>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- mobile menu -->\n  <div id=\"mobileMenu\" class=\"hidden lg:hidden border-t border-ink\/15 bg-white\">\n    <nav class=\"flex flex-col font-jost text-[12px] tracking-[0.14em] uppercase text-ink\/80 px-5 py-3\">\n      <a href=\"#ekosistem\" class=\"py-3 border-b border-ink\/10\">Ekosistem<\/a>\n      <a href=\"#pillars\" class=\"py-3 border-b border-ink\/10\">5 Tiang Bisnes<\/a>\n      <a href=\"#kit\" class=\"py-3 border-b border-ink\/10\">Business Kit<\/a>\n      <a href=\"#servis\" class=\"py-3 border-b border-ink\/10\">Servis<\/a>\n      <a href=\"#kalkulator\" class=\"py-3 border-b border-ink\/10\">Kalkulator<\/a>\n      <a href=\"#pembiayaan\" class=\"py-3 border-b border-ink\/10\">Pembiayaan<\/a>\n      <a href=\"#daftar\" class=\"mt-3 mb-2 bg-maroon text-white text-center py-3\">Saya Berminat \u2192<\/a>\n    <\/nav>\n  <\/div>\n<\/header>\n\n<!-- ============ HERO ============ -->\n<section id=\"home\" class=\"relative overflow-hidden bg-maroon-deep\">\n  <div class=\"max-w-7xl mx-auto px-5 md:px-10 py-16 md:py-24 grid lg:grid-cols-2 gap-12 items-center relative z-10\">\n    <div>\n      <div class=\"font-jost text-[10px] md:text-[11px] tracking-[0.24em] text-maroon-50\/90\" style=\"color:#e2b4ba\">MASTER BRAND &nbsp;\u2192&nbsp; BUSINESS PLATFORM<\/div>\n\n      <div class=\"flex items-end gap-2 md:gap-3 mt-5\">\n        <span class=\"font-jost font-extralight text-[52px] sm:text-[68px] md:text-[86px] leading-[0.9] tracking-wide text-white\">INAI<\/span>\n        <span class=\"font-jost font-medium text-[52px] sm:text-[68px] md:text-[86px] leading-[0.9] tracking-wide grad-pink bg-clip-text text-transparent\">GO<\/span>\n      <\/div>\n      <div class=\"font-jost font-light text-[13px] md:text-[15px] tracking-[0.26em] mt-4\" style=\"color:#e2b4ba\">TOOLS KIT &amp; MOBILE SERVICES<\/div>\n\n      <div class=\"h-[3px] w-24 grad-pink my-6\"><\/div>\n\n      <p class=\"font-lato text-white text-lg md:text-xl leading-relaxed max-w-md\">\n        Mulakan Bisnes Salun Halal Bergerak \u2014 <strong class=\"font-bold\">Tanpa Modal<\/strong>, Semuanya Sudah Lengkap.\n      <\/p>\n      <p class=\"font-lato text-[15px] leading-relaxed mt-4 max-w-md\" style=\"color:#dbc7c1\">\n        Your Mobile Beauty Business, Powered by Inai Republic.\n      <\/p>\n\n      <a href=\"#daftar\" class=\"mt-8 inline-flex w-full sm:w-auto items-center justify-between gap-8 bg-white text-maroon-deep px-7 py-4 font-jost text-[13px] tracking-[0.16em] hover:bg-[#f2dadd] transition\">\n        <span>SAYA BERMINAT NAK APPLY<\/span><span class=\"text-pinkbrand-1\">\u2192<\/span>\n      <\/a>\n\n      <div class=\"mt-10 pt-6 border-t border-white\/20 grid grid-cols-2 gap-6 max-w-md\">\n        <div>\n          <div class=\"font-jost text-[10px] tracking-[0.18em]\" style=\"color:#c87d88\">CUSTOMER<\/div>\n          <div class=\"font-lato text-[13px] leading-relaxed text-white mt-1\">Professional Beauty, Delivered to You.<\/div>\n        <\/div>\n        <div class=\"border-l border-white\/20 pl-6\">\n          <div class=\"font-jost text-[10px] tracking-[0.18em]\" style=\"color:#c87d88\">PARTNER<\/div>\n          <div class=\"font-lato text-[13px] leading-relaxed text-white mt-1\">Bisnes anda, sistem kami.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"rise\">\n      <img decoding=\"async\" src=\"assets\/services-poster.png\" alt=\"InaiGO \u2014 Mobile Service Setup, produk &#038; tools kit\" class=\"w-full rounded-2xl shadow-card ring-1 ring-white\/10\">\n    <\/div>\n  <\/div>\n  <div class=\"pointer-events-none absolute -right-32 -top-32 w-96 h-96 rounded-full grad-pink opacity-10 blur-3xl\"><\/div>\n<\/section>\n\n<!-- Mobile service setup banner -->\n<section class=\"bg-maroon-50 border-b-2 border-ink\/10\">\n  <div class=\"max-w-7xl mx-auto px-5 md:px-10 py-14 grid lg:grid-cols-2 gap-10 items-center\">\n    <img decoding=\"async\" src=\"assets\/kit-poster.png\" alt=\"Stylist memberi servis di bawah payung berbrand Inai Republic\" class=\"w-full rounded-2xl shadow-card order-2 lg:order-1\">\n    <div class=\"order-1 lg:order-2\">\n      <span class=\"inline-block bg-maroon text-white font-jost text-[10px] tracking-[0.18em] px-4 py-2 mb-5\">MOBILE SERVICE SETUP<\/span>\n      <h2 class=\"font-jost font-light text-2xl md:text-3xl tracking-[0.08em] uppercase leading-tight text-ink\">Servis Kecantikan<br>Terus Ke Rumah Anda<\/h2>\n      <p class=\"font-lato text-[15px] leading-relaxed text-ink\/60 mt-4 max-w-md\">Trolley profesional, payung &amp; kerusi berbrand, produk Inai Republic \u2014 setup lengkap di mana sahaja lokasi customer: rumah, event atau majlis.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ EKOSISTEM ============ -->\n<section id=\"ekosistem\" class=\"bg-cream border-b-2 border-ink\/10\">\n  <div class=\"max-w-5xl mx-auto px-5 md:px-10 py-20\">\n    <div class=\"font-jost text-[10px] tracking-[0.2em] text-maroon mb-3\">EKOSISTEM<\/div>\n    <h2 class=\"font-jost font-light text-3xl md:text-4xl tracking-[0.1em] uppercase leading-tight mb-12\">Dari Brand<br class=\"md:hidden\"> Ke Bisnes Anda<\/h2>\n\n    <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-px bg-ink\/15 border border-ink\/15\">\n      <div class=\"bg-white p-6\">\n        <span class=\"font-jost text-xs text-[#c87d88] tracking-[.1em]\">01<\/span>\n        <div class=\"font-jost text-sm tracking-[.1em] uppercase mt-2 mb-2\">Inai Republic<\/div>\n        <p class=\"font-lato text-[13px] leading-relaxed text-ink\/60\">Brand, produk halal &amp; ekosistem kepercayaan.<\/p>\n      <\/div>\n      <div class=\"bg-white p-6\">\n        <span class=\"font-jost text-xs text-[#c87d88] tracking-[.1em]\">02<\/span>\n        <div class=\"font-jost text-sm tracking-[.1em] uppercase mt-2 mb-2\">Inai GO<\/div>\n        <p class=\"font-lato text-[13px] leading-relaxed text-ink\/60\">Platform bisnes servis bergerak profesional bersama financing tersedia.<\/p>\n      <\/div>\n      <div class=\"bg-white p-6\">\n        <span class=\"font-jost text-xs text-[#c87d88] tracking-[.1em]\">03<\/span>\n        <div class=\"font-jost text-sm tracking-[.1em] uppercase mt-2 mb-2\">Partner<\/div>\n        <p class=\"font-lato text-[13px] leading-relaxed text-ink\/60\">Terima kit, sistem, CAM, marketing, latihan &amp; pembiayaan.<\/p>\n      <\/div>\n      <div class=\"bg-white p-6\">\n        <span class=\"font-jost text-xs text-[#c87d88] tracking-[.1em]\">04<\/span>\n        <div class=\"font-jost text-sm tracking-[.1em] uppercase mt-2 mb-2\">Customer<\/div>\n        <p class=\"font-lato text-[13px] leading-relaxed text-ink\/60\">Servis kecantikan halal profesional di rumah.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ 5 PILLARS ============ -->\n<section id=\"pillars\" class=\"bg-white border-b-2 border-ink\/10\">\n  <div class=\"max-w-4xl mx-auto px-5 md:px-10 py-20\">\n    <div class=\"font-jost text-[10px] tracking-[0.2em] text-maroon mb-3\">5 TIANG BISNES<\/div>\n    <h2 class=\"font-jost font-light text-3xl md:text-4xl tracking-[0.1em] uppercase leading-tight mb-2\">Lima Lengkap<\/h2>\n    <p class=\"font-lato text-[14px] text-ink\/60 mb-10\">Ketuk untuk lihat apa yang anda dapat.<\/p>\n\n    <div id=\"pillarList\" class=\"border-t-2 border-ink\"><\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ BUSINESS KIT ============ -->\n<section id=\"kit\" class=\"bg-cream border-b-2 border-ink\/10\">\n  <div class=\"max-w-6xl mx-auto px-5 md:px-10 py-20\">\n    <div class=\"font-jost text-[10px] tracking-[0.2em] text-maroon mb-3\">BUSINESS KIT<\/div>\n    <h2 class=\"font-jost font-light text-3xl md:text-4xl tracking-[0.1em] uppercase leading-tight mb-10\">Semua Dalam Satu Trolley<\/h2>\n\n    <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-px bg-ink\/15 border border-ink\/15\">\n      <div class=\"bg-white p-5\"><div class=\"font-jost text-[12px] tracking-[.12em] uppercase mb-1\">Tools Trolley<\/div><div class=\"font-lato text-[12.5px] text-ink\/50 leading-relaxed\">All-in-one, hygienic &amp; tersusun<\/div><\/div>\n      <div class=\"bg-white p-5\"><div class=\"font-jost text-[12px] tracking-[.12em] uppercase mb-1\">Produk Inai Republic<\/div><div class=\"font-lato text-[12.5px] text-ink\/50 leading-relaxed\">Inai Kuku, Henna Hair Colour<\/div><\/div>\n      <div class=\"bg-white p-5\"><div class=\"font-jost text-[12px] tracking-[.12em] uppercase mb-1\">Umbrella &amp; Chair<\/div><div class=\"font-lato text-[12.5px] text-ink\/50 leading-relaxed\">Setup berbrand di lokasi customer<\/div><\/div>\n      <div class=\"bg-white p-5\"><div class=\"font-jost text-[12px] tracking-[.12em] uppercase mb-1\">Uniform &amp; Staff ID<\/div><div class=\"font-lato text-[12.5px] text-ink\/50 leading-relaxed\">Lanyard, apron, ID rasmi<\/div><\/div>\n      <div class=\"bg-white p-5\"><div class=\"font-jost text-[12px] tracking-[.12em] uppercase mb-1\">Makeup Box + LED<\/div><div class=\"font-lato text-[12.5px] text-ink\/50 leading-relaxed\">Portable, siap cermin bercahaya<\/div><\/div>\n      <div class=\"bg-white p-5\"><div class=\"font-jost text-[12px] tracking-[.12em] uppercase mb-1\">Marketing Collateral<\/div><div class=\"font-lato text-[12.5px] text-ink\/50 leading-relaxed\">Banner, kad, template content<\/div><\/div>\n    <\/div>\n\n    <div class=\"mt-6 flex items-center gap-3 font-lato text-[13px] text-ink\/60\">\n      <span class=\"w-4 h-[2px] bg-maroon\"><\/span>Setiap item berlabel &#8220;Inai Republic | Professional Services&#8221;.\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ SERVICES ============ -->\n<section id=\"servis\" class=\"bg-white border-b-2 border-ink\/10\">\n  <div class=\"max-w-6xl mx-auto px-5 md:px-10 py-20\">\n    <div class=\"font-jost text-[10px] tracking-[0.2em] text-maroon mb-3\">SERVIS YANG ANDA JUAL<\/div>\n    <h2 class=\"font-jost font-light text-3xl md:text-4xl tracking-[0.1em] uppercase leading-tight mb-10\">Menu Servis InaiGO<\/h2>\n\n    <div class=\"flex gap-4 overflow-x-auto no-scrollbar pb-2 -mx-5 px-5 md:mx-0 md:px-0 md:grid md:grid-cols-3 lg:grid-cols-6\">\n      <div class=\"flex-none w-40 md:w-auto border border-ink\/15\">\n        <div class=\"bg-maroon text-white px-3 py-2 font-jost text-[10px] tracking-[.12em]\">HENNA HAIR COLOUR<\/div>\n        <div class=\"p-3 font-lato text-[12px] leading-relaxed text-ink\/60\">Hair coloring \u00b7 Produk Inai Republic<\/div>\n      <\/div>\n      <div class=\"flex-none w-40 md:w-auto border border-ink\/15\">\n        <div class=\"bg-maroon text-white px-3 py-2 font-jost text-[10px] tracking-[.12em]\">HAIR TOUCH UP<\/div>\n        <div class=\"p-3 font-lato text-[12px] leading-relaxed text-ink\/60\">Tutup putih di akar \u00b7 Cepat &amp; rapi<\/div>\n      <\/div>\n      <div class=\"flex-none w-40 md:w-auto border border-ink\/15\">\n        <div class=\"bg-maroon text-white px-3 py-2 font-jost text-[10px] tracking-[.12em]\">CREAMBATH<\/div>\n        <div class=\"p-3 font-lato text-[12px] leading-relaxed text-ink\/60\">Keratin hair treatment<\/div>\n      <\/div>\n      <div class=\"flex-none w-40 md:w-auto border border-ink\/15\">\n        <div class=\"bg-maroon text-white px-3 py-2 font-jost text-[10px] tracking-[.12em]\">MEN&#8217;S GROOMING<\/div>\n        <div class=\"p-3 font-lato text-[12px] leading-relaxed text-ink\/60\">Hair cut \u00b7 Beard \u00b7 Shave<\/div>\n      <\/div>\n      <div class=\"flex-none w-40 md:w-auto border border-ink\/15\">\n        <div class=\"bg-maroon text-white px-3 py-2 font-jost text-[10px] tracking-[.12em]\">KIDS GROOMING<\/div>\n        <div class=\"p-3 font-lato text-[12px] leading-relaxed text-ink\/60\">Gentle, fun &amp; comfortable<\/div>\n      <\/div>\n      <div class=\"flex-none w-40 md:w-auto border border-ink\/15\">\n        <div class=\"bg-maroon text-white px-3 py-2 font-jost text-[10px] tracking-[.12em]\">HENNA MANI \/ PEDI<\/div>\n        <div class=\"p-3 font-lato text-[12px] leading-relaxed text-ink\/60\">Traditional \u00b7 Modern \u00b7 Arabic<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ CALCULATOR ============ -->\n<section id=\"kalkulator\" class=\"bg-maroon-50 border-b-2 border-ink\/10\">\n  <div class=\"max-w-3xl mx-auto px-5 md:px-10 py-20\">\n    <div class=\"font-jost text-[10px] tracking-[0.2em] text-maroon mb-3\">POTENSI BISNES<\/div>\n    <h2 class=\"font-jost font-light text-3xl md:text-4xl tracking-[0.1em] uppercase leading-tight mb-10\">Kira Anggaran Pendapatan<\/h2>\n\n    <div class=\"bg-white border border-ink\/15 p-6 md:p-8 shadow-card\">\n      <div class=\"flex justify-between items-baseline font-jost text-[11px] tracking-[.14em] text-ink\/60\">\n        <span>JOB SEMINGGU<\/span><span id=\"jobsVal\" class=\"text-2xl text-ink font-normal\">12<\/span>\n      <\/div>\n      <input id=\"jobsRange\" type=\"range\" min=\"3\" max=\"30\" step=\"1\" value=\"12\" class=\"w-full my-4 accent-maroon\">\n      <div class=\"flex justify-between font-lato text-[11px] text-ink\/40\"><span>3<\/span><span>30<\/span><\/div>\n\n      <div class=\"h-px bg-ink\/15 my-6\"><\/div>\n\n      <div class=\"font-jost text-[11px] tracking-[.14em] text-ink\/60 mb-2\">ANGGARAN KUTIPAN SEBULAN<\/div>\n      <div id=\"monthlyVal\" class=\"font-jost font-light text-4xl md:text-5xl tracking-[.03em] text-maroon\">RM 2,230<\/div>\n      <div class=\"font-lato text-[13px] leading-relaxed text-ink\/50 mt-3\">Berdasarkan purata tiket RM 85 sejob. Angka anggaran sahaja, bukan jaminan pendapatan.<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ MID CTA ============ -->\n<section class=\"bg-maroon border-b-2 border-ink\/10\">\n  <div class=\"max-w-4xl mx-auto px-5 md:px-10 py-16 flex flex-col md:flex-row md:items-center md:justify-between gap-8\">\n    <p class=\"font-jost font-light text-xl md:text-2xl tracking-[.06em] uppercase leading-snug text-white max-w-md\">Modal lebih rendah.<br>Sistem sudah siap.<\/p>\n    <a href=\"#daftar\" class=\"inline-flex items-center justify-between gap-10 border-2 border-white text-white px-7 py-4 font-jost text-[13px] tracking-[.16em] hover:bg-white hover:text-maroon transition whitespace-nowrap\">\n      <span>SAYA BERMINAT NAK APPLY<\/span><span>\u2192<\/span>\n    <\/a>\n  <\/div>\n<\/section>\n\n<!-- ============ FINANCING ============ -->\n<section id=\"pembiayaan\" class=\"bg-white border-b-2 border-ink\/10\">\n  <div class=\"max-w-3xl mx-auto px-5 md:px-10 py-20\">\n    <div class=\"font-jost text-[10px] tracking-[0.2em] text-maroon mb-3\">PEMBIAYAAN &amp; PENDIDIKAN<\/div>\n    <h2 class=\"font-jost font-light text-3xl md:text-4xl tracking-[0.1em] uppercase leading-tight mb-10\">Laluan PERNAS<\/h2>\n\n    <div class=\"grid gap-4\">\n      <div class=\"flex gap-4 border-l-2 border-maroon pl-4 py-1\">\n        <div><div class=\"font-jost text-[13px] tracking-[.1em] uppercase\">Daftar Minat<\/div><div class=\"font-lato text-[13px] leading-relaxed text-ink\/60\">Isi borang, CAM hubungi anda untuk penerangan.<\/div><\/div>\n      <\/div>\n      <div class=\"flex gap-4 border-l-2 border-maroon pl-4 py-1\">\n        <div><div class=\"font-jost text-[13px] tracking-[.1em] uppercase\">Semakan Kelayakan<\/div><div class=\"font-lato text-[13px] leading-relaxed text-ink\/60\">Profil, kesediaan &amp; pilihan modal disemak.<\/div><\/div>\n      <\/div>\n      <div class=\"flex gap-4 border-l-2 border-maroon pl-4 py-1\">\n        <div><div class=\"font-jost text-[13px] tracking-[.1em] uppercase\">Latihan &amp; Sijil<\/div><div class=\"font-lato text-[13px] leading-relaxed text-ink\/60\">Technical, service &amp; business education.<\/div><\/div>\n      <\/div>\n      <div class=\"flex gap-4 border-l-2 border-maroon pl-4 py-1\">\n        <div><div class=\"font-jost text-[13px] tracking-[.1em] uppercase\">Pembiayaan PERNAS<\/div><div class=\"font-lato text-[13px] leading-relaxed text-ink\/60\">Permohonan tertakluk kelayakan dan sijil latihan.<\/div><\/div>\n      <\/div>\n      <div class=\"flex gap-4 border-l-2 border-maroon pl-4 py-1\">\n        <div><div class=\"font-jost text-[13px] tracking-[.1em] uppercase\">Onboarding &amp; Go Live<\/div><div class=\"font-lato text-[13px] leading-relaxed text-ink\/60\">Terima kit, aktifkan booking, mula servis.<\/div><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"mt-8 bg-maroon-50 p-4 font-lato text-[13px] leading-relaxed\" style=\"color:#6b1119\">\n      Pembiayaan PERNAS tertakluk kepada kelayakan &amp; sijil latihan yang lengkap.\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ TRUST \/ STATS \/ TESTIMONIAL ============ -->\n<section id=\"trust\" class=\"bg-cream border-b-2 border-ink\/10\">\n  <div class=\"max-w-4xl mx-auto px-5 md:px-10 py-20\">\n    <div class=\"font-jost text-[10px] tracking-[0.2em] text-maroon mb-8\">TRUST &amp; PROOF<\/div>\n\n    <div class=\"grid grid-cols-3 gap-px bg-ink\/15 border border-ink\/15 mb-12\">\n      <div class=\"bg-white p-5 md:p-6 text-center\">\n        <div class=\"font-jost font-light text-3xl md:text-4xl text-maroon\">5<\/div>\n        <div class=\"font-jost text-[9px] md:text-[10px] tracking-[.12em] uppercase text-ink\/60 mt-2 leading-relaxed\">Servis dalam satu kit<\/div>\n      <\/div>\n      <div class=\"bg-white p-5 md:p-6 text-center\">\n        <div class=\"font-jost font-light text-3xl md:text-4xl text-maroon\">1:1<\/div>\n        <div class=\"font-jost text-[9px] md:text-[10px] tracking-[.12em] uppercase text-ink\/60 mt-2 leading-relaxed\">CAM untuk setiap partner<\/div>\n      <\/div>\n      <div class=\"bg-white p-5 md:p-6 text-center\">\n        <div class=\"font-jost font-light text-3xl md:text-4xl text-maroon\">0<\/div>\n        <div class=\"font-jost text-[9px] md:text-[10px] tracking-[.12em] uppercase text-ink\/60 mt-2 leading-relaxed\">Kos kiosk &amp; renovation<\/div>\n      <\/div>\n    <\/div>\n\n    <blockquote class=\"border-t-2 border-ink pt-6\">\n      <p class=\"font-jost font-light text-xl md:text-2xl leading-relaxed text-ink\">&#8220;Saya start part-time hujung minggu. Trolley, produk dan SOP semua sudah ada \u2014 saya cuma perlu fokus pada customer.&#8221;<\/p>\n      <footer class=\"font-lato text-[13px] text-ink\/50 mt-4\">Nurul, Partner InaiGO \u00b7 Shah Alam<\/footer>\n    <\/blockquote>\n\n    <div class=\"mt-8 border border-ink\/15 bg-white p-4 flex items-center gap-4\">\n      <img decoding=\"async\" src=\"assets\/inai-logo.jpeg\" alt=\"Inai Republic\" class=\"w-14 h-14 object-cover flex-none\">\n      <div class=\"font-lato text-[13px] leading-relaxed text-ink\/60\">Diendors oleh <strong class=\"text-ink\">Inai Republic | Professional Services<\/strong> \u2014 produk halal, latihan &amp; standard servis.<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ LEAD FORM ============ -->\n<section id=\"daftar\" class=\"bg-maroon-deep\">\n  <div class=\"max-w-2xl mx-auto px-5 md:px-10 py-20\">\n\n    <!-- FORM VIEW -->\n    <div id=\"formView\">\n      <div class=\"font-jost text-[10px] tracking-[0.2em] mb-4\" style=\"color:#e2b4ba\">BERMINAT NAK MULAKAN INAI GO?<\/div>\n      <h2 class=\"font-jost font-extralight text-3xl md:text-4xl tracking-[.1em] uppercase leading-tight text-white mb-4\">Daftar Minat<br>Anda Sekarang<\/h2>\n      <p class=\"font-lato text-[14px] leading-relaxed mb-3\" style=\"color:#dbc7c1\">Mulakan langkah pertama untuk memiliki bisnes salun halal bergerak bersama Inai Republic.<\/p>\n      <p class=\"font-lato text-[14px] leading-relaxed mb-10\" style=\"color:#dbc7c1\">Isi maklumat anda dan team kami akan hubungi anda untuk penerangan lanjut mengenai Business Kit, latihan, CAM &amp; marketing support serta pilihan pembiayaan yang tersedia.<\/p>\n\n      <form id=\"leadForm\" class=\"bg-white p-6 md:p-8 grid gap-6\" novalidate>\n        <div>\n          <label class=\"block font-jost text-[10px] tracking-[.16em] uppercase text-ink\/70 mb-2\">Nama Penuh<\/label>\n          <input name=\"nama\" placeholder=\"Nama seperti dalam IC\" class=\"w-full border border-ink\/35 px-3 py-3 text-[14px] text-ink focus:outline-none focus:border-maroon\">\n          <div class=\"err hidden font-lato text-[11.5px] text-maroon mt-1.5\">Sila isi nama penuh anda.<\/div>\n        <\/div>\n        <div>\n          <label class=\"block font-jost text-[10px] tracking-[.16em] uppercase text-ink\/70 mb-2\">No. WhatsApp<\/label>\n          <input name=\"wa\" inputmode=\"tel\" placeholder=\"011-XXX XXXX\" class=\"w-full border border-ink\/35 px-3 py-3 text-[14px] text-ink focus:outline-none focus:border-maroon\">\n          <div class=\"err hidden font-lato text-[11.5px] text-maroon mt-1.5\">Nombor WhatsApp tidak lengkap.<\/div>\n        <\/div>\n        <div>\n          <label class=\"block font-jost text-[10px] tracking-[.16em] uppercase text-ink\/70 mb-2\">Negeri \/ Kawasan<\/label>\n          <select name=\"negeri\" class=\"w-full border border-ink\/35 px-3 py-3 text-[14px] text-ink focus:outline-none focus:border-maroon bg-white\">\n            <option value=\"\">Pilih negeri<\/option>\n            <option>Johor<\/option><option>Kedah<\/option><option>Kelantan<\/option><option>Melaka<\/option>\n            <option>Negeri Sembilan<\/option><option>Pahang<\/option><option>Perak<\/option><option>Perlis<\/option>\n            <option>Pulau Pinang<\/option><option>Sabah<\/option><option>Sarawak<\/option><option>Selangor<\/option>\n            <option>Terengganu<\/option><option>Kuala Lumpur<\/option><option>Putrajaya<\/option><option>Labuan<\/option>\n          <\/select>\n          <div class=\"err hidden font-lato text-[11.5px] text-maroon mt-1.5\">Sila pilih negeri \/ kawasan.<\/div>\n        <\/div>\n        <div>\n          <label class=\"block font-jost text-[10px] tracking-[.16em] uppercase text-ink\/70 mb-2\">Pekerjaan Semasa<\/label>\n          <input name=\"kerja\" placeholder=\"Contoh: Suri rumah, kerani, stylist\" class=\"w-full border border-ink\/35 px-3 py-3 text-[14px] text-ink focus:outline-none focus:border-maroon\">\n        <\/div>\n\n        <div class=\"choice-group\" data-key=\"pengalaman\">\n          <label class=\"block font-jost text-[10px] tracking-[.16em] uppercase text-ink\/70 mb-2\">Ada pengalaman beauty \/ salon?<\/label>\n          <div class=\"flex gap-2 flex-wrap\">\n            <button type=\"button\" class=\"chip font-jost text-[11px] tracking-[.12em] uppercase border border-ink\/35 px-4 py-2.5\">Ya<\/button>\n            <button type=\"button\" class=\"chip font-jost text-[11px] tracking-[.12em] uppercase border border-ink\/35 px-4 py-2.5\">Tidak<\/button>\n          <\/div>\n        <\/div>\n        <div class=\"choice-group\" data-key=\"komitmen\">\n          <label class=\"block font-jost text-[10px] tracking-[.16em] uppercase text-ink\/70 mb-2\">Berminat Full-Time \/ Part-Time<\/label>\n          <div class=\"flex gap-2 flex-wrap\">\n            <button type=\"button\" class=\"chip font-jost text-[11px] tracking-[.12em] uppercase border border-ink\/35 px-4 py-2.5\">Full-Time<\/button>\n            <button type=\"button\" class=\"chip font-jost text-[11px] tracking-[.12em] uppercase border border-ink\/35 px-4 py-2.5\">Part-Time<\/button>\n          <\/div>\n        <\/div>\n        <div class=\"choice-group\" data-key=\"modal\">\n          <label class=\"block font-jost text-[10px] tracking-[.16em] uppercase text-ink\/70 mb-2\">Modal sendiri atau pembiayaan?<\/label>\n          <div class=\"flex gap-2 flex-wrap\">\n            <button type=\"button\" class=\"chip font-jost text-[11px] tracking-[.12em] uppercase border border-ink\/35 px-4 py-2.5\">Modal Sendiri<\/button>\n            <button type=\"button\" class=\"chip font-jost text-[11px] tracking-[.12em] uppercase border border-ink\/35 px-4 py-2.5\">Berminat Pembiayaan<\/button>\n          <\/div>\n        <\/div>\n        <div class=\"choice-group\" data-key=\"mula\">\n          <label class=\"block font-jost text-[10px] tracking-[.16em] uppercase text-ink\/70 mb-2\">Bila bersedia nak mula?<\/label>\n          <div class=\"flex gap-2 flex-wrap\">\n            <button type=\"button\" class=\"chip font-jost text-[11px] tracking-[.12em] uppercase border border-ink\/35 px-4 py-2.5\">Segera<\/button>\n            <button type=\"button\" class=\"chip font-jost text-[11px] tracking-[.12em] uppercase border border-ink\/35 px-4 py-2.5\">1\u20133 bulan<\/button>\n            <button type=\"button\" class=\"chip font-jost text-[11px] tracking-[.12em] uppercase border border-ink\/35 px-4 py-2.5\">3\u20136 bulan<\/button>\n          <\/div>\n        <\/div>\n\n        <div class=\"border-t border-ink\/15 pt-5 flex gap-3 items-start\">\n          <button type=\"button\" id=\"consentBox\" class=\"w-6 h-6 flex-none border border-ink\/45 text-white flex items-center justify-center text-xs\">\u200b<\/button>\n          <div class=\"font-lato text-[12.5px] leading-relaxed text-ink\/70\">Saya bersetuju untuk dihubungi oleh team InaiGO \/ Inai Republic melalui WhatsApp atau panggilan bagi tujuan penerangan bisnes.<\/div>\n        <\/div>\n        <div id=\"consentErr\" class=\"err hidden font-lato text-[11.5px] text-maroon -mt-3\">Sila beri kebenaran untuk dihubungi.<\/div>\n\n        <button type=\"submit\" class=\"w-full bg-maroon text-white px-5 py-4 font-jost text-[13px] tracking-[.16em] flex justify-between items-center hover:bg-maroon-dark transition\">\n          <span>HANTAR PERMOHONAN MINAT<\/span><span>\u2192<\/span>\n        <\/button>\n        <div class=\"font-lato text-[11px] text-ink\/40 leading-relaxed\">Maklumat anda hanya digunakan untuk semakan kelayakan &amp; follow-up CAM.<\/div>\n      <\/form>\n    <\/div>\n\n    <!-- DONE VIEW -->\n    <div id=\"doneView\" class=\"hidden rise\">\n      <div class=\"w-14 h-14 border-2 flex items-center justify-center text-2xl mb-8\" style=\"border-color:#ff7ab8; color:#ff7ab8\">\u2713<\/div>\n      <div class=\"font-jost text-[10px] tracking-[.2em] mb-3\" style=\"color:#e2b4ba\">PERMOHONAN DITERIMA<\/div>\n      <h2 class=\"font-jost font-extralight text-3xl md:text-4xl tracking-[.1em] uppercase leading-tight text-white mb-5\">Terima Kasih!<br>Minat Anda Telah Diterima<\/h2>\n      <p class=\"font-lato text-[15px] leading-relaxed mb-8\" style=\"color:#dbc7c1\">Team InaiGO akan menghubungi anda untuk sesi penerangan dan semakan langkah seterusnya.<\/p>\n\n      <div class=\"border-t border-white\/20 pt-5 grid gap-3 mb-8\">\n        <div class=\"flex gap-3\"><span class=\"font-jost text-[10px] tracking-[.1em] w-6\" style=\"color:#c87d88\">01<\/span><span class=\"font-lato text-[13px] text-white leading-relaxed\">CAM hubungi anda melalui WhatsApp dalam 1\u20133 hari bekerja.<\/span><\/div>\n        <div class=\"flex gap-3\"><span class=\"font-jost text-[10px] tracking-[.1em] w-6\" style=\"color:#c87d88\">02<\/span><span class=\"font-lato text-[13px] text-white leading-relaxed\">Sesi penerangan Business Kit, latihan &amp; pembiayaan.<\/span><\/div>\n        <div class=\"flex gap-3\"><span class=\"font-jost text-[10px] tracking-[.1em] w-6\" style=\"color:#c87d88\">03<\/span><span class=\"font-lato text-[13px] text-white leading-relaxed\">Semakan kelayakan dan onboarding InaiGO.<\/span><\/div>\n      <\/div>\n\n      <div id=\"refVal\" class=\"font-lato text-[12px] mb-6\" style=\"color:#c87d88\">Rujukan: \u2014<\/div>\n      <button id=\"backBtn\" class=\"border-2 border-white text-white px-6 py-4 font-jost text-[12px] tracking-[.16em] hover:bg-white hover:text-maroon-deep transition\">KEMBALI KE LAMAN UTAMA<\/button>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============ FOOTER ============ -->\n<footer class=\"bg-maroon-deepest\">\n  <div class=\"max-w-7xl mx-auto px-5 md:px-10 py-8 flex flex-wrap gap-x-6 gap-y-3\">\n    <span class=\"font-jost text-[9px] tracking-[.16em]\" style=\"color:#c87d88\">PROFESSIONAL STYLIST<\/span>\n    <span class=\"font-jost text-[9px] tracking-[.16em]\" style=\"color:#c87d88\">PREMIUM PRODUCTS<\/span>\n    <span class=\"font-jost text-[9px] tracking-[.16em]\" style=\"color:#c87d88\">HYGIENIC &amp; SAFE<\/span>\n  <\/div>\n  <div class=\"max-w-7xl mx-auto px-5 md:px-10 pb-8 font-lato text-[11px]\" style=\"color:#8a5a5f\">\u00a9 2026 Inai Republic | Professional Services. Semua hak terpelihara.<\/div>\n<\/footer>\n\n<!-- sticky mobile CTA -->\n<div class=\"fixed bottom-0 left-0 right-0 z-30 lg:hidden bg-cream\/95 backdrop-blur border-t-2 border-ink flex items-center gap-3 px-4 py-3\">\n  <div class=\"flex-1 font-jost text-[9px] tracking-[.12em] text-ink\/60 leading-relaxed\">MODAL RENDAH \u00b7 KIT LENGKAP<br>CAM &amp; MARKETING SUPPORT<\/div>\n  <a href=\"#daftar\" class=\"bg-maroon text-white px-4 py-3 font-jost text-[11px] tracking-[.12em] whitespace-nowrap\">SAYA BERMINAT \u2192<\/a>\n<\/div>\n<div class=\"h-16 lg:hidden\"><\/div>\n\n<script>\n  \/\/ mobile menu\n  const menuBtn = document.getElementById('menuBtn');\n  const mobileMenu = document.getElementById('mobileMenu');\n  const iconOpen = document.getElementById('menuIconOpen');\n  const iconClose = document.getElementById('menuIconClose');\n  menuBtn.addEventListener('click', () => {\n    mobileMenu.classList.toggle('hidden');\n    iconOpen.classList.toggle('hidden');\n    iconClose.classList.toggle('hidden');\n  });\n  mobileMenu.querySelectorAll('a').forEach(a => a.addEventListener('click', () => {\n    mobileMenu.classList.add('hidden');\n    iconOpen.classList.remove('hidden');\n    iconClose.classList.add('hidden');\n  }));\n\n  \/\/ 5 pillars accordion\n  const PILLARS = [\n    { no: \"01\", title: \"Modal Lebih Rendah\", body: \"Tiada kiosk, tiada kos renovation, tiada sewa lot. Bisnes anda bergerak \u2014 mula dari rumah, event atau majlis.\", tags: [\"No Kiosk\", \"No Renovation\", \"Mobile-first\"] },\n    { no: \"02\", title: \"Business Kit Lengkap\", body: \"Produk Inai Republic, tools profesional, trolley, uniform, mobile setup dan branding \u2014 semua siap dalam satu kit.\", tags: [\"Produk\", \"Tools\", \"Trolley\", \"Uniform\", \"Branding\"] },\n    { no: \"03\", title: \"Sistem Bisnes Lengkap\", body: \"SOP servis, sistem booking, customer journey, struktur harga, sistem jualan dan operasi harian.\", tags: [\"SOP\", \"Booking\", \"Pricing\", \"Operating System\"] },\n    { no: \"04\", title: \"CAM + Marketing Support\", body: \"CAM khusus untuk anda, monitoring jualan, bahan kempen & content, serta panduan customer acquisition dan pertumbuhan bisnes.\", tags: [\"Dedicated CAM\", \"Campaign Kit\", \"Sales Monitoring\"] },\n    { no: \"05\", title: \"Financing + Education\", body: \"Laluan pembiayaan PERNAS tertakluk kelayakan & sijil, latihan teknikal, latihan servis dan pendidikan bisnes.\", tags: [\"PERNAS\", \"Technical Training\", \"Business Education\"] }\n  ];\n\n  const pillarList = document.getElementById('pillarList');\n  let openPillar = \"01\";\n\n  function renderPillars() {\n    pillarList.innerHTML = PILLARS.map(p => {\n      const isOpen = p.no === openPillar;\n      return `\n      <div class=\"border-b border-ink\/15\">\n        <button type=\"button\" data-no=\"${p.no}\" class=\"pillar-toggle w-full bg-transparent py-4 flex items-start gap-4 text-left\">\n          <span class=\"font-jost text-[11px] text-[#c87d88] tracking-[.1em] pt-0.5 w-6\">${p.no}<\/span>\n          <span class=\"flex-1 font-jost text-[14px] tracking-[.1em] uppercase text-ink\">${p.title}<\/span>\n          <span class=\"font-jost text-lg text-maroon transition-transform duration-200\" style=\"transform:${isOpen ? 'rotate(45deg)' : 'none'}\">+<\/span>\n        <\/button>\n        ${isOpen ? `\n        <div class=\"pb-5 pl-10\">\n          <p class=\"font-lato text-[14px] leading-relaxed text-ink\/70 mb-3\">${p.body}<\/p>\n          <div class=\"flex flex-wrap gap-1.5\">\n            ${p.tags.map(t => `<span class=\"font-jost text-[9.5px] tracking-[.12em] uppercase bg-maroon-50 text-[#6b1119] px-2.5 py-1.5\">${t}<\/span>`).join('')}\n          <\/div>\n        <\/div>` : ''}\n      <\/div>`;\n    }).join('');\n\n    pillarList.querySelectorAll('.pillar-toggle').forEach(btn => {\n      btn.addEventListener('click', () => {\n        const no = btn.dataset.no;\n        openPillar = openPillar === no ? null : no;\n        renderPillars();\n      });\n    });\n  }\n  renderPillars();\n\n  \/\/ income calculator\n  const jobsRange = document.getElementById('jobsRange');\n  const jobsVal = document.getElementById('jobsVal');\n  const monthlyVal = document.getElementById('monthlyVal');\n  const TICKET = 85;\n  function updateCalc() {\n    const jobs = Number(jobsRange.value);\n    jobsVal.textContent = jobs;\n    const monthly = Math.round((jobs * 4.3 * TICKET) \/ 10) * 10;\n    monthlyVal.textContent = 'RM ' + monthly.toLocaleString('en-MY');\n  }\n  jobsRange.addEventListener('input', updateCalc);\n  updateCalc();\n\n  \/\/ lead form\n  const form = document.getElementById('leadForm');\n  const formView = document.getElementById('formView');\n  const doneView = document.getElementById('doneView');\n  const consentBox = document.getElementById('consentBox');\n  const consentErr = document.getElementById('consentErr');\n  \/\/ Paste the deployed Google Apps Script Web App URL here.\n  const GOOGLE_SHEETS_ENDPOINT = '';\n  let consentChecked = false;\n\n  function setConsentStyle() {\n    if (consentChecked) {\n      consentBox.classList.add('bg-maroon', 'border-maroon');\n      consentBox.textContent = '\u2713';\n    } else {\n      consentBox.classList.remove('bg-maroon', 'border-maroon');\n      consentBox.textContent = '';\n    }\n  }\n  consentBox.addEventListener('click', () => {\n    consentChecked = !consentChecked;\n    setConsentStyle();\n    consentErr.classList.add('hidden');\n  });\n\n  form.querySelectorAll('.choice-group').forEach(group => {\n    const chips = group.querySelectorAll('.chip');\n    chips.forEach(chip => {\n      chip.addEventListener('click', () => {\n        chips.forEach(c => {\n          c.classList.remove('bg-maroon', 'text-white', 'border-maroon');\n          c.classList.add('bg-white', 'text-ink\/80');\n        });\n        chip.classList.add('bg-maroon', 'text-white', 'border-maroon');\n        chip.classList.remove('bg-white', 'text-ink\/80');\n        group.dataset.value = chip.textContent;\n      });\n    });\n  });\n\n  function showErr(input, show) {\n    const err = input.closest('div').querySelector('.err');\n    if (err) err.classList.toggle('hidden', !show);\n    input.classList.toggle('border-maroon', show);\n  }\n\n  form.addEventListener('submit', async (e) => {\n    e.preventDefault();\n    const nama = form.nama.value.trim();\n    const wa = form.wa.value.replace(\/\\D\/g, '');\n    const negeri = form.negeri.value;\n\n    const namaErr = !nama;\n    const waErr = wa.length < 9;\n    const negeriErr = !negeri;\n    const consentError = !consentChecked;\n\n    showErr(form.nama, namaErr);\n    showErr(form.wa, waErr);\n    showErr(form.negeri, negeriErr);\n    consentErr.classList.toggle('hidden', !consentError);\n\n    if (namaErr || waErr || negeriErr || consentError) return;\n\n    const payload = {\n      timestamp: new Date().toISOString(),\n      nama,\n      wa: form.wa.value.trim(),\n      negeri,\n      kerja: form.kerja.value.trim(),\n      pengalaman: form.querySelector('[data-key=\"pengalaman\"]').dataset.value || '',\n      komitmen: form.querySelector('[data-key=\"komitmen\"]').dataset.value || '',\n      modal: form.querySelector('[data-key=\"modal\"]').dataset.value || '',\n      mula: form.querySelector('[data-key=\"mula\"]').dataset.value || '',\n      consent: consentChecked ? 'Ya' : 'Tidak'\n    };\n\n    if (GOOGLE_SHEETS_ENDPOINT) {\n      try {\n        await fetch(GOOGLE_SHEETS_ENDPOINT, {\n          method: 'POST',\n          mode: 'no-cors',\n          headers: { 'Content-Type': 'text\/plain;charset=utf-8' },\n          body: JSON.stringify(payload)\n        });\n      } catch (error) {\n        console.error('Gagal hantar data ke Google Sheet:', error);\n      }\n    }\n\n    const ref = 'IGO-' + String(Math.floor(1000 + Math.random() * 8999));\n    document.getElementById('refVal').textContent = 'Rujukan: ' + ref;\n    formView.classList.add('hidden');\n    doneView.classList.remove('hidden');\n    document.getElementById('daftar').scrollIntoView({ behavior: 'smooth', block: 'start' });\n  });\n\n  document.getElementById('backBtn').addEventListener('click', () => {\n    doneView.classList.add('hidden');\n    formView.classList.remove('hidden');\n    form.reset();\n    consentChecked = false;\n    setConsentStyle();\n    document.getElementById('home').scrollIntoView({ behavior: 'smooth' });\n  });\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>InaiGO \u2014 Mulakan Bisnes Salun Halal Bergerak | Inai Republic INAI REPUBLIC PROFESSIONAL SERVICES Ekosistem 5 Tiang Bisnes Business Kit Servis Kalkulator Pembiayaan Saya Berminat \u2192 Ekosistem 5 Tiang Bisnes Business Kit Servis Kalkulator Pembiayaan Saya Berminat \u2192 MASTER BRAND &nbsp;\u2192&nbsp; BUSINESS PLATFORM INAI GO TOOLS KIT &amp; MOBILE SERVICES Mulakan Bisnes Salun Halal Bergerak [&hellip;]<\/p>\n","protected":false},"author":67,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"_breakdance_hide_in_design_set":false,"_breakdance_tags":"","_joinchat":[],"footnotes":""},"class_list":["post-7345","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/inairepublic.com\/ms\/wp-json\/wp\/v2\/pages\/7345","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inairepublic.com\/ms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/inairepublic.com\/ms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/inairepublic.com\/ms\/wp-json\/wp\/v2\/users\/67"}],"replies":[{"embeddable":true,"href":"https:\/\/inairepublic.com\/ms\/wp-json\/wp\/v2\/comments?post=7345"}],"version-history":[{"count":6,"href":"https:\/\/inairepublic.com\/ms\/wp-json\/wp\/v2\/pages\/7345\/revisions"}],"predecessor-version":[{"id":7353,"href":"https:\/\/inairepublic.com\/ms\/wp-json\/wp\/v2\/pages\/7345\/revisions\/7353"}],"wp:attachment":[{"href":"https:\/\/inairepublic.com\/ms\/wp-json\/wp\/v2\/media?parent=7345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}