Jasa Perpanjangan Merek | Jelas Legal

PERPANJANGAN MEREK

Jangan Biarkan Perlindungan Merek Terlewat.

Bantu perpanjang perlindungan merek Anda dengan proses yang lebih mudah dan terarah. Jelas Legal membantu mempersiapkan dan menangani proses perpanjangan merek sesuai kebutuhan Anda.

Lihat Harga Tanya via WhatsApp

✓ Profesional

✓ Transparan

✓ Proses Terarah

LAYANAN MEREK

Saatnya Memperpanjang Merek?

Jangan menunggu sampai masa perlindungan merek berakhir. Persiapkan proses perpanjangan lebih awal agar kebutuhan merek Anda tetap terkelola.

✓ Membantu persiapan perpanjangan
✓ Pemeriksaan informasi merek
✓ Pendampingan proses pengajuan
✓ Informasi biaya secara transparan

✓ Proses Terarah

◆ Profesional

✓ Transparan

◷ Komunikatif

KEUNTUNGAN

Kenapa Perpanjang Merek?

Merek merupakan salah satu aset penting dalam bisnis. Pastikan perlindungannya tetap diperhatikan.

Menjaga Perlindungan

Membantu menjaga keberlanjutan perlindungan merek sesuai ketentuan yang berlaku.

Mengurangi Risiko Terlewat

Persiapan yang lebih awal membantu Anda menghindari kelalaian dalam proses perpanjangan.

Lebih Praktis

Anda dapat menyerahkan proses administrasi kepada tim yang membantu mengurus kebutuhan perpanjangan.

INFORMASI LAYANAN

Apa yang Kami Bantu?

Layanan dibuat untuk membantu Anda melalui proses perpanjangan merek secara lebih terstruktur.

Yang Termasuk Layanan

Beberapa hal yang dapat dibantu dalam proses perpanjangan merek antara lain:

✓ Pemeriksaan data dan informasi merek
✓ Persiapan kebutuhan administrasi
✓ Pendampingan proses perpanjangan
✓ Informasi perkembangan proses

Yang Perlu Dipersiapkan

Agar proses dapat dipersiapkan dengan baik, beberapa informasi mungkin diperlukan.

✓ Data pemilik merek
✓ Informasi nomor pendaftaran merek
✓ Dokumen pendukung yang diperlukan
✓ Informasi kontak yang aktif

CARA KERJA

Proses yang Sederhana

Kami buat sesederhana mungkin agar Anda dapat fokus menjalankan bisnis.

Konsultasi

Sampaikan informasi dan kebutuhan perpanjangan merek Anda.

Pemeriksaan

Kami membantu memeriksa data dan kebutuhan proses.

Pengajuan

Proses perpanjangan dilakukan sesuai kebutuhan dan prosedur yang berlaku.

Selesai

Anda mendapatkan informasi mengenai perkembangan dan hasil proses.

HARGA LAYANAN

Perpanjangan Merek

Harga jasa profesional untuk membantu proses perpanjangan merek Anda.

PAKET PERPANJANGAN MEREK

Jasa Profesional

Perpanjangan Merek

Layanan pendampingan untuk membantu proses perpanjangan perlindungan merek Anda.

Harga jasa Rp1.990.000

Belum termasuk PNBP

✓ Pemeriksaan data merek
✓ Persiapan administrasi
✓ Pendampingan pengajuan
✓ Informasi perkembangan proses
✓ Komunikasi dengan tim
✓ Pendampingan hingga proses selesai

Pesan via WhatsApp

Form Order Perpanjangan Merek Silakan lengkapi data untuk memulai proses

Catatan: Harga Rp1.990.000 merupakan biaya jasa dan belum termasuk PNBP/biaya resmi yang dikenakan sesuai ketentuan yang berlaku.

FAQ

Pertanyaan Seputar Perpanjangan Merek

Harga jasa perpanjangan merek pada halaman ini adalah Rp1.990.000, belum termasuk PNBP.

Belum. Rp1.990.000 merupakan biaya jasa. PNBP atau biaya resmi terkait proses perpanjangan dikenakan secara terpisah sesuai ketentuan yang berlaku.

Pada tahap awal, Anda dapat menyiapkan informasi mengenai merek dan nomor pendaftaran merek. Tim akan membantu menginformasikan dokumen atau data lain yang diperlukan.

Tentu. Anda dapat menghubungi kami melalui tombol WhatsApp untuk menyampaikan kondisi dan kebutuhan perpanjangan merek Anda.

Tidak. Proses dan hasil akhir tetap mengikuti pemeriksaan serta ketentuan dari instansi yang berwenang.

Konsultasi WA

{"page":{"_id":"6a8fa99016e91c8841040601","title":"Perpanjangan 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 Perpanjangan Merek | Jelas Legal</title>\n<meta name=\"description\" content=\"Jasa Perpanjangan Merek Jelas Legal. Bantu perpanjang perlindungan merek Anda dengan proses yang mudah, profesional, dan transparan.\">\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.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\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 Perpanjangan 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%20perpanjangan%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 PERPANJANGAN MEREK\n </div>\n\n <h1>Jangan Biarkan Perlindungan Merek <span class=\"highlight\">Terlewat.</span></h1>\n\n <p class=\"hero-copy\">Bantu perpanjang perlindungan merek Anda dengan proses yang lebih mudah dan terarah. Jelas Legal membantu mempersiapkan dan menangani proses perpanjangan merek sesuai kebutuhan Anda.</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%20menanyakan%20perpanjangan%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> Transparan</div>\n <div class=\"trust-item\"><span>✓</span> Proses Terarah</div>\n </div>\n </div>\n\n \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>Saatnya Memperpanjang Merek?</h2>\n\n <p>Jangan menunggu sampai masa perlindungan merek berakhir. Persiapkan proses perpanjangan lebih awal agar kebutuhan merek Anda tetap terkelola.</p>\n\n <ul class=\"mini-list\">\n <li>\n <span class=\"check\">✓</span>\n <span>Membantu persiapan perpanjangan</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Pemeriksaan informasi merek</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Pendampingan proses pengajuan</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Informasi biaya 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\">Kenapa Perpanjang Merek?</h2>\n <p class=\"section-desc\">Merek merupakan salah satu aset penting dalam bisnis. Pastikan perlindungannya tetap diperhatikan.</p>\n </div>\n\n <div class=\"grid-3\">\n <article class=\"card\">\n <span class=\"benefit-number\">01</span>\n <h3>Menjaga Perlindungan</h3>\n <p>Membantu menjaga keberlanjutan perlindungan merek sesuai ketentuan yang berlaku.</p>\n </article>\n\n <article class=\"card\">\n <span class=\"benefit-number\">02</span>\n <h3>Mengurangi Risiko Terlewat</h3>\n <p>Persiapan yang lebih awal membantu Anda menghindari kelalaian dalam proses perpanjangan.</p>\n </article>\n\n <article class=\"card\">\n <span class=\"benefit-number\">03</span>\n <h3>Lebih Praktis</h3>\n <p>Anda dapat menyerahkan proses administrasi kepada tim yang membantu mengurus kebutuhan perpanjangan.</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\">Layanan dibuat untuk membantu Anda melalui proses perpanjangan merek secara lebih terstruktur.</p>\n </div>\n\n <div class=\"grid-2\">\n <div class=\"info-card\">\n <h3>Yang Termasuk Layanan</h3>\n <p>Beberapa hal yang dapat dibantu dalam proses perpanjangan merek antara lain:</p>\n <ul>\n <li>\n <span class=\"check\">✓</span>\n <span>Pemeriksaan data dan informasi 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 perpanjangan</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Informasi perkembangan proses</span>\n </li>\n </ul>\n </div>\n\n <div class=\"info-card\">\n <h3>Yang Perlu Dipersiapkan</h3>\n <p>Agar proses dapat dipersiapkan dengan baik, beberapa informasi mungkin diperlukan.</p>\n <ul>\n <li>\n <span class=\"check\">✓</span>\n <span>Data pemilik merek</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Informasi nomor pendaftaran merek</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Dokumen pendukung yang diperlukan</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Informasi kontak yang aktif</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 yang Sederhana</h2>\n <p class=\"section-desc\">Kami buat sesederhana mungkin agar Anda dapat fokus menjalankan bisnis.</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 informasi dan kebutuhan perpanjangan merek Anda.</p>\n </div>\n\n <div class=\"step-card\">\n <div class=\"step-number\">02</div>\n <h3>Pemeriksaan</h3>\n <p>Kami membantu memeriksa data dan kebutuhan proses.</p>\n </div>\n\n <div class=\"step-card\">\n <div class=\"step-number\">03</div>\n <h3>Pengajuan</h3>\n <p>Proses perpanjangan dilakukan sesuai kebutuhan dan prosedur 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\">Perpanjangan Merek</h2>\n <p class=\"section-desc\">Harga jasa profesional untuk membantu proses perpanjangan merek Anda.</p>\n </div>\n\n <div class=\"pricing-wrap\">\n <div class=\"pricing-card\">\n <span class=\"pricing-badge\">PAKET PERPANJANGAN MEREK</span>\n\n <div class=\"price-header\">\n <small>Jasa Profesional</small>\n <h3>Perpanjangan Merek</h3>\n <p>Layanan pendampingan untuk membantu proses perpanjangan perlindungan merek Anda.</p>\n </div>\n\n <div class=\"price-box\">\n <span>Harga jasa</span>\n <strong>Rp1.990.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>Persiapan administrasi</span>\n </li>\n <li>\n <span class=\"check\">✓</span>\n <span>Pendampingan pengajuan</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 <li>\n <span class=\"check\">✓</span>\n <span>Pendampingan hingga proses selesai</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%20Perpanjangan%20Merek%20seharga%20Rp1.990.000%20di%20luar%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 \n <div class=\"order-form-wrapper\">\n <div class=\"form-title\">\n <strong>Form Order Perpanjangan 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=\"Perpanjangan-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 Rp1.990.000 merupakan biaya jasa dan belum termasuk PNBP/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 Perpanjangan 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 perpanjangan merek?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Harga jasa perpanjangan merek pada halaman ini adalah Rp1.990.000, belum termasuk PNBP.\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Apakah harga tersebut sudah termasuk PNBP?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Belum. Rp1.990.000 merupakan biaya jasa. PNBP atau biaya resmi terkait proses perpanjangan 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 Pada tahap awal, Anda dapat menyiapkan informasi mengenai merek dan nomor pendaftaran merek. Tim akan membantu menginformasikan dokumen atau data lain yang diperlukan.\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Apakah saya bisa konsultasi terlebih dahulu?</span>\n <span class=\"faq-toggle-icon\">+</span>\n </button>\n <div class=\"faq-answer\">\n Tentu. Anda dapat menghubungi kami melalui tombol WhatsApp untuk menyampaikan kondisi dan kebutuhan perpanjangan merek Anda.\n </div>\n </div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n <span>Apakah perpanjangan merek 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>Merek Anda Segera Berakhir?</h2>\n <p>Jangan menunggu sampai terlambat. Konsultasikan perpanjangan merek Anda.</p>\n </div>\n\n <a href=\"#harga\" class=\"btn btn-primary\">Perpanjang 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/perpanjangan-merek\">Perpanjangan 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\n<a class=\"floating-wa-btn\" href=\"https://wa.me/6281234567890?text=Halo%20Jelas%20Legal%2C%20saya%20ingin%20informasi%20mengenai%20perpanjangan%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":"perpanjangan-merek-dagang","canvas":"0","state":"publish","userUuid":"6a8e5d12505cee8b960eb56f","publishSlug":"perpanjangan-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/perpanjangan-merek-dagang","pageContentId":"6a8fa99016e91c8841040604"},"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"}}}