Jasa Konsultasi Merek | Jelas Legal

KONSULTASI MEREK

Punya Pertanyaan Tentang Merek? Mari Bahas Bersama.

Konsultasikan kebutuhan merek kamu sebelum mengambil keputusan. Dapatkan pembahasan yang lebih terarah mengenai kondisi, strategi, dan langkah yang dapat dipertimbangkan untuk merek kamu.

Lihat Paket Konsultasi Tanya via WhatsApp

✓ Profesional

✓ Terarah

✓ Transparan

KONSULTASI MEREK

Bingung harus mulai dari mana?

Konsultasi dapat membantu kamu memahami pilihan dan langkah yang dapat dipertimbangkan sesuai kebutuhan merek.

✓ Membahas kondisi dan kebutuhan merek
✓ Membantu memahami pilihan langkah
✓ Diskusi mengenai strategi merek
✓ Mendapatkan arahan yang lebih terstruktur

✓ Proses Terarah

◆ Profesional

✓ Transparan

◷ Komunikatif

LAYANAN

Kenapa Konsultasi Merek?

Tidak semua persoalan merek bisa diselesaikan hanya dengan mencari informasi secara mandiri. Konsultasi membantu kamu membahas kebutuhan secara lebih spesifik.

Memahami Kondisi Merek

Membahas kondisi merek dan hal-hal yang perlu diperhatikan sebelum menentukan langkah selanjutnya.

Menentukan Strategi

Mendiskusikan pilihan strategi yang dapat dipertimbangkan berdasarkan kebutuhan merek kamu.

Langkah Lebih Terarah

Membantu kamu memahami langkah berikutnya sehingga keputusan dapat dibuat dengan informasi yang lebih jelas.

TOPIK KONSULTASI

Apa yang Bisa Dibahas?

Konsultasi dapat disesuaikan dengan kebutuhan dan persoalan merek yang sedang kamu hadapi.

Strategi Pendaftaran Merek

Diskusi mengenai persiapan dan langkah yang perlu dipertimbangkan sebelum melakukan pendaftaran.

⌕

Penelusuran & Kemiripan Merek

Membahas hasil penelusuran dan bagaimana memahami informasi mengenai merek yang memiliki kemiripan.

◆

Kelas & Perlindungan Merek

Mendiskusikan kebutuhan perlindungan merek dan hal-hal yang perlu diperhatikan.

✓

Kendala Merek

Membahas kendala atau pertanyaan yang sedang kamu hadapi terkait merek.

CARA KERJA

Konsultasi Tanpa Ribet

Proses dibuat sederhana agar kamu dapat langsung fokus pada persoalan merek.

Pesan

Pilih paket konsultasi dan lakukan pemesanan.

Isi Form

Ceritakan kebutuhan atau persoalan merek yang ingin dibahas.

Konsultasi

Diskusikan kebutuhan merek bersama tim Jelas Legal.

Arahan

Dapatkan pembahasan dan arahan sesuai topik konsultasi.

HARGA KONSULTASI

Konsultasi Merek

Konsultasikan kebutuhan merek kamu dengan lebih terarah.

PAKET KONSULTASI MEREK

Konsultasi Profesional

Konsultasi Merek

Sesi konsultasi untuk membahas kebutuhan, pertanyaan, strategi, atau kendala yang berkaitan dengan merek kamu.

Investasi konsultasi Rp999.000

✓ Konsultasi kebutuhan merek
✓ Pembahasan permasalahan merek
✓ Diskusi strategi merek
✓ Arahan langkah berikutnya
✓ Pembahasan hasil penelusuran
✓ Form order online

Pesan via WhatsApp

Form Order Konsultasi Silakan lengkapi data sebelum konsultasi

* Konsultasi memberikan pembahasan dan arahan berdasarkan informasi yang disampaikan pada saat konsultasi. Hasil konsultasi bukan merupakan jaminan bahwa permohonan merek pasti diterima.

FAQ

Pertanyaan Seputar Konsultasi Merek

Kamu dapat membahas kebutuhan, pertanyaan, strategi, hasil penelusuran, maupun kendala yang berkaitan dengan merek.

Harga paket konsultasi pada halaman ini adalah Rp999.000.

Tidak selalu. Kebutuhan konsultasi dapat disampaikan melalui form order sehingga topik pembahasan dapat dipersiapkan terlebih dahulu.

Kamu dapat menghubungi WhatsApp melalui tombol pemesanan atau langsung mengisi form order yang tersedia di bawah tombol WhatsApp.

Tidak. Konsultasi bertujuan memberikan pembahasan dan arahan berdasarkan informasi yang tersedia dan tidak menjamin hasil akhir suatu permohonan.

Konsultasi Merek via WA

{"page":{"_id":"6a8fa628c67c15c52ee648d9","title":"Konsultasi Merek Dagang","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 Konsultasi Merek | Jelas Legal</title>\n<meta name=\"description\" content=\"Jasa Konsultasi Merek Jelas Legal untuk membantu Anda memahami strategi perlindungan merek, pendaftaran, potensi kendala, dan langkah hukum yang tepat.\">\n\n\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\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.logo-text-box strong {\n display: block;\n font-family: 'Playfair Display', serif;\n font-size: 20px;\n color: var(--navy-dark);\n line-height: 1.1;\n}\n\n.logo-text-box small {\n display: block;\n font-size: 10px;\n font-weight: 700;\n color: var(--gold-primary);\n letter-spacing: 0.05em;\n text-transform: uppercase;\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.consult-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.consult-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.consult-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.consult-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.consult-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.consult-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 COMMON */\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/* CARDS & GRIDS */\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.topic-card {\n background: var(--bg-card);\n border: 1px solid var(--border-warm);\n border-radius: var(--radius-lg);\n padding: 28px 24px;\n box-shadow: var(--shadow-sm);\n transition: all 0.3s ease;\n}\n\n.topic-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--shadow-md);\n border-color: var(--gold-border);\n}\n\n.topic-icon-circle {\n width: 48px;\n height: 48px;\n border-radius: 14px;\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: 20px;\n font-weight: 700;\n margin-bottom: 18px;\n}\n\n.topic-card h3 {\n font-family: 'Playfair Display', serif;\n font-size: 20px;\n color: var(--navy-dark);\n margin-bottom: 8px;\n font-weight: 700;\n}\n\n.topic-card p {\n font-size: 13.5px;\n color: var(--text-secondary);\n line-height: 1.6;\n}\n\n/* PROCESS GRID */\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-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.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/* RESPONSIVE MEDIA QUERIES */\n@media (max-width: 1024px) {\n .hero-grid {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n .consult-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\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 Konsultasi 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=\"#topik\">Topik</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%20konsultasi%20mengenai%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 KONSULTASI MEREK\n </div>\n\n <h1>Punya Pertanyaan Tentang Merek? <span class=\"highlight\">Mari Bahas Bersama.</span></h1>\n\n <p class=\"hero-copy\">Konsultasikan kebutuhan merek kamu sebelum mengambil keputusan. Dapatkan pembahasan yang lebih terarah mengenai kondisi, strategi, dan langkah yang dapat dipertimbangkan untuk merek kamu.</p>\n\n <div class=\"hero-actions\">\n <a href=\"#harga\" class=\"btn btn-primary\">Lihat Paket Konsultasi</a>\n <a href=\"https://wa.me/6281234567890?text=Halo%20Jelas%20Legal%2C%20saya%20ingin%20konsultasi%20mengenai%20merek.\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-outline\">Tanya 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> Terarah</div>\n <div class=\"trust-item\"><span>✓</span> Transparan</div>\n </div>\n </div>\n\n \n <div class=\"consult-card\">\n <div class=\"consult-card-top\">\n <span class=\"consult-label\">KONSULTASI MEREK</span>\n <div class=\"consult-icon\">?</div>\n </div>\n\n <h2>Bingung harus mulai dari mana?</h2>\n\n <p>Konsultasi dapat membantu kamu memahami pilihan dan langkah yang dapat dipertimbangkan sesuai kebutuhan merek.</p>\n\n <ul class=\"mini-list\">\n <li>\n <span class=\"check\">✓</span>\n <span>Membahas kondisi dan kebutuhan merek</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Membantu memahami pilihan langkah</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Diskusi mengenai strategi merek</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Mendapatkan arahan yang lebih terstruktur</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\">LAYANAN</span>\n <h2 class=\"section-title\">Kenapa Konsultasi Merek?</h2>\n <p class=\"section-desc\">Tidak semua persoalan merek bisa diselesaikan hanya dengan mencari informasi secara mandiri. Konsultasi membantu kamu membahas kebutuhan secara lebih spesifik.</p>\n </div>\n\n <div class=\"grid-3\">\n <article class=\"card\">\n <span class=\"benefit-number\">01</span>\n <h3>Memahami Kondisi Merek</h3>\n <p>Membahas kondisi merek dan hal-hal yang perlu diperhatikan sebelum menentukan langkah selanjutnya.</p>\n </article>\n\n <article class=\"card\">\n <span class=\"benefit-number\">02</span>\n <h3>Menentukan Strategi</h3>\n <p>Mendiskusikan pilihan strategi yang dapat dipertimbangkan berdasarkan kebutuhan merek kamu.</p>\n </article>\n\n <article class=\"card\">\n <span class=\"benefit-number\">03</span>\n <h3>Langkah Lebih Terarah</h3>\n <p>Membantu kamu memahami langkah berikutnya sehingga keputusan dapat dibuat dengan informasi yang lebih jelas.</p>\n </article>\n </div>\n </div>\n</section>\n\n<section id=\"topik\" class=\"section section-alt\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"kicker\">TOPIK KONSULTASI</span>\n <h2 class=\"section-title\">Apa yang Bisa Dibahas?</h2>\n <p class=\"section-desc\">Konsultasi dapat disesuaikan dengan kebutuhan dan persoalan merek yang sedang kamu hadapi.</p>\n </div>\n\n <div class=\"grid-2\">\n <article class=\"topic-card\">\n <div class=\"topic-icon-circle\">®</div>\n <h3>Strategi Pendaftaran Merek</h3>\n <p>Diskusi mengenai persiapan dan langkah yang perlu dipertimbangkan sebelum melakukan pendaftaran.</p>\n </article>\n\n <article class=\"topic-card\">\n <div class=\"topic-icon-circle\">⌕</div>\n <h3>Penelusuran & Kemiripan Merek</h3>\n <p>Membahas hasil penelusuran dan bagaimana memahami informasi mengenai merek yang memiliki kemiripan.</p>\n </article>\n\n <article class=\"topic-card\">\n <div class=\"topic-icon-circle\">◆</div>\n <h3>Kelas & Perlindungan Merek</h3>\n <p>Mendiskusikan kebutuhan perlindungan merek dan hal-hal yang perlu diperhatikan.</p>\n </article>\n\n <article class=\"topic-card\">\n <div class=\"topic-icon-circle\">✓</div>\n <h3>Kendala Merek</h3>\n <p>Membahas kendala atau pertanyaan yang sedang kamu hadapi terkait merek.</p>\n </article>\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\">Konsultasi Tanpa Ribet</h2>\n <p class=\"section-desc\">Proses dibuat sederhana agar kamu dapat langsung fokus pada persoalan merek.</p>\n </div>\n\n <div class=\"process-grid\">\n <div class=\"step-card\">\n <div class=\"step-number\">01</div>\n <h3>Pesan</h3>\n <p>Pilih paket konsultasi dan lakukan pemesanan.</p>\n </div>\n\n <div class=\"step-card\">\n <div class=\"step-number\">02</div>\n <h3>Isi Form</h3>\n <p>Ceritakan kebutuhan atau persoalan merek yang ingin dibahas.</p>\n </div>\n\n <div class=\"step-card\">\n <div class=\"step-number\">03</div>\n <h3>Konsultasi</h3>\n <p>Diskusikan kebutuhan merek bersama tim Jelas Legal.</p>\n </div>\n\n <div class=\"step-card\">\n <div class=\"step-number\">04</div>\n <h3>Arahan</h3>\n <p>Dapatkan pembahasan dan arahan sesuai topik konsultasi.</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 KONSULTASI</span>\n <h2 class=\"section-title\">Konsultasi Merek</h2>\n <p class=\"section-desc\">Konsultasikan kebutuhan merek kamu dengan lebih terarah.</p>\n </div>\n\n <div class=\"pricing-wrap\">\n <div class=\"pricing-card\">\n <span class=\"pricing-badge\">PAKET KONSULTASI MEREK</span>\n\n <div class=\"price-header\">\n <small>Konsultasi Profesional</small>\n <h3>Konsultasi Merek</h3>\n <p>Sesi konsultasi untuk membahas kebutuhan, pertanyaan, strategi, atau kendala yang berkaitan dengan merek kamu.</p>\n </div>\n\n <div class=\"price-box\">\n <span>Investasi konsultasi</span>\n <strong>Rp999.000</strong>\n </div>\n\n <ul class=\"price-list\">\n <li>\n <span class=\"check\">✓</span>\n <span>Konsultasi kebutuhan merek</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Pembahasan permasalahan merek</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Diskusi strategi merek</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Arahan langkah berikutnya</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Pembahasan hasil penelusuran</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Form order online</span>\n </li>\n </ul>\n\n \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%20Konsultasi%20Merek%20seharga%20Rp999.000.\" 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 \n <div class=\"order-form-wrapper\">\n <div class=\"form-title\">\n <strong>Form Order Konsultasi</strong>\n <span>Silakan lengkapi data sebelum konsultasi</span>\n </div>\n\n <div class=\"embed-box\">\n <mengantar-form-widget id=\"mengantar-form-widget\" url=\"konsultasi-merek-dagang\" 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\">* Konsultasi memberikan pembahasan dan arahan berdasarkan informasi yang disampaikan pada saat konsultasi. Hasil konsultasi bukan merupakan jaminan bahwa permohonan merek pasti diterima.</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 Konsultasi Merek</h2>\n </div>\n\n <div class=\"faq-grid\">\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Apa saja yang bisa saya konsultasikan?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Kamu dapat membahas kebutuhan, pertanyaan, strategi, hasil penelusuran, maupun kendala yang berkaitan dengan merek.\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Berapa harga konsultasi merek?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Harga paket konsultasi pada halaman ini adalah Rp999.000.\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Apakah saya harus melakukan penelusuran merek terlebih dahulu?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Tidak selalu. Kebutuhan konsultasi dapat disampaikan melalui form order sehingga topik pembahasan dapat dipersiapkan terlebih dahulu.\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Bagaimana cara melakukan pemesanan?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Kamu dapat menghubungi WhatsApp melalui tombol pemesanan atau langsung mengisi form order yang tersedia di bawah tombol WhatsApp.\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Apakah konsultasi menjamin merek saya akan diterima?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Tidak. Konsultasi bertujuan memberikan pembahasan dan arahan berdasarkan informasi yang tersedia dan tidak menjamin hasil akhir suatu permohonan.\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>Masih Bingung dengan Merek Kamu?</h2>\n <p>Bahas terlebih dahulu sebelum mengambil langkah berikutnya.</p>\n </div>\n\n <a href=\"#harga\" class=\"btn btn-primary\">Konsultasi Merek</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/hak-cipta\">Pendaftaran Hak Cipta</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\n<a class=\"floating-wa-btn\" href=\"https://wa.me/6281234567890?text=Halo%20Jelas%20Legal%2C%20saya%20ingin%20konsultasi%20mengenai%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 Merek via 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":"konsultasi-merek-dagang","canvas":"0","state":"publish","userUuid":"6a8e5d12505cee8b960eb56f","publishSlug":"konsultasi-merek-dagang","slugName":"jelaslegal","isOriginal":true,"isABTesting":false,"autoSave":false,"index":false,"settings":{"published_on":null,"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}},"permalink":"https://jelaslegal.buat.page/konsultasi-merek-dagang","pageContentId":"6a8fa629c67c15c52ee648dc"},"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"}}}