Jasa Pengalihan Hak Merek | Jelas Legal
RESMI & TERPERCAYA
Jasa Pengalihan Hak Merek HKI Profesional & Transparan
•
Jelas Legal Indonesia
PENGALIHAN HAK MEREK
Alihkan Hak Merek Dengan Proses Yang Terarah.
Membantu proses pengalihan hak atas merek dari pemilik lama kepada pemilik baru dengan pendampingan yang lebih mudah, profesional, dan transparan.
✓ Profesional
✓ Transparan
✓ Proses Terarah
Perlu Mengalihkan Hak Atas Merek?
Pengalihan hak merek dapat diperlukan ketika kepemilikan atau hak atas suatu merek berpindah kepada pihak lain.
✓
Pemeriksaan data merek
✓
Persiapan kebutuhan administrasi
✓
Pendampingan proses pengalihan
✓
Informasi proses secara transparan
✓
Proses Terarah
◆
Profesional
✓
Transparan
◷
Komunikatif
KEUNTUNGAN
Pengalihan Hak Merek Lebih Terarah
Jangan biarkan perubahan kepemilikan merek hanya berhenti pada dokumen perjanjian. Pastikan kebutuhan administrasi merek juga diperhatikan.
01
Administrasi Lebih Teratur
Membantu mempersiapkan kebutuhan administrasi yang berkaitan dengan pengalihan hak atas merek.
02
Mengurangi Kesalahan
Proses dilakukan dengan memperhatikan data dan dokumen yang diperlukan agar proses lebih terarah.
03
Lebih Praktis
Anda tidak perlu menangani seluruh proses administrasi sendiri karena mendapatkan pendampingan.
INFORMASI LAYANAN
Apa yang Kami Bantu?
Kami membantu Anda mempersiapkan kebutuhan pengalihan hak merek dengan proses yang terstruktur.
Yang Termasuk Layanan
Pendampingan dapat mencakup beberapa kebutuhan berikut:
✓
Pemeriksaan informasi merek
✓
Pemeriksaan kebutuhan dokumen
✓
Persiapan proses pengalihan
✓
Pendampingan administrasi
Siapa yang Membutuhkan?
Pengalihan hak merek dapat relevan untuk berbagai kondisi, misalnya:
✓
Merek berpindah kepada pemilik baru
✓
Perubahan kepemilikan bisnis
✓
Pengalihan hak berdasarkan perjanjian
✓
Kebutuhan administrasi kepemilikan merek
CARA KERJA
Proses Pengalihan Hak Merek
Kami membantu Anda melalui setiap tahapan secara lebih terstruktur.
01
Konsultasi
Sampaikan kondisi dan kebutuhan pengalihan merek Anda.
02
Pemeriksaan
Data dan kebutuhan dokumen diperiksa untuk mempersiapkan proses.
03
Pengajuan
Proses pengalihan hak merek diproses sesuai ketentuan yang berlaku.
04
Selesai
Anda mendapatkan informasi mengenai perkembangan dan hasil proses.
HARGA LAYANAN
Pengalihan Hak Merek
Pendampingan profesional untuk membantu proses pengalihan hak atas merek Anda.
PAKET PENGALIHAN HAK MEREK
Harga jasa
Rp4.999.000
Belum termasuk PNBP
✓
Pemeriksaan data merek
✓
Pemeriksaan kebutuhan dokumen
✓
Persiapan administrasi
✓
Pendampingan proses pengalihan
✓
Informasi perkembangan proses
✓
Komunikasi dengan tim
Pesan via WhatsApp
Catatan: Harga Rp4.999.000 merupakan biaya jasa dan belum termasuk PNBP atau biaya resmi yang dikenakan sesuai ketentuan yang berlaku.
FAQ
Pertanyaan Seputar Pengalihan Hak Merek
Berapa harga jasa pengalihan hak merek?
+
Harga jasa pengalihan hak merek pada halaman ini adalah Rp4.999.000, belum termasuk PNBP.
Apakah harga sudah termasuk PNBP?
+
Belum. Harga Rp4.999.000 merupakan biaya jasa. PNBP atau biaya resmi terkait proses pengalihan dikenakan secara terpisah sesuai ketentuan yang berlaku.
Apa yang perlu saya siapkan?
+
Anda dapat menghubungi tim terlebih dahulu untuk mendapatkan informasi mengenai data dan dokumen yang diperlukan sesuai kondisi pengalihan hak merek Anda.
Apakah bisa konsultasi sebelum memesan?
+
Tentu. Anda dapat menghubungi kami melalui WhatsApp untuk menjelaskan kondisi dan kebutuhan pengalihan hak merek Anda.
Apakah proses menjamin hasil tertentu?
+
Tidak. Proses dan hasil akhir tetap mengikuti pemeriksaan serta ketentuan dari instansi yang berwenang.
Ingin Mengalihkan Hak Merek?
Konsultasikan kebutuhan pengalihan hak merek Anda bersama tim kami.
Mulai Konsultasi
Konsultasi WA
{"page":{"_id":"6a8fac3f50ef59f3366e2992","title":"Pengalihan Hak Merek","sections":{"byId":{"908e":{"_id":"908e","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":""},"components":{"byId":{"vTBB":{"_id":"vTBB","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>Jasa Pengalihan Hak Merek | Jelas Legal</title>\n<meta name=\"description\" content=\"Jasa Pengalihan Hak Merek profesional. Bantu proses pengalihan hak atas merek dengan mudah, transparan, dan terarah bersama Jelas Legal.\">\n\n<!-- Fonts -->\n<link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n<link href=\"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,600&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<!-- Form Widget CSS -->\n<link href=\"https://jelaslegal.form.id/css/app.css\" rel=\"stylesheet\"/>\n\n<style>\n:root {\n --navy-dark: #0b1528;\n --navy-main: #11223f;\n --navy-light: #1e3357;\n --gold-primary: #ca922d;\n --gold-hover: #b27e20;\n --gold-light: #fbf5e9;\n --gold-border: #ebd9b6;\n --emerald-wa: #25d366;\n --emerald-hover: #1ebe5d;\n --emerald-light: #e8f9ee;\n --bg-page: #fcfbf9;\n --bg-card: #ffffff;\n --text-primary: #0f172a;\n --text-secondary: #475569;\n --text-muted: #64748b;\n --border-subtle: #e2e8f0;\n --border-warm: #eee6d8;\n --shadow-sm: 0 2px 8px rgba(17, 34, 63, 0.04);\n --shadow-md: 0 10px 30px rgba(17, 34, 63, 0.07);\n --shadow-lg: 0 20px 40px rgba(17, 34, 63, 0.12);\n --radius-sm: 10px;\n --radius-md: 16px;\n --radius-lg: 24px;\n --radius-pill: 9999px;\n --container-max: 1200px;\n}\n\n*, *::before, *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nhtml {\n scroll-behavior: smooth;\n -webkit-text-size-adjust: 100%;\n}\n\nbody {\n font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;\n color: var(--text-primary);\n background-color: var(--bg-page);\n line-height: 1.65;\n font-size: 15px;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n}\n\na {\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n}\n\nimg, svg {\n vertical-align: middle;\n}\n\n.container {\n width: min(var(--container-max), calc(100% - 40px));\n margin-inline: auto;\n}\n\n.topbar {\n background: linear-gradient(90deg, #0b1528, #11223f);\n color: #f1f5f9;\n font-size: 12.5px;\n font-weight: 600;\n padding: 9px 16px;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n letter-spacing: 0.02em;\n border-bottom: 1px solid rgba(255,255,255,0.08);\n}\n\n.topbar .badge-spark {\n background: rgba(202, 146, 45, 0.25);\n color: #fce3a6;\n padding: 2px 8px;\n border-radius: var(--radius-pill);\n font-size: 11px;\n font-weight: 700;\n border: 1px solid rgba(202, 146, 45, 0.4);\n}\n\n.topbar .dot {\n opacity: 0.4;\n}\n\nheader {\n position: sticky;\n top: 0;\n z-index: 1000;\n background: rgba(255, 255, 255, 0.92);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border-bottom: 1px solid var(--border-warm);\n transition: background 0.3s ease;\n}\n\n.nav {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 80px;\n}\n\n.logo {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.logo-img {\n height: 48px;\n width: auto;\n object-fit: contain;\n}\n\n.nav-links {\n display: flex;\n align-items: center;\n gap: 28px;\n list-style: none;\n}\n\n.nav-links a {\n font-size: 14px;\n font-weight: 600;\n color: var(--text-secondary);\n padding: 8px 0;\n position: relative;\n}\n\n.nav-links a:hover {\n color: var(--gold-primary);\n}\n\n.nav-links a::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0%;\n height: 2.5px;\n background: var(--gold-primary);\n border-radius: 4px;\n transition: width 0.25s ease;\n}\n\n.nav-links a:hover::after {\n width: 100%;\n}\n\n.nav-cta {\n background: var(--navy-main);\n color: #ffffff;\n padding: 12px 24px;\n border-radius: var(--radius-pill);\n font-size: 13.5px;\n font-weight: 700;\n box-shadow: var(--shadow-sm);\n display: inline-flex;\n align-items: center;\n gap: 8px;\n}\n\n.nav-cta:hover {\n background: var(--navy-light);\n transform: translateY(-2px);\n box-shadow: var(--shadow-md);\n color: #fff;\n}\n\n.menu-toggle {\n display: none;\n background: none;\n border: none;\n font-size: 26px;\n color: var(--navy-dark);\n cursor: pointer;\n padding: 6px;\n}\n\n.hero {\n position: relative;\n padding: 72px 0 60px;\n background: radial-gradient(circle at 85% 20%, rgba(251, 245, 233, 0.8) 0%, rgba(252, 251, 249, 1) 70%);\n overflow: hidden;\n}\n\n.hero-grid {\n display: grid;\n grid-template-columns: 1.05fr 0.95fr;\n align-items: center;\n gap: 56px;\n}\n\n.eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: var(--gold-light);\n color: #8c5d0d;\n border: 1px solid var(--gold-border);\n border-radius: var(--radius-pill);\n padding: 7px 16px;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.03em;\n margin-bottom: 22px;\n box-shadow: var(--shadow-sm);\n}\n\n.eyebrow-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--gold-primary);\n box-shadow: 0 0 8px rgba(202, 146, 45, 0.6);\n}\n\n.hero h1 {\n font-family: 'Playfair Display', serif;\n color: var(--navy-dark);\n font-size: clamp(36px, 4.6vw, 56px);\n line-height: 1.15;\n letter-spacing: -0.02em;\n font-weight: 700;\n}\n\n.hero h1 .highlight {\n color: var(--gold-primary);\n position: relative;\n display: inline-block;\n}\n\n.hero h1 .highlight::after {\n content: \"\";\n position: absolute;\n bottom: 4px;\n left: 0;\n width: 100%;\n height: 8px;\n background: rgba(202, 146, 45, 0.18);\n z-index: -1;\n border-radius: 4px;\n}\n\n.hero-copy {\n font-size: 16.5px;\n color: var(--text-secondary);\n line-height: 1.7;\n margin: 22px 0 28px;\n max-width: 580px;\n font-weight: 450;\n}\n\n.hero-actions {\n display: flex;\n align-items: center;\n gap: 16px;\n flex-wrap: wrap;\n margin-bottom: 32px;\n}\n\n.btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 52px;\n padding: 0 26px;\n border-radius: var(--radius-pill);\n font-size: 14px;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n border: none;\n}\n\n.btn-primary {\n background: var(--gold-primary);\n color: #ffffff;\n box-shadow: 0 8px 24px rgba(202, 146, 45, 0.3);\n}\n\n.btn-primary:hover {\n background: var(--gold-hover);\n transform: translateY(-3px);\n box-shadow: 0 12px 28px rgba(202, 146, 45, 0.4);\n}\n\n.btn-wa {\n background: var(--emerald-wa);\n color: #ffffff;\n box-shadow: 0 8px 24px rgba(37, 211, 102, 0.3);\n gap: 10px;\n}\n\n.btn-wa:hover {\n background: var(--emerald-hover);\n transform: translateY(-3px);\n box-shadow: 0 12px 28px rgba(37, 211, 102, 0.4);\n color: #ffffff;\n}\n\n.btn-outline {\n background: #ffffff;\n color: var(--navy-dark);\n border: 1.5px solid var(--border-subtle);\n box-shadow: var(--shadow-sm);\n}\n\n.btn-outline:hover {\n border-color: var(--gold-primary);\n color: var(--gold-primary);\n transform: translateY(-2px);\n box-shadow: var(--shadow-md);\n}\n\n.wa-icon {\n width: 21px;\n height: 21px;\n flex-shrink: 0;\n fill: currentColor;\n}\n\n.trust-row {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n padding-top: 10px;\n border-top: 1px dashed var(--border-warm);\n}\n\n.trust-item {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 7px 14px;\n background: #ffffff;\n border: 1px solid var(--border-warm);\n border-radius: var(--radius-sm);\n font-size: 12.5px;\n font-weight: 600;\n color: var(--text-secondary);\n box-shadow: 0 2px 6px rgba(0,0,0,0.02);\n}\n\n.trust-item span {\n color: var(--gold-primary);\n font-weight: 800;\n}\n\n.service-card {\n width: 100%;\n max-width: 480px;\n background: linear-gradient(145deg, #ffffff, #fdfbf7);\n border: 1px solid var(--gold-border);\n border-radius: var(--radius-lg);\n padding: 32px 28px;\n box-shadow: var(--shadow-lg);\n position: relative;\n}\n\n.service-card-top {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-bottom: 18px;\n border-bottom: 1px solid var(--border-warm);\n}\n\n.service-label {\n color: #8c5d0d;\n font-size: 11px;\n font-weight: 800;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n background: var(--gold-light);\n padding: 4px 12px;\n border-radius: var(--radius-pill);\n border: 1px solid var(--gold-border);\n}\n\n.service-icon {\n width: 46px;\n height: 46px;\n display: grid;\n place-items: center;\n border: 1px solid var(--gold-border);\n border-radius: 14px;\n background: var(--gold-light);\n color: var(--gold-primary);\n font-family: 'Playfair Display', serif;\n font-size: 22px;\n font-weight: 700;\n}\n\n.service-card h2 {\n margin: 20px 0 10px;\n font-family: 'Playfair Display', serif;\n font-size: 24px;\n color: var(--navy-dark);\n line-height: 1.25;\n}\n\n.service-card p {\n color: var(--text-secondary);\n font-size: 13.5px;\n line-height: 1.6;\n}\n\n.mini-list {\n padding: 0;\n margin: 20px 0 0;\n list-style: none;\n display: grid;\n gap: 12px;\n}\n\n.mini-list li {\n display: flex;\n gap: 10px;\n align-items: flex-start;\n font-size: 13px;\n color: var(--text-secondary);\n}\n\n.mini-list .check {\n color: var(--gold-primary);\n font-weight: 800;\n flex-shrink: 0;\n}\n\n.trust-bar {\n padding: 30px 0;\n background: #ffffff;\n border-block: 1px solid var(--border-warm);\n}\n\n.trust-bar-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n}\n\n.trust-bar-item {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n color: var(--navy-dark);\n font-size: 13.5px;\n font-weight: 700;\n}\n\n.trust-bar-icon {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n background: var(--gold-light);\n border: 1px solid var(--gold-border);\n color: var(--gold-primary);\n display: grid;\n place-items: center;\n font-size: 13px;\n font-weight: 800;\n}\n\n.section {\n padding: 80px 0;\n}\n\n.section-alt {\n background: var(--bg-card);\n border-block: 1px solid var(--border-warm);\n}\n\n.section-head {\n text-align: center;\n max-width: 760px;\n margin: 0 auto 50px;\n}\n\n.kicker {\n display: inline-block;\n font-size: 12px;\n font-weight: 800;\n color: var(--gold-primary);\n letter-spacing: 0.12em;\n text-transform: uppercase;\n margin-bottom: 10px;\n background: var(--gold-light);\n padding: 4px 12px;\n border-radius: var(--radius-pill);\n border: 1px solid var(--gold-border);\n}\n\n.section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(28px, 3.5vw, 40px);\n color: var(--navy-dark);\n line-height: 1.22;\n font-weight: 700;\n}\n\n.section-desc {\n font-size: 15.5px;\n color: var(--text-secondary);\n margin-top: 14px;\n line-height: 1.65;\n}\n\n.grid-3 {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n}\n\n.card {\n background: var(--bg-card);\n border: 1px solid var(--border-warm);\n border-radius: var(--radius-lg);\n padding: 30px 24px;\n box-shadow: var(--shadow-sm);\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n}\n\n.card:hover {\n transform: translateY(-6px);\n box-shadow: var(--shadow-lg);\n border-color: var(--gold-border);\n}\n\n.benefit-number {\n font-size: 12px;\n font-weight: 800;\n color: var(--gold-primary);\n letter-spacing: 0.1em;\n background: var(--gold-light);\n display: inline-block;\n padding: 4px 10px;\n border-radius: var(--radius-pill);\n border: 1px solid var(--gold-border);\n margin-bottom: 16px;\n width: fit-content;\n}\n\n.card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 20px;\n color: var(--navy-dark);\n margin-bottom: 10px;\n font-weight: 700;\n}\n\n.card p {\n font-size: 13.5px;\n color: var(--text-secondary);\n line-height: 1.6;\n}\n\n.grid-2 {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 24px;\n}\n\n.info-card {\n background: var(--bg-card);\n border: 1px solid var(--border-warm);\n border-radius: var(--radius-lg);\n padding: 32px 28px;\n box-shadow: var(--shadow-sm);\n transition: all 0.3s ease;\n}\n\n.info-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--shadow-md);\n border-color: var(--gold-border);\n}\n\n.info-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 22px;\n color: var(--navy-dark);\n margin-bottom: 12px;\n font-weight: 700;\n}\n\n.info-card p {\n font-size: 13.5px;\n color: var(--text-secondary);\n line-height: 1.6;\n}\n\n.info-card ul {\n padding: 0;\n margin: 20px 0 0;\n list-style: none;\n display: grid;\n gap: 12px;\n}\n\n.info-card li {\n font-size: 13.5px;\n color: var(--text-secondary);\n display: flex;\n align-items: flex-start;\n gap: 10px;\n}\n\n.info-card li .check {\n color: var(--gold-primary);\n font-weight: 800;\n flex-shrink: 0;\n}\n\n.process-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n position: relative;\n}\n\n.process-grid::before {\n content: \"\";\n position: absolute;\n top: 32px;\n left: 10%;\n right: 10%;\n height: 2px;\n background: var(--gold-border);\n z-index: 0;\n}\n\n.step-card {\n position: relative;\n z-index: 1;\n text-align: center;\n background: var(--bg-card);\n padding: 24px 16px;\n border-radius: var(--radius-md);\n border: 1px solid var(--border-warm);\n box-shadow: var(--shadow-sm);\n}\n\n.step-number {\n width: 58px;\n height: 58px;\n border-radius: 50%;\n margin: 0 auto 16px;\n background: #ffffff;\n border: 2px solid var(--gold-primary);\n color: var(--gold-primary);\n font-family: 'Playfair Display', serif;\n font-size: 22px;\n font-weight: 700;\n display: grid;\n place-items: center;\n box-shadow: 0 4px 12px rgba(202, 146, 45, 0.15);\n}\n\n.step-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 18px;\n color: var(--navy-dark);\n margin-bottom: 8px;\n}\n\n.step-card p {\n font-size: 12.5px;\n color: var(--text-muted);\n line-height: 1.55;\n}\n\n.pricing-wrap {\n max-width: 780px;\n margin: 0 auto;\n}\n\n.pricing-card {\n background: var(--bg-card);\n border: 2px solid var(--gold-primary);\n border-radius: var(--radius-lg);\n padding: 40px 32px;\n box-shadow: 0 16px 40px rgba(202, 146, 45, 0.15);\n position: relative;\n background: linear-gradient(180deg, #ffffff 0%, #fffdfa 100%);\n}\n\n.pricing-badge {\n position: absolute;\n top: -14px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--gold-primary);\n color: #fff;\n font-size: 11px;\n font-weight: 800;\n padding: 4px 18px;\n border-radius: var(--radius-pill);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n white-space: nowrap;\n}\n\n.price-header {\n text-align: center;\n}\n\n.price-header small {\n color: var(--gold-primary);\n font-size: 12px;\n font-weight: 800;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n}\n\n.price-header h3 {\n font-family: 'Playfair Display', serif;\n font-size: 30px;\n color: var(--navy-dark);\n margin: 8px 0 10px;\n}\n\n.price-header p {\n font-size: 14px;\n color: var(--text-secondary);\n max-width: 560px;\n margin: 0 auto;\n}\n\n.price-box {\n margin: 28px 0;\n padding: 24px 0;\n border-block: 1px solid var(--border-warm);\n text-align: center;\n}\n\n.price-box span {\n display: block;\n font-size: 13px;\n color: var(--text-muted);\n margin-bottom: 4px;\n}\n\n.price-box strong {\n font-family: 'Playfair Display', serif;\n font-size: 44px;\n color: var(--navy-dark);\n font-weight: 800;\n}\n\n.price-note {\n display: inline-block;\n margin-top: 8px;\n padding: 4px 14px;\n border-radius: var(--radius-pill);\n background: var(--gold-light);\n color: #8c5d0d;\n border: 1px solid var(--gold-border);\n font-size: 11.5px;\n font-weight: 800;\n}\n\n.price-list {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px 24px;\n list-style: none;\n margin-bottom: 30px;\n}\n\n.price-list li {\n font-size: 13.5px;\n color: var(--text-secondary);\n display: flex;\n align-items: flex-start;\n gap: 10px;\n}\n\n.price-list li .check {\n color: var(--gold-primary);\n font-weight: 800;\n flex-shrink: 0;\n}\n\n.order-form-wrapper {\n margin-top: 32px;\n padding-top: 28px;\n border-top: 1px dashed var(--border-warm);\n}\n\n.form-title {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.form-title strong {\n display: block;\n font-family: 'Playfair Display', serif;\n font-size: 22px;\n color: var(--navy-dark);\n}\n\n.form-title span {\n display: block;\n font-size: 12px;\n color: var(--text-muted);\n margin-top: 4px;\n}\n\n.embed-box {\n width: 100%;\n border-radius: var(--radius-md);\n overflow: hidden;\n background: #ffffff;\n}\n\n.legal-note {\n max-width: 780px;\n margin: 24px auto 0;\n color: var(--text-muted);\n font-size: 12px;\n line-height: 1.65;\n text-align: center;\n}\n\n.faq-grid {\n display: grid;\n gap: 16px;\n max-width: 820px;\n margin: 0 auto;\n}\n\n.faq-item {\n background: var(--bg-card);\n border: 1px solid var(--border-warm);\n border-radius: var(--radius-md);\n overflow: hidden;\n transition: border-color 0.2s ease;\n}\n\n.faq-item.open {\n border-color: var(--gold-primary);\n box-shadow: var(--shadow-sm);\n}\n\n.faq-question {\n width: 100%;\n padding: 20px 24px;\n background: none;\n border: none;\n text-align: left;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 14px;\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 14.5px;\n font-weight: 700;\n color: var(--navy-dark);\n cursor: pointer;\n}\n\n.faq-toggle-icon {\n font-size: 20px;\n color: var(--gold-primary);\n font-weight: 600;\n line-height: 1;\n}\n\n.faq-answer {\n display: none;\n padding: 0 24px 20px;\n font-size: 13.5px;\n color: var(--text-secondary);\n line-height: 1.65;\n}\n\n.faq-item.open .faq-answer {\n display: block;\n}\n\n.cta-banner {\n background: linear-gradient(135deg, #0b1528 0%, #11223f 50%, #1e3357 100%);\n border-radius: var(--radius-lg);\n padding: 56px 48px;\n color: #ffffff;\n display: grid;\n grid-template-columns: 1fr auto;\n align-items: center;\n gap: 36px;\n box-shadow: var(--shadow-lg);\n position: relative;\n overflow: hidden;\n}\n\n.cta-banner::before {\n content: \"\";\n position: absolute;\n top: -100px;\n right: -100px;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(202, 146, 45, 0.2) 0%, transparent 70%);\n pointer-events: none;\n}\n\n.cta-banner h2 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(26px, 3vw, 36px);\n color: #ffffff;\n line-height: 1.25;\n}\n\n.cta-banner p {\n font-size: 14.5px;\n color: #cbd5e1;\n margin-top: 10px;\n max-width: 620px;\n}\n\nfooter {\n background: #ffffff;\n border-top: 1px solid var(--border-warm);\n padding: 60px 0 24px;\n}\n\n.footer-grid {\n display: grid;\n grid-template-columns: 1.5fr 1fr 1fr;\n gap: 40px;\n}\n\n.footer-brand p {\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 16px;\n line-height: 1.65;\n max-width: 340px;\n}\n\n.footer-title {\n font-size: 12px;\n font-weight: 800;\n color: var(--navy-dark);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n margin-bottom: 16px;\n}\n\n.footer-links {\n list-style: none;\n display: grid;\n gap: 10px;\n}\n\n.footer-links a, .footer-links li {\n font-size: 13px;\n color: var(--text-secondary);\n}\n\n.footer-links a:hover {\n color: var(--gold-primary);\n}\n\n.footer-bottom {\n margin-top: 48px;\n padding-top: 20px;\n border-top: 1px solid var(--border-subtle);\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n font-size: 12px;\n color: var(--text-muted);\n}\n\n.floating-wa-btn {\n position: fixed;\n bottom: 24px;\n right: 24px;\n z-index: 999;\n background: var(--emerald-wa);\n color: #ffffff;\n padding: 12px 20px;\n border-radius: var(--radius-pill);\n box-shadow: 0 10px 25px rgba(37, 211, 102, 0.4);\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 13.5px;\n font-weight: 700;\n transition: transform 0.25s ease, box-shadow 0.25s ease;\n}\n\n.floating-wa-btn:hover {\n transform: translateY(-4px) scale(1.02);\n box-shadow: 0 14px 30px rgba(37, 211, 102, 0.5);\n color: #ffffff;\n}\n\n@media (max-width: 1024px) {\n .hero-grid {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n .service-card {\n max-width: 100%;\n }\n .grid-3 {\n grid-template-columns: repeat(2, 1fr);\n }\n .trust-bar-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n .cta-banner {\n grid-template-columns: 1fr;\n text-align: center;\n }\n .cta-banner p {\n margin-inline: auto;\n }\n .cta-banner .btn {\n justify-self: center;\n }\n}\n\n@media (max-width: 768px) {\n .nav-links {\n display: none;\n position: absolute;\n top: 80px;\n left: 20px;\n right: 20px;\n background: #ffffff;\n border: 1px solid var(--border-warm);\n border-radius: var(--radius-md);\n padding: 16px;\n box-shadow: var(--shadow-lg);\n flex-direction: column;\n gap: 0;\n }\n .nav-links.active {\n display: flex;\n }\n .nav-links a {\n width: 100%;\n padding: 12px 16px;\n }\n .nav-cta {\n display: none;\n }\n .menu-toggle {\n display: block;\n }\n .grid-3, .grid-2 {\n grid-template-columns: 1fr;\n }\n .process-grid {\n grid-template-columns: 1fr;\n }\n .process-grid::before {\n display: none;\n }\n .price-list {\n grid-template-columns: 1fr;\n }\n .footer-grid {\n grid-template-columns: 1fr;\n }\n .footer-bottom {\n flex-direction: column;\n text-align: center;\n }\n}\n\n@media (max-width: 480px) {\n .trust-bar-grid {\n grid-template-columns: 1fr;\n }\n .hero-actions .btn {\n width: 100%;\n }\n .pricing-card {\n padding: 32px 20px;\n }\n .cta-banner {\n padding: 32px 24px;\n }\n .floating-wa-btn span {\n display: none;\n }\n .floating-wa-btn {\n padding: 14px;\n border-radius: 50%;\n bottom: 18px;\n right: 18px;\n }\n}\n</style>\n\n<!-- Form Widget Overrides -->\n<style type=\"text/css\">\n#app { background-color:transparent !important; text-align:left; } \n.embed-sealHide, .embed-leftHide, .bottom-bar-text { display:none !important; } \n.embed-rightHide { flex: 0 0 100% !important; width: 100% !important; max-width:100% !important; margin:auto; } \n.embed-bgHide { box-shadow:none !important; background:transparent; border:none !important; padding: 1px 20px !important; margin:0; } \n.embed-topSpace { margin:auto !important; } \n.embed-wrapper { height: auto !important; overflow:initial !important; } \n.embed-notopMargin { margin:0 !important; }\n.embed-gap { gap: 10px !important; }\n</style>\n</head>\n\n<body>\n\n<div class=\"topbar\">\n <span class=\"badge-spark\">RESMI & TERPERCAYA</span>\n <span>Jasa Pengalihan Hak Merek HKI Profesional & Transparan</span>\n <span class=\"dot\">•</span>\n <span>Jelas Legal Indonesia</span>\n</div>\n\n<header>\n <div class=\"container nav\">\n <a href=\"/\" class=\"logo\">\n <img src=\"https://cdn.orderhero.id/users/6a729bb7e1a1078a345dd805/landing-gallery/2026/08/26/60842204cca2a637984c4265.webp\" alt=\"Logo Jelas Legal\" class=\"logo-img\">\n </a>\n\n <ul class=\"nav-links\" id=\"navLinks\">\n <li><a href=\"/\">Home</a></li>\n <li><a href=\"#layanan\">Layanan</a></li>\n <li><a href=\"#info\">Informasi</a></li>\n <li><a href=\"#proses\">Cara Kerja</a></li>\n <li><a href=\"#harga\">Harga</a></li>\n <li><a href=\"#faq\">FAQ</a></li>\n </ul>\n\n <a class=\"nav-cta btn-primary\" href=\"https://wa.me/6281234567890?text=Halo%20Jelas%20Legal%2C%20saya%20ingin%20informasi%20mengenai%20pengalihan%20hak%20merek.\" target=\"_blank\" rel=\"noopener\">Konsultasi via WhatsApp</a>\n <button class=\"menu-toggle\" id=\"menuBtn\" aria-label=\"Menu Navigasi\">☰</button>\n </div>\n</header>\n\n<main id=\"home\">\n<section class=\"hero\">\n <div class=\"container hero-grid\">\n <div class=\"hero-content\">\n <div class=\"eyebrow\">\n <span class=\"eyebrow-dot\"></span>\n PENGALIHAN HAK MEREK\n </div>\n\n <h1>Alihkan Hak Merek Dengan Proses Yang <span class=\"highlight\">Terarah.</span></h1>\n\n <p class=\"hero-copy\">Membantu proses pengalihan hak atas merek dari pemilik lama kepada pemilik baru dengan pendampingan yang lebih mudah, profesional, dan transparan.</p>\n\n <div class=\"hero-actions\">\n <a href=\"#harga\" class=\"btn btn-primary\">Lihat Harga</a>\n <a href=\"https://wa.me/6281234567890?text=Halo%20Jelas%20Legal%2C%20saya%20ingin%20konsultasi%20mengenai%20pengalihan%20hak%20merek.\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-outline\">Konsultasi via WhatsApp</a>\n </div>\n\n <div class=\"trust-row\">\n <div class=\"trust-item\"><span>✓</span> Profesional</div>\n <div class=\"trust-item\"><span>✓</span> Transparan</div>\n <div class=\"trust-item\"><span>✓</span> Proses Terarah</div>\n </div>\n </div>\n\n <!-- HERO SERVICE CARD -->\n <div class=\"service-card\">\n <div class=\"service-card-top\">\n <span class=\"service-label\">LAYANAN MEREK</span>\n <div class=\"service-icon\">®</div>\n </div>\n\n <h2>Perlu Mengalihkan Hak Atas Merek?</h2>\n\n <p>Pengalihan hak merek dapat diperlukan ketika kepemilikan atau hak atas suatu merek berpindah kepada pihak lain.</p>\n\n <ul class=\"mini-list\">\n <li>\n <span class=\"check\">✓</span>\n <span>Pemeriksaan data merek</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Persiapan kebutuhan administrasi</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Pendampingan proses pengalihan</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Informasi proses secara transparan</span>\n </li>\n </ul>\n </div>\n </div>\n</section>\n\n<div class=\"trust-bar\">\n <div class=\"container trust-bar-grid\">\n <div class=\"trust-bar-item\">\n <span class=\"trust-bar-icon\">✓</span>\n <span>Proses Terarah</span>\n </div>\n <div class=\"trust-bar-item\">\n <span class=\"trust-bar-icon\">◆</span>\n <span>Profesional</span>\n </div>\n <div class=\"trust-bar-item\">\n <span class=\"trust-bar-icon\">✓</span>\n <span>Transparan</span>\n </div>\n <div class=\"trust-bar-item\">\n <span class=\"trust-bar-icon\">◷</span>\n <span>Komunikatif</span>\n </div>\n </div>\n</div>\n\n<section id=\"layanan\" class=\"section\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">KEUNTUNGAN</span>\n <h2 class=\"section-title\">Pengalihan Hak Merek Lebih Terarah</h2>\n <p class=\"section-desc\">Jangan biarkan perubahan kepemilikan merek hanya berhenti pada dokumen perjanjian. Pastikan kebutuhan administrasi merek juga diperhatikan.</p>\n </div>\n\n <div class=\"grid-3\">\n <article class=\"card\">\n <span class=\"benefit-number\">01</span>\n <h3>Administrasi Lebih Teratur</h3>\n <p>Membantu mempersiapkan kebutuhan administrasi yang berkaitan dengan pengalihan hak atas merek.</p>\n </article>\n\n <article class=\"card\">\n <span class=\"benefit-number\">02</span>\n <h3>Mengurangi Kesalahan</h3>\n <p>Proses dilakukan dengan memperhatikan data dan dokumen yang diperlukan agar proses lebih terarah.</p>\n </article>\n\n <article class=\"card\">\n <span class=\"benefit-number\">03</span>\n <h3>Lebih Praktis</h3>\n <p>Anda tidak perlu menangani seluruh proses administrasi sendiri karena mendapatkan pendampingan.</p>\n </article>\n </div>\n </div>\n</section>\n\n<section id=\"info\" class=\"section section-alt\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">INFORMASI LAYANAN</span>\n <h2 class=\"section-title\">Apa yang Kami Bantu?</h2>\n <p class=\"section-desc\">Kami membantu Anda mempersiapkan kebutuhan pengalihan hak merek dengan proses yang terstruktur.</p>\n </div>\n\n <div class=\"grid-2\">\n <div class=\"info-card\">\n <h3>Yang Termasuk Layanan</h3>\n <p>Pendampingan dapat mencakup beberapa kebutuhan berikut:</p>\n <ul>\n <li>\n <span class=\"check\">✓</span>\n <span>Pemeriksaan informasi merek</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Pemeriksaan kebutuhan dokumen</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Persiapan proses pengalihan</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Pendampingan administrasi</span>\n </li>\n </ul>\n </div>\n\n <div class=\"info-card\">\n <h3>Siapa yang Membutuhkan?</h3>\n <p>Pengalihan hak merek dapat relevan untuk berbagai kondisi, misalnya:</p>\n <ul>\n <li>\n <span class=\"check\">✓</span>\n <span>Merek berpindah kepada pemilik baru</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Perubahan kepemilikan bisnis</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Pengalihan hak berdasarkan perjanjian</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Kebutuhan administrasi kepemilikan merek</span>\n </li>\n </ul>\n </div>\n </div>\n </div>\n</section>\n\n<section id=\"proses\" class=\"section\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">CARA KERJA</span>\n <h2 class=\"section-title\">Proses Pengalihan Hak Merek</h2>\n <p class=\"section-desc\">Kami membantu Anda melalui setiap tahapan secara lebih terstruktur.</p>\n </div>\n\n <div class=\"process-grid\">\n <div class=\"step-card\">\n <div class=\"step-number\">01</div>\n <h3>Konsultasi</h3>\n <p>Sampaikan kondisi dan kebutuhan pengalihan merek Anda.</p>\n </div>\n\n <div class=\"step-card\">\n <div class=\"step-number\">02</div>\n <h3>Pemeriksaan</h3>\n <p>Data dan kebutuhan dokumen diperiksa untuk mempersiapkan proses.</p>\n </div>\n\n <div class=\"step-card\">\n <div class=\"step-number\">03</div>\n <h3>Pengajuan</h3>\n <p>Proses pengalihan hak merek diproses sesuai ketentuan yang berlaku.</p>\n </div>\n\n <div class=\"step-card\">\n <div class=\"step-number\">04</div>\n <h3>Selesai</h3>\n <p>Anda mendapatkan informasi mengenai perkembangan dan hasil proses.</p>\n </div>\n </div>\n </div>\n</section>\n\n<section id=\"harga\" class=\"section section-alt\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">HARGA LAYANAN</span>\n <h2 class=\"section-title\">Pengalihan Hak Merek</h2>\n <p class=\"section-desc\">Pendampingan profesional untuk membantu proses pengalihan hak atas merek Anda.</p>\n </div>\n\n <div class=\"pricing-wrap\">\n <div class=\"pricing-card\">\n <span class=\"pricing-badge\">PAKET PENGALIHAN HAK MEREK</span>\n\n <div class=\"price-header\">\n <small>Jasa Profesional</small>\n <h3>Pengalihan Hak Merek</h3>\n <p>Layanan pendampingan untuk membantu proses pengalihan hak atas merek secara lebih terarah.</p>\n </div>\n\n <div class=\"price-box\">\n <span>Harga jasa</span>\n <strong>Rp4.999.000</strong>\n <div>\n <span class=\"price-note\">Belum termasuk PNBP</span>\n </div>\n </div>\n\n <ul class=\"price-list\">\n <li>\n <span class=\"check\">✓</span>\n <span>Pemeriksaan data merek</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Pemeriksaan kebutuhan dokumen</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Persiapan administrasi</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Pendampingan proses pengalihan</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Informasi perkembangan proses</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Komunikasi dengan tim</span>\n </li>\n </ul>\n\n <!-- WHATSAPP BUTTON -->\n <a class=\"btn btn-wa\" style=\"width: 100%; text-align: center; margin-bottom: 24px;\" href=\"https://wa.me/6281234567890?text=Halo%20Jelas%20Legal%2C%20saya%20ingin%20memesan%20Jasa%20Pengalihan%20Hak%20Merek%20seharga%20Rp4.999.000%20belum%20termasuk%20PNBP.\" target=\"_blank\" rel=\"noopener\">\n <svg class=\"wa-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M20.5 3.5A11.8 11.8 0 0 0 12.08 0C5.55 0 .24 5.3.24 11.83c0 2.08.54 4.11 1.57 5.9L.14 24l6.42-1.64a11.8 11.8 0 0 0 5.52 1.36h.01c6.52 0 11.83-5.3 11.83-11.83 0-3.16-1.23-6.13-3.42-8.39ZM12.09 21.7h-.01a9.8 9.8 0 0 1-5-.1l-.36-.14-3.81.97 1.02-3.71-.17-.38a9.82 9.82 0 1 1 8.33 3.36Zm5.38-7.36c-.29-.15-1.71-.84-1.98-.93-.27-.1-.47-.15-.67.15-.2.29-.77.93-.94 1.12-.17.2-.35.22-.64.07-.29-.15-1.21-.45-2.3-1.43-.85-.76-1.43-1.7-1.6-1.99-.17-.29-.02-.45.13-.6.13-.13.29-.34.44-.51.15-.17.2-.29.3-.49.1-.2.05-.37-.02-.52-.07-.15-.67-1.6-.91-2.19-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.29-1.04 1.02-1.04 2.48s1.07 2.87 1.21 3.07c.15.2 2.1 3.2 5.09 4.49.71.31 1.26.49 1.69.63.71.23 1.35.2 1.86.12.57-.08 1.71-.7 1.95-1.38.24-.68.24-1.26.17-1.38-.07-.12-.27-.2-.56-.34Z\"/>\n </svg>\n <span>Pesan via WhatsApp</span>\n </a>\n\n <!-- EMBED FORM ORDER -->\n <div class=\"order-form-wrapper\">\n <div class=\"form-title\">\n <strong>Form Order Pengalihan Hak Merek</strong>\n <span>Silakan lengkapi data untuk memulai proses</span>\n </div>\n\n <div class=\"embed-box\">\n <mengantar-form-widget id=\"mengantar-form-widget\" url=\"Pengalihan-Hak-Merek\" domain=\"jelaslegal.form.id\" embed=\"true\"\n settings='{\"type\": \"page\", \n \"popupButtonText\": \"Klik untuk pemesanan\",\n \"popupText\": \"Form Pemesanan\",\n \"popupButtonColor\": \"#ca922d\",\n \"redirectTo\": \"https://jelaslegal.form.id\",\n \"isFbPixel\": \"true\",\n \"isHideBackground\": \"true\",\n \"isNoMargin\": \"true\",\n \"isGtm\": \"true\"}'\n ></mengantar-form-widget>\n </div>\n </div>\n </div>\n\n <p class=\"legal-note\"><strong>Catatan:</strong> Harga Rp4.999.000 merupakan biaya jasa dan belum termasuk PNBP atau biaya resmi yang dikenakan sesuai ketentuan yang berlaku.</p>\n </div>\n </div>\n</section>\n\n<section id=\"faq\" class=\"section\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">FAQ</span>\n <h2 class=\"section-title\">Pertanyaan Seputar Pengalihan Hak Merek</h2>\n </div>\n\n <div class=\"faq-grid\">\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Berapa harga jasa pengalihan hak merek?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Harga jasa pengalihan hak merek pada halaman ini adalah Rp4.999.000, belum termasuk PNBP.\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Apakah harga sudah termasuk PNBP?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Belum. Harga Rp4.999.000 merupakan biaya jasa. PNBP atau biaya resmi terkait proses pengalihan dikenakan secara terpisah sesuai ketentuan yang berlaku.\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Apa yang perlu saya siapkan?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Anda dapat menghubungi tim terlebih dahulu untuk mendapatkan informasi mengenai data dan dokumen yang diperlukan sesuai kondisi pengalihan hak merek Anda.\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Apakah bisa konsultasi sebelum memesan?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Tentu. Anda dapat menghubungi kami melalui WhatsApp untuk menjelaskan kondisi dan kebutuhan pengalihan hak merek Anda.\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Apakah proses menjamin hasil tertentu?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Tidak. Proses dan hasil akhir tetap mengikuti pemeriksaan serta ketentuan dari instansi yang berwenang.\n </div>\n </div>\n </div>\n </div>\n</section>\n\n<section class=\"section\" style=\"padding-top: 0;\">\n <div class=\"container\">\n <div class=\"cta-banner\">\n <div>\n <h2>Ingin Mengalihkan Hak Merek?</h2>\n <p>Konsultasikan kebutuhan pengalihan hak merek Anda bersama tim kami.</p>\n </div>\n\n <a href=\"#harga\" class=\"btn btn-primary\">Mulai Konsultasi</a>\n </div>\n </div>\n</section>\n</main>\n\n<footer>\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <a class=\"logo\" href=\"/\">\n <img src=\"https://cdn.orderhero.id/users/6a729bb7e1a1078a345dd805/landing-gallery/2026/08/26/60842204cca2a637984c4265.webp\" alt=\"Logo Jelas Legal\" class=\"logo-img\">\n </a>\n <p>Partner legalitas bisnis Anda. Membantu mengurus kebutuhan legalitas dengan proses yang mudah, transparan, dan terarah.</p>\n </div>\n\n <div>\n <div class=\"footer-title\">Layanan</div>\n <ul class=\"footer-links\">\n <li><a href=\"/jasa-pendaftaran-merek\">Pendaftaran Merek</a></li>\n <li><a href=\"/layanan/merek-hki/penelusuran-merek\">Penelusuran Merek</a></li>\n <li><a href=\"/layanan/merek-hki/konsultasi-merek\">Konsultasi Merek</a></li>\n <li><a href=\"/layanan/merek-hki/perpanjangan-merek\">Perpanjangan Merek</a></li>\n <li><a href=\"/layanan/merek-hki/pengalihan-hak-merek\">Pengalihan Hak Merek</a></li>\n </ul>\n </div>\n\n <div>\n <div class=\"footer-title\">Kontak</div>\n <ul class=\"footer-links\">\n <li>WhatsApp: 0812-3456-7890</li>\n <li>Email: halo@jelaslegal.com</li>\n <li>Indonesia</li>\n </ul>\n </div>\n </div>\n\n <div class=\"footer-bottom\">\n <span>© 2026 Jelas Legal. All rights reserved.</span>\n <span>Sah • Aman • Terpercaya</span>\n </div>\n </div>\n</footer>\n\n<!-- FLOATING WHATSAPP BUTTON -->\n<a class=\"floating-wa-btn\" href=\"https://wa.me/6281234567890?text=Halo%20Jelas%20Legal%2C%20saya%20ingin%20informasi%20mengenai%20pengalihan%20hak%20merek.\" target=\"_blank\" rel=\"noopener\" aria-label=\"Chat WhatsApp\">\n <svg class=\"wa-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M20.5 3.5A11.8 11.8 0 0 0 12.08 0C5.55 0 .24 5.3.24 11.83c0 2.08.54 4.11 1.57 5.9L.14 24l6.42-1.64a11.8 11.8 0 0 0 5.52 1.36h.01c6.52 0 11.83-5.3 11.83-11.83 0-3.16-1.23-6.13-3.42-8.39ZM12.09 21.7h-.01a9.8 9.8 0 0 1-5-.1l-.36-.14-3.81.97 1.02-3.71-.17-.38a9.82 9.82 0 1 1 8.33 3.36Zm5.38-7.36c-.29-.15-1.71-.84-1.98-.93-.27-.1-.47-.15-.67.15-.2.29-.77.93-.94 1.12-.17.2-.35.22-.64.07-.29-.15-1.21-.45-2.3-1.43-.85-.76-1.43-1.7-1.6-1.99-.17-.29-.02-.45.13-.6.13-.13.29-.34.44-.51.15-.17.2-.29.3-.49.1-.2.05-.37-.02-.52-.07-.15-.67-1.6-.91-2.19-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.29-1.04 1.02-1.04 2.48s1.07 2.87 1.21 3.07c.15.2 2.1 3.2 5.09 4.49.71.31 1.26.49 1.69.63.71.23 1.35.2 1.86.12.57-.08 1.71-.7 1.95-1.38.24-.68.24-1.26.17-1.38-.07-.12-.27-.2-.56-.34Z\"/>\n </svg>\n <span>Konsultasi WA</span>\n</a>\n\n<script src=\"https://jelaslegal.form.id/app.js\"></script>\n<script>\n// Mobile Navigation Toggle\nconst menuBtn = document.getElementById('menuBtn');\nconst navLinks = document.getElementById('navLinks');\n\nif (menuBtn && navLinks) {\n menuBtn.addEventListener('click', () => {\n navLinks.classList.toggle('active');\n });\n\n document.querySelectorAll('.nav-links a').forEach(a => {\n a.addEventListener('click', () => navLinks.classList.remove('active'));\n });\n}\n\n// Interactive FAQ Accordion\ndocument.querySelectorAll('.faq-question').forEach(btn => {\n btn.addEventListener('click', () => {\n const item = btn.parentElement;\n const isOpen = item.classList.contains('open');\n\n // Close all items\n document.querySelectorAll('.faq-item').forEach(x => {\n x.classList.remove('open');\n x.querySelector('.faq-toggle-icon').textContent = '+';\n });\n\n // Toggle current\n if (!isOpen) {\n item.classList.add('open');\n btn.querySelector('.faq-toggle-icon').textContent = '−';\n }\n });\n});\n</script>\n\n</body>\n</html>","portalselector":"html-head","inhead":false,"dynamicStyleKey":[],"dirty":null},"components":{"allIds":[]}},"jLX7":{"_id":"jLX7","key":"tracking-fb-pixel-event","name":"FB Pixel Event","attributes":{"recordAt":"load","pixelIds":["M7Je"],"pixelEvent":"ViewContent","contentName":"","pixelValue":"","eventName":"","dynamicStyleKey":[],"dirty":null},"components":{"allIds":[]}}},"allIds":["vTBB","jLX7"]}}},"allIds":["908e"]},"slug":"pengalihan-hak-merek","canvas":"0","state":"publish","userUuid":"6a8e5d12505cee8b960eb56f","publishSlug":"pengalihan-hak-merek","slugName":"jelaslegal","isOriginal":true,"isABTesting":false,"autoSave":false,"index":false,"settings":{"keyword_phrase":"","keyword_phrase_options":[],"seo_title":["title","separator","keyword"],"meta_description":"","search_engine_display":true,"search_engine_follow":true,"scripts":{"disable_global":false,"head":"","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":false,"formulirBoost":false},"permalink":"https://jelaslegal.buat.page/pengalihan-hak-merek","pageContentId":"6a8fac3f50ef59f3366e2995"},"pixel":{"_id":"6a8f0f2337e2584aa8aed3a5","pixel":{"tiktok":{"autoPageView":false,"byId":{},"allIds":[]},"facebook":{"autoPageView":false,"byId":{"M7Je":{"id":"1571722444348770","name":"Jelas Legal","_id":"M7Je"}},"allIds":["M7Je"]},"snackvideo":{"autoPageView":false,"byId":{},"allIds":[]},"googletagmanager":{"autoPageView":false,"byId":{},"allIds":[]},"_id":"6a8f0f23194e7fd7261afad0"}}}