{"id":1214,"date":"2026-03-11T02:28:17","date_gmt":"2026-03-11T02:28:17","guid":{"rendered":"https:\/\/www.getclawhub.com\/?page_id=1214"},"modified":"2026-03-17T06:56:00","modified_gmt":"2026-03-17T06:56:00","slug":"getclawhub-download","status":"publish","type":"page","link":"https:\/\/www.getclawhub.com\/id\/","title":{"rendered":"Unduh OpenClaw untuk Mac \u2014 GetClawHub"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n GetClawHub \u2014 One-Click Access to OpenClaw<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n :root {\r\n --ink: #0a0a0f;\r\n --paper: #f5f4ef;\r\n --cream: #faf9f4;\r\n --amber: #e8a020;\r\n --amber-light: #f5c055;\r\n --amber-pale: #fdf3d8;\r\n --teal: #0f7c6e;\r\n --teal-light: #1aab97;\r\n --muted: #6b6960;\r\n --border: #dedad2;\r\n --card-bg: #ffffff;\r\n --sec: #df1720;\r\n --third: #a30f0f;\r\n --forth: #000000;\r\n --shadow: 0 2px 24px rgba(10,10,15,0.07);\r\n --shadow-lg: 0 8px 48px rgba(10,10,15,0.12);\r\n }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n font-family: 'Open Sans', sans-serif;\r\n background: var(--paper);\r\n color: var(--ink);\r\n line-height: 1.65;\r\n overflow-x: hidden;\r\n }\r\n\r\n h1, h2, h3, h4 {\r\n font-family: 'Open Sans', sans-serif;\r\n line-height: 1.15;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\r\n nav {\r\n position: sticky; top: 0; z-index: 100;\r\n background: rgba(245,244,239,0.92);\r\n backdrop-filter: blur(12px);\r\n border-bottom: 1px solid var(--border);\r\n padding: 0 5vw;\r\n display: flex; align-items: center; justify-content: space-between;\r\n height: 80px;\r\n }\r\n .logo {\r\n font-family: 'Open Sans', sans-serif;\r\n font-weight: 800; font-size: 1.3rem;\r\n color: var(--ink);\r\n display: flex; align-items: center; gap: 8px;\r\n text-decoration: none;\r\n }\r\n .logo img { height: 60px; width: auto; display: block; }\r\n .nav-links { display: flex; gap: 32px; align-items: center; list-style: none; }\r\n .nav-links a { text-decoration: none; color: var(--muted); font-size: 0.9rem; font-weight: 500; transition: color .2s; }\r\n .nav-links a:hover { color: var(--ink); }\r\n .nav-cta {\r\n background: var(--card-bg); color: #000;\r\n padding: 9px 22px; border-radius: 8px;\r\n font-size: 0.88rem; font-weight: 600;\r\n text-decoration: none; display: inline-flex; align-items: center; gap: 8px;\r\n transition: all .25s; box-shadow: 0 4px 20px rgba(10,10,15,0.18);\r\n }\r\n .nav-cta:hover { background: #df1720; color: #ffffff; transform: translateY(-1px); }\r\n\r\n \/* \u2500\u2500 SOCIAL ICONS (shared component) \u2500\u2500 *\/\r\n .social-bar {\r\n display: flex; align-items: center; gap: 10px;\r\n }\r\n .social-bar a {\r\n display: inline-flex; align-items: center; justify-content: center;\r\n width: 36px; height: 36px;\r\n border-radius: 9px;\r\n text-decoration: none;\r\n transition: all .22s;\r\n flex-shrink: 0;\r\n }\r\n .social-bar a svg {\r\n width: 18px; height: 18px;\r\n display: block; flex-shrink: 0;\r\n }\r\n\r\n \/* Light variant (on paper\/cream bg) *\/\r\n .social-bar.light a {\r\n background: rgba(10,10,15,0.06);\r\n border: 1px solid var(--border);\r\n color: var(--muted);\r\n }\r\n .social-bar.light a:hover { background: var(--ink); color: #fff; border-color: var(--ink); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(10,10,15,0.15); }\r\n .social-bar.light a svg { fill: currentColor; }\r\n\r\n \/* Dark variant (on dark bg) *\/\r\n .social-bar.dark a {\r\n background: rgba(255,255,255,0.08);\r\n border: 1px solid rgba(255,255,255,0.12);\r\n color: rgba(255,255,255,0.6);\r\n }\r\n .social-bar.dark a:hover { background: var(--amber); color: var(--ink); border-color: var(--amber); transform: translateY(-2px); }\r\n .social-bar.dark a svg { fill: currentColor; }\r\n\r\n \/* White variant (on coloured CTA bg) *\/\r\n .social-bar.white a {\r\n background: rgba(255,255,255,0.15);\r\n border: 1px solid rgba(255,255,255,0.25);\r\n color: #fff;\r\n }\r\n .social-bar.white a:hover { background: #fff; color: var(--third); border-color: #fff; transform: translateY(-2px); }\r\n .social-bar.white a svg { fill: currentColor; }\r\n\r\n \/* social label row *\/\r\n .social-row {\r\n display: flex; align-items: center; gap: 12px; flex-wrap: wrap;\r\n }\r\n .social-label {\r\n font-size: 0.78rem; font-weight: 600; letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n }\r\n .social-label.muted { color: var(--muted); }\r\n .social-label.faded { color: rgba(255,255,255,0.35); }\r\n .social-label.white { color: rgba(255,255,255,0.6); }\r\n\r\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n .hero {\r\n min-height: 92vh;\r\n display: flex; align-items: center;\r\n padding: 80px 5vw 60px;\r\n position: relative; overflow: hidden;\r\n }\r\n .hero-bg {\r\n position: absolute; inset: 0; z-index: 0;\r\n background:\r\n radial-gradient(ellipse 60% 50% at 80% 40%, rgba(232,160,32,0.12) 0%, transparent 70%),\r\n radial-gradient(ellipse 50% 60% at 10% 80%, rgba(15,124,110,0.08) 0%, transparent 70%);\r\n }\r\n .hero-grid {\r\n position: absolute; inset: 0; z-index: 0; opacity: 0.04;\r\n background-image: linear-gradient(var(--ink) 1px, transparent 1px),\r\n linear-gradient(90deg, var(--ink) 1px, transparent 1px);\r\n background-size: 48px 48px;\r\n }\r\n .hero-inner {\r\n position: relative; z-index: 1;\r\n max-width: 1200px; margin: 0 auto; width: 100%;\r\n display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center;\r\n }\r\n .hero-badge {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n background: var(--amber-pale); border: 1px solid rgba(232,160,32,0.3);\r\n color: #8a5e00; border-radius: 100px;\r\n padding: 6px 14px; font-size: 0.8rem; font-weight: 600;\r\n margin-bottom: 28px; letter-spacing: 0.03em;\r\n animation: fadeUp 0.6s ease both;\r\n }\r\n .badge-dot { width: 6px; height: 6px; background: var(--amber); border-radius: 50%; animation: pulse 2s infinite; }\r\n @keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.4)} }\r\n\r\n .hero h1 {\r\n font-size: clamp(2.8rem, 5vw, 4.2rem);\r\n font-weight: 800; margin-bottom: 24px;\r\n animation: fadeUp 0.7s 0.1s ease both;\r\n }\r\n .hero h1 em { font-style: normal; color: var(--sec); }\r\n .hero h1 span.underline { position: relative; white-space: nowrap; }\r\n .hero h1 span.underline::after {\r\n content: ''; position: absolute; left: 0; bottom: -4px;\r\n width: 100%; height: 4px; background: var(--amber); border-radius: 2px;\r\n }\r\n .hero-desc {\r\n font-size: 1.1rem; color: var(--muted); max-width: 520px;\r\n margin-bottom: 36px; font-weight: 300; line-height: 1.75;\r\n animation: fadeUp 0.7s 0.2s ease both;\r\n }\r\n .hero-actions {\r\n display: flex; gap: 14px; flex-wrap: wrap;\r\n animation: fadeUp 0.7s 0.3s ease both;\r\n }\r\n .btn-primary {\r\n background: var(--ink); color: var(--paper);\r\n padding: 14px 28px; border-radius: 10px;\r\n font-size: 1rem; font-weight: 600; font-family: 'Open Sans', sans-serif;\r\n text-decoration: none; display: inline-flex; align-items: center; gap: 8px;\r\n transition: all .25s; box-shadow: 0 4px 20px rgba(10,10,15,0.18);\r\n }\r\n .btn-primary:hover { background: var(--card-bg); transform: translateY(-2px); box-shadow: 0 8px 28px rgba(15,124,110,0.3); }\r\n .btn-secondary {\r\n background: transparent; color: var(--ink);\r\n padding: 14px 24px; border-radius: 10px;\r\n font-size: 1rem; font-weight: 500;\r\n text-decoration: none; display: inline-flex; align-items: center; gap: 8px;\r\n border: 1.5px solid var(--border); transition: all .25s;\r\n }\r\n .btn-secondary:hover { border-color: var(--ink); transform: translateY(-2px); }\r\n .hero-trust {\r\n display: flex; align-items: center; gap: 12px;\r\n margin-top: 28px; font-size: 0.82rem; color: var(--muted);\r\n animation: fadeUp 0.7s 0.4s ease both;\r\n }\r\n .trust-avatars { display: flex; }\r\n .trust-avatars span {\r\n width: 28px; height: 28px; border-radius: 50%;\r\n border: 2px solid var(--paper);\r\n margin-left: -6px; font-size: 0.65rem;\r\n display: grid; place-items: center; font-weight: 700; color: var(--paper);\r\n }\r\n .trust-avatars span:nth-child(1){background:#e8763a}\r\n .trust-avatars span:nth-child(2){background:#3a7ee8}\r\n .trust-avatars span:nth-child(3){background:#3ac890}\r\n .trust-avatars span:nth-child(4){background:#a03ae8}\r\n\r\n \/* hero social row *\/\r\n .hero-social-row {\r\n margin-top: 24px;\r\n animation: fadeUp 0.7s 0.5s ease both;\r\n padding-top: 20px;\r\n border-top: 1px solid var(--border);\r\n }\r\n\r\n \/* \u2500\u2500 HERO VISUAL (VIDEO) \u2500\u2500 *\/\r\n .hero-visual { animation: fadeUp 0.8s 0.2s ease both; position: relative; }\r\n .video-container {\r\n position: relative; width: 100%;\r\n border-radius: 16px; overflow: hidden;\r\n box-shadow: var(--shadow-lg), 0 0 0 1px rgba(255,255,255,0.06);\r\n aspect-ratio: 16 \/ 9; background: #000;\r\n }\r\n .video-container iframe {\r\n position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;\r\n }\r\n \/* video social caption *\/\r\n .video-social-caption {\r\n margin-top: 14px;\r\n display: flex; align-items: center; justify-content: space-between;\r\n padding: 12px 16px;\r\n background: var(--card-bg);\r\n border: 1px solid var(--border);\r\n border-radius: 12px;\r\n }\r\n .video-social-caption span {\r\n font-size: 0.78rem; color: var(--muted); font-weight: 500;\r\n }\r\n .video-social-caption span strong { color: var(--ink); }\r\n\r\n \/* \u2500\u2500 SECTION WRAPPER \u2500\u2500 *\/\r\n .section { padding: 96px 5vw; }\r\n .section-inner { max-width: 1200px; margin: 0 auto; }\r\n .section-label { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--teal); margin-bottom: 12px; }\r\n .section-title { font-size: clamp(2rem, 3.5vw, 2.8rem); font-weight: 800; margin-bottom: 20px; }\r\n .section-subtitle { font-size: 1.05rem; color: var(--muted); max-width: 600px; line-height: 1.75; }\r\n\r\n \/* \u2500\u2500 STATS BAR \u2500\u2500 *\/\r\n .stats-bar { background: var(--ink); color: var(--paper); padding: 40px 5vw; }\r\n .stats-inner {\r\n max-width: 1200px; margin: 0 auto;\r\n display: grid; grid-template-columns: repeat(4, 1fr);\r\n gap: 32px; text-align: center;\r\n }\r\n .stat-num { font-family: 'Open Sans', sans-serif; font-size: 2.4rem; font-weight: 800; color: var(--amber); }\r\n .stat-label { font-size: 0.85rem; color: rgba(245,244,239,0.6); margin-top: 4px; }\r\n\r\n \/* \u2500\u2500 WHY \u2500\u2500 *\/\r\n .why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 56px; }\r\n .why-card { background: var(--card-bg); border: 1px solid var(--border); border-radius: 16px; padding: 32px; transition: all .3s; cursor: default; }\r\n .why-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: var(--amber); }\r\n .why-icon { width: 48px; height: 48px; border-radius: 12px; display: grid; place-items: center; font-size: 1.4rem; margin-bottom: 20px; }\r\n .why-icon.amber { background: var(--amber-pale); }\r\n .why-icon.teal { background: rgba(15,124,110,0.08); }\r\n .why-icon.ink { background: rgba(10,10,15,0.06); }\r\n .why-card h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 10px; }\r\n .why-card p { font-size: 0.9rem; color: var(--muted); line-height: 1.7; }\r\n\r\n \/* \u2500\u2500 HOW IT WORKS \u2500\u2500 *\/\r\n .hiw { background: var(--cream); }\r\n .steps { margin-top: 56px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; position: relative; }\r\n .steps::before { content: ''; position: absolute; top: 28px; left: calc(16.66% + 20px); right: calc(16.66% + 20px); height: 1.5px; background: var(--border); z-index: 0; }\r\n .step { text-align: center; padding: 0 24px; position: relative; z-index: 1; }\r\n .step-num { width: 56px; height: 56px; border-radius: 50%; font-family: 'Open Sans', sans-serif; font-weight: 800; font-size: 1.1rem; display: grid; place-items: center; margin: 0 auto 24px; border: 2px solid var(--border); background: var(--cream); transition: all .3s; }\r\n .step:hover .step-num { background: var(--ink); color: var(--amber); border-color: var(--ink); }\r\n .step h3 { font-size: 1.05rem; font-weight: 700; margin-bottom: 10px; }\r\n .step p { font-size: 0.88rem; color: var(--muted); line-height: 1.7; }\r\n\r\n \/* \u2500\u2500 FREE TIER \u2500\u2500 *\/\r\n .free-section { background: var(--ink); color: var(--paper); }\r\n .free-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\r\n .free-label { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--amber); margin-bottom: 12px; }\r\n .free-title { font-size: clamp(2rem, 3.5vw, 2.8rem); font-weight: 800; margin-bottom: 20px; color: var(--paper); }\r\n .free-desc { font-size: 1rem; color: rgba(245,244,239,0.65); line-height: 1.75; margin-bottom: 36px; }\r\n .free-list { list-style: none; display: flex; flex-direction: column; gap: 14px; margin-bottom: 36px; }\r\n .free-list li { display: flex; align-items: flex-start; gap: 12px; font-size: 0.92rem; color: rgba(245,244,239,0.85); line-height: 1.6; }\r\n .free-list .check { width: 20px; height: 20px; border-radius: 50%; background: rgba(26,171,151,0.2); color: var(--teal-light); display: grid; place-items: center; font-size: 0.7rem; flex-shrink: 0; margin-top: 2px; }\r\n .free-visual { background: #14141e; border-radius: 20px; padding: 32px; border: 1px solid rgba(255,255,255,0.06); }\r\n .chat-counter { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.08); }\r\n .counter-label { font-size: 0.8rem; color: rgba(255,255,255,0.4); letter-spacing: 0.05em; text-transform: uppercase; }\r\n .counter-chips { display: flex; gap: 8px; }\r\n .chip { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; font-size: 0.75rem; font-weight: 700; }\r\n .chip.used { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.25); text-decoration: line-through; }\r\n .chip.active { background: var(--amber); color: var(--ink); }\r\n .chip.free { background: rgba(232,160,32,0.15); color: var(--amber-light); border: 1px dashed rgba(232,160,32,0.3); }\r\n .free-chat-msgs { display: flex; flex-direction: column; gap: 10px; }\r\n .fc-msg { padding: 10px 14px; border-radius: 10px; font-size: 0.8rem; line-height: 1.5; }\r\n .fc-user { background: var(--amber); color: var(--ink); font-weight: 500; align-self: flex-end; border-radius: 10px 4px 10px 10px; }\r\n .fc-ai { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.7); border-radius: 4px 10px 10px 10px; }\r\n .fc-sys { text-align: center; font-size: 0.72rem; color: rgba(255,255,255,0.3); padding: 6px; font-style: italic; }\r\n\r\n \/* \u2500\u2500 FEATURES \u2500\u2500 *\/\r\n .features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 56px; }\r\n .feat-card { background: var(--card-bg); border: 1px solid var(--border); border-radius: 16px; padding: 32px; display: flex; gap: 20px; transition: all .3s; }\r\n .feat-card:hover { border-color: var(--teal); transform: translateY(-3px); box-shadow: var(--shadow); }\r\n .feat-card.highlight { background: var(--ink); color: var(--paper); border-color: var(--ink); grid-column: span 2; flex-direction: row; align-items: center; }\r\n .feat-icon { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; font-size: 1.3rem; flex-shrink: 0; }\r\n .feat-icon.a { background: var(--amber-pale); }\r\n .feat-icon.t { background: rgba(15,124,110,0.1); }\r\n .feat-icon.i { background: rgba(10,10,15,0.05); }\r\n .feat-icon.w { background: rgba(255,255,255,0.1); }\r\n .feat-card h3 { font-size: 1rem; font-weight: 700; margin-bottom: 8px; }\r\n .feat-card p { font-size: 0.88rem; color: var(--muted); line-height: 1.65; }\r\n .feat-card.highlight p { color: rgba(245,244,239,0.65); }\r\n\r\n \/* \u2500\u2500 SCREENSHOTS \u2500\u2500 *\/\r\n .screenshots { background: var(--cream); }\r\n .screenshots-tabs { display: flex; gap: 8px; margin-top: 48px; margin-bottom: 32px; flex-wrap: wrap; }\r\n .tab-btn { padding: 10px 22px; border-radius: 100px; font-size: 0.875rem; font-weight: 600; border: 1.5px solid var(--border); background: var(--card-bg); color: var(--muted); cursor: pointer; transition: all .25s; font-family: 'Open Sans', sans-serif; }\r\n .tab-btn:hover { border-color: var(--ink); color: var(--ink); }\r\n .tab-btn.active { background: var(--ink); color: var(--paper); border-color: var(--ink); }\r\n .screenshots-display { position: relative; }\r\n .screenshot-panel { display: none; animation: fadeUp 0.4s ease both; }\r\n .screenshot-panel.active { display: block; }\r\n .screenshot-frame { background: var(--card-bg); border: 1px solid var(--border); border-radius: 20px; overflow: hidden; box-shadow: var(--shadow-lg); position: relative; }\r\n .screenshot-titlebar { background: #f0eeea; border-bottom: 1px solid var(--border); padding: 12px 16px; display: flex; align-items: center; gap: 8px; }\r\n .titlebar-dots { display: flex; gap: 6px; }\r\n .titlebar-dots span { width: 12px; height: 12px; border-radius: 50%; }\r\n .titlebar-dots span:nth-child(1) { background: #ff5f57; }\r\n .titlebar-dots span:nth-child(2) { background: #febc2e; }\r\n .titlebar-dots span:nth-child(3) { background: #28c840; }\r\n .titlebar-title { flex: 1; text-align: center; font-size: 0.78rem; color: var(--muted); font-weight: 500; }\r\n .screenshot-frame img { width: 100%; display: block; transition: transform 0.4s ease; }\r\n .screenshot-frame:hover img { transform: scale(1.01); }\r\n .screenshot-caption { margin-top: 20px; display: flex; align-items: flex-start; gap: 16px; padding: 24px 28px; background: var(--card-bg); border: 1px solid var(--border); border-radius: 16px; }\r\n .caption-icon { width: 40px; height: 40px; border-radius: 10px; background: var(--amber-pale); display: grid; place-items: center; font-size: 1.2rem; flex-shrink: 0; }\r\n .caption-text h4 { font-size: 1rem; font-weight: 700; margin-bottom: 6px; }\r\n .caption-text p { font-size: 0.875rem; color: var(--muted); line-height: 1.65; }\r\n\r\n \/* \u2500\u2500 PRICING \u2500\u2500 *\/\r\n .pricing { background: var(--cream); }\r\n .pricing-grid { display: flex; justify-content: center; margin-top: 56px; }\r\n .plan { background: var(--card-bg); border: 1px solid var(--border); border-radius: 20px; padding: 36px; max-width: 500px; width: 100%; position: relative; overflow: hidden; transition: all .3s; }\r\n .plan:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }\r\n .plan.featured { background: var(--ink); color: var(--paper); border-color: var(--ink); }\r\n .plan-badge { position: absolute; top: 20px; right: 20px; background: var(--amber); color: var(--ink); font-size: 0.7rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; padding: 4px 10px; border-radius: 100px; }\r\n .plan-name { font-size: 0.8rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--teal); margin-bottom: 8px; }\r\n .plan.featured .plan-name { color: var(--amber); }\r\n .plan-price { font-family: 'Open Sans', sans-serif; font-size: 2.4rem; font-weight: 800; margin-bottom: 4px; }\r\n .plan-period { font-size: 0.82rem; color: var(--muted); margin-bottom: 24px; }\r\n .plan.featured .plan-period { color: rgba(245,244,239,0.5); }\r\n .plan-divider { height: 1px; background: var(--border); margin-bottom: 24px; }\r\n .plan.featured .plan-divider { background: rgba(255,255,255,0.1); }\r\n .plan-features { list-style: none; display: flex; flex-direction: column; gap: 12px; margin-bottom: 32px; }\r\n .plan-features li { font-size: 0.88rem; display: flex; gap: 10px; align-items: flex-start; line-height: 1.5; }\r\n .plan.featured .plan-features li { color: rgba(245,244,239,0.8); }\r\n .pf-icon { font-size: 0.85rem; flex-shrink: 0; margin-top: 1px; }\r\n .plan-btn { display: block; text-align: center; padding: 13px 24px; border-radius: 10px; font-weight: 600; font-size: 0.92rem; text-decoration: none; transition: all .25s; font-family: 'Open Sans', sans-serif; }\r\n .plan-btn.solid { background: var(--amber); color: var(--ink); }\r\n .plan-btn.solid:hover { background: var(--amber-light); }\r\n\r\n \/* \u2500\u2500 TESTIMONIALS \u2500\u2500 *\/\r\n .testi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 56px; }\r\n .testi-card { background: var(--card-bg); border: 1px solid var(--border); border-radius: 16px; padding: 28px; }\r\n .stars { color: var(--amber); font-size: 0.85rem; margin-bottom: 14px; letter-spacing: 2px; }\r\n .testi-text { font-size: 0.9rem; color: var(--ink); line-height: 1.7; margin-bottom: 20px; font-style: italic; }\r\n .testi-author { display: flex; align-items: center; gap: 10px; }\r\n .testi-av { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; font-weight: 700; font-size: 0.78rem; color: #fff; }\r\n .testi-name { font-size: 0.85rem; font-weight: 600; }\r\n .testi-role { font-size: 0.76rem; color: var(--muted); }\r\n\r\n \/* \u2500\u2500 SOCIAL FOLLOW BAND \u2500\u2500 *\/\r\n .social-band {\r\n background: var(--cream);\r\n border-top: 1px solid var(--border);\r\n border-bottom: 1px solid var(--border);\r\n padding: 40px 5vw;\r\n }\r\n .social-band-inner {\r\n max-width: 1200px; margin: 0 auto;\r\n display: flex; align-items: center; justify-content: space-between;\r\n gap: 32px; flex-wrap: wrap;\r\n }\r\n .social-band-text h3 {\r\n font-size: 1.05rem; font-weight: 700; margin-bottom: 4px;\r\n }\r\n .social-band-text p {\r\n font-size: 0.85rem; color: var(--muted);\r\n }\r\n .social-band-icons { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }\r\n .social-pill {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n padding: 9px 16px; border-radius: 100px;\r\n border: 1.5px solid var(--border);\r\n background: var(--card-bg);\r\n text-decoration: none; color: var(--ink);\r\n font-size: 0.82rem; font-weight: 600;\r\n transition: all .22s;\r\n }\r\n .social-pill svg { width: 16px; height: 16px; fill: currentColor; flex-shrink: 0; }\r\n .social-pill:hover { transform: translateY(-2px); box-shadow: var(--shadow); }\r\n .social-pill.fb:hover { background: #1877f2; color: #fff; border-color: #1877f2; }\r\n .social-pill.yt:hover { background: #ff0000; color: #fff; border-color: #ff0000; }\r\n .social-pill.ig:hover { background: linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); color: #fff; border-color: #dc2743; }\r\n .social-pill.tt:hover { background: #000; color: #fff; border-color: #000; }\r\n\r\n \/* \u2500\u2500 CTA FINAL \u2500\u2500 *\/\r\n .cta-final { background: var(--third); padding: 96px 5vw; text-align: center; }\r\n .cta-final h2 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; color: #fff; margin-bottom: 16px; }\r\n .cta-final p { font-size: 1.1rem; color: rgba(255,255,255,0.75); max-width: 540px; margin: 0 auto 40px; }\r\n .cta-final .btn-white {\r\n background: #fff; color: var(--ink);\r\n padding: 15px 36px; border-radius: 10px;\r\n font-size: 1rem; font-weight: 700; font-family: 'Open Sans', sans-serif;\r\n text-decoration: none; display: inline-flex; align-items: center; gap: 8px;\r\n transition: all .25s; box-shadow: 0 4px 24px rgba(0,0,0,0.15);\r\n }\r\n .cta-final .btn-white:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(0,0,0,0.2); }\r\n .cta-note { font-size: 0.82rem; color: rgba(255,255,255,0.5); margin-top: 24px; }\r\n .cta-social-row { margin-top: 36px; display: flex; flex-direction: column; align-items: center; gap: 12px; }\r\n .cta-social-divider { font-size: 0.74rem; color: rgba(255,255,255,0.35); letter-spacing: 0.06em; text-transform: uppercase; }\r\n\r\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n footer { background: var(--forth); color: #000; padding: 48px 5vw 32px; }\r\n .footer-inner-simple {\r\n max-width: 1200px; margin: 0 auto;\r\n display: flex; justify-content: space-between; align-items: flex-start;\r\n margin-bottom: 32px; flex-wrap: wrap; gap: 32px;\r\n }\r\n .footer-brand-col { display: flex; flex-direction: column; gap: 16px; }\r\n .footer-links { display: flex; gap: 24px; flex-wrap: wrap; align-items: center; }\r\n .footer-links a { font-size: 0.9rem; color: rgba(245,244,239,0.7); text-decoration: none; transition: color .2s; }\r\n .footer-links a:hover { color: var(--amber); }\r\n .footer-bottom {\r\n max-width: 1200px; margin: 0 auto;\r\n border-top: 1px solid rgba(255,255,255,0.08); padding-top: 24px;\r\n display: flex; justify-content: space-between; align-items: center;\r\n font-size: 0.8rem; color: rgba(245,244,239,0.35);\r\n }\r\n\r\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\r\n @keyframes fadeUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }\r\n\r\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n @media (max-width: 900px) {\r\n .hero-inner, .free-inner { grid-template-columns: 1fr; }\r\n .why-grid, .steps, .testi-grid { grid-template-columns: 1fr; }\r\n .features-grid { grid-template-columns: 1fr; }\r\n .feat-card.highlight { grid-column: span 1; }\r\n .steps::before { display: none; }\r\n .stats-inner { grid-template-columns: repeat(2,1fr); }\r\n nav .nav-links { display: none; }\r\n .footer-inner-simple { flex-direction: column; align-items: flex-start; }\r\n .footer-links { justify-content: flex-start; }\r\n .pricing-grid { flex-direction: column; align-items: center; }\r\n .social-band-inner { flex-direction: column; align-items: flex-start; }\r\n .footer-bottom { flex-direction: column; gap: 8px; text-align: center; }\r\n .video-social-caption { flex-direction: column; gap: 10px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2550\u2550 NAV \u2550\u2550 -->\r\n<nav>\r\n <a href=\"#\" class=\"logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/03\/logo-black-title-1.webp\" alt=\"GetClawHub\" style=\"height:40px; width:auto;\">\r\n <\/a>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#why\">Mengapa Kami<\/a><\/li>\r\n <li><a href=\"#how\">Cara Kerja<\/a><\/li>\r\n <li><a href=\"#screenshots\">Tangkapan Layar<\/a><\/li>\r\n <li><a href=\"#download\">Unduh<\/a><\/li>\r\n <li><a href=\"https:\/\/drive.google.com\/file\/d\/1mBShbrMYLoX2ON68NcUppLBZCJVgUWgF\/view\" target=\"_blank\" class=\"nav-cta\" rel=\"nofollow noopener\">Unduh Gratis \u2192<\/a><\/li>\r\n <\/ul>\r\n<\/nav>\r\n\r\n<!-- \u2550\u2550 HERO \u2550\u2550 -->\r\n<section class=\"hero\">\r\n <div class=\"hero-bg\"><\/div>\r\n <div class=\"hero-grid\"><\/div>\r\n <div class=\"hero-inner\">\r\n\r\n <!-- LEFT: copy -->\r\n <div class=\"hero-left\">\r\n <div class=\"hero-badge\"><span class=\"badge-dot\"><\/span> Cara Termudah Mendapatkan OpenClaw<\/div>\r\n <h1>\r\n <em>Satu Klik.<\/em><br>\r\n <span class=\"underline\">OpenClaw<\/span> Is<br>\r\n Siap Digunakan.\r\n <\/h1>\r\n <p class=\"hero-desc\">\r\n GetClawHub mengirimkan OpenClaw langsung ke perangkat Anda \u2014 tanpa harus mencari penginstal, tanpa tautan unduhan yang rusak, tanpa headache pengaturan. Mulai mengobrol dengan OpenClaw dalam hitungan menit, dengan <strong>percakapan gratis tanpa batas<\/strong> menunggu Anda saat ini, tanpa syarat apa pun.\r\n <\/p>\r\n <div class=\"hero-actions\">\r\n <a href=\"https:\/\/drive.google.com\/file\/d\/1mBShbrMYLoX2ON68NcUppLBZCJVgUWgF\/view\" target=\"_blank\" class=\"btn-primary\" rel=\"nofollow noopener\">\u2b07 Unduh OpenClaw Gratis<\/a>\r\n <a href=\"#how\" class=\"btn-secondary\">Lihat Cara Kerjanya \u2192<\/a>\r\n <\/div>\r\n <div class=\"hero-trust\">\r\n <div class=\"trust-avatars\"><span>AK<\/span><span>JL<\/span><span>MS<\/span><span>+<\/span><\/div>\r\n Dipercaya oleh lebih dari 50.000 pengguna di seluruh dunia \u00a0\u00b7\u00a0 macOS \u00b7 Tanpa kartu kredit diperlukan\r\n <\/div>\r\n\r\n <!-- \u2605 HERO SOCIAL ROW -->\r\n <div class=\"hero-social-row\">\r\n <div class=\"social-row\">\r\n <span class=\"social-label muted\">Ikuti kami<\/span>\r\n <div class=\"social-bar light\">\r\n <!-- Facebook -->\r\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61582260302523&sk=about\" target=\"_blank\" rel=\"noopener nofollow\" aria-label=\"Facebook\">\r\n <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M24 12.073C24 5.405 18.627 0 12 0S0 5.405 0 12.073C0 18.1 4.388 23.094 10.125 24v-8.437H7.078v-3.49h3.047V9.41c0-3.025 1.791-4.697 4.533-4.697 1.313 0 2.686.236 2.686.236v2.97h-1.514c-1.491 0-1.956.93-1.956 1.886v2.268h3.328l-.532 3.49h-2.796V24C19.612 23.094 24 18.1 24 12.073z\"\/><\/svg>\r\n <\/a>\r\n <!-- YouTube -->\r\n <a href=\"https:\/\/www.youtube.com\/@getclawhub\" target=\"_blank\" rel=\"noopener nofollow\" aria-label=\"YouTube\">\r\n <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/><\/svg>\r\n <\/a>\r\n <!-- Instagram -->\r\n <a href=\"https:\/\/www.instagram.com\/getclawhub\/\" target=\"_blank\" rel=\"noopener nofollow\" aria-label=\"Instagram\">\r\n <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z\"\/><\/svg>\r\n <\/a>\r\n <!-- TikTok -->\r\n <a href=\"https:\/\/www.tiktok.com\/@hecheftygpb?_r=1&_t=ZP-94l0nanScIw\" target=\"_blank\" rel=\"noopener nofollow\" aria-label=\"TikTok\">\r\n <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- RIGHT: video -->\r\n <div class=\"hero-visual\">\r\n <div class=\"video-container\">\r\n <iframe src=\"https:\/\/www.youtube.com\/embed\/EME3p9p9CCQ\" title=\"GetClawHub \u2014 Demo instal satu klik OpenClaw\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <!-- \u2605 VIDEO SOCIAL CAPTION -->\r\n <div class=\"video-social-caption\">\r\n <span>Tonton lebih banyak tutorial di <strong>YouTube<\/strong><\/span>\r\n <div class=\"social-bar light\">\r\n <a href=\"https:\/\/www.youtube.com\/@getclawhub\" target=\"_blank\" rel=\"noopener nofollow\" aria-label=\"YouTube\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\" fill=\"currentColor\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/www.instagram.com\/getclawhub\/\" target=\"_blank\" rel=\"noopener nofollow\" aria-label=\"Instagram\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z\" fill=\"currentColor\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/www.tiktok.com\/@hecheftygpb?_r=1&_t=ZP-94l0nanScIw\" target=\"_blank\" rel=\"noopener nofollow\" aria-label=\"TikTok\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z\" fill=\"currentColor\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550 STATS \u2550\u2550 -->\r\n<div class=\"stats-bar\">\r\n <div class=\"stats-inner\">\r\n <div><div class=\"stat-num\">Klik 1 Kali<\/div><div class=\"stat-label\">Instalasi OpenClaw<\/div><\/div>\r\n <div><div class=\"stat-num\">Tak Terbatas<\/div><div class=\"stat-label\">Percakapan Gratis Termasuk<\/div><\/div>\r\n <div><div class=\"stat-num\">50K+<\/div><div class=\"stat-label\">Pengguna Aktif<\/div><\/div>\r\n <div><div class=\"stat-num\"><60detik<\/div><div class=\"stat-label\">Waktu Pengaturan Rata-rata<\/div><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550 WHY \u2550\u2550 -->\r\n<section class=\"section\" id=\"why\">\r\n <div class=\"section-inner\">\r\n <div class=\"section-label\">Mengapa GetClawHub<\/div>\r\n <h2 class=\"section-title\">Segala yang Anda Butuhkan untuk Memulai dengan OpenClaw \u2014 Tanpa Gesekan<\/h2>\r\n <p class=\"section-subtitle\">Mengaktifkan alat AI dan menjalankannya seharusnya tidak terasa seperti pekerjaan rumah. GetClawHub menghilangkan setiap langkah yang tidak perlu antara Anda dan instalasi OpenClaw yang berfungsi, sehingga Anda dapat fokus pada apa yang penting: memiliki percakapan yang hebat dan menyelesaikan pekerjaan nyata.<\/p>\r\n <div class=\"why-grid\">\r\n <div class=\"why-card\"><div class=\"why-icon amber\">\u26a1<\/div><h3>Unduh & Instal Satu Klik<\/h3><p>Tidak perlu mencari paket secara manual. Tidak ada file `.dmg` yang rusak dari mirror yang mencurigakan. GetClawHub mengemas semuanya \u2014 klik sekali, dan OpenClaw terinstal dengan bersih di Mac Anda, siap diluncurkan segera.<\/p><\/div>\r\n <div class=\"why-card\"><div class=\"why-icon teal\">\ud83d\udcac<\/div><h3>Chat Gratis Tanpa Batas, Tanpa Kartu Kredit<\/h3><p>Kami percaya Anda harus merasakan OpenClaw sebelum berkomitmen. Itulah sebabnya setiap pengunjung baru mendapatkan percakapan lengkap tanpa batas, tanpa pembatasan dengan OpenClaw \u2014 sepenuhnya gratis, langsung dari kotak. Tidak perlu mendaftar untuk mencoba.<\/p><\/div>\r\n <div class=\"why-card\"><div class=\"why-icon ink\">\ud83d\udd12<\/div><h3>Selalu Versi Terverifikasi, Terbaru<\/h3><p>Setiap unduhan yang dihosting di GetClawHub ditandatangani secara kriptografi dan diperiksa integritasnya. Anda akan selalu mendapatkan rilis stabil terbaru dari OpenClaw \u2014 tidak pernah versi usang, tidak pernah binary yang telah dimanipulasi.<\/p><\/div>\r\n <div class=\"why-card\"><div class=\"why-icon amber\">\ud83c\udf4e<\/div><h3>Dirancang untuk Mac \u2014 Apple Silicon (M1\u2013M4)<\/h3><p>Apakah Anda menggunakan Mac Apple Silicon modern (M1, M2, M3, M4), GetClawHub menyediakan build OpenClaw yang tepat untuk chip Anda \u2014 secara otomatis. Tidak perlu tebak-tebakan, tidak salah unduh.<\/p><\/div>\r\n <div class=\"why-card\"><div class=\"why-icon teal\">\ud83d\ude80<\/div><h3>Penyambutan yang Lancar untuk Pengguna Baru<\/h3><p>Pertama kali menggunakan OpenClaw? Panduan pengaturan kami membimbing Anda melalui konfigurasi awal, kunci API (jika diperlukan), dan pengaturan praktik terbaik \u2014 sehingga pengguna non-teknis pun bisa langsung menggunakannya.<\/p><\/div>\r\n <div class=\"why-card\"><div class=\"why-icon ink\">\ud83d\udd04<\/div><h3>Notifikasi Pembaruan Otomatis<\/h3><p>Pengguna terdaftar menerima peringatan dalam aplikasi setiap kali versi baru OpenClaw dirilis. Perbarui dengan satu klik, menjaga instalasi Anda tetap terbaru dan percakapan Anda didukung oleh peningkatan model terbaru.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550 HOW IT WORKS \u2550\u2550 -->\r\n<section class=\"section hiw\" id=\"how\">\r\n <div class=\"section-inner\">\r\n <div class=\"section-label\">Cara Kerja<\/div>\r\n <h2 class=\"section-title\">Dari Nol Hingga OpenClaw dalam Tiga Langkah Sederhana<\/h2>\r\n <p class=\"section-subtitle\">Kami telah menghilangkan setiap klik yang tidak perlu sehingga jalur Anda dari \"Saya ingin mencoba OpenClaw\" ke \"Saya sedang mengobrol dengan OpenClaw\" semulus mungkin.<\/p>\r\n <div class=\"steps\">\r\n <div class=\"step\"><div class=\"step-num\">01<\/div><h3>Kunjungi GetClawHub<\/h3><p>Kunjungi beranda kami. Sistem operasi Anda otomatis terdeteksi, dan penginstal OpenClaw yang benar siap dan menunggu. Tidak perlu akun di tahap ini \u2014 cukup klik tombol unduh besar.<\/p><\/div>\r\n <div class=\"step\"><div class=\"step-num\">02<\/div><h3>Unduh & Instal dalam Satu Klik<\/h3><p>Jalankan penginstal. Ini menangani semua ketergantungan, konfigurasi jalur, dan pengaturan awal secara otomatis. Dalam kurang dari 60 detik, OpenClaw terinstal dan meluncurkan dirinya sendiri, siap untuk percakapan pertama Anda.<\/p><\/div>\r\n <div class=\"step\"><div class=\"step-num\">03<\/div><h3>Chat Gratis, Lalu Daftar untuk Membuka Lebih Banyak<\/h3><p>Nikmati percakapan tanpa batas Anda dengan OpenClaw tanpa biaya. Ketika Anda siap untuk akses tanpa batas, buat akun GetClawHub gratis dan buka pengalaman lengkap dalam hitungan detik.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550 FREE TIER \u2550\u2550 -->\r\n<section class=\"section free-section\" id=\"free\">\r\n <div class=\"free-inner\">\r\n <div>\r\n <div class=\"free-label\">Gratis untuk Memulai<\/div>\r\n <h2 class=\"free-title\">Percakapan Gratis Tanpa Batas. Tanpa Syarat. Tanpa Kartu.<\/h2>\r\n <p class=\"free-desc\">Kami tahu bahwa kepercayaan diperoleh, bukan diminta. Itulah sebabnya percakapan tanpa batas Anda dengan OpenClaw sepenuhnya gratis \u2014 kualitas penuh, tanpa batasan fitur, tanpa watermark. Rasakan apa yang bisa dilakukan OpenClaw sebelum Anda mempertimbangkan untuk mendaftar.<\/p>\r\n <ul class=\"free-list\">\r\n <li><div class=\"check\">\u2713<\/div><div>Semua obrolan gratis tanpa batas adalah percakapan lengkap, berkualitas penuh \u2014 bukan demo atau pratinjau terbatas. Tanyakan apa saja, dapatkan jawaban lengkap.<\/div><\/li>\r\n <li><div class=\"check\">\u2713<\/div><div>Tidak perlu email untuk memulai obrolan gratis Anda. Unduh, instal, dan OpenClaw siap untuk percakapan segera.<\/div><\/li>\r\n <li><div class=\"check\">\u2713<\/div><div>Setelah sesi gratis tanpa batas Anda, cukup buat akun GetClawHub gratis untuk membuka kunci percakapan tanpa batas \u2014 membutuhkan waktu kurang dari satu menit.<\/div><\/li>\r\n <li><div class=\"check\">\u2713<\/div><div>Riwayat percakapan Anda disimpan dari chat #1, bahkan sebelum pendaftaran, jadi tidak ada yang hilang saat Anda mendaftar.<\/div><\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/drive.google.com\/file\/d\/1mBShbrMYLoX2ON68NcUppLBZCJVgUWgF\/view\" target=\"_blank\" class=\"btn-primary\" rel=\"nofollow noopener\">Mulai Obrolan Gratis Anda \u2192<\/a>\r\n <\/div>\r\n <div class=\"free-visual\">\r\n <div class=\"chat-counter\">\r\n <div><div class=\"counter-label\">Sisa Obrolan Gratis<\/div><\/div>\r\n <div class=\"counter-chips\">\r\n <div class=\"chip used\">1<\/div>\r\n <div class=\"chip active\">2<\/div>\r\n <div class=\"chip free\">3<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"free-chat-msgs\">\r\n <div class=\"fc-msg fc-user\">Tulis email dingin untuk produk SaaS saya.<\/div>\r\n <div class=\"fc-msg fc-ai\">Tentu! Berikut adalah email dingin yang menarik yang memimpin dengan nilai dan diakhiri dengan CTA yang rendah hambatan. Subjek: \"Potong [poin rasa sakit] Anda sebesar 40% dalam seminggu\"...<\/div>\r\n <div class=\"fc-msg fc-user\">Buat lebih singkat dan lebih santai.<\/div>\r\n <div class=\"fc-msg fc-ai\">Mengerti \u2014 ini versi yang lebih ringkas dengan nada yang lebih ramah, dioptimalkan untuk tingkat balasan yang lebih tinggi dari 20%...<\/div>\r\n <div class=\"fc-msg fc-sys\">\u2014 Percakapan gratis tanpa batas \u2014<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550 FEATURES \u2550\u2550 -->\r\n<section class=\"section\" id=\"features\">\r\n <div class=\"section-inner\">\r\n <div class=\"section-label\">Set Fitur Lengkap<\/div>\r\n <h2 class=\"section-title\">Dibuat untuk Orang yang Menyelesaikan Sesuatu<\/h2>\r\n <p class=\"section-subtitle\">GetClawHub bukan hanya portal unduhan \u2014 ini adalah platform lengkap untuk mengelola pengalaman OpenClaw Anda, dari instalasi pertama hingga penggunaan sehari-hari.<\/p>\r\n <div class=\"features-grid\">\r\n <div class=\"feat-card highlight\"><div class=\"feat-icon w\">\u2b07<\/div><div><h3>Penginstal OpenClaw Satu Klik yang Definitif<\/h3><p>Fitur unggulan kami: tombol unduh tunggal yang mengirimkan build OpenClaw terbaru, terverifikasi, dan stabil yang sesuai dengan chip Mac Anda. Tidak perlu mengurai rilis GitHub, tidak perlu mengikuti README, tidak perlu menyalin perintah terminal. Apakah Anda menggunakan Apple Silicon atau Intel, GetClawHub adalah jalur tercepat dari niat ke instalasi OpenClaw yang berjalan \u2014 selesai.<\/p><\/div><\/div>\r\n <div class=\"feat-card\"><div class=\"feat-icon a\">\ud83d\udcc1<\/div><div><h3>Riwayat & Ekspor Percakapan<\/h3><p>Setiap obrolan OpenClaw secara otomatis disimpan ke akun GetClawHub Anda. Cari, kunjungi kembali, dan ekspor percakapan sebagai Markdown, PDF, atau teks biasa kapan saja.<\/p><\/div><\/div>\r\n <div class=\"feat-card\"><div class=\"feat-icon t\">\u2699\ufe0f<\/div><div><h3>Sinkronisasi Profil & Preferensi<\/h3><p>Atur preferensi nada, panjang output, dan gaya respons Anda sekali di GetClawHub. Setiap sesi OpenClaw akan mengambilnya secara otomatis \u2014 tidak perlu prompt sistem berulang.<\/p><\/div><\/div>\r\n <div class=\"feat-card\"><div class=\"feat-icon a\">\ud83d\udd14<\/div><div><h3>Manajemen Versi & Pembaruan<\/h3><p>Ketahui versi OpenClaw yang Anda jalankan secara tepat. Terima notifikasi saat pembaruan dikirim, dan tingkatkan dengan satu klik tanpa kehilangan pengaturan atau riwayat percakapan Anda.<\/p><\/div><\/div>\r\n <div class=\"feat-card\"><div class=\"feat-icon t\">\ud83d\udee1\ufe0f<\/div><div><h3>Unduhan Terverifikasi dan Tahan Gangguan<\/h3><p>Setiap penginstal diperiksa checksum SHA-256 dan disajikan melalui HTTPS. Jalur integritas GetClawHub memastikan apa yang Anda unduh adalah persis apa yang dikirimkan pengembang OpenClaw.<\/p><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550 SCREENSHOTS \u2550\u2550 -->\r\n<section class=\"section screenshots\" id=\"screenshots\">\r\n <div class=\"section-inner\">\r\n <div class=\"section-label\">Lihat Secara Langsung<\/div>\r\n <h2 class=\"section-title\">Antarmuka Bersih dan Kuat \u2014 Dibuat untuk Pekerjaan Nyata<\/h2>\r\n <p class=\"section-subtitle\">Antarmuka OpenClaw dirancang untuk kejelasan dan kecepatan. Jelajahi setiap layar untuk melihat secara tepat apa yang akan Anda kerjakan sejak hari pertama.<\/p>\r\n <div class=\"screenshots-tabs\">\r\n <button class=\"tab-btn active\" onclick=\"showTab('home', event)\">\ud83c\udfe0 Beranda<\/button>\r\n <button class=\"tab-btn\" onclick=\"showTab('config', event)\">\u2699\ufe0f Konfigurasi<\/button>\r\n <button class=\"tab-btn\" onclick=\"showTab('skills', event)\">\ud83e\udde9 Keterampilan<\/button>\r\n <button class=\"tab-btn\" onclick=\"showTab('chat', event)\">\ud83d\udcac Obrolan<\/button>\r\n <\/div>\r\n <div class=\"screenshots-display\">\r\n <div class=\"screenshot-panel active\" id=\"tab-home\">\r\n <div class=\"screenshot-frame\"><div class=\"screenshot-titlebar\"><div class=\"titlebar-dots\"><span><\/span><span><\/span><span><\/span><\/div><div class=\"titlebar-title\">OpenClaw \u2014 Beranda<\/div><\/div><img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/03\/chat.webp\" alt=\"OpenClaw Home Screen\" loading=\"lazy\" \/><\/div>\r\n <div class=\"screenshot-caption\"><div class=\"caption-icon\">\ud83c\udfe0<\/div><div class=\"caption-text\"><h4>Selamat Datang di Beranda \u2014 Segala Sesuatu Dalam Jangkauan<\/h4><p>Layar utama OpenClaw menyambut Anda dengan tata letak yang bersih dan bebas gangguan. Percakapan terbaru Anda, prompt cepat, dan navigasi semuanya langsung dapat diakses \u2014 tanpa kurva belajar.<\/p><\/div><\/div>\r\n <\/div>\r\n <div class=\"screenshot-panel\" id=\"tab-config\">\r\n <div class=\"screenshot-frame\"><div class=\"screenshot-titlebar\"><div class=\"titlebar-dots\"><span><\/span><span><\/span><span><\/span><\/div><div class=\"titlebar-title\">OpenClaw \u2014 Konfigurasi<\/div><\/div><img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/03\/Configuration.webp\" alt=\"OpenClaw Configuration Page\" loading=\"lazy\" \/><\/div>\r\n <div class=\"screenshot-caption\"><div class=\"caption-icon\">\u2699\ufe0f<\/div><div class=\"caption-text\"><h4>Disesuaikan untuk Anda \u2014 Kontrol Penuh atas Pengaturan Anda<\/h4><p>Halaman Konfigurasi membuat Anda menjadi pengendali. Atur kunci API Anda, pilih model yang diinginkan, sesuaikan perilaku respons, dan haluskan gaya output \u2014 semuanya dari satu panel pengaturan yang terorganisir.<\/p><\/div><\/div>\r\n <\/div>\r\n <div class=\"screenshot-panel\" id=\"tab-skills\">\r\n <div class=\"screenshot-frame\"><div class=\"screenshot-titlebar\"><div class=\"titlebar-dots\"><span><\/span><span><\/span><span><\/span><\/div><div class=\"titlebar-title\">OpenClaw \u2014 Keterampilan<\/div><\/div><img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/03\/Skills.webp\" alt=\"OpenClaw Skills Page\" loading=\"lazy\" \/><\/div>\r\n <div class=\"screenshot-caption\"><div class=\"caption-icon\">\ud83e\udde9<\/div><div class=\"caption-text\"><h4>Tingkatkan OpenClaw dengan Keterampilan Khusus<\/h4><p>Halaman Keahlian memungkinkan Anda menjelajah, mengaktifkan, dan mengelola kemampuan yang dirancang khusus \u2014 dari bantuan pengkodean hingga penulisan kreatif, riset, dan lainnya.<\/p><\/div><\/div>\r\n <\/div>\r\n <div class=\"screenshot-panel\" id=\"tab-chat\">\r\n <div class=\"screenshot-frame\"><div class=\"screenshot-titlebar\"><div class=\"titlebar-dots\"><span><\/span><span><\/span><span><\/span><\/div><div class=\"titlebar-title\">OpenClaw \u2014 Obrolan<\/div><\/div><img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/03\/Chat-Sample.webp\" alt=\"OpenClaw Chat Interface\" loading=\"lazy\" \/><\/div>\r\n <div class=\"screenshot-caption\"><div class=\"caption-icon\">\ud83d\udcac<\/div><div class=\"caption-text\"><h4>Pengalaman Obrolan \u2014 Cepat, Jelas, dan Kuat<\/h4><p>Antarmuka obrolan OpenClaw dirancang untuk percakapan nyata. Pesan diformat dengan indah dengan penyorotan kode, rendering markdown, dan area input yang responsif yang mengikuti kecepatan berpikir Anda.<\/p><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550 DOWNLOAD \u2550\u2550 -->\r\n<section class=\"section pricing\" id=\"download\">\r\n <div class=\"section-inner\">\r\n <div class=\"section-label\">Unduh<\/div>\r\n <h2 class=\"section-title\">Pilih Mac Anda, Klik untuk Mengunduh.<\/h2>\r\n <p class=\"section-subtitle\">GetClawHub mendukung Mac Apple Silicon (M1, M2, M3, M4). Tidak yakin chip apa yang Anda miliki? Klik menu Apple () \u2192 <em>Tentang Mac ini<\/em> \u2014 jika Anda melihat Apple M1\/M2\/M3\/M4, Anda sudah siap.<\/p>\r\n <div class=\"pricing-grid\">\r\n <div class=\"plan featured\">\r\n <div class=\"plan-badge\">Apple Silicon<\/div>\r\n <div class=\"plan-name\">macOS \u00b7 Seri M<\/div>\r\n <div class=\"plan-price\" style=\"font-size:2rem;\">\ud83c\udf4e Apple<\/div>\r\n <div class=\"plan-period\">M1 \u00b7 M2 \u00b7 M3 \u00b7 M4 dan seterusnya<\/div>\r\n <div class=\"plan-divider\"><\/div>\r\n <ul class=\"plan-features\">\r\n <li><span class=\"pf-icon\">\u26a1<\/span> Build ARM64 asli \u2014 sangat cepat<\/li>\r\n <li><span class=\"pf-icon\">\ud83d\udd0b<\/span> Dioptimalkan untuk efisiensi & daya tahan baterai<\/li>\r\n <li><span class=\"pf-icon\">\ud83d\udcac<\/span> Obrolan gratis tanpa batas termasuk, tanpa pendaftaran<\/li>\r\n <li><span class=\"pf-icon\">\ud83d\udcdd<\/span> Daftar untuk membuka akses tanpa batas<\/li>\r\n <li><span class=\"pf-icon\">\ud83d\udd12<\/span> Diverifikasi SHA-256 \u00b7 Selalu versi terbaru<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/drive.google.com\/file\/d\/1mBShbrMYLoX2ON68NcUppLBZCJVgUWgF\/view\" target=\"_blank\" class=\"plan-btn solid\" rel=\"nofollow noopener\">\u2b07 Unduh untuk Apple Silicon<\/a>\r\n <\/div>\r\n <\/div>\r\n <p style=\"text-align:center;margin-top:32px;font-size:0.85rem;color:var(--muted);\">\r\n \u2705 OpenClaw untuk Apple Silicon mencakup percakapan gratis tanpa batas \u2014 tidak perlu akun untuk memulai.<br>\r\n Setelah obrolan gratis Anda, <strong>buat akun gratis<\/strong> untuk melanjutkan dengan akses tanpa batas.\r\n <\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550 TESTIMONIALS \u2550\u2550 -->\r\n<section class=\"section\" id=\"testimonials\">\r\n <div class=\"section-inner\">\r\n <div class=\"section-label\">Apa Kata Pengguna<\/div>\r\n <h2 class=\"section-title\">Disukai oleh Ribuan Pengguna OpenClaw<\/h2>\r\n <div class=\"testi-grid\">\r\n <div class=\"testi-card\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"testi-text\">\"Saya telah mencoba menginstal OpenClaw dari repo resmi selama dua hari. GetClawHub membuat saya langsung berjalan dalam waktu 45 detik. Instalasi satu klik benar-benar berhasil \u2014 tanpa kesalahan, tanpa sakit kepala.\"<\/p><div class=\"testi-author\"><div class=\"testi-av\" style=\"background:#3a7ee8\">DK<\/div><div><div class=\"testi-name\">David K.<\/div><div class=\"testi-role\">Insinyur Perangkat Lunak, Jakarta<\/div><\/div><\/div><\/div>\r\n <div class=\"testi-card\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"testi-text\">\"Percakapan gratis tanpa batas lebih dari cukup untuk meyakinkan saya. Saya menggunakannya untuk menyusun proposal klien dan kualitasnya membuat saya terkesan. Membuat akun saya dan tidak pernah menoleh ke belakang sejak saat itu.\"<\/p><div class=\"testi-author\"><div class=\"testi-av\" style=\"background:#e8763a\">SR<\/div><div><div class=\"testi-name\">Sophia R.<\/div><div class=\"testi-role\">Konsultan Lepas Pakai, Jakarta<\/div><\/div><\/div><\/div>\r\n <div class=\"testi-card\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"testi-text\">\"Saya mengalihkan seluruh tim kami ke GetClawHub untuk mengelola OpenClaw di Mac mereka. Mesin Apple Silicon dan Intel keduanya berfungsi dengan sempurna dengan penginstal yang tepat. Semua orang siap dan berjalan dalam hitungan menit.\"<\/p><div class=\"testi-author\"><div class=\"testi-av\" style=\"background:#3ac890\">MJ<\/div><div><div class=\"testi-name\">Marcus J.<\/div><div class=\"testi-role\">CTO, Startup Tahap Awal<\/div><\/div><\/div><\/div>\r\n <div class=\"testi-card\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"testi-text\">\"Saya sama sekali tidak teknis. Panduan pengaturan yang dipandu memandu saya melalui setiap langkah. Sekarang saya menggunakan OpenClaw setiap hari untuk penulisan konten dan saya tidak bisa membayangkan bekerja tanpanya.\"<\/p><div class=\"testi-author\"><div class=\"testi-av\" style=\"background:#c843e8\">YP<\/div><div><div class=\"testi-name\">Yuki P.<\/div><div class=\"testi-role\">Pembuat Konten, Tokyo<\/div><\/div><\/div><\/div>\r\n <div class=\"testi-card\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"testi-text\">\"Build yang diverifikasi dan ditandatangani sangat penting bagi saya. Saya mengelola keamanan untuk perusahaan menengah dan saya tidak bisa menginstal binary acak. Pemeriksaan integritas GetClawHub memberi saya kepercayaan untuk menerapkan OpenClaw secara organisasi.\"<\/p><div class=\"testi-author\"><div class=\"testi-av\" style=\"background:#e84343\">AL<\/div><div><div class=\"testi-name\">Alex L.<\/div><div class=\"testi-role\">Manajer Keamanan TI<\/div><\/div><\/div><\/div>\r\n <div class=\"testi-card\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"testi-text\">\"Notifikasi pembaruan adalah fitur kecil favorit saya. Saya selalu memiliki peningkatan model OpenClaw terbaru tanpa harus memeriksa catatan rilis atau mengunduh ulang apa pun secara manual.\"<\/p><div class=\"testi-author\"><div class=\"testi-av\" style=\"background:#43a8e8\">TW<\/div><div><div class=\"testi-name\">Tara W.<\/div><div class=\"testi-role\">Manajer Produk, Jakarta<\/div><\/div><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2605 SOCIAL FOLLOW BAND (between testimonials and CTA) -->\r\n<div class=\"social-band\">\r\n <div class=\"social-band-inner\">\r\n <div class=\"social-band-text\">\r\n <h3>Tetap terhubung<\/h3>\r\n <p>Ikuti GetClawHub untuk tutorial, tips, dan pengumuman pembaruan OpenClaw.<\/p>\r\n <\/div>\r\n <div class=\"social-band-icons\">\r\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61582260302523&sk=about\" target=\"_blank\" rel=\"noopener nofollow\" class=\"social-pill fb\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M24 12.073C24 5.405 18.627 0 12 0S0 5.405 0 12.073C0 18.1 4.388 23.094 10.125 24v-8.437H7.078v-3.49h3.047V9.41c0-3.025 1.791-4.697 4.533-4.697 1.313 0 2.686.236 2.686.236v2.97h-1.514c-1.491 0-1.956.93-1.956 1.886v2.268h3.328l-.532 3.49h-2.796V24C19.612 23.094 24 18.1 24 12.073z\"\/><\/svg>\r\n Facebook\r\n <\/a>\r\n <a href=\"https:\/\/www.youtube.com\/@getclawhub\" target=\"_blank\" rel=\"noopener nofollow\" class=\"social-pill yt\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/><\/svg>\r\n YouTube\r\n <\/a>\r\n <a href=\"https:\/\/www.instagram.com\/getclawhub\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"social-pill ig\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z\"\/><\/svg>\r\n Instagram\r\n <\/a>\r\n <a href=\"https:\/\/www.tiktok.com\/@hecheftygpb?_r=1&_t=ZP-94l0nanScIw\" target=\"_blank\" rel=\"noopener nofollow\" class=\"social-pill tt\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z\"\/><\/svg>\r\n TikTok\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550 CTA FINAL \u2550\u2550 -->\r\n<section class=\"cta-final\">\r\n <h2>Siap Bertemu OpenClaw?<\/h2>\r\n <p>Unduh dengan satu klik. Mulai mengobrol dalam waktu kurang dari satu menit. Percakapan gratis tanpa batas menunggu Anda \u2014 tanpa kartu, tanpa repot.<\/p>\r\n <a href=\"https:\/\/drive.google.com\/file\/d\/1mBShbrMYLoX2ON68NcUppLBZCJVgUWgF\/view\" target=\"_blank\" class=\"btn-white\" rel=\"nofollow noopener\">\u2b07 Unduh OpenClaw Gratis<\/a>\r\n <p class=\"cta-note\">macOS Apple Silicon \u00b7 Deteksi otomatis \u00b7 Selalu diverifikasi<\/p>\r\n\r\n <!-- \u2605 CTA SOCIAL ROW -->\r\n <div class=\"cta-social-row\">\r\n <span class=\"cta-social-divider\">Ikuti kami \u00b7 Jangan pernah lewatkan pembaruan<\/span>\r\n <div class=\"social-bar white\">\r\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61582260302523&sk=about\" target=\"_blank\" rel=\"noopener nofollow\" aria-label=\"Facebook\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M24 12.073C24 5.405 18.627 0 12 0S0 5.405 0 12.073C0 18.1 4.388 23.094 10.125 24v-8.437H7.078v-3.49h3.047V9.41c0-3.025 1.791-4.697 4.533-4.697 1.313 0 2.686.236 2.686.236v2.97h-1.514c-1.491 0-1.956.93-1.956 1.886v2.268h3.328l-.532 3.49h-2.796V24C19.612 23.094 24 18.1 24 12.073z\" fill=\"currentColor\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/www.youtube.com\/@getclawhub\" target=\"_blank\" rel=\"noopener nofollow\" aria-label=\"YouTube\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\" fill=\"currentColor\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/www.instagram.com\/getclawhub\/\" target=\"_blank\" rel=\"noopener nofollow\" aria-label=\"Instagram\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z\" fill=\"currentColor\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/www.tiktok.com\/@hecheftygpb?_r=1&_t=ZP-94l0nanScIw\" target=\"_blank\" rel=\"noopener nofollow\" aria-label=\"TikTok\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z\" fill=\"currentColor\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550 FOOTER \u2550\u2550 -->\r\n<footer>\r\n <div class=\"footer-inner-simple\">\r\n\r\n <!-- \u2605 FOOTER BRAND COL: logo + social icons -->\r\n <div class=\"footer-brand-col\">\r\n <a href=\"#\" class=\"logo\" style=\"color: var(--paper);\">\r\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/03\/getclawhub-logo-white-title.webp\" alt=\"GetClawHub\" style=\"height:50px; width:auto;\">\r\n <\/a>\r\n <div class=\"social-row\" style=\"margin-top:4px\">\r\n <span class=\"social-label faded\">Ikuti kami<\/span>\r\n <div class=\"social-bar dark\">\r\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=61582260302523&sk=about\" target=\"_blank\" rel=\"noopener nofollow\" aria-label=\"Facebook\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M24 12.073C24 5.405 18.627 0 12 0S0 5.405 0 12.073C0 18.1 4.388 23.094 10.125 24v-8.437H7.078v-3.49h3.047V9.41c0-3.025 1.791-4.697 4.533-4.697 1.313 0 2.686.236 2.686.236v2.97h-1.514c-1.491 0-1.956.93-1.956 1.886v2.268h3.328l-.532 3.49h-2.796V24C19.612 23.094 24 18.1 24 12.073z\" fill=\"currentColor\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/www.youtube.com\/@getclawhub\" target=\"_blank\" rel=\"noopener nofollow\" aria-label=\"YouTube\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\" fill=\"currentColor\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/www.instagram.com\/getclawhub\/\" target=\"_blank\" rel=\"noopener nofollow\" aria-label=\"Instagram\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z\" fill=\"currentColor\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/www.tiktok.com\/@hecheftygpb?_r=1&_t=ZP-94l0nanScIw\" target=\"_blank\" rel=\"noopener nofollow\" aria-label=\"TikTok\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z\" fill=\"currentColor\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- NAV LINKS -->\r\n <div class=\"footer-links\">\r\n <a href=\"#why\">Mengapa Kami<\/a>\r\n <a href=\"#how\">Cara Kerja<\/a>\r\n <a href=\"#screenshots\">Tangkapan Layar<\/a>\r\n <a href=\"https:\/\/www.getclawhub.com\/id\/privacy-policy\/\">Kebijakan Privasi<\/a>\r\n <a href=\"https:\/\/www.getclawhub.com\/id\/terms-of-service\/\">Syarat dan Ketentuan<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <span>\u00a9 2025 GetClawHub. Hak cipta dilindungi undang-undang.<\/span>\r\n <span>Dibuat dengan perhatian untuk pengguna OpenClaw di mana saja.<\/span>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n function showTab(name, e) {\r\n document.querySelectorAll('.screenshot-panel').forEach(p => p.classList.remove('active'));\r\n document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));\r\n document.getElementById('tab-' + name).classList.add('active');\r\n (e ? e.currentTarget : event.currentTarget).classList.add('active');\r\n }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>GetClawHub \u2014 One-Click Access to OpenClaw Why Us How It Works Screenshots Download Download Free \u2192 The Fastest Way to Get OpenClaw One Click. OpenClaw Is Ready to Go. GetClawHub delivers OpenClaw directly to your device \u2014 no hunting for installers, no broken download links, no setup headaches. Start chatting with OpenClaw in minutes, with […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1214","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/www.getclawhub.com\/id\/wp-json\/wp\/v2\/pages\/1214","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.getclawhub.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.getclawhub.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.getclawhub.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.getclawhub.com\/id\/wp-json\/wp\/v2\/comments?post=1214"}],"version-history":[{"count":102,"href":"https:\/\/www.getclawhub.com\/id\/wp-json\/wp\/v2\/pages\/1214\/revisions"}],"predecessor-version":[{"id":1526,"href":"https:\/\/www.getclawhub.com\/id\/wp-json\/wp\/v2\/pages\/1214\/revisions\/1526"}],"wp:attachment":[{"href":"https:\/\/www.getclawhub.com\/id\/wp-json\/wp\/v2\/media?parent=1214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}