RAUP JUTAAN PERBULAN WALAU BELUM PERNAH JUALAN
Kami bimbing sampai orang tua bilang "akhirnya kamu berhasil"
Tersedia dua pilihan paket kemitraan dengan investasi minim dan untung tebal.
Paket Premium
Rp 6.1 JutaRp 4.9 Juta
- Booth Semi-Portable
- Peralatan Lengkap
- Gratis Bahan Baku Awal
- Support Iklan Opening & KOL
- Gratis Payung & Banner
- Dibantu Pendaftaran Online Food
Paket Exclusive
Rp 8.1 JutaRp 6.5 Juta
- Booth Semi-Portable Dilengkapi Lampu
- Peralatan Lengkap
- Gratis Bahan Baku Awal
- Support Iklan Opening & KOL
- Gratis Payung & Banner
- Gratis Speaker Toa & Flashdisk
- Gratis Signature Sound Go-kuah
- Dibantu Pendaftaran Online Food
- Sedang diputar...
PROMO KEMITRAAN GO-KUAH!
Dapatkan harga khusus sebelum slot promo kemitraan habis & balik ke harga normal.
00
Hari
00
Jam
00
Menit
00
Detik
Varian Rasa Go-Kuah yang Bikin Nagih!
Bakso Kaldu Spesial
Kuah kaldu gurih dengan aroma bumbu spesial, cocok untuk semua suasana.
Best Seller
Bakso Keju Pedas
Kuah pedas dan creamy yang bikin ga relah satu tetes pun terbuang
Bakso Pedas Juara
Pedasnya mantap, isiannya lengkap , favorit pencinta pedas maksimal
Batagor Ayam Bawang
Kuah ayam bawang gurih dengan batagor renyah, cita rasa klasik yang disukai semua orang.
Batagor Keju Pedas
Paduan batagor dengan kuah keju gurih yang disukai semua umur.
Best Seller
Batagor Pedas Juara
Kuah pedas dengan aroma segar dan taburan batagor.
Best Seller
Cuanki Ayam Bawang
Kuah kaldu ayam bawang yang gurih berpadu dengan cuanki hangat yang menggugah selera
Cuanki Keju Pedas
Rasa baru cuanki dengan kuah keju, creamy, dan lezat.
Cuanki Pedas Juara
Sensasi pedas segar dan gurih berpadu sempurna, bikin semangat di setiap suapan
Kami Benar-Benar Totalitas Support Anda 1000%
Kami datangkan KOL besar untuk Anda GRATIS, serta subsidi ikut event makanan
Apa Kata Mereka?
Yang sudah cobain kuah nikmat & topping premium dari Go-Kuah
★★★★★
Kuahnya ngaldu banget, topping nya lengkap dan murah pula!
- Kak Viana
★★★★★
Pedes banget tapi enak, isiannya juga banyak dan murah meriah
- Kak Selvy
★★★★★
Cuanky-nya nagih banget, mie nya lumer dimulut, enak pokoknya!
- Kak Ratna
★★★★★
Harga murah, tapi enak banget, aku beli yang bakso keju pedas!
- Adek Tiara
Mitra Terbaik Bulan Ini
Nur Indah
Bekasi
0 pcs
Rp 0
Iis Wahyuni
Yogyakarta
0 pcs
Rp 0
Intan Cantika
Surabaya
0 pcs
Rp 0
Gabung Hari Ini, Kirim Hari Ini
Pengiriman aman dan bergaransi, sudah dilengkapi dengan packing kayu
Perhitungan ROI Kemitraan Go-Kuah
Simulasi sederhana perhitungan keuntungan dan modal usaha.
🧺
Penjualan
| Keterangan | Jumlah |
| Harga Jual per Porsi | Rp 15.000 |
| Rata-rata Penjualan per Hari | 65 Porsi |
| Total Penjualan per Bulan | Rp 29.250.000 |
💰
Keuntungan
| Keterangan | Jumlah |
| Omset Bulanan | Rp 29.250.000 |
| HPP (63%) | Rp 19.110.000 |
| Laba Kotor | Rp 10.140.000 |
⚙️
Operasional
| Keterangan | Jumlah |
| Sewa Tempat | Rp 500.000 |
| Listrik & Air | Rp 150.000 |
| Gaji Karyawan | Rp 1.000.000 |
| Total Biaya Operasional | Rp 1.650.000 |
🪙
Modal
| Keterangan | Jumlah |
| Paket Kemitraan | Rp 4.900.000 |
| Operasional Bulanan | Rp 1.650.000 |
| Total Modal | Rp 6.550.000 |
ROI / Balik Modal
Laba Bersih per BulanRp 8.490.000
Total Modal AwalRp 6.550.000
Estimasi Balik Modal± 1 Bulan
ⓘ ROI berikut merupakan hitungan kasar, tergantung harga jual dan operasional mitra.
Kami Support 1000% Untuk Kesuksesan Mitra
Kami Siap Berkomitmen Membantu dengan dukungan penuh untuk bisnis Anda dengan layanan unggulan kami
Dukungan Lengkap Untuk Mitra
Kami memberikan segala yang Anda butuhkan untuk memulai dan mengembangkan bisnis Ngemiloh
Support Iklan Opening Gratis
Promosi pembukaan gratis 2-3 hari untuk menarik pelanggan pertama Anda
Gratis Konten Setiap Hari
Puluhan konten kreatif siap pakai untuk media sosial Anda
Konsultasi Gratis
Konsultasi via telepon/WA gratis dengan tim ahli kami
Analisa Lokasi
Bantuan memilih lokasi strategis untuk meningkatkan penjualan
Campaign Berhadiah
Program berhadiah untuk menarik lebih banyak pelanggan
Subsidi Event Kuliner
Dukungan untuk mengikuti festival makanan dan bazaar
Tim Manajemen Kami - Siap Layani Mitra
Customer Service
Siap membantu kendala berjualan dan menjawab pertanyaan Anda
Marketing Executive
Mendampingi usaha dari buka sampai sukses dengan strategi pemasaran
Designer
Spesialis promosi & desain outlet untuk menarik perhatian pelanggan
Siap Meningkatkan Bisnis Anda?
Dapatkan semua keuntungan & dukungan maksimal untuk kesuksesan bisnis Anda
{"page":{"_id":"6928acfdf387b7aac586ee5e","title":"Kemitraan Gokuah Kuah Nikmat Harga Hemat","sections":{"byId":{"ffaa":{"_id":"ffaa","key":"section","name":"Section 1","attributes":{"style":{"position":"initial","marginTop":"0px","paddingTop":"0px","paddingBottom":"0px","paddingLeft":"0px","paddingRight":"0px","width":"100%","alignSelf":"center","backgroundImage":"","backgroundColor":"#FFFFFFFF","color":"#000000FF","desktop":{"paddingTop":"0px","paddingBottom":"0px"},"tablet":{"paddingTop":"0px","paddingBottom":"0px","marginTop":"0px"},"mobile":{"paddingTop":"0px","paddingBottom":"0px","marginTop":"0px"}},"width":"xl","background":true,"backgroundImageStyle":"None","backgroundVideo":false,"backgroundVideoUrl":"","shadowOverride":false,"borderOverride":false,"cornerOverride":false,"border":false,"corner":false,"shadow":false,"className":"","dirty":true},"components":{"byId":{"BSzJ":{"_id":"BSzJ","key":"other-html","name":"HTML","attributes":{"htmlstring":"<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Go Kuah - Landing Page Kemitraan</title>\n \n <!-- PRELOAD prioritas: TEKS HERO DULU, baru LQIP + video metadata -->\n <link rel=\"preload\" as=\"font\" href=\"https://fonts.gstatic.com/s/luckiestguy/v18/_2M0YqW5Z-7GeQ1V2l2D2uL3T74.woff2\" type=\"font/woff2\" crossorigin>\n <link rel=\"preload\" as=\"image\" href=\"https://mediabersamagroup.com/wp-content/uploads/2025/11/lqip-hero.jpg\" fetchpriority=\"high\">\n <link rel=\"preload\" as=\"video\" href=\"https://mediabersamagroup.com/wp-content/uploads/2025/11/gg-hevc.mp4\" type=\"video/mp4\">\n \n <!-- Preconnect tetap -->\n <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n <link rel=\"preconnect\" href=\"https://cdnjs.cloudflare.com\">\n <link rel=\"preconnect\" href=\"https://mediabersamagroup.com\">\n\n <link href=\"https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap\" rel=\"stylesheet\">\n <link href=\"https://api.fontshare.com/v2/css?f[]=satoshii@400,500,700,900&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css\" media=\"print\" onload=\"this.media='all'\">\n\n <style>\n /* Fallback font & semua style kamu 100% SAMA */\n body, .gokuah-navbar__links a, .hero-section p, .packages-subheadline {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n }\n h1, .packages-headline, .package-card__title, .price-new, .btn-choose {\n font-family: 'Luckiest Guy', cursive, system-ui;\n }\n * { margin:0; padding:0; box-sizing:border-box; }\n :root { --merah:#E11F26; --kuning:#ffaa00; --putih:#fff; }\n body { background:#ffffff; overflow-x:hidden; line-height:1.6; color:#333; }\n \n /* HERO: TEKS muncul DULU (opacity 1 immediate), video overlay di atas dengan fallback */\n .hero-section { \n position:relative; height:100vh; overflow:hidden; display:flex; align-items:center; justify-content:center; text-align:center; background:#000; \n }\n .hero-section::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.45); z-index:1; }\n \n .hero-section video { \n position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:0;\n opacity:0; \n transition:opacity 0.8s ease-in-out;\n }\n .hero-section video.ready { opacity:1; }\n .hero-section video.fallback { opacity:0; } /* Kalau gagal load, sembunyiin video */\n\n .hero-content { \n position:relative; z-index:2; padding:20px; \n opacity:0; \n animation: fadeInText 0.6s ease-out 0.1s forwards; /* Teks fade-in setelah DOM load */\n }\n @keyframes fadeInText { to { opacity:1; } }\n\n .hero-section h1 { font-family:'Luckiest Guy',cursive; font-size:clamp(2.5rem,8vw,5rem); color:white; text-shadow:-6px -6px 0 var(--merah),6px -6px 0 var(--merah),-6px 6px 0 var(--merah),6px 6px 0 var(--merah),8px 8px 20px #000; letter-spacing:3px; margin-bottom:20px; }\n .hero-section p { font-family:'Satoshi',sans-serif; font-size:clamp(1.4rem,3vw,2rem); font-weight:700; color:white; text-shadow:0 2px 10px rgba(0,0,0,0.8); }\n\n /* Semua style lain kamu 100% SAMA */\n .gokuah-navbar { position:fixed; top:0; left:0; width:100%; z-index:1000; background:rgba(255,255,255,0.95); backdrop-filter:blur(10px); padding:12px 5%; display:flex; justify-content:space-between; align-items:center; box-shadow:0 4px 20px rgba(0,0,0,0.08); height:80px; opacity:0; transform:translateY(-100%); transition:all .5s ease; }\n .gokuah-navbar.is-visible { opacity:1; transform:translateY(0); }\n .gokuah-navbar__logo img { height:62px; }\n .gokuah-navbar__links { display:flex; align-items:center; gap:0; }\n .gokuah-navbar__links a { color:var(--merah); margin-left:30px; font-weight:800; font-family:'Satoshi',sans-serif; text-decoration:none; font-size:1.1rem; }\n .gokuah-navbar__hamburger { display: none; background: transparent; border: 0; font-size: 1.6rem; color: var(--merah); cursor: pointer; width:44px;height:44px;border-radius:8px; display:flex;align-items:center;justify-content:center; }\n .mobile-menu { display: none; position: fixed; top: 80px; right: 16px; background: white; border-radius: 12px; box-shadow: 0 20px 50px rgba(0,0,0,0.2); padding: 16px; z-index: 1200; min-width: 200px; }\n .mobile-menu a { display:block; padding:12px 14px; border-radius:8px; text-decoration:none; color:var(--merah); font-weight:800; }\n .mobile-menu a + a { margin-top:8px; }\n @media (max-width: 900px) { .gokuah-navbar__links { display:none; } .gokuah-navbar__hamburger { display:flex; } }\n .packages-section { padding:120px 5% 140px; text-align:center; background:#ffffff; }\n .packages-headline { font-family:'Luckiest Guy',cursive; font-size:clamp(2.5rem,6vw,4rem); color:var(--merah); margin-bottom:20px; letter-spacing:2px; }\n .packages-subheadline { font-family:'Satoshi',sans-serif; font-size:clamp(1.2rem,3vw,1.7rem); font-weight:700; color:#333; margin-bottom:80px; max-width:900px; margin-left:auto; margin-right:auto; }\n .packages-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:70px; max-width:1200px; margin:0 auto; }\n .package-card { background:#fff; border-radius:36px; padding:40px 35px 45px; text-align:center; box-shadow:0 20px 50px rgba(0,0,0,0.1); transition:all .4s ease; display:flex; flex-direction:column; border:3px solid transparent; }\n .package-card:hover { transform:translateY(-15px); box-shadow:0 35px 80px rgba(0,0,0,0.18); }\n .package-card.recommended { border:6px solid var(--kuning); background:#fffdf0; }\n .package-card.exclusive { border:6px solid var(--merah); }\n .package-card__title { font-family:'Luckiest Guy',cursive; font-size:2.5rem; color:var(--merah); margin-bottom:12px; letter-spacing:1px; }\n .price-old { font-size:1.4rem; text-decoration:line-through; color:#999; margin-bottom:8px; font-weight:600; }\n .price-new { font-family:'Luckiest Guy',cursive; font-size:3rem; color:var(--merah); margin:15px 0 25px; animation:pulse 2s infinite; }\n .booth-video { margin:20px 0; border-radius:24px; overflow:hidden; box-shadow:0 15px 40px rgba(0,0,0,0.2); }\n .booth-video video { width:100%; height:auto; display:block; }\n .features { list-style:none; text-align:left; flex-grow:1; margin:20px 0 25px; font-size:1.15rem; font-weight:500; }\n .features li { padding:12px 0 12px 48px; position:relative; border-bottom:1px dashed #eee; }\n .features li::before { content:\"\\f00c\"; font-family:\"Font Awesome 6 Free\"; font-weight:900; color:#27ae60; position:absolute; left:0; top:10px; font-size:1.6rem; }\n .btn-choose { margin-top:auto; background:var(--merah); color:white; padding:22px; border-radius:50px; font-family:'Luckiest Guy',cursive; font-size:1.7rem; text-decoration:none; box-shadow:0 10px 0 #a83227; transition:all .3s; letter-spacing:1px; }\n .btn-choose:hover { background:#c0392b; transform:translateY(4px); box-shadow:0 5px 0 #a83227; }\n .play-sound-btn { background:var(--merah); color:white; border:none; padding:14px 28px; border-radius:50px; font-weight:700; font-size:1.1rem; cursor:pointer; display:inline-flex; align-items:center; gap:12px; margin:20px auto 0; transition:.3s; }\n .play-sound-btn:hover { background:#c0392b; transform:scale(1.05); }\n @keyframes pulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }\n @media (max-width:900px){ .packages-grid{grid-template-columns:1fr} .hero-section h1{font-size:clamp(3rem,10vw,6rem)} .price-new{font-size:3.4rem} .package-card__title{font-size:2.2rem} .btn-choose{font-size:1.7rem;padding:18px} }\n </style>\n</head>\n<body>\n <!-- SEMUA HTML 100% SAMA -->\n <nav class=\"gokuah-navbar\">\n <div class=\"gokuah-navbar__logo\">\n <img src=\"https://berducdn.com/img/500/bsob0d3ebsodt7wwsv_2/LhkhmJP9ZVPu0iVLhk7ZD3HPknHRbATLmaiTEHuSgqxw.png\" alt=\"Logo Go Kuah\" loading=\"eager\">\n </div>\n <div class=\"gokuah-navbar__links\">\n <a href=\"#paket\">Paket Kemitraan</a>\n <a href=\"https://mauorder.online/go-kuah\" class=\"nav-kontak\">Kontak</a>\n </div>\n <button class=\"gokuah-navbar__hamburger\" aria-label=\"Buka menu\" aria-expanded=\"false\" aria-controls=\"mobile-menu\">\n <i class=\"fas fa-bars\" aria-hidden=\"true\"></i>\n </button>\n <div id=\"mobile-menu\" class=\"mobile-menu\" aria-hidden=\"true\">\n <a href=\"#paket\" class=\"mobile-link\">Paket Kemitraan</a>\n <a href=\"#\" class=\"mobile-link mobile-kontak\">Kontak</a>\n </div>\n </nav>\n\n <!-- HERO SECTION – DIOPTIMASI: preload=\"metadata\" biar video start lebih cepat, teks immediate -->\n <section class=\"hero-section\">\n <video \n autoplay muted loop playsinline \n preload=\"metadata\"\n poster=\"https://mediabersamagroup.com/wp-content/uploads/2025/11/lqip-hero.jpg\"\n id=\"heroVideo\"\n fetchpriority=\"high\">\n <source src=\"https://mediabersamagroup.com/wp-content/uploads/2025/11/gg-hevc.mp4\" type=\"video/mp4\">\n </video>\n <div class=\"hero-content\">\n <h1>RAUP JUTAAN PERBULAN WALAU BELUM PERNAH JUALAN</h1>\n <p>Kami bimbing sampai orang tua bilang \"akhirnya kamu berhasil\"</p>\n </div>\n </section>\n\n <!-- Semua bagian bawah 100% SAMA -->\n <section class=\"packages-section\" id=\"paket\">\n <p class=\"packages-subheadline\">Tersedia dua pilihan paket kemitraan dengan investasi minim dan untung tebal.</p>\n \n <div class=\"packages-grid\">\n <!-- PAKET PREMIUM -->\n <div class=\"package-card recommended\">\n <h3 class=\"package-card__title\">Paket Premium</h3>\n <span class=\"price-old\">Rp 6.1 Juta</span>\n <div class=\"price-new\">Rp 4.9 Juta</div>\n <div class=\"booth-video\">\n <video autoplay muted loop playsinline preload=\"none\" loading=\"lazy\" poster=\"https://img.berdu.pw/img/800/bsob0d3ebsodt7wwsv_2/Lh3SfbT1OBhLH4qLh3ayuaAnQ1AHnjSKyhKDLOG1cSPQ.webp\">\n <source src=\"https://mediabersamagroup.com/wp-content/uploads/2025/11/kecil1.mp4\" type=\"video/mp4\">\n </video>\n </div>\n <ul class=\"features\">\n <li>Booth Semi-Portable</li>\n <li>Peralatan Lengkap</li>\n <li>Gratis Bahan Baku Awal</li>\n <li>Support Iklan Opening & KOL</li>\n <li>Gratis Payung & Banner</li>\n <li>Dibantu Pendaftaran Online Food</li>\n </ul>\n </div>\n <!-- PAKET EXCLUSIVE -->\n <div class=\"package-card exclusive\">\n <h3 class=\"package-card__title\">Paket Exclusive</h3>\n <span class=\"price-old\">Rp 8.1 Juta</span>\n <div class=\"price-new\">Rp 6.5 Juta</div>\n <div class=\"booth-video\">\n <video autoplay muted loop playsinline preload=\"none\" loading=\"lazy\" poster=\"https://berducdn.com/img/500/bsob0d3ebsodt7wwsv_2/Lh3S7Nt0ZWP7HKsLh3UAp7KdkozjnfSiSobniKZ3tP0Q.webp\">\n <source src=\"https://mediabersamagroup.com/wp-content/uploads/2025/11/besar1.mp4\" type=\"video/mp4\">\n </video>\n </div>\n <ul class=\"features\">\n <li>Booth Semi-Portable Dilengkapi Lampu</li>\n <li>Peralatan Lengkap</li>\n <li>Gratis Bahan Baku Awal</li>\n <li>Support Iklan Opening & KOL</li>\n <li>Gratis Payung & Banner</li>\n <li>Gratis Speaker Toa & Flashdisk</li>\n <li>Gratis Signature Sound Go-kuah</li>\n <li>Dibantu Pendaftaran Online Food</li>\n <li><button class=\"play-sound-btn\" onclick=\"toggleSound()\">Putar Signature Sound</button>\n <span style=\"display:none; margin-left:10px; color:var(--merah); font-weight:700;\">Sedang diputar...</span>\n </li>\n </ul>\n </div>\n </div>\n </section>\n\n <audio id=\"signatureSound\" preload=\"none\">\n <source src=\"https://abpsonx.github.io/audio/go.m4a\" type=\"audio/mp3\">\n </audio>\n\n <script>\n // Navbar muncul immediate (bantu FCP)\n document.addEventListener('DOMContentLoaded', () => {\n document.querySelector('.gokuah-navbar').classList.add('is-visible');\n });\n\n // HERO VIDEO: TEKS DULU, video play ASAP + fallback (nol blank, LCP <2.5s)\n const heroVideo = document.getElementById('heroVideo');\n heroVideo.addEventListener('loadedmetadata', () => {\n heroVideo.play().catch(() => {}); // Play silent, ignore error\n });\n heroVideo.addEventListener('canplay', () => {\n heroVideo.classList.add('ready');\n });\n heroVideo.addEventListener('error', () => {\n heroVideo.classList.add('fallback'); // Sembunyiin video kalau gagal, poster stay\n });\n\n // Booth video tetap\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.play();\n }\n });\n }, { rootMargin: \"200px\" });\n document.querySelectorAll('.booth-video video').forEach(v => observer.observe(v));\n\n function toggleSound() {\n const audio = document.getElementById('signatureSound');\n const btn = document.querySelector('.play-sound-btn');\n const status = btn.nextElementSibling;\n if (audio.paused) {\n audio.play();\n btn.textContent = 'Pause Sound';\n status.style.display = 'inline';\n } else {\n audio.pause();\n btn.textContent = 'Putar Signature Sound';\n status.style.display = 'none';\n }\n }\n\n // Semua script hamburger & mobile menu kamu 100% SAMA\n (function() {\n const hamburger = document.querySelector('.gokuah-navbar__hamburger');\n const mobileMenu = document.getElementById('mobile-menu');\n const mobileKontak = mobileMenu.querySelector('.mobile-kontak');\n const MOBILE_KONTAK_URL = 'https://mauorder.online/go-kuah';\n\n function toggleMenu() {\n const expanded = hamburger.getAttribute('aria-expanded') === 'true';\n if (expanded) {\n hamburger.setAttribute('aria-expanded', 'false');\n mobileMenu.style.display = 'none';\n mobileMenu.setAttribute('aria-hidden', 'true');\n hamburger.innerHTML = '<i class=\"fas fa-bars\" aria-hidden=\"true\"></i>';\n } else {\n hamburger.setAttribute('aria-expanded', 'true');\n mobileMenu.style.display = 'block';\n mobileMenu.setAttribute('aria-hidden', 'false');\n hamburger.innerHTML = '<i class=\"fas fa-times\" aria-hidden=\"true\"></i>';\n }\n }\n function onDocClick(e) {\n if (!mobileMenu.contains(e.target) && !hamburger.contains(e.target)) {\n if (mobileMenu.style.display === 'block') toggleMenu();\n }\n }\n function setMobileKontakHref() {\n if (window.innerWidth <= 900) mobileKontak.setAttribute('href', MOBILE_KONTAK_URL);\n else mobileKontak.setAttribute('href', '#');\n }\n mobileMenu.addEventListener('click', (e) => { const a = e.target.closest('a'); if (a) toggleMenu(); });\n hamburger.addEventListener('click', toggleMenu);\n window.addEventListener('resize', setMobileKontakHref);\n window.addEventListener('load', setMobileKontakHref);\n document.addEventListener('click', onDocClick);\n })();\n </script>\n</body>\n</html>","portalselector":"html-head","inhead":false,"dynamicStyleKey":[],"dirty":null},"components":{"allIds":[]}},"MbGl":{"_id":"MbGl","key":"other-html","name":"HTML","attributes":{"htmlstring":"<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Promo Countdown Khusus</title>\n \n <link href=\"https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap\" rel=\"stylesheet\">\n <link href=\"https://api.fontshare.com/v2/css?f[]=satoshii@400,500,700,900&display=swap\" rel=\"stylesheet\">\n \n <style>\n /* ================================================= */\n /* === VARIABLES & BASE STYLES === */\n /* ================================================= */\n :root {\n --merah-primer: #E11F26; \n --putih: #ffffff;\n --font-heading: 'Luckiest Guy', cursive; \n --font-body: 'Satoshi', sans-serif; \n --kuning-aksen: #ffaa00; \n --hijau-promosi: #80c77a;\n }\n\n /* ================================================= */\n /* === PROMO & TIMER STYLES === */\n /* ================================================= */\n .promo-wrapper {\n background: linear-gradient(135deg, var(--merah-primer) 0%, #c0392b 100%);\n padding: 40px 20px;\n text-align: center;\n color: var(--putih);\n margin: 40px auto; \n border-radius: 10px;\n max-width: 900px; /* Batasi lebar untuk fokus */\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);\n }\n\n .promo-headline {\n font-family: var(--font-heading);\n font-size: 2.5em;\n margin-bottom: 5px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n }\n\n .promo-subheadline {\n font-family: var(--font-body);\n font-size: 1.1em;\n margin-bottom: 25px;\n font-weight: 500;\n }\n\n /* Timer Grid */\n .timer-grid {\n display: flex;\n justify-content: center;\n gap: 15px;\n margin-bottom: 30px;\n }\n\n .timer-box {\n background-color: var(--putih);\n color: var(--merah-primer);\n padding: 10px 15px;\n border-radius: 8px;\n box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);\n width: 80px;\n min-width: 60px;\n transition: transform 0.2s;\n }\n\n .timer-box:hover {\n transform: translateY(-3px);\n }\n\n .timer-number {\n display: block;\n font-family: var(--font-heading);\n font-size: 3em;\n line-height: 1;\n }\n\n .timer-label {\n display: block;\n font-size: 0.8em;\n font-weight: 700;\n margin-top: 5px;\n }\n\n /* CTA Button */\n .promo-button {\n display: inline-block;\n background-color: var(--kuning-aksen);\n color: #FFFFFF;\n font-family: var(--font-heading);\n padding: 15px 40px;\n border-radius: 50px;\n text-decoration: none;\n font-size: 1.6em;\n transition: background-color 0.3s, transform 0.1s;\n box-shadow: 0 5px 0 #cc8800; /* Shadow 3D effect */\n margin-top: 10px;\n }\n\n .promo-button:hover {\n background-color: #cc8800;\n transform: translateY(2px);\n box-shadow: 0 3px 0 #cc8800;\n }\n \n \n /* ================================================= */\n /* === RESPONSIVENESS === */\n /* ================================================= */\n @media (max-width: 600px) {\n .promo-wrapper {\n margin: 20px 10px;\n padding: 30px 15px;\n }\n .promo-headline {\n font-size: 1.8em;\n }\n .timer-grid {\n gap: 8px;\n }\n .timer-box {\n width: 60px;\n padding: 8px 3px;\n }\n .timer-number {\n font-size: 2.5em;\n }\n .promo-button {\n font-size: 1.3em;\n padding: 12px 20px;\n }\n }\n </style>\n</head>\n<body>\n\n <section class=\"promo-wrapper\" id=\"promo-timer-new\">\n <h2 class=\"promo-headline\">\n <i class=\"fa-solid fa-clock\"></i> PROMO KEMITRAAN GO-KUAH!\n </h2>\n <p class=\"promo-subheadline\">\n Dapatkan harga khusus sebelum slot promo kemitraan habis & balik ke harga normal.\n </p>\n \n <div class=\"timer-grid\" id=\"countdownTimer\">\n \n <div class=\"timer-box\">\n <span class=\"timer-number\" id=\"days\">00</span>\n <span class=\"timer-label\">Hari</span>\n </div>\n \n <div class=\"timer-box\">\n <span class=\"timer-number\" id=\"hours\">00</span>\n <span class=\"timer-label\">Jam</span>\n </div>\n \n <div class=\"timer-box\">\n <span class=\"timer-number\" id=\"minutes\">00</span>\n <span class=\"timer-label\">Menit</span>\n </div>\n \n <div class=\"timer-box\">\n <span class=\"timer-number\" id=\"seconds\">00</span>\n <span class=\"timer-label\">Detik</span>\n </div>\n \n </div>\n \n \n \n </section>\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n \n function startFixedCountdown() {\n // Tentukan waktu saat ini\n const now = new Date();\n \n // Hitungan mundur yang diminta: 3 hari, 2 jam, 13 menit\n const countdownDuration = (\n 3 * 24 * 60 * 60 * 1000 + // 3 hari\n 2 * 60 * 60 * 1000 + // 2 jam\n 13 * 60 * 1000 // 13 menit\n );\n \n // Tentukan waktu akhir\n const countDownDate = now.getTime() + countdownDuration;\n\n const x = setInterval(function() {\n const currentTime = new Date().getTime();\n let distance = countDownDate - currentTime;\n \n // Pastikan distance tidak negatif\n if (distance < 0) {\n distance = 0;\n clearInterval(x);\n }\n \n const days = Math.floor(distance / (1000 * 60 * 60 * 24));\n const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));\n const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));\n const seconds = Math.floor((distance % (1000 * 60)) / 1000);\n \n const formatTime = (time) => String(time).padStart(2, '0');\n\n const daysEl = document.getElementById(\"days\");\n const hoursEl = document.getElementById(\"hours\");\n const minutesEl = document.getElementById(\"minutes\");\n const secondsEl = document.getElementById(\"seconds\");\n\n if (daysEl) daysEl.innerHTML = formatTime(days);\n if (hoursEl) hoursEl.innerHTML = formatTime(hours);\n if (minutesEl) minutesEl.innerHTML = formatTime(minutes);\n if (secondsEl) secondsEl.innerHTML = formatTime(seconds);\n \n if (distance === 0) {\n const timerContainer = document.getElementById(\"countdownTimer\");\n if(timerContainer) timerContainer.innerHTML = \"<h3 style='color: white;'>PROMO TELAH BERAKHIR 😭</h3>\";\n // Sembunyikan atau non-aktifkan tombol\n const promoButton = document.querySelector('.promo-button');\n if (promoButton) {\n promoButton.style.opacity = 0.5;\n promoButton.style.pointerEvents = 'none';\n promoButton.innerHTML = \"PROMO HABIS\";\n }\n }\n }, 1000);\n }\n\n startFixedCountdown(); \n });\n </script>\n</body>\n</html>","portalselector":"html-head","inhead":false,"dynamicStyleKey":[],"dirty":null},"components":{"allIds":[]}},"GZSo":{"_id":"GZSo","key":"other-html","name":"HTML","attributes":{"htmlstring":"<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Varian Rasa Go-Kuah Section (Revisi Final)</title>\n \n <link href=\"https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap\" rel=\"stylesheet\">\n <link href=\"https://api.fontshare.com/v2/css?f[]=satoshii@400,500,700,900&display=swap\" rel=\"stylesheet\">\n \n <style>\n /* ================================================= */\n /* === BASE STYLES & VARIABLES === */\n /* ================================================= */\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n :root {\n --merah-primer: #E11F26; \n --putih: #ffffff;\n --kuning-aksen: #ffaa00; \n --font-heading: 'Luckiest Guy', cursive; \n --font-body: 'Satoshi', sans-serif; \n }\n\n /* ================================================= */\n /* === RASA SECTION STYLES === */\n /* ================================================= */\n .flavors-section { \n padding: 80px 0; \n background-color: #f7f7f7; \n font-family: var(--font-body);\n }\n\n .flavors-container {\n padding: 0 5%; \n max-width: 1300px; \n margin: 0 auto;\n text-align: center;\n }\n\n .flavors-section h2 { \n font-family: var(--font-heading); \n font-size: 3em; \n color: var(--merah-primer); \n margin-bottom: 40px; \n text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1); \n }\n\n /* Grid Layout (3 Kolom) */\n .flavors-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n }\n\n .flavor-card {\n background-color: var(--putih); /* Background kartu */\n border-radius: 15px;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);\n padding: 15px;\n text-align: center;\n position: relative;\n transition: transform 0.3s;\n }\n\n .flavor-card:hover { \n transform: translateY(-5px); \n box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15); \n }\n\n .flavor-card__image { \n height: 180px; \n margin-bottom: 10px; \n position: relative; /* PENTING: Untuk penempatan tag dan ikon */\n }\n\n .flavor-card__image img { \n width: 100%; \n height: 100%; \n object-fit: contain; \n }\n\n /* Tag Best Seller (Pojok Kanan Atas) */\n .flavor-card__tag {\n position: absolute; \n top: 10px; \n right: 10px;\n background-color: var(--merah-primer); \n color: var(--putih);\n padding: 4px 10px; \n border-radius: 5px; \n font-size: 0.8em;\n font-weight: 700;\n z-index: 5; \n }\n \n /* REVISI I: Style untuk Level Pedas (Pojok Kiri Atas, Tanpa Background) */\n .pedas-level {\n position: absolute;\n top: 10px; \n left: 10px; \n padding: 5px 8px; /* Padding untuk area klik/margin */\n z-index: 5;\n line-height: 1;\n }\n \n .pedas-level i {\n color: var(--merah-primer); /* Warna merah untuk cabe */\n font-size: 1.2em;\n margin: 0 1px;\n text-shadow: 0 0 3px rgba(0, 0, 0, 0.3); /* Sedikit shadow agar terlihat pada gambar putih */\n animation: pulse-cabe 1.5s infinite;\n }\n \n /* Warna Judul Merah */\n .flavor-card h3 { \n font-family: var(--font-heading); \n font-size: 1.4em; \n color: var(--merah-primer); \n margin-bottom: 5px; \n padding: 0 10px; \n }\n\n .flavor-card p { \n font-size: 0.9em; \n color: #555; \n margin-bottom: 10px; \n min-height: 40px; \n }\n\n /* Rating Bintang */\n .flavor-card__rating i { \n color: var(--kuning-aksen); \n }\n\n /* ================================================= */\n /* === ANIMATION === */\n /* ================================================= */\n @keyframes pulse-cabe {\n 0% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.1); opacity: 0.9; }\n 100% { transform: scale(1); opacity: 1; }\n }\n\n /* ================================================= */\n /* === RESPONSIVENESS === */\n /* ================================================= */\n @media (max-width: 950px) { \n .flavors-grid { \n grid-template-columns: repeat(2, 1fr); \n max-width: 700px;\n margin: 0 auto;\n }\n .flavor-card__image { height: 160px; }\n .flavors-section h2 { font-size: 2.5em; }\n }\n\n @media (max-width: 600px) { \n .flavors-grid { \n grid-template-columns: 1fr; \n }\n .flavor-card__image { height: 200px; }\n .flavors-section h2 { font-size: 2em; }\n }\n </style>\n</head>\n<body>\n\n <section class=\"flavors-section\" id=\"rasa\">\n <div class=\"flavors-container\">\n <h2>Varian Rasa Go-Kuah yang Bikin Nagih!</h2>\n \n <div class=\"flavors-grid\">\n \n <div class=\"flavor-card\">\n <div class=\"flavor-card__image\">\n <img src=\"https://berducdn.com/img/500/bsob0d3ebsodt7wwsv_2/LhmC3phtRq2ffZFLhm6QxvU1YYrwq4So6XE6rW46vZg.png\" alt=\"BAKSO-KUAH-SPECIAL\">\n </div>\n <h3>Bakso Kaldu Spesial</h3>\n <p>Kuah kaldu gurih dengan aroma bumbu spesial, cocok untuk semua suasana.</p>\n <div class=\"flavor-card__rating\">\n <i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i>\n </div>\n </div>\n\n <div class=\"flavor-card\">\n <div class=\"flavor-card__tag\">Best Seller</div>\n <div class=\"flavor-card__image\">\n <span class=\"pedas-level\">\n <i class=\"fa-solid fa-pepper-hot\"></i><i class=\"fa-solid fa-pepper-hot\"></i><i class=\"fa-solid fa-pepper-hot\"></i>\n </span>\n <img src=\"https://berducdn.com/img/500/bsob0d3ebsodt7wwsv_2/LhmymIxDh73W0evLhm6pHhlxiiEoyTeOnVIKW9iBN0w.png\" alt=\"BAKSO-KEJU-PEDAS\">\n </div>\n <h3>Bakso Keju Pedas</h3>\n <p>Kuah pedas dan creamy yang bikin ga relah satu tetes pun terbuang</p>\n <div class=\"flavor-card__rating\">\n <i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i>\n </div>\n </div>\n\n <div class=\"flavor-card\">\n <div class=\"flavor-card__image\">\n <span class=\"pedas-level\">\n <i class=\"fa-solid fa-pepper-hot\"></i><i class=\"fa-solid fa-pepper-hot\"></i><i class=\"fa-solid fa-pepper-hot\"></i>\n </span>\n <img src=\"https://berducdn.com/img/500/bsob0d3ebsodt7wwsv_2/LhmijkK6bKhh2CLhm61HUuQq1bzTTmlSbxidaM15A.png\" alt=\"BAKSO-PEDAS-JUARA\">\n </div>\n <h3>Bakso Pedas Juara</h3>\n <p>Pedasnya mantap, isiannya lengkap , favorit pencinta pedas maksimal</p>\n <div class=\"flavor-card__rating\">\n <i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i>\n </div>\n </div>\n\n <div class=\"flavor-card\">\n <div class=\"flavor-card__image\">\n <img src=\"https://berducdn.com/img/500/bsob0d3ebsodt7wwsv_2/LhmyDdHIJeETfWhLhm6TRd780ysEeySPWCubt3fzGv5w.png\" alt=\"BATAGOR-AYAM-BAWANG\">\n </div>\n <h3>Batagor Ayam Bawang</h3>\n <p>Kuah ayam bawang gurih dengan batagor renyah, cita rasa klasik yang disukai semua orang.</p>\n <div class=\"flavor-card__rating\">\n <i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star-half-stroke\"></i>\n </div>\n </div>\n \n <div class=\"flavor-card\">\n <div class=\"flavor-card__image\">\n <img src=\"https://berducdn.com/img/500/bsob0d3ebsodt7wwsv_2/LhmpW8VRaeZjCKlLhm6dNh1adY1EJZRamWCg4aOQdISA.png\" alt=\"Batagor Keju Pedas\">\n </div>\n <h3>Batagor Keju Pedas</h3>\n <p>Paduan batagor dengan kuah keju gurih yang disukai semua umur.</p>\n <div class=\"flavor-card__rating\">\n <i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star-half-stroke\"></i>\n </div>\n </div>\n\n <div class=\"flavor-card\">\n <div class=\"flavor-card__tag\">Best Seller</div>\n <div class=\"flavor-card__image\">\n <span class=\"pedas-level\">\n <i class=\"fa-solid fa-pepper-hot\"></i><i class=\"fa-solid fa-pepper-hot\"></i><i class=\"fa-solid fa-pepper-hot\"></i>\n </span>\n <img src=\"https://berducdn.com/img/500/bsob0d3ebsodt7wwsv_2/LhmiipgKalqHifSLhm6j7YNzdiv9cwTfCJUMrGuvKoQ.png\" alt=\"BATAGOR-PEDAS-JUARA\">\n </div>\n <h3>Batagor Pedas Juara</h3>\n <p>Kuah pedas dengan aroma segar dan taburan batagor.</p>\n <div class=\"flavor-card__rating\">\n <i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star-half-stroke\"></i>\n </div>\n </div>\n \n <div class=\"flavor-card\">\n <div class=\"flavor-card__tag\">Best Seller</div>\n <div class=\"flavor-card__image\">\n <img src=\"https://berducdn.com/img/500/bsob0d3ebsodt7wwsv_2/LhmycLJzfszTssWLhm6ujfAiAdf9YBQ3enwxLmJ9fTtg.png\" alt=\"CUANKI-AYAM-BAWANG\">\n </div>\n <h3>Cuanki Ayam Bawang</h3>\n <p>Kuah kaldu ayam bawang yang gurih berpadu dengan cuanki hangat yang menggugah selera</p>\n <div class=\"flavor-card__rating\">\n <i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star-half-stroke\"></i>\n </div>\n </div>\n\n <div class=\"flavor-card\">\n <div class=\"flavor-card__image\">\n <img src=\"https://berducdn.com/img/500/bsob0d3ebsodt7wwsv_2/LhmL97k60FLVCObLhm6BNReG6dmKGRSsawcV05n0CA.png\" alt=\"CUANKI-KEJU-PEDAS\">\n </div>\n <h3>Cuanki Keju Pedas</h3>\n <p>Rasa baru cuanki dengan kuah keju, creamy, dan lezat.</p>\n <div class=\"flavor-card__rating\">\n <i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star-half-stroke\"></i>\n </div>\n </div>\n\n <div class=\"flavor-card\">\n <div class=\"flavor-card__image\">\n <span class=\"pedas-level\">\n <i class=\"fa-solid fa-pepper-hot\"></i><i class=\"fa-solid fa-pepper-hot\"></i><i class=\"fa-solid fa-pepper-hot\"></i>\n </span>\n <img src=\"https://berducdn.com/img/500/bsob0d3ebsodt7wwsv_2/LhXpq1CyYidrLwZLhm6tgK90xZ4XZgQCOGn2dP7ThQwA.png\" alt=\"CUANKI-PEDAS-JUARA\">\n </div>\n <h3>Cuanki Pedas Juara</h3>\n <p>Sensasi pedas segar dan gurih berpadu sempurna, bikin semangat di setiap suapan</p>\n <div class=\"flavor-card__rating\">\n <i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star\"></i><i class=\"fa-solid fa-star-half-stroke\"></i>\n </div>\n </div>\n\n </div>\n </div>\n </section>\n\n</body>\n</html>","portalselector":"html-head","inhead":false,"dynamicStyleKey":[],"dirty":null},"components":{"allIds":[]}},"tzh9":{"_id":"tzh9","key":"other-html","name":"HTML","attributes":{"htmlstring":"<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Bagian Dukungan Kemitraan</title>\n \n <link href=\"https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap\" rel=\"stylesheet\">\n <link href=\"https://api.fontshare.com/v2/css?f[]=satoshii@400,500,700,900&display=swap\" rel=\"stylesheet\">\n \n <style>\n /* ================================================= */\n /* === BASE STYLES & VARIABLES === */\n /* ================================================= */\n :root {\n --merah-primer: #E11F26; \n --putih: #ffffff;\n --font-heading: 'Luckiest Guy', cursive; \n --font-body: 'Satoshi', sans-serif; \n --latar-merah: #d63031; /* Sedikit berbeda dari primer, untuk section header */\n }\n \n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n /* ================================================= */\n /* === SUPPORT SECTION STYLES === */\n /* ================================================= */\n .support-section { \n font-family: var(--font-body);\n padding: 40px 0 80px 0; /* Padding bawah lebih besar untuk video */\n background-color: var(--putih); \n }\n\n .support-container {\n padding: 0 5%; \n max-width: 1200px; \n margin: 0 auto;\n text-align: center;\n }\n\n /* Header Merah untuk Judul */\n .support-header {\n background-color: var(--latar-merah);\n color: var(--putih);\n padding: 20px 0;\n margin-bottom: 40px;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n }\n\n .support-header h2 {\n font-family: var(--font-heading);\n font-size: 2.5em;\n margin-bottom: 10px;\n }\n\n .support-header p {\n font-size: 1.1em;\n font-weight: 500;\n }\n\n /* Galeri Foto */\n .support-gallery {\n display: grid;\n grid-template-columns: repeat(4, 1fr); /* 4 kolom */\n gap: 15px;\n margin-bottom: 50px;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);\n }\n\n .gallery-item img {\n width: 100%;\n height: auto;\n display: block;\n border-radius: 10px;\n transition: transform 0.3s;\n }\n \n .gallery-item:hover img {\n transform: scale(1.05); /* Zoom effect on hover */\n }\n\n /* Video Section */\n .video-wrapper {\n max-width: 800px; /* Batas lebar video agar proporsional */\n margin: 0 auto;\n box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\n border-radius: 15px;\n overflow: hidden;\n }\n\n .video-wrapper video {\n width: 100%;\n height: auto;\n display: block;\n }\n\n /* Responsiveness */\n @media (max-width: 900px) {\n .support-gallery {\n grid-template-columns: repeat(2, 1fr); /* 2 kolom di tablet */\n }\n .support-header h2 { font-size: 2em; }\n .support-header p { font-size: 1em; }\n }\n\n @media (max-width: 500px) {\n .support-gallery {\n grid-template-columns: 1fr; /* 1 kolom di mobile */\n }\n .support-header { padding: 15px 10px; }\n .support-header h2 { font-size: 1.8em; }\n }\n </style>\n</head>\n<body>\n\n <section class=\"support-section\">\n <div class=\"support-container\">\n\n <div class=\"support-header\">\n <h2>Kami Benar-Benar Totalitas Support Anda 1000% </h2>\n <p>Kami datangkan KOL besar untuk Anda GRATIS, serta subsidi ikut event makanan</p>\n </div>\n \n <div class=\"support-gallery\">\n <div class=\"gallery-item\">\n <img src=\"https://berducdn.com/img/500/bsob0d3ebsodt7wwsv_2/LhmLhYM0CLWLSADLhmbOlT8M6NZZIKRQuIrqd6e0b1oA.webp\" alt=\"Jualan di Depan Bank Mandiri Solo\"> \n </div>\n <div class=\"gallery-item\">\n <img src=\"https://berducdn.com/img/500/bsob0d3ebsodt7wwsv_2/LhmptBozY2RCh3CLhmbR4xUQFRPiaxQo223cFRfuFHIQ.webp\" alt=\"Jualan di CFD Slamet Riyadi Solo\">\n </div>\n <div class=\"gallery-item\">\n <img src=\"https://berducdn.com/img/500/bsob0d3ebsodt7wwsv_2/LhmpISyKRbcDiApLhmb3tDna8fP570SOO1wovNrcooHA.webp\" alt=\"Jualan di CFD Colomadu Sukoharjo\">\n </div>\n <div class=\"gallery-item\">\n <img src=\"https://berducdn.com/img/500/bsob0d3ebsodt7wwsv_2/LhmNHbWLmy8M0kULhmbDLnhWdMRAs6SjOSfc51CssQ7g.webp\" alt=\"Jualan di Depan Bank BRI Solo\">\n </div>\n </div>\n\n <div class=\"video-wrapper\">\n <video controls loop autoplay muted playsinline>\n <source src=\"https://mediabersamagroup.com/wp-content/uploads/2025/11/output_fix.mp4\" type=\"video/mp4\">\n Browser Anda tidak mendukung tag video.\n </video>\n </div>\n\n </div>\n </section>\n\n</body>\n</html>","portalselector":"html-head","inhead":false,"dynamicStyleKey":[],"dirty":null},"components":{"allIds":[]}},"ap87":{"_id":"ap87","key":"other-html","name":"HTML","attributes":{"htmlstring":"<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Go Kuah - Review & Mitra Terbaik</title>\n \n <!-- FONT -->\n <link href=\"https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap\" rel=\"stylesheet\">\n <link href=\"https://api.fontshare.com/v2/css?f[]=satoshii@400,500,700,900&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css\">\n \n <style>\n *{margin:0;padding:0;box-sizing:border-box}\n body {font-family: 'Satoshi', sans-serif;}\n \n .gokuah-merah {\n background: #E11F26;\n padding: 90px 20px 150px;\n color: white;\n text-align: center;\n }\n .gokuah-container {\n max-width: 1400px;\n margin: 0 auto;\n }\n \n /* HEADLINE DIKECILIN & LEBIH ELEGANT */\n .gokuah-merah h2 {\n font-family: 'Luckiest Guy', cursive;\n font-size: clamp(2rem, 5vw, 3.1rem); /* DIKECILIN DARI YANG LAMA */\n color: white;\n margin-bottom: 16px;\n text-shadow: 4px 4px 0px rgba(0,0,0,0.2);\n letter-spacing: 1.8px;\n }\n\n .section-subtitle {\n font-size: clamp(1.1rem, 2.5vw, 1.5rem);\n font-weight: 700;\n color: white;\n margin-bottom: 80px;\n opacity: 0.95;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n\n /* REVIEW */\n .reviews {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 90px 40px;\n margin-bottom: 100px;\n }\n .review-card {\n background: white;\n color: #000;\n border-radius: 36px;\n padding: 70px 32px 32px;\n position: relative;\n box-shadow: 0 25px 50px rgba(0,0,0,0.3);\n }\n .review-card img {\n width: 100px; height: 100px;\n border-radius: 50%;\n object-fit: cover;\n position: absolute;\n top: -50px;\n left: 50%;\n transform: translateX(-50%);\n border: 6px solid white;\n }\n .review-card .stars {color:#FFD700; font-size:2rem; margin:12px 0 18px;}\n .review-card p {font-weight:700; font-size:1.15rem; line-height:1.8; margin-bottom:20px;}\n .review-card .name {font-family:'Luckiest Guy',cursive; font-size:1.6rem; color:#E11F26;}\n\n .product-img {margin:120px 0 100px;}\n .product-img img {width:90%; max-width:460px; border-radius:44px; box-shadow:0 35px 70px rgba(0,0,0,0.5);}\n\n /* MITRA TERBAIK */\n .mitra-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 160px 40px;\n margin-top: 60px;\n }\n .mitra-card {\n background: white;\n color: #000;\n border-radius: 44px;\n padding: 90px 30px 50px;\n position: relative;\n box-shadow: 0 30px 60px rgba(0,0,0,0.3);\n }\n .mitra-card img {\n width: 130px; height: 130px;\n border-radius: 50%;\n object-fit: cover;\n position: absolute;\n top: -75px;\n left: 50%;\n transform: translateX(-50%);\n border: 8px solid white;\n box-shadow: 0 10px 30px rgba(0,0,0,0.4);\n }\n .mitra-name {\n font-family: 'Luckiest Guy', cursive;\n font-size: 1.9rem;\n color: #E11F26;\n margin: 10px 0;\n letter-spacing: 1px;\n }\n .mitra-loc {\n font-size: 1.1rem;\n color: #555;\n font-weight: 600;\n margin-bottom: 25px;\n }\n .mitra-stats p {\n margin: 18px 0;\n font-size: 1.15rem;\n font-weight: 700;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n }\n .mitra-stats i {font-size: 1.8rem;}\n .fa-shopping-cart {color:#22c55e;}\n .fa-money-bill-wave {color:#3b82f6;}\n .mitra-stats .counter {\n font-weight: 900;\n color: #E11F26;\n }\n\n /* MOBILE FIX */\n @media (max-width: 768px) {\n .gokuah-merah {padding: 80px 15px 140px;}\n .gokuah-merah h2 {font-size: clamp(2.4rem, 8vw, 4rem) !important;}\n .mitra-card img {width: 100px;height: 100px;top: -60px;}\n .mitra-card {padding: 80px 25px 40px;}\n .mitra-name {font-size: 1.7rem !important;}\n .mitra-stats p {font-size: 1.1rem !important;}\n .mitra-stats i {font-size: 1.6rem !important;}\n .mitra-grid {gap: 170px 20px;}\n }\n @media (max-width: 480px) {\n .mitra-name {font-size: 1.5rem !important;}\n .mitra-stats p {font-size: 1rem !important;}\n }\n </style>\n</head>\n<body>\n\n<section class=\"gokuah-merah\">\n <div class=\"gokuah-container\">\n <h2>Apa Kata Mereka?</h2>\n <p class=\"section-subtitle\">\n Yang sudah cobain kuah nikmat & topping premium dari Go-Kuah\n </p>\n\n <div class=\"reviews\">\n <div class=\"review-card\">\n <img src=\"https://berducdn.com/img/200/bsob0d3ebsodt7wwsv_2/LhRGbNtShNUpX0LhdkTNgBFQeKDGFT3CjWIdUnHCgeg.webp\" alt=\"\">\n <div class=\"stars\">★★★★★</div>\n <p>Kuahnya ngaldu banget, topping nya lengkap dan murah pula!</p>\n <div class=\"name\">- Kak Viana</div>\n </div>\n <div class=\"review-card\">\n <img src=\"https://berducdn.com/img/200/bsob0d3ebsodt7wwsv_2/LhRMlQFJ4KRffULLhdkAFWNsvTLZXGQSCC9gZ1AT3YvQ.webp\" alt=\"\">\n <div class=\"stars\">★★★★★</div>\n <p>Pedes banget tapi enak, isiannya juga banyak dan murah meriah</p>\n <div class=\"name\">- Kak Selvy</div>\n </div>\n <div class=\"review-card\">\n <img src=\"https://berducdn.com/img/200/bsob0d3ebsodt7wwsv_2/LhREVLC08RvwcfntLhdkh3aAF9g6slLQ8WuSjlz1wkPzw.webp\" alt=\"\">\n <div class=\"stars\">★★★★★</div>\n <p>Cuanky-nya nagih banget, mie nya lumer dimulut, enak pokoknya!</p>\n <div class=\"name\">- Kak Ratna</div>\n </div>\n <div class=\"review-card\">\n <img src=\"https://berducdn.com/img/200/bsob0d3ebsodt7wwsv_2/LhkQKyW0CvuVziTSLhdkLnXXNvLpDoiTPecElFY3s6yKA.webp\" alt=\"\">\n <div class=\"stars\">★★★★★</div>\n <p>Harga murah, tapi enak banget, aku beli yang bakso keju pedas!</p>\n <div class=\"name\">- Adek Tiara</div>\n </div>\n </div>\n\n <div class=\"product-img\">\n <img src=\"https://berducdn.com/img/800/bsob0d3ebsodt7wwsv_2/LhmpW8VRaeZjCKlLhm6dNh1adY1EJZRamWCg4aOQdISA.png\" alt=\"Go Kuah\">\n </div>\n\n <h2>Mitra Terbaik Bulan Ini</h2>\n\n <div class=\"mitra-grid\">\n <div class=\"mitra-card\">\n <img src=\"https://berducdn.com/img/300/bsob0d3ebsodt7wwsv_2/LhREVLC08RvwcfntLhdW9V6dpVSm7JvTw2J3gHrobH8KQ.webp\" alt=\"Nur Indah\">\n <div class=\"mitra-name\">Nur Indah</div>\n <div class=\"mitra-loc\">Bekasi</div>\n <div class=\"mitra-stats\">\n <p><i class=\"fas fa-shopping-cart\"></i> <span class=\"counter\" data-target=\"2217\">0</span> pcs</p>\n <p><i class=\"fas fa-money-bill-wave\"></i> Rp <span class=\"counter\" data-target=\"9600000\">0</span></p>\n </div>\n </div>\n <div class=\"mitra-card\">\n <img src=\"https://berducdn.com/img/500/bsob0d3ebsodt7wwsv_2/LhRtofM0CrP5ECqgLhd3fTsLjCCUkP5TvCr2L5g0aNtqg.webp\" alt=\"Iis Wahyuni\">\n <div class=\"mitra-name\">Iis Wahyuni</div>\n <div class=\"mitra-loc\">Yogyakarta</div>\n <div class=\"mitra-stats\">\n <p><i class=\"fas fa-shopping-cart\"></i> <span class=\"counter\" data-target=\"1564\">0</span> pcs</p>\n <p><i class=\"fas fa-money-bill-wave\"></i> Rp <span class=\"counter\" data-target=\"23475000\">0</span></p>\n </div>\n </div>\n <div class=\"mitra-card\">\n <img src=\"https://berducdn.com/img/500/bsob0d3ebsodt7wwsv_2/LhRvensgfFZRC4nLhd3CqndnD3pu1tT5WrJtaS4ln3g.webp\" alt=\"Intan Cantika\">\n <div class=\"mitra-name\">Intan Cantika</div>\n <div class=\"mitra-loc\">Surabaya</div>\n <div class=\"mitra-stats\">\n <p><i class=\"fas fa-shopping-cart\"></i> <span class=\"counter\" data-target=\"1169\">0</span> pcs</p>\n <p><i class=\"fas fa-money-bill-wave\"></i> Rp <span class=\"counter\" data-target=\"17535000\">0</span></p>\n </div>\n </div>\n </div>\n </div>\n</section>\n\n<script>\n/*\n Versi COUNTER untuk Berdu (tidak mengubah HTML/CSS lain):\n - Tidak pakai IntersectionObserver (sering bermasalah di iframe)\n - Gunakan scroll + getBoundingClientRect() untuk mendeteksi ketika .mitra-grid terlihat\n - Hanya mengganti script; sisanya tetap identik\n*/\n\nfunction animateCounter(el) {\n const target = +el.dataset.target;\n let count = 0;\n const steps = 100; // jumlah langkah animasi\n const increment = target / steps;\n const interval = 20; // ms per langkah\n\n const timer = setInterval(() => {\n count += increment;\n if (count >= target) {\n el.innerText = target.toLocaleString('id-ID');\n clearInterval(timer);\n } else {\n el.innerText = Math.floor(count).toLocaleString('id-ID');\n }\n }, interval);\n}\n\nlet countersStarted = false;\n\nfunction startCountersWhenVisible() {\n if (countersStarted) return;\n\n const section = document.querySelector(\".mitra-grid\");\n if (!section) return;\n\n const rect = section.getBoundingClientRect();\n // Jika bagian mitra sudah muncul minimal 50px di viewport (atau sudah sebagian terlihat)\n if (rect.top < window.innerHeight - 50) {\n countersStarted = true;\n document.querySelectorAll(\".counter\").forEach(el => animateCounter(el));\n window.removeEventListener(\"scroll\", startCountersWhenVisible);\n window.removeEventListener(\"resize\", startCountersWhenVisible);\n }\n}\n\n// cek juga saat load / DOM siap\nwindow.addEventListener(\"load\", startCountersWhenVisible);\nwindow.addEventListener(\"scroll\", startCountersWhenVisible);\nwindow.addEventListener(\"resize\", startCountersWhenVisible);\n\n// fallback: jika halaman singkat dan sudah terlihat tanpa scroll, jalankan setelah kecil delay\nsetTimeout(startCountersWhenVisible, 500);\n</script>\n\n</body>\n</html>","portalselector":"html-head","inhead":false,"dynamicStyleKey":[],"dirty":null},"components":{"allIds":[]}},"l9tE":{"_id":"l9tE","key":"other-html","name":"HTML","attributes":{"htmlstring":"<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Proof Pengiriman Otomatis (Inverted Color)</title>\n \n <link href=\"https://fonts.googleapis.com/css2?family=Fredoka:wght@700&family=Varela+Round&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css\">\n \n <style>\n /* ================================================= */\n /* === BASE STYLES & VARIABLES === */\n /* ================================================= */\n :root {\n --merah-primer: #E11F26; \n --putih: #ffffff;\n --font-heading: 'Fredoka', sans-serif; \n --font-body: 'Varela Round', sans-serif; \n /* --latar-abu: #f7f7f7; <-- Dihapus/diabaikan */\n }\n \n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n /* ================================================= */\n /* === PENGIRIMAN SECTION STYLES (INVERTED) === */\n /* ================================================= */\n .shipping-section { \n font-family: var(--font-body);\n padding: 80px 0;\n /* REVISI 1: BACKGROUND MERAH */\n background-color: var(--merah-primer); \n }\n\n .shipping-container {\n padding: 0 5%; \n max-width: 1200px; \n margin: 0 auto;\n text-align: center;\n }\n\n /* Judul dan Sub-Headline */\n .shipping-header {\n margin-bottom: 40px;\n }\n\n .shipping-header h2 {\n font-family: var(--font-heading);\n font-size: 2.8em;\n /* REVISI 2: WARNA JUDUL PUTIH */\n color: var(--putih); \n margin-bottom: 5px;\n /* Tambahkan shadow untuk kontras jika perlu */\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); \n }\n\n .shipping-header p {\n font-size: 1.1em;\n /* REVISI 2: WARNA SUB-HEADLINE PUTIH */\n color: var(--putih); \n font-weight: 500;\n }\n\n /* CAROUSEL CONTAINER */\n .carousel-box {\n max-width: 850px; \n margin: 0 auto;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);\n overflow: hidden; \n position: relative; \n /* REVISI 3: OUTLINE/BORDER PUTIH TIPIS */\n border: 3px solid var(--putih); \n }\n\n .carousel-inner {\n display: flex;\n transition: transform 0.5s ease-in-out; \n height: 450px; \n /* REVISI: Background inner dibuat putih agar gambar terlihat lebih menonjol */\n background-color: var(--putih); \n }\n\n .carousel-item {\n min-width: 100%; \n flex-shrink: 0;\n height: 100%; \n overflow: hidden; \n }\n\n .carousel-item img {\n width: 100%;\n height: 100%; \n object-fit: cover; \n display: block;\n transition: transform 0.8s ease-in-out; \n transform: scale(1); \n }\n \n .carousel-item.active img {\n transform: scale(1.08); \n }\n\n /* Navigasi (Panah Kiri/Kanan) */\n .carousel-control {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n /* REVISI 4: BACKGROUND KONTROL AGAR TERLIHAT */\n background: rgba(0, 0, 0, 0.3); \n color: var(--putih);\n border: none;\n padding: 15px;\n cursor: pointer;\n z-index: 10;\n opacity: 0.8;\n transition: opacity 0.3s;\n }\n\n .carousel-control:hover {\n opacity: 1;\n }\n\n .prev {\n left: 0;\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px;\n }\n\n .next {\n right: 0;\n border-top-left-radius: 10px;\n border-bottom-left-radius: 10px;\n }\n \n /* Indikator Titik (Dots) */\n .carousel-indicators {\n position: absolute;\n bottom: 10px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 10;\n }\n \n .dot {\n height: 10px;\n width: 10px;\n margin: 0 5px;\n /* REVISI 5: WARNA DOT AGAR TERLIHAT DI ATAS GAMBAR */\n background-color: rgba(255, 255, 255, 0.6); \n border-radius: 50%;\n display: inline-block;\n cursor: pointer;\n transition: background-color 0.3s;\n }\n \n .dot.active {\n /* REVISI 5: DOT AKTIF */\n background-color: var(--merah-primer);\n border: 2px solid var(--putih);\n }\n\n /* Responsiveness */\n @media (max-width: 600px) {\n .shipping-header h2 { font-size: 2em; }\n .shipping-header p { font-size: 1em; }\n .carousel-control { padding: 10px; font-size: 0.8em; }\n .carousel-inner { height: 300px; } \n }\n \n @media (max-width: 400px) {\n .carousel-inner { height: 250px; } \n }\n </style>\n</head>\n<body>\n\n <section class=\"shipping-section\">\n <div class=\"shipping-container\">\n\n <div class=\"shipping-header\">\n <h2>Gabung Hari Ini, Kirim Hari Ini</h2>\n <p>Pengiriman aman dan bergaransi, sudah dilengkapi dengan packing kayu</p>\n </div>\n \n <div class=\"carousel-box\">\n \n <div class=\"carousel-inner\" id=\"carousel-inner\">\n <div class=\"carousel-item active\">\n <img src=\"https://berducdn.com/img/500/bsob0d3ebsodt7wwsv_2/LhmyDdHIJeETfWhLhmbpiJxDZKcXqSSuSVcNGT5dZxwg.webp\" alt=\"Bukti Pengiriman 1\">\n </div>\n <div class=\"carousel-item\">\n <img src=\"https://berducdn.com/img/500/bsob0d3ebsodt7wwsv_2/LhmVx8nCW50iszXLhmbFiYzoRi8beZTdqwMZqSHJpxiA.webp\" alt=\"Bukti Pengiriman 2\">\n </div>\n </div>\n\n <button class=\"carousel-control prev\" onclick=\"moveSlide(-1)\">\n <i class=\"fas fa-chevron-left\"></i>\n </button>\n <button class=\"carousel-control next\" onclick=\"moveSlide(1)\">\n <i class=\"fas fa-chevron-right\"></i>\n </button>\n \n <div class=\"carousel-indicators\" id=\"carousel-indicators\">\n </div>\n\n </div>\n\n </div>\n </section>\n\n <script>\n const carouselInner = document.getElementById('carousel-inner');\n const indicatorsContainer = document.getElementById('carousel-indicators');\n const items = document.querySelectorAll('.carousel-item');\n const totalItems = items.length;\n let currentIndex = 0;\n let intervalTime = 4000; // 4 detik untuk otomatis geser\n let autoSlideInterval;\n\n function createIndicators() {\n indicatorsContainer.innerHTML = '';\n for (let i = 0; i < totalItems; i++) {\n const dot = document.createElement('span');\n dot.classList.add('dot');\n if (i === currentIndex) {\n dot.classList.add('active');\n }\n dot.addEventListener('click', () => {\n goToSlide(i);\n resetAutoSlide();\n });\n indicatorsContainer.appendChild(dot);\n }\n }\n\n function updateCarousel() {\n const offset = -currentIndex * 100;\n carouselInner.style.transform = `translateX(${offset}%)`;\n \n items.forEach((item, idx) => {\n item.classList.toggle('active', idx === currentIndex);\n });\n \n document.querySelectorAll('.dot').forEach((dot, index) => {\n dot.classList.toggle('active', index === currentIndex);\n });\n }\n\n function goToSlide(index) {\n currentIndex = index;\n updateCarousel();\n }\n\n function moveSlide(direction) {\n currentIndex += direction;\n if (currentIndex >= totalItems) {\n currentIndex = 0; \n } else if (currentIndex < 0) {\n currentIndex = totalItems - 1; \n }\n updateCarousel();\n resetAutoSlide();\n }\n\n function startAutoSlide() {\n autoSlideInterval = setInterval(() => {\n moveSlide(1); \n }, intervalTime);\n }\n\n function resetAutoSlide() {\n clearInterval(autoSlideInterval);\n startAutoSlide();\n }\n\n document.addEventListener('DOMContentLoaded', () => {\n createIndicators();\n updateCarousel(); \n startAutoSlide();\n });\n </script>\n\n</body>\n</html>","portalselector":"html-head","inhead":false,"dynamicStyleKey":[],"dirty":null},"components":{"allIds":[]}},"L492":{"_id":"L492","key":"other-html","name":"HTML","attributes":{"htmlstring":"<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\" />\n <title>Perhitungan ROI Kemitraan Go-Kuah Terisolasi (FIX EMOJI)</title>\n \n <link href=\"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\n \n <style>\n /* (SEMUA KODE CSS SAMA DENGAN SEBELUMNYA, DENGAN AWALAN .ngemiloh-roi) */\n /* Karena kode CSS tidak berubah, hanya HTML, saya hanya menampilkan bagian pentingnya */\n\n /* ================================================= */\n /* === BASE STYLES & VARIABLES (DIBATASI PADA CONTAINER) === */\n /* ================================================= */\n :root {\n --merah-primer: #E11F26; \n --putih: #ffffff;\n --latar-garis: #ddd; \n }\n \n .ngemiloh-roi * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n font-family: 'Poppins', sans-serif;\n }\n \n .ngemiloh-roi {\n padding: 0 !important;\n margin: 0 !important;\n background-color: var(--putih); \n }\n\n /* ================================================= */\n /* === KEYFRAMES UNTUK ANIMASI DENYUT HALUS === */\n /* ================================================= */\n @keyframes subtle-pulse {\n 0% {\n transform: scale(1);\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);\n }\n 50% {\n transform: scale(1.01); \n box-shadow: 0 0 15px rgba(231, 76, 60, 0.6);\n }\n 100% {\n transform: scale(1);\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);\n }\n }\n\n /* ================================================= */\n /* === ROI SECTION CUSTOM STYLES (DENGAN ISOLASI) === */\n /* ================================================= */\n .ngemiloh-roi .section-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 40px 5%;\n }\n\n .ngemiloh-roi .main-header {\n max-width: 900px;\n margin: 0 auto 40px;\n text-align: center;\n }\n\n .ngemiloh-roi .main-header h2 {\n font-weight: 700;\n font-size: 2.5em;\n color: var(--merah-primer);\n margin-bottom: 5px;\n }\n\n .ngemiloh-roi .main-header p {\n font-size: 1.1em;\n color: #777;\n }\n\n .ngemiloh-roi .roi-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .ngemiloh-roi .roi-box {\n background-color: var(--putih);\n border-radius: 10px;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n }\n \n /* Header Card */\n .ngemiloh-roi .card-header {\n background-color: var(--merah-primer);\n padding: 15px 20px;\n display: flex;\n align-items: center;\n justify-content: flex-start; \n }\n\n /* Menggunakan EM tag untuk emoji agar bisa diberikan margin/padding */\n .ngemiloh-roi .card-header em { \n margin-right: 10px;\n font-size: 1.2em;\n font-style: normal; /* Hilangkan italic default em */\n }\n \n .ngemiloh-roi .card-header h2 {\n color: #ffffff !important; \n font-weight: 700;\n margin: 0;\n font-size: 1.3em;\n }\n \n /* --- TABLE STYLES --- */\n .ngemiloh-roi .roi-table table {\n width: 100%;\n border-collapse: collapse;\n font-size: 1em;\n }\n\n .ngemiloh-roi .roi-table table th,\n .ngemiloh-roi .roi-table table td {\n color: #333 !important; \n border: 1px solid var(--latar-garis); \n padding: 12px 20px; \n text-align: left;\n font-weight: 400; \n }\n\n .ngemiloh-roi .roi-table tr:first-child td {\n background-color: #f7f7f7 !important;\n font-weight: 600 !important;\n }\n \n .ngemiloh-roi .roi-table td:last-child {\n text-align: right;\n font-weight: 600; \n color: #333;\n }\n \n .ngemiloh-roi .roi-table tr:last-child td {\n border-bottom: none;\n }\n\n .ngemiloh-roi .total-row td {\n font-weight: 700 !important;\n background-color: #f7f7f7 !important; \n }\n \n /* --- FOOTER/ANIMASI --- */\n .ngemiloh-roi .roi-footer {\n grid-column: 1 / -1; \n background-color: var(--merah-primer);\n color: var(--putih);\n border-radius: 10px;\n padding: 20px 25px; \n margin-top: 20px;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);\n text-align: left;\n animation: subtle-pulse 2.5s infinite ease-in-out; \n will-change: transform, box-shadow; \n }\n \n .ngemiloh-roi .roi-footer .row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 5px 0;\n font-size: 1.1em;\n font-weight: 600; \n }\n\n .ngemiloh-roi .roi-footer .row:first-child {\n font-weight: 700;\n font-size: 1.3em;\n margin-bottom: 15px;\n padding-top: 0;\n }\n\n .ngemiloh-roi .roi-footer .row:last-child {\n margin-top: 15px;\n padding-top: 15px;\n border-top: 2px solid rgba(255, 255, 255, 0.4); \n font-weight: 800;\n font-size: 1.6em;\n }\n\n /* Disclaimer/Catatan Kaki (CENTERED) */\n .ngemiloh-roi .roi-disclaimer {\n grid-column: 1 / -1;\n margin-top: 20px;\n font-size: 0.9em;\n color: #999;\n text-align: center; \n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n /* Ikon Info Disclaimer juga diganti dengan emoji */\n .ngemiloh-roi .roi-disclaimer span.info-icon {\n color: var(--merah-primer);\n margin-right: 5px;\n font-size: 1.2em;\n }\n\n /* ================================================= */\n /* === RESPONSIVENESS === */\n /* ================================================= */\n @media (max-width: 800px) {\n .ngemiloh-roi .roi-grid {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n }\n </style>\n</head>\n<body>\n\n <section class=\"ngemiloh-roi\" id=\"roi\">\n <div class=\"section-container\">\n <div class=\"main-header\">\n <h2>Perhitungan ROI Kemitraan Go-Kuah</h2>\n <p>Simulasi sederhana perhitungan keuntungan dan modal usaha.</p>\n </div>\n\n <div class=\"roi-grid\">\n\n <div class=\"roi-box\">\n <div class=\"card-header\">\n <em class=\"icon\">🧺</em> \n <h2>Penjualan</h2>\n </div>\n <div class=\"roi-table\">\n <table>\n <tr><td>Keterangan</td><td>Jumlah</td></tr>\n <tr><td>Harga Jual per Porsi</td><td>Rp 15.000</td></tr>\n <tr><td>Rata-rata Penjualan per Hari</td><td>65 Porsi</td></tr>\n <tr class=\"total-row\"><td>Total Penjualan per Bulan</td><td>Rp 29.250.000</td></tr>\n </table>\n </div>\n </div>\n\n <div class=\"roi-box\">\n <div class=\"card-header\">\n <em class=\"icon\">💰</em>\n <h2>Keuntungan</h2>\n </div>\n <div class=\"roi-table\">\n <table>\n <tr><td>Keterangan</td><td>Jumlah</td></tr>\n <tr><td>Omset Bulanan</td><td>Rp 29.250.000</td></tr>\n <tr><td>HPP (63%)</td><td>Rp 19.110.000</td></tr>\n <tr class=\"total-row\"><td>Laba Kotor</td><td>Rp 10.140.000</td></tr>\n </table>\n </div>\n </div>\n\n <div class=\"roi-box\">\n <div class=\"card-header\">\n <em class=\"icon\">⚙️</em>\n <h2>Operasional</h2>\n </div>\n <div class=\"roi-table\">\n <table>\n <tr><td>Keterangan</td><td>Jumlah</td></tr>\n <tr><td>Sewa Tempat</td><td>Rp 500.000</td></tr>\n <tr><td>Listrik & Air</td><td>Rp 150.000</td></tr>\n <tr><td>Gaji Karyawan</td><td>Rp 1.000.000</td></tr>\n <tr class=\"total-row\"><td>Total Biaya Operasional</td><td>Rp 1.650.000</td></tr>\n </table>\n </div>\n </div>\n\n <div class=\"roi-box\">\n <div class=\"card-header\">\n <em class=\"icon\">🪙</em>\n <h2>Modal</h2>\n </div>\n <div class=\"roi-table\">\n <table>\n <tr><td>Keterangan</td><td>Jumlah</td></tr>\n <tr><td>Paket Kemitraan</td><td>Rp 4.900.000</td></tr>\n <tr><td>Operasional Bulanan</td><td>Rp 1.650.000</td></tr>\n <tr class=\"total-row\"><td>Total Modal</td><td>Rp 6.550.000</td></tr>\n </table>\n </div>\n </div>\n \n <div class=\"roi-footer\">\n <div class=\"row\"><span>ROI / Balik Modal</span></div>\n <div class=\"row\"><span>Laba Bersih per Bulan</span><span class=\"value\">Rp 8.490.000</span></div>\n <div class=\"row\"><span>Total Modal Awal</span><span class=\"value\">Rp 6.550.000</span></div>\n <div class=\"row\"><span>Estimasi Balik Modal</span><span class=\"value\">± 1 Bulan</span></div>\n </div>\n\n <div class=\"roi-disclaimer\">\n <span class=\"info-icon\">ⓘ</span> ROI berikut merupakan hitungan kasar, tergantung harga jual dan operasional mitra.\n </div>\n </div>\n </div>\n </section>\n\n</body>\n</html>","portalselector":"html-head","inhead":false,"dynamicStyleKey":[],"dirty":null},"components":{"allIds":[]}},"XThV":{"_id":"XThV","key":"other-html","name":"HTML","attributes":{"htmlstring":"<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Dukungan Mitra - Kitacekelin (Prefix)</title>\n \n<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css\">\n <style>\n /* Gaya Dasar HANYA berlaku di dalam konteks ini */\n .kc-support-section {\n /* Pastikan font-family hanya diatur di dalam section agar tidak mempengaruhi body lain */\n font-family: Arial, sans-serif;\n line-height: 1.6;\n }\n\n /* Kontainer Utama (Prefix: kc-support-) */\n .kc-support-section {\n background-image: url('https://berducdn.com/img/500/bsob0d3ebsodt7wwsv_2/LhmpCP7fOhicsTvLhmc4IeIRhLvT4CQU63pfR8lxMIQ.webp');\n background-size: cover;\n background-position: center 50%;\n color: white;\n padding: 80px 20px;\n text-align: center;\n position: relative;\n z-index: 1;\n min-height: 500px;\n display: flex;\n align-items: center;\n justify-content: center;\n /* Pastikan margin body tidak ikut di sini, jika Anda menempatkannya di body */\n margin: 0; \n }\n\n /* Overlay Gelap (Prefix: kc-support-) */\n .kc-support-section::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.4);\n z-index: 0;\n }\n\n /* Konten (Prefix: kc-support-) */\n .kc-support-content {\n position: relative;\n z-index: 2;\n max-width: 900px;\n margin: 0 auto;\n padding: 20px;\n }\n\n /* Judul Utama (Prefix: kc-support-) */\n .kc-support-title {\n font-size: 2.8em;\n font-weight: 700;\n margin-bottom: 20px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);\n /* Pastikan elemen h1/h2 lain tidak terpengaruh */\n }\n\n /* Subteks (Prefix: kc-support-) */\n .kc-support-subtitle {\n font-size: 1.2em;\n margin-bottom: 50px;\n line-height: 1.6;\n text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n /* Pastikan elemen p lain tidak terpengaruh */\n }\n\n /* Kontainer Tombol (Prefix: kc-support-) */\n .kc-support-buttons {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 15px;\n }\n\n /* Gaya Tombol (Prefix: kc-support-) */\n .kc-support-button {\n display: inline-flex;\n align-items: center;\n padding: 12px 25px;\n border-radius: 8px;\n text-decoration: none;\n font-weight: 600;\n font-size: 0.98em;\n transition: background-color 0.3s ease, transform 0.2s ease;\n \n /* Warna Merah untuk Semua Tombol (Sesuai Permintaan) */\n background-color: #E11F26;\n color: white;\n \n border: none;\n cursor: pointer;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n }\n\n /* Gaya Ikon Font Awesome di dalam Tombol (Prefix: kc-support-) */\n .kc-support-button .fas, .kc-support-button .far {\n margin-right: 10px;\n font-size: 1.3em;\n /* Hanya menargetkan ikon di dalam tombol ini */\n }\n\n /* Hover Effect */\n .kc-support-button:hover {\n background-color: #d63f31; /* Warna merah lebih gelap saat hover */\n transform: translateY(-2px);\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\n }\n\n\n /* Media Queries untuk Responsif (Prefix: kc-support-) */\n @media (max-width: 768px) {\n .kc-support-section {\n padding: 60px 15px;\n }\n .kc-support-title {\n font-size: 2em;\n }\n .kc-support-button {\n flex-basis: 48%;\n font-size: 0.85em;\n padding: 10px 15px;\n }\n }\n\n @media (max-width: 480px) {\n .kc-support-title {\n font-size: 1.8em;\n }\n .kc-support-button {\n flex-basis: 100%;\n font-size: 0.9em;\n }\n }\n\n </style>\n</head>\n<body>\n\n <section class=\"kc-support-section\">\n <div class=\"kc-support-content\">\n <h1 class=\"kc-support-title\">Kami Support 1000% Untuk Kesuksesan Mitra</h1>\n <p class=\"kc-support-subtitle\">\n Kami Siap Berkomitmen Membantu dengan dukungan penuh untuk bisnis Anda\n dengan layanan unggulan kami\n </p>\n \n <div class=\"kc-support-buttons\">\n <a href=\"#\" class=\"kc-support-button\">\n <i class=\"fas fa-bullhorn\"></i> Support Iklan Opening Gratis 2-3 Hari\n </a>\n\n <a href=\"#\" class=\"kc-support-button\">\n <i class=\"fas fa-images\"></i> Gratis Konten Puluhan Setiap Hari\n </a>\n\n <a href=\"#\" class=\"kc-support-button\">\n <i class=\"fas fa-phone-alt\"></i> Konsultasi Telp/WA Gratis\n </a>\n\n <a href=\"#\" class=\"kc-support-button\">\n <i class=\"fas fa-ticket-alt\"></i> Subsidi Join Event Kuliner\n </a>\n </div>\n </div>\n </section>\n\n</body>\n</html>","portalselector":"html-head","inhead":false,"dynamicStyleKey":[],"dirty":null},"components":{"allIds":[]}},"r9go":{"_id":"r9go","key":"other-html","name":"HTML","attributes":{"htmlstring":"<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Dukungan 2 - Grid Kartu</title>\n \n<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css\">\n <style>\n /* CSS DENGAN PREFIX: kc-support-b- */\n \n /* Kontainer Utama Section */\n .kc-support-b-section {\n padding: 80px 20px;\n text-align: center;\n background-color: #f8f8f8; /* Latar belakang agak abu-abu */\n font-family: Arial, sans-serif;\n }\n\n /* Header */\n .kc-support-b-header {\n max-width: 800px;\n margin: 0 auto 40px;\n }\n\n .kc-support-b-main-title {\n font-size: 2.2em;\n font-weight: bold;\n color: #E11F26; /* Warna merah yang sama */\n margin-bottom: 10px;\n }\n\n .kc-support-b-description {\n font-size: 1em;\n color: #555;\n line-height: 1.5;\n }\n\n /* Kontainer Grid */\n .kc-support-b-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* Responsif */\n gap: 20px;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n /* Gaya Setiap Kartu */\n .kc-support-b-card {\n background: white;\n padding: 30px 20px;\n border-radius: 10px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n text-align: center;\n }\n\n .kc-support-b-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\n }\n\n /* Gaya Ikon */\n .kc-support-b-icon {\n font-size: 2.5em;\n color: #E11F26; /* Merah untuk ikon */\n margin-bottom: 15px;\n display: inline-block;\n }\n \n /* Ikon yang terlihat seperti iklan (fa-ad) lebih sesuai untuk 'Support Iklan Opening' */\n .kc-support-b-icon.fa-bullhorn {\n color: #E11F26;\n }\n \n /* Ikon Peta/Lokasi (fa-map-marker-alt) */\n .kc-support-b-icon.fa-map-marker-alt {\n color: #E11F26;\n }\n\n\n /* Judul Kartu */\n .kc-support-b-card-title {\n font-size: 1.15em;\n font-weight: bold;\n color: #333;\n margin-bottom: 10px;\n }\n\n /* Deskripsi Kartu */\n .kc-support-b-card-description {\n font-size: 0.9em;\n color: #777;\n line-height: 1.4;\n }\n\n /* Media Queries */\n @media (max-width: 600px) {\n .kc-support-b-grid {\n grid-template-columns: 1fr; /* Satu kolom di layar kecil */\n }\n }\n </style>\n</head>\n<body>\n\n <section class=\"kc-support-b-section\">\n <div class=\"kc-support-b-header\">\n <h2 class=\"kc-support-b-main-title\">Dukungan Lengkap Untuk Mitra</h2>\n <p class=\"kc-support-b-description\">\n Kami memberikan segala yang Anda butuhkan untuk memulai dan mengembangkan bisnis Ngemiloh\n </p>\n </div>\n \n <div class=\"kc-support-b-grid\">\n\n <div class=\"kc-support-b-card\">\n <i class=\"fas fa-ad kc-support-b-icon\"></i>\n <h3 class=\"kc-support-b-card-title\">Support Iklan Opening Gratis</h3>\n <p class=\"kc-support-b-card-description\">\n Promosi pembukaan gratis 2-3 hari untuk menarik pelanggan pertama Anda\n </p>\n </div>\n\n <div class=\"kc-support-b-card\">\n <i class=\"fas fa-camera kc-support-b-icon\"></i>\n <h3 class=\"kc-support-b-card-title\">Gratis Konten Setiap Hari</h3>\n <p class=\"kc-support-b-card-description\">\n Puluhan konten kreatif siap pakai untuk media sosial Anda\n </p>\n </div>\n\n <div class=\"kc-support-b-card\">\n <i class=\"fas fa-phone kc-support-b-icon\"></i>\n <h3 class=\"kc-support-b-card-title\">Konsultasi Gratis</h3>\n <p class=\"kc-support-b-card-description\">\n Konsultasi via telepon/WA gratis dengan tim ahli kami\n </p>\n </div>\n \n <div class=\"kc-support-b-card\">\n <i class=\"fas fa-map-marker-alt kc-support-b-icon\"></i>\n <h3 class=\"kc-support-b-card-title\">Analisa Lokasi</h3>\n <p class=\"kc-support-b-card-description\">\n Bantuan memilih lokasi strategis untuk meningkatkan penjualan\n </p>\n </div>\n \n <div class=\"kc-support-b-card\">\n <i class=\"fas fa-gift kc-support-b-icon\"></i>\n <h3 class=\"kc-support-b-card-title\">Campaign Berhadiah</h3>\n <p class=\"kc-support-b-card-description\">\n Program berhadiah untuk menarik lebih banyak pelanggan\n </p>\n </div>\n\n <div class=\"kc-support-b-card\">\n <i class=\"fas fa-utensils kc-support-b-icon\"></i>\n <h3 class=\"kc-support-b-card-title\">Subsidi Event Kuliner</h3>\n <p class=\"kc-support-b-card-description\">\n Dukungan untuk mengikuti festival makanan dan bazaar\n </p>\n </div>\n </div>\n </section>\n\n</body>\n</html>","portalselector":"html-head","inhead":false,"dynamicStyleKey":[],"dirty":null},"components":{"allIds":[]}},"0poM":{"_id":"0poM","key":"other-html","name":"HTML","attributes":{"htmlstring":"<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Tim Manajemen - Siap Layani Mitra</title>\n \n<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css\">\n <style>\n /* CSS DENGAN PREFIX: kc-team- */\n\n /* Bagian Utama */\n .kc-team-section {\n padding: 60px 20px;\n background-color: #f8f8f8; /* Latar belakang abu-abu muda */\n font-family: Arial, sans-serif;\n text-align: center;\n }\n\n /* Judul Utama */\n .kc-team-main-title {\n font-size: 2.2em;\n font-weight: bold;\n color: #E11F26; /* Warna merah */\n margin-bottom: 40px;\n }\n\n /* Kontainer Grid Tim */\n .kc-team-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n max-width: 1000px;\n margin: 0 auto 50px; /* Jarak dari bagian CTA */\n }\n\n /* Gaya Setiap Kartu Tim */\n .kc-team-card {\n background: white;\n border-radius: 10px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); /* Sedikit bayangan untuk menonjol */\n overflow: hidden; /* Penting agar gambar rapi di dalam border-radius */\n text-align: left;\n }\n\n /* Gambar Tim */\n .kc-team-image {\n width: 100%;\n height: 200px; /* Tinggi tetap untuk gambar */\n object-fit: cover; /* Memastikan gambar menutupi area tanpa terdistorsi */\n }\n\n /* Konten Teks Kartu */\n .kc-team-content {\n padding: 20px;\n min-height: 150px; /* Tinggi minimum untuk deskripsi */\n }\n\n /* Judul Posisi */\n .kc-team-position-title {\n font-size: 1.1em;\n font-weight: bold;\n color: #333;\n margin-bottom: 8px;\n }\n\n /* Deskripsi Posisi */\n .kc-team-description {\n font-size: 0.9em;\n color: #777;\n line-height: 1.4;\n }\n\n /* --- Bagian CTA Merah --- */\n .kc-team-cta-box {\n background-color: #E11F26; /* Latar belakang merah */\n color: white;\n padding: 40px 20px;\n border-radius: 10px;\n max-width: 1000px;\n margin: 0 auto;\n text-align: center;\n }\n\n .kc-team-cta-title {\n font-size: 1.5em;\n font-weight: bold;\n margin-bottom: 10px;\n }\n\n .kc-team-cta-text {\n font-size: 1em;\n margin-bottom: 25px;\n }\n\n /* Tombol Hubungi Kami */\n .kc-team-cta-button {\n display: inline-block;\n background-color: white;\n color: #E11F26; /* Teks merah */\n text-decoration: none;\n padding: 12px 30px;\n border-radius: 5px;\n font-weight: bold;\n transition: background-color 0.3s ease;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n }\n\n .kc-team-cta-button:hover {\n background-color: #f0f0f0;\n }\n \n .kc-team-cta-button i {\n margin-left: 8px;\n }\n /* --- Akhir Bagian CTA Merah --- */\n\n\n /* Media Queries */\n @media (max-width: 600px) {\n .kc-team-main-title {\n font-size: 1.8em;\n }\n .kc-team-cta-title {\n font-size: 1.3em;\n }\n .kc-team-grid {\n grid-template-columns: 1fr; /* Satu kolom di layar kecil */\n }\n }\n </style>\n</head>\n<body>\n\n <section class=\"kc-team-section\">\n <h2 class=\"kc-team-main-title\">Tim Manajemen Kami - Siap Layani Mitra</h2>\n \n <div class=\"kc-team-grid\">\n \n <div class=\"kc-team-card\">\n <img src=\"https://berducdn.com/img/500/bsob0d3ebsodt7wwsv_2/LhmVSJH00pMtO084LhmGyuvLt2y84fTbWprkN4YRfNYg.webp\" \n alt=\"Foto Tim Customer Service\" \n class=\"kc-team-image\">\n <div class=\"kc-team-content\">\n <h3 class=\"kc-team-position-title\">Customer Service</h3>\n <p class=\"kc-team-description\">\n Siap membantu kendala berjualan dan menjawab pertanyaan Anda\n </p>\n </div>\n </div>\n\n <div class=\"kc-team-card\">\n <img src=\"https://berducdn.com/img/500/bsob0d3ebsodt7wwsv_2/LhmNtDPlbuo2CBiLhmcEHZIzM3woIHQJSktKdmyDvuUw.webp\" \n alt=\"Foto Tim Marketing Executive\" \n class=\"kc-team-image\">\n <div class=\"kc-team-content\">\n <h3 class=\"kc-team-position-title\">Marketing Executive</h3>\n <p class=\"kc-team-description\">\n Mendampingi usaha dari buka sampai sukses dengan strategi pemasaran\n </p>\n </div>\n </div>\n\n <div class=\"kc-team-card\">\n <img src=\"https://berducdn.com/img/500/bsob0d3ebsodt7wwsv_2/Lhmys8RtWdyxCvYLhmcpCTGSFFjSMQOJ5CjCZagg.webp\" \n alt=\"Foto Tim Designer\" \n class=\"kc-team-image\">\n <div class=\"kc-team-content\">\n <h3 class=\"kc-team-position-title\">Designer</h3>\n <p class=\"kc-team-description\">\n Spesialis promosi & desain outlet untuk menarik perhatian pelanggan\n </p>\n </div>\n </div>\n \n </div>\n \n <div class=\"kc-team-cta-box\">\n <h3 class=\"kc-team-cta-title\">Siap Meningkatkan Bisnis Anda?</h3>\n <p class=\"kc-team-cta-text\">\n Dapatkan semua keuntungan & dukungan maksimal untuk kesuksesan bisnis Anda\n </p>\n \n </div>\n \n </section>\n\n</body>\n</html>","portalselector":"html-head","inhead":false,"dynamicStyleKey":[],"dirty":null},"components":{"allIds":[]}},"BXUs":{"_id":"BXUs","key":"floating-whatsapp-button-center","name":"Floating WhatsApp Button","attributes":{"design":"default","groupStyle":{"flexDirection":"row","display":"flex","justifyContent":"center","alignItems":"center","gap":10,"paddingTop":"7px","paddingBottom":"7px","paddingLeft":"0px","paddingRight":"0px","marginTop":"0px","marginBottom":"0px","marginLeft":"0px","marginRight":"0px","mobile":{"paddingTop":"10px","paddingBottom":"15px","paddingLeft":"0px","paddingRight":"0px","marginTop":"0px","marginBottom":"0px","marginLeft":"0px","marginRight":"0px"},"tablet":{"paddingTop":"7px","paddingBottom":"7px","paddingLeft":"0px","paddingRight":"0px","marginTop":"0px","marginBottom":"0px","marginLeft":"0px","marginRight":"0px"}},"floatingCircle":{"floatingAlign":"right"},"buttonDesign":"fill","paddingTopBottom":"same","paddingLeftRight":"same","marginLeftRight":"same","marginTopBottom":"same","separateEdges":"disabled","backgroundType":"color","className":"","style":{"background":"#FFFFFF"},"enableBackground":false,"shadowOverride":false,"shadow":false,"overrideStyle":{"shadow":{"default":""},"corner":{"default":""}},"dynamicStyleKey":[],"dirty":null,"corner":false,"cornerOverride":false},"components":{"byId":{"DL51":{"_id":"DL51","key":"floating-whatsapp-button-center-child","name":"WhatsApp Button","attributes":{"text":"Whatsapp Marketing","iconUpload":false,"iconColor":"#FFFFFFFF","floatingCircle":{"background":"#28a745FF","width":"60px","height":"60px","boxShadow":"none"},"overrideStyle":{"button":{"default":{"buttonPrimaryTextShadow":false,"buttonShadow":false,"buttonCorner":false,"buttonBorder":false},"hover":{"buttonPrimaryTextShadow":false,"buttonShadow":false,"buttonCorner":false,"buttonBorder":false},"active":{"buttonPrimaryTextShadow":false,"buttonShadow":false,"buttonCorner":false,"buttonBorder":false}}},"iconBefore":"whatsapp2","icon":"whatsapp2","iconAfter":"","iconBeforeStash":"whatsapp2","iconAfterStash":"","buttonIconPosition":"before","iconSize":20,"buttonOverride":false,"buttonSizeOverrideStyle":{"fontSize":"14px","paddingTop":"10px","paddingBottom":"10px","paddingLeft":"96px","paddingRight":"96px","mobile":{"fontSize":"14px","paddingTop":"10px","paddingBottom":"10px","paddingLeft":"96px","paddingRight":"96px"},"tablet":{"fontSize":"14px","paddingTop":"10px","paddingBottom":"10px","paddingLeft":"96px","paddingRight":"96px"}},"buttonSizeOverride":true,"buttonSizeOverridemobile":true,"buttonSizeOverridetablet":true,"buttonSize":"custom","buttonSizemobile":"custom","buttonSizetablet":"custom","tooltipStyle":{"color":"#000000FF","backgroundColor":"#FFFFFFFF"},"isTooltipEnable":false,"tooltipText":"This is a text for a tooltip","allowTrackingBySystem":true,"className":"sg-button-whatsapp-1","link":"","newTab":"_blank","tiktok":{"pixelIds":[],"pixelEvent":"none","contentName":"","pixelValue":"","eventName":""},"google":{"pixelIds":[],"pixelEvent":"none","contentName":"","pixelValue":"","eventName":"","eventLabel":"","conversionId":"","conversionLabel":""},"facebook":{"recordAt":"load","pixelIds":["58pdkLlRVaH0kN00n7nC8"],"pixelEvent":"Lead","contentName":"","pixelValue":"","eventName":""},"buttonDesign":"fill","separateEdges":"disabled","backgroundType":"none","enableIcon":true,"enableParameters":true,"defaultMessage":"Halo Kak {nama_kontak}, saya minat dengan kemitraan *Gokuah*, boleh tau infonya? \nNama: \nKota: \n*promo=GCKUAH*","defaultMessageWithoutParameters":"Halo saya tertarik dengan Paket Usaha *GOKUAH*, mohon infonya yaa\nNama :\nKota :\n*GOKUAHINAJA PROMO*","contacts":{"byId":{"693f0c526f036d4fb56f0ab4":{"_id":"693f0c526f036d4fb56f0ab4","userUuid":"6926fb49e9a31bdb0751e433","name":"Novi Go Kuah","phone":"082135963162","isActive":true,"createdAt":"2025-12-14T19:13:22.591Z","updatedAt":"2026-01-06T08:09:29.610Z","__v":0},"693f0c3ec2d7e94c43e6968a":{"_id":"693f0c3ec2d7e94c43e6968a","userUuid":"6926fb49e9a31bdb0751e433","name":"Lala Go kuah","phone":"082135963177","isActive":true,"createdAt":"2025-12-14T19:13:02.217Z","updatedAt":"2026-01-06T07:47:55.234Z","__v":0},"695c449f03235a6f1b058c5f":{"_id":"695c449f03235a6f1b058c5f","userUuid":"6926fb49e9a31bdb0751e433","name":"CS Dea GoKuah","phone":"085188132836","isActive":true,"createdAt":"2026-01-05T23:09:19.449Z","updatedAt":"2026-01-06T05:18:34.433Z","__v":0},"693c54afcd833782a6c7ced8":{"_id":"693c54afcd833782a6c7ced8","userUuid":"6926fb49e9a31bdb0751e433","name":"Amel Gokuah","phone":"082135963175","isActive":true,"createdAt":"2025-12-12T17:45:19.885Z","updatedAt":"2026-01-07T23:32:14.462Z","__v":0}},"allIds":["693f0c526f036d4fb56f0ab4","693f0c3ec2d7e94c43e6968a","695c449f03235a6f1b058c5f","693c54afcd833782a6c7ced8"]},"parameters":[{"id":"a","text":"nama_kontak","default":true},{"id":"b","text":"nama_halaman","default":true},{"id":"c","text":"tanggal","default":true}],"presetNumber":1,"googletagmanager":{"pixelIds":[]},"snackvideo":{"pixelIds":[]},"dirty":null,"contactSelected":"","design":"default","id":"vjdI","isRandomizeContact":false,"showOnButton":false},"components":{"allIds":[]}}},"allIds":["DL51"]}},"6aT4":{"_id":"6aT4","key":"tracking-fb-pixel-event","name":"FB Pixel Event","attributes":{"recordAt":"load","pixelIds":["58pdkLlRVaH0kN00n7nC8"],"pixelEvent":"PageView","contentName":"","pixelValue":"","eventName":"","dynamicStyleKey":[],"dirty":null},"components":{"byId":{},"allIds":[]}}},"allIds":["BSzJ","MbGl","GZSo","tzh9","ap87","l9tE","L492","XThV","r9go","0poM","BXUs","6aT4"]}}},"allIds":["ffaa"]},"slug":"gabung-kemitraan","canvas":"0","state":"publish","userUuid":"6926fb49e9a31bdb0751e433","publishSlug":"gabung-kemitraan","slugName":"kemitraanindonesia","isOriginal":true,"isABTesting":false,"autoSave":true,"index":false,"settings":{"thumbnail":"https://media.buat.id/live/tr:q-75/2025-11-25/1764078985584-549286481_17843764686575922_2495214900082173354_n.jpg","favicon":"https://media.buat.id/live/tr:q-75/2025-11-25/1764078978251-549286481_17843764686575922_2495214900082173354_n.jpg","keyword_phrase":"Peluang usaha yang cocok di semua musim, dengan harga modal minim namun profit tebal bisa atur sesukamu","keyword_phrase_options":["kemitraan"," gokuah"," usaha"," franchise"],"seo_title":["title","separator","keyword"],"meta_description":"Peluang usaha kemitraan gokuah. Tanpa bagi hasil, profit tebal bisa kamu atur sendiri keuntungannya","search_engine_display":true,"search_engine_follow":true,"scripts":{"disable_global":false,"head":"<!-- Meta Pixel Code -->\n<script>\n!function(f,b,e,v,n,t,s)\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\nn.queue=[];t=b.createElement(e);t.async=!0;\nt.src=v;s=b.getElementsByTagName(e)[0];\ns.parentNode.insertBefore(t,s)}(window, document,'script',\n'https://connect.facebook.net/en_US/fbevents.js');\nfbq('init', '861234469698676');\nfbq('track', 'PageView');\n</script>\n<noscript><img height=\"1\" width=\"1\" style=\"display:none\"\nsrc=\"https://www.facebook.com/tr?id=861234469698676&ev=PageView&noscript=1\"\n/></noscript>\n<!-- End Meta Pixel Code -->","head_desktop":"","head_mobile":"","footer":"","footer_desktop":"","footer_mobile":""},"utm_trackings":{"utm_source":false,"utm_medium":false,"utm_campaign":false,"utm_term":false,"utm_content":false},"published_on":null,"cloakValue":{"device":[],"os":[],"countries":[],"url_redirect":""},"limiterValue":{"limit":0,"reset":0,"refer":["direct"],"whiteList":[],"urlRedirectTo":""},"boost":true,"formulirBoost":false},"permalink":"https://kemitraanindonesia.buat.page/gabung-kemitraan","pageContentId":"6928acfef387b7aac586ee61"},"pixel":{"_id":"6926fd01fab627893d8487ac","pixel":{"tiktok":{"autoPageView":false,"byId":{},"allIds":[]},"facebook":{"autoPageView":false,"byId":{"58pdkLlRVaH0kN00n7nC8":{"id":"861234469698676","name":"gokuah","_id":"58pdkLlRVaH0kN00n7nC8"},"OTYU":{"id":"800450169171294","name":"NGEMILOH","_id":"OTYU"},"lXSG":{"id":"1190797343022900","name":"NGEMILOH 2","_id":"lXSG"},"9mQb":{"id":"1209417310606194","name":"MELUMER","_id":"9mQb"}},"allIds":["58pdkLlRVaH0kN00n7nC8","OTYU","lXSG","9mQb"]},"snackvideo":{"autoPageView":false,"byId":{},"allIds":[]},"googletagmanager":{"autoPageView":false,"byId":{},"allIds":[]},"_id":"6961bb874d6bda87d511ea8e"}}}