{"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\/ms\/","title":{"rendered":"Muat Turun 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\">Bagaimana Ia Berfungsi<\/a><\/li>\r\n <li><a href=\"#screenshots\">Tangkap layar<\/a><\/li>\r\n <li><a href=\"#download\">Muatturun<\/a><\/li>\r\n <li><a href=\"https:\/\/drive.google.com\/file\/d\/1mBShbrMYLoX2ON68NcUppLBZCJVgUWgF\/view\" target=\"_blank\" class=\"nav-cta\" rel=\"nofollow noopener\">Muatturun Percuma \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 Paling Pantas untuk Mendapatkan OpenClaw<\/div>\r\n <h1>\r\n <em>Satu Klik.<\/em><br>\r\n <span class=\"underline\">OpenClaw<\/span> Is<br>\r\n Sedia untuk Digunakan.\r\n <\/h1>\r\n <p class=\"hero-desc\">\r\n GetClawHub menghantar OpenClaw terus ke peranti anda \u2014 tiada pencarian pemasang, tiada pautan muat turun yang rosak, tiada masalah pemasangan. Mula bersembang dengan OpenClaw dalam beberapa minit, dengan <strong>perbualan percuma tanpa had<\/strong> menunggu anda sekarang, tanpa syarat.\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 Muat turun OpenClaw Percuma<\/a>\r\n <a href=\"#how\" class=\"btn-secondary\">Lihat Cara Ia Berfungsi \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 Dipercayai oleh lebih 50,000 pengguna di seluruh dunia \u00b7 macOS \u00b7 Tiada kad 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 pemasangan 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\">Pemasangan OpenClaw<\/div><\/div>\r\n <div><div class=\"stat-num\">Tanpa Had<\/div><div class=\"stat-label\">Perbualan Percuma Disertakan<\/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\"><60s<\/div><div class=\"stat-label\">Purata Masa Penetapan<\/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 Perlukan untuk Memulakan dengan OpenClaw \u2014 Tanpa Rintangan<\/h2>\r\n <p class=\"section-subtitle\">Mengaktifkan alat AI tidak seharusnya terasa seperti tugas. GetClawHub menghilangkan setiap langkah yang tidak perlu antara anda dan pemasangan OpenClaw yang berfungsi, supaya anda boleh memberi tumpuan kepada apa yang penting: menjalankan perbualan yang hebat dan menyelesaikan kerja sebenar.<\/p>\r\n <div class=\"why-grid\">\r\n <div class=\"why-card\"><div class=\"why-icon amber\">\u26a1<\/div><h3>Muatturun & Pasang Sekali Klik<\/h3><p>Tiada pencarian pakej manual. Tiada fail `.dmg` yang rosak dari cermin yang meragukan. GetClawHub membungkus segala-galanya \u2014 klik sekali, dan OpenClaw dipasang dengan bersih di Mac anda, sedia untuk dilancarkan segera.<\/p><\/div>\r\n <div class=\"why-card\"><div class=\"why-icon teal\">\ud83d\udcac<\/div><h3>Perbualan percuma tanpa had, Tanpa Kad Kredit<\/h3><p>Kami percaya anda harus mengalami OpenClaw sebelum anda komited. Itulah sebabnya setiap pelawat baharu mendapat perbualan penuh tanpa had dan tanpa sekatan dengan OpenClaw \u2014 sepenuhnya percuma, terus dari kotak. Tiada pendaftaran diperlukan untuk mencuba.<\/p><\/div>\r\n <div class=\"why-card\"><div class=\"why-icon ink\">\ud83d\udd12<\/div><h3>Sentiasa Versi Disahkan, Terkini<\/h3><p>Setiap muat turun yang dihoskan di GetClawHub ditandatangani secara kriptografi dan diperiksa integritinya. Anda sentiasa akan mendapatkan versi stabil terkini OpenClaw \u2014 tidak pernah versi lama, tidak pernah binari yang diubah suai.<\/p><\/div>\r\n <div class=\"why-card\"><div class=\"why-icon amber\">\ud83c\udf4e<\/div><h3>Direka untuk Mac \u2014 Apple Silicon (M1\u2013M4)<\/h3><p>Sama ada anda menggunakan Mac Apple Silicon moden (M1, M2, M3, M4), GetClawHub menyediakan binaan OpenClaw yang sesuai untuk cip anda \u2014 secara automatik. Tiada tekaan, tiada muat turun yang salah.<\/p><\/div>\r\n <div class=\"why-card\"><div class=\"why-icon teal\">\ud83d\ude80<\/div><h3>Pengalaman Permulaan yang Lancar untuk Pengguna Baharu<\/h3><p>Pertama kali menggunakan OpenClaw? Panduan penyiapan berpandukan kami membimbing anda melalui konfigurasi awal, kunci API (jika perlu), dan tetapan amalan terbaik \u2014 supaya pengguna bukan teknikal juga dapat menggunakannya dengan mudah.<\/p><\/div>\r\n <div class=\"why-card\"><div class=\"why-icon ink\">\ud83d\udd04<\/div><h3>Pemberitahuan Kemas Kini Automatik<\/h3><p>Pengguna berdaftar menerima amaran dalam aplikasi setiap kali versi baru OpenClaw dikeluarkan. Kemas kini dengan satu klik, memastikan pemasangan anda terkini dan perbualan anda didukung oleh peningkatan model terkini.<\/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\">Bagaimana Ia Berfungsi<\/div>\r\n <h2 class=\"section-title\">Dari Kosong ke OpenClaw dalam Tiga Langkah Mudah<\/h2>\r\n <p class=\"section-subtitle\">Kami telah menghapuskan setiap klik yang tidak perlu supaya perjalanan anda dari \"Saya mahu mencuba OpenClaw\" ke \"Saya sedang berbual dengan OpenClaw\" adalah selancar mungkin.<\/p>\r\n <div class=\"steps\">\r\n <div class=\"step\"><div class=\"step-num\">01<\/div><h3>Lawati GetClawHub<\/h3><p>Landa di halaman utama kami. Sistem pengendalian anda dikesan secara automatik, dan pemasang OpenClaw yang betul sedia dan menunggu. Tiada akaun diperlukan pada peringkat ini \u2014 hanya klik butang muat turun yang besar.<\/p><\/div>\r\n <div class=\"step\"><div class=\"step-num\">02<\/div><h3>Muatturun & Pasang dalam Satu Klik<\/h3><p>Jalankan pemasang. Ia mengendalikan semua kebergantungan, konfigurasi laluan, dan tetapan awal secara automatik. Dalam kurang dari 60 saat, OpenClaw dipasang dan melancarkan dirinya sendiri, bersedia untuk perbualan pertama anda.<\/p><\/div>\r\n <div class=\"step\"><div class=\"step-num\">03<\/div><h3>Bercakap Percuma, Kemudian Daftar untuk Buka Kunci Lebih Banyak<\/h3><p>Nikmati perbualan tanpa had anda dengan OpenClaw tanpa kos. Apabila anda bersedia untuk akses tanpa had, buat akaun GetClawHub percuma dan buka kunci pengalaman penuh dalam beberapa saat.<\/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\">Percuma untuk Bermula<\/div>\r\n <h2 class=\"free-title\">Perbualan percuma tanpa had. Tiada helah. Tiada Kad.<\/h2>\r\n <p class=\"free-desc\">Kami tahu bahawa kepercayaan diperoleh, bukan diminta. Itulah sebabnya perbualan tanpa had anda dengan OpenClaw adalah sepenuhnya percuma \u2014 berkualiti penuh, tanpa sekatan ciri, tanpa watermark. Alami apa yang OpenClaw boleh lakukan sebelum anda mempertimbangkan pendaftaran.<\/p>\r\n <ul class=\"free-list\">\r\n <li><div class=\"check\">\u2713<\/div><div>Semua sembang percuma tanpa had adalah perbualan penuh panjang, berkualiti penuh \u2014 bukan demo atau pratonton terhad. Tanyakan apa sahaja, dapatkan jawapan lengkap.<\/div><\/li>\r\n <li><div class=\"check\">\u2713<\/div><div>Tiada emel diperlukan untuk memulakan sembang percuma anda. Muat turun, pasang, dan OpenClaw sedia untuk perbualan serta-merta.<\/div><\/li>\r\n <li><div class=\"check\">\u2713<\/div><div>Selepas sesi percuma tanpa had anda, hanya buat akaun GetClawHub percuma untuk membuka kunci perbualan tanpa had \u2014 ia mengambil masa kurang dari satu minit.<\/div><\/li>\r\n <li><div class=\"check\">\u2713<\/div><div>Sejarah perbualan anda disimpan dari chat #1, malah sebelum pendaftaran, jadi tiada apa yang hilang apabila 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\">Mulakan Sembang Percuma 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\">Sembang Percuma Tinggal<\/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 emel dingin untuk produk SaaS saya.<\/div>\r\n <div class=\"fc-msg fc-ai\">Sudah tentu! Berikut adalah emel dingin yang padat yang memimpin dengan nilai dan berakhir dengan CTA yang rendah geseran. Subjek: \"Potong [titik sakit anda] sebanyak 40% dalam seminggu\"...<\/div>\r\n <div class=\"fc-msg fc-user\">Jadikan lebih ringkas dan santai.<\/div>\r\n <div class=\"fc-msg fc-ai\">Faham \u2014 ini adalah versi yang diperkemas dengan nada yang lebih mesra, dioptimumkan untuk kadar balasan yang lebih tinggi dari 20%...<\/div>\r\n <div class=\"fc-msg fc-sys\">\u2014 Perbualan Percuma Tanpa Had \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 Ciri Penuh<\/div>\r\n <h2 class=\"section-title\">Dibina untuk Orang yang Menyelesaikan Kerja<\/h2>\r\n <p class=\"section-subtitle\">GetClawHub bukan sekadar portal muat turun \u2014 ia adalah platform lengkap untuk mengurus pengalaman OpenClaw anda, dari pemasangan pertama hingga penggunaan harian.<\/p>\r\n <div class=\"features-grid\">\r\n <div class=\"feat-card highlight\"><div class=\"feat-icon w\">\u2b07<\/div><div><h3>Pemasang OpenClaw Satu Klik yang Pasti<\/h3><p>Ciri utama kami: butang muat turun tunggal yang menyampaikan binaan OpenClaw yang betul, disahkan, dan terkini untuk cip Mac anda. Tiada pelepasan GitHub untuk difahami, tiada README untuk diikuti, tiada arahan terminal untuk salin dan tampal. Sama ada anda menggunakan Apple Silicon atau Intel, GetClawHub adalah jalan paling pantas dari niat ke pemasangan OpenClaw yang berjalan \u2014 sudah tentu.<\/p><\/div><\/div>\r\n <div class=\"feat-card\"><div class=\"feat-icon a\">\ud83d\udcc1<\/div><div><h3>Sejarah Perbualan & Eksport<\/h3><p>Setiap perbualan OpenClaw disimpan secara automatik ke akaun GetClawHub anda. Cari, lawati semula, dan eksport perbualan sebagai Markdown, PDF, atau teks biasa bila-bila masa.<\/p><\/div><\/div>\r\n <div class=\"feat-card\"><div class=\"feat-icon t\">\u2699\ufe0f<\/div><div><h3>Senyapkan & Sejajarkan Profil & Keutamaan<\/h3><p>Tetapkan pilihan nada, panjang output, dan gaya respons anda sekali di GetClawHub. Setiap sesi OpenClaw akan mengambilnya secara automatik \u2014 tiada prompt sistem berulang diperlukan.<\/p><\/div><\/div>\r\n <div class=\"feat-card\"><div class=\"feat-icon a\">\ud83d\udd14<\/div><div><h3>Pengurusan Versi & Kemas Kini<\/h3><p>Ketahui versi OpenClaw yang anda jalankan dengan tepat. Terima notifikasi apabila kemas kini dihantar, dan naik taraf dengan satu klik tanpa kehilangan tetapan atau sejarah perbualan anda.<\/p><\/div><\/div>\r\n <div class=\"feat-card\"><div class=\"feat-icon t\">\ud83d\udee1\ufe0f<\/div><div><h3>Muatan Boleh Dipercayai, Tahan Gangguan<\/h3><p>Setiap pemasang diperiksa checksum SHA-256 dan dihantar melalui HTTPS. Rangkaian integriti GetClawHub memastikan apa yang anda muat turun adalah tepat seperti yang dihantar oleh pembangun 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 Ia Dalam Tindakan<\/div>\r\n <h2 class=\"section-title\">Antara Muka Bersih dan Berkuasa \u2014 Dibina untuk Kerja Sebenar<\/h2>\r\n <p class=\"section-subtitle\">Antaramuka OpenClaw direka untuk kejelasan dan kelajuan. Terokai setiap skrin untuk melihat dengan tepat apa yang akan anda kerjakan dari hari pertama.<\/p>\r\n <div class=\"screenshots-tabs\">\r\n <button class=\"tab-btn active\" onclick=\"showTab('home', event)\">\ud83c\udfe0 Rumah<\/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 Kemahiran<\/button>\r\n <button class=\"tab-btn\" onclick=\"showTab('chat', event)\">\ud83d\udcac Sembang<\/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 Rumah<\/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 Rumah \u2014 Segala-galanya Dalam Jangkauan<\/h4><p>Laman utama OpenClaw menyambut anda dengan susun atur yang bersih dan bebas gangguan. Perbualan terkini, arahan pantas, dan navigasi semuanya boleh diakses dengan segera \u2014 tanpa perlu belajar kurva.<\/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 Kawalan Penuh Ke Atur Cara Anda<\/h4><p>Halaman Konfigurasi meletakkan anda di tempat kawalan. Tetapkan kunci API anda, pilih model pilihan anda, laraskan tingkah laku respons, dan haluskan gaya output \u2014 semuanya dari satu panel tetapan yang teratur.<\/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 Kemahiran<\/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>Tambah Kuasa OpenClaw dengan Kemahiran Khusus<\/h4><p>Halaman Kemahiran membolehkan anda melayari, mengaktifkan, dan mengurus keupayaan yang direka khas \u2014 dari bantuan pengekodan hingga penulisan kreatif, penyelidikan, dan banyak lagi.<\/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 Sembang<\/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 Sembang \u2014 Pantas, Jelas, dan Berkuasa<\/h4><p>Antara muka sembang OpenClaw dibina untuk perbualan sebenar. Mesej dihias dengan indah dengan penyorotan kod, pengewapan markdown, dan kawasan input yang responsif yang mengikuti rentak pemikiran 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\">Muatturun<\/div>\r\n <h2 class=\"section-title\">Pilih Mac Anda, Klik untuk Muat Turun.<\/h2>\r\n <p class=\"section-subtitle\">GetClawHub menyokong Mac Apple Silicon (M1, M2, M3, M4). Tidak pasti cip mana yang anda miliki? Klik menu Apple () \u2192 <em>Tentang Mac ini<\/em> \u2014 jika anda melihat Apple M1\/M2\/M3\/M4, anda sudah bersedia.<\/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 Siri 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 pantas<\/li>\r\n <li><span class=\"pf-icon\">\ud83d\udd0b<\/span> Dioptimumkan untuk keberkesanan & hayat bateri<\/li>\r\n <li><span class=\"pf-icon\">\ud83d\udcac<\/span> Sembang percuma tanpa had disertakan, tanpa pendaftaran<\/li>\r\n <li><span class=\"pf-icon\">\ud83d\udcdd<\/span> Daftar untuk membuka kunci akses tanpa had<\/li>\r\n <li><span class=\"pf-icon\">\ud83d\udd12<\/span> Disahkan SHA-256 \u00b7 Sentiasa versi terkini<\/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 Muat turun 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 termasuk perbualan percuma tanpa had \u2014 tiada akaun diperlukan untuk bermula.<br>\r\n Selepas sembang percuma anda, <strong>buat akaun percuma<\/strong> untuk meneruskan dengan akses tanpa had.\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 Beribu 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 mencuba memasang OpenClaw dari repo rasmi selama dua hari. GetClawHub membuat saya berfungsi dalam masa 45 saat sahaja. Pemasangan satu klik benar-benar berfungsi \u2014 tiada ralat, tiada 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\">Jurutera Perisian, Kuala Lumpur<\/div><\/div><\/div><\/div>\r\n <div class=\"testi-card\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"testi-text\">\"Perbualan percuma tanpa had lebih daripada cukup untuk meyakinkan saya. Saya menggunakannya untuk merangka cadangan pelanggan dan kualitinya memukau saya. Saya buat akaun dan tidak menoleh ke belakang sejak 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\">Perunding Bebas, Kuala Lumpur<\/div><\/div><\/div><\/div>\r\n <div class=\"testi-card\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"testi-text\">\"Saya beralih seluruh pasukan kami ke GetClawHub untuk mengurus OpenClaw di Mac mereka. Mesin Apple Silicon dan Intel kedua-duanya dikendalikan dengan sempurna dengan pemasang yang betul. Semua orang mula berfungsi dalam beberapa minit.\"<\/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\">Pengarah Teknikal, Permulaan 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 langsung tidak teknikal. Panduan pemasangan berpandukan tangan saya melalui setiap langkah. Sekarang saya menggunakan OpenClaw setiap hari untuk penulisan kandungan dan saya tidak dapat membayangkan bekerja tanpa itu.\"<\/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\">Pengkarya Kandungan, Kuala Lumpur<\/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 disahkan dan ditandatangani adalah perkara besar bagi saya. Saya mengurus keselamatan untuk syarikat bersaiz sederhana dan saya tidak boleh memasang binari rawak. Pemeriksaan integriti GetClawHub memberi saya keyakinan untuk melaksanakan OpenClaw seluruh 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\">Pengurus Keselamatan IT<\/div><\/div><\/div><\/div>\r\n <div class=\"testi-card\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"testi-text\">\"Pemberitahuan kemas kini adalah ciri kecil kegemaran saya. Saya sentiasa mempunyai peningkatan model OpenClaw terkini tanpa perlu memeriksa nota pelepasan atau memuat turun semula apa-apa 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\">Pengurus Produk, Kuala Lumpur<\/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>Teruskan mengikuti perkembangan<\/h3>\r\n <p>Ikuti GetClawHub untuk tutorial, petua, dan pengumuman kemas kini 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>Sedia untuk Bertemu OpenClaw?<\/h2>\r\n <p>Muatturun dengan satu klik. Mulakan sembang dalam masa kurang dari satu minit. Perbualan percuma tanpa had menanti anda \u2014 tiada kad, tiada kerumitan.<\/p>\r\n <a href=\"https:\/\/drive.google.com\/file\/d\/1mBShbrMYLoX2ON68NcUppLBZCJVgUWgF\/view\" target=\"_blank\" class=\"btn-white\" rel=\"nofollow noopener\">\u2b07 Muat turun OpenClaw Percuma<\/a>\r\n <p class=\"cta-note\">macOS Apple Silicon \u00b7 Dikesan secara automatik \u00b7 Sentiasa disahkan<\/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 lepaskan sebarang kemas kini<\/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\">Bagaimana Ia Berfungsi<\/a>\r\n <a href=\"#screenshots\">Tangkap layar<\/a>\r\n <a href=\"https:\/\/www.getclawhub.com\/ms\/privacy-policy\/\">Dasar Privasi<\/a>\r\n <a href=\"https:\/\/www.getclawhub.com\/ms\/terms-of-service\/\">Terma Perkhidmatan<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <span>\u00a9 2025 GetClawHub. Hak cipta terpelihara.<\/span>\r\n <span>Dibuat dengan penuh perhatian untuk pengguna OpenClaw di seluruh dunia.<\/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\/ms\/wp-json\/wp\/v2\/pages\/1214","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.getclawhub.com\/ms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.getclawhub.com\/ms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.getclawhub.com\/ms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.getclawhub.com\/ms\/wp-json\/wp\/v2\/comments?post=1214"}],"version-history":[{"count":102,"href":"https:\/\/www.getclawhub.com\/ms\/wp-json\/wp\/v2\/pages\/1214\/revisions"}],"predecessor-version":[{"id":1526,"href":"https:\/\/www.getclawhub.com\/ms\/wp-json\/wp\/v2\/pages\/1214\/revisions\/1526"}],"wp:attachment":[{"href":"https:\/\/www.getclawhub.com\/ms\/wp-json\/wp\/v2\/media?parent=1214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}