{"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-05-17T02:57:02","modified_gmt":"2026-05-17T02:57:02","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\n\n\n \n \n GetClawHub \u2014 One-Click Access to OpenClaw<\/title>\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\" \/>\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --ink: var(--gch-ink, #1d1d1f);\n --paper: var(--gch-paper, #f5f5f7);\n --cream: var(--gch-ivory, #ffffff);\n --amber: #e8a020;\n --amber-light: #f5c055;\n --amber-pale: #fdf3d8;\n --teal: var(--gch-teal, #0f7c6e);\n --teal-light: #1aab97;\n --muted: var(--gch-ink-muted, rgba(60,60,67,0.60));\n --border: var(--gch-cream-line, rgba(60,60,67,0.18));\n --card-bg: var(--gch-white, #ffffff);\n --sec: #df1720;\n --third: #a30f0f;\n --forth: #000000;\n --shadow: var(--gch-shadow-2);\n --shadow-lg: var(--gch-shadow-3);\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);\n background: var(--paper);\n color: var(--ink);\n line-height: 1.65;\n overflow-x: hidden;\n }\n\n h1, h2, h3, h4 {\n font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);\n line-height: 1.15;\n letter-spacing: -0.02em;\n }\n\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\n nav {\n position: sticky; top: 0; z-index: 100;\n background: rgba(245,244,239,0.92);\n backdrop-filter: blur(12px);\n border-bottom: 1px solid var(--border);\n padding: 0 5vw;\n display: flex; align-items: center; justify-content: space-between;\n height: 80px;\n }\n .logo {\n font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);\n font-weight: 800; font-size: 1.3rem;\n color: var(--ink);\n display: flex; align-items: center; gap: 8px;\n text-decoration: none;\n }\n .logo img {\n height: 60px;\n width: auto;\n display: block;\n }\n .nav-links { display: flex; gap: 32px; align-items: center; list-style: none; }\n .nav-links a { text-decoration: none; color: var(--muted); font-size: 0.9rem; font-weight: 500; transition: color .2s; }\n .nav-links a:hover { color: var(--ink); }\n .nav-cta {\n background: var(--card-bg); color: #00000;\n padding: 9px 22px; border-radius: 8px;\n font-size: 0.88rem;\n font-weight: 600;\n text-decoration: none; display: inline-flex; align-items: center; gap: 8px;\n transition: all .25s; box-shadow: 0 4px 20px rgba(10,10,15,0.18);\n }\n .nav-cta:hover { background: #df1720; color: #ffffff; }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n min-height: 92vh;\n display: flex; align-items: center;\n padding: 80px 5vw 60px;\n position: relative;\n overflow: hidden;\n }\n .hero-bg {\n position: absolute; inset: 0; z-index: 0;\n background:\n radial-gradient(ellipse 60% 50% at 80% 40%, rgba(232,160,32,0.12) 0%, transparent 70%),\n radial-gradient(ellipse 50% 60% at 10% 80%, rgba(15,124,110,0.08) 0%, transparent 70%);\n }\n .hero-grid {\n position: absolute; inset: 0; z-index: 0; opacity: 0.04;\n background-image: linear-gradient(var(--ink) 1px, transparent 1px),\n linear-gradient(90deg, var(--ink) 1px, transparent 1px);\n background-size: 48px 48px;\n }\n .hero-inner {\n position: relative; z-index: 1;\n max-width: 1200px; margin: 0 auto; width: 100%;\n display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center;\n }\n .hero-badge {\n display: inline-flex; align-items: center; gap: 8px;\n background: var(--amber-pale); border: 1px solid rgba(232,160,32,0.3);\n color: #8a5e00; border-radius: 100px;\n padding: 6px 14px; font-size: 0.8rem; font-weight: 600;\n margin-bottom: 28px; letter-spacing: 0.03em;\n animation: fadeUp 0.6s ease both;\n }\n .badge-dot { width: 6px; height: 6px; background: var(--amber); border-radius: 50%; animation: pulse 2s infinite; }\n @keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.4)} }\n\n .hero h1 {\n font-size: clamp(2.8rem, 5vw, 4.2rem);\n font-weight: 800; margin-bottom: 24px;\n animation: fadeUp 0.7s 0.1s ease both;\n }\n .hero h1 em { font-style: normal; color: var(--gch-amber, #c96442); }\n .hero h1 span.underline {\n position: relative; white-space: nowrap;\n }\n .hero h1 span.underline::after {\n content: ''; position: absolute; left: 0; bottom: -4px;\n width: 100%; height: 4px;\n background: var(--amber); border-radius: 2px;\n }\n\n .hero-desc {\n font-size: 1.1rem; color: var(--muted); max-width: 520px;\n margin-bottom: 36px; font-weight: 300; line-height: 1.75;\n animation: fadeUp 0.7s 0.2s ease both;\n }\n\n .hero-actions {\n display: flex; gap: 14px; flex-wrap: wrap;\n animation: fadeUp 0.7s 0.3s ease both;\n }\n .btn-primary {\n background: var(--ink); color: var(--paper);\n padding: 14px 28px; border-radius: 10px;\n font-size: 1rem; font-weight: 600; font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);\n text-decoration: none; display: inline-flex; align-items: center; gap: 8px;\n transition: all .25s; box-shadow: 0 4px 20px rgba(10,10,15,0.18);\n }\n .btn-primary:hover {\n background: var(--card-bg); box-shadow: 0 8px 28px rgba(15,124,110,0.3); }\n .btn-secondary {\n background: transparent; color: var(--ink);\n padding: 14px 24px; border-radius: 10px;\n font-size: 1rem; font-weight: 500;\n text-decoration: none; display: inline-flex; align-items: center; gap: 8px;\n border: 1.5px solid var(--border); transition: all .25s;\n }\n .btn-secondary:hover { border-color: var(--ink); }\n\n .hero-trust {\n display: flex; align-items: center; gap: 12px;\n margin-top: 28px; font-size: 0.82rem; color: var(--muted);\n animation: fadeUp 0.7s 0.4s ease both;\n }\n .trust-avatars { display: flex; }\n .trust-avatars span {\n width: 28px; height: 28px; border-radius: 50%;\n border: 2px solid var(--paper);\n margin-left: -6px; font-size: 0.65rem;\n display: grid; place-items: center; font-weight: 700;\n color: var(--paper);\n }\n .trust-avatars span:nth-child(1){background:#e8763a}\n .trust-avatars span:nth-child(2){background:#3a7ee8}\n .trust-avatars span:nth-child(3){background:#3ac890}\n .trust-avatars span:nth-child(4){background:#a03ae8}\n\n \/* \u2500\u2500 HERO VISUAL (VIDEO) \u2500\u2500 *\/\n .hero-visual {\n animation: fadeUp 0.8s 0.2s ease both;\n position: relative;\n }\n .video-container {\n position: relative;\n width: 100%;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: var(--shadow-lg), 0 0 0 1px rgba(255,255,255,0.06);\n aspect-ratio: 16 \/ 9;\n background: #000;\n }\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n }\n\n \/* \u2500\u2500 SECTION WRAPPER \u2500\u2500 *\/\n .section { padding: 96px 5vw; }\n .section-inner { max-width: 1200px; margin: 0 auto; }\n .section-label {\n font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;\n color: var(--teal); margin-bottom: 12px;\n }\n .section-title { font-size: clamp(2rem, 3.5vw, 2.8rem); font-weight: 800; margin-bottom: 20px; }\n .section-subtitle { font-size: 1.05rem; color: var(--muted); max-width: 600px; line-height: 1.75; }\n\n \/* \u2500\u2500 STATS BAR \u2500\u2500 *\/\n .stats-bar {\n background: var(--ink); color: var(--paper);\n padding: 40px 5vw;\n }\n .stats-inner {\n max-width: 1200px; margin: 0 auto;\n display: grid; grid-template-columns: repeat(4, 1fr);\n gap: 32px; text-align: center;\n }\n .stat-num { font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif); font-size: 2.4rem; font-weight: 800; color: var(--amber); }\n .stat-label { font-size: 0.85rem; color: rgba(245,244,239,0.6); margin-top: 4px; }\n\n \/* \u2500\u2500 WHY GETCLABHUB \u2500\u2500 *\/\n .why-grid {\n display: grid; grid-template-columns: repeat(3, 1fr);\n gap: 24px; margin-top: 56px;\n }\n .why-card {\n background: var(--card-bg); border: 1px solid var(--border);\n border-radius: 16px; padding: 32px;\n transition: all .3s; cursor: default;\n }\n .why-card:hover { box-shadow: var(--shadow-lg); border-color: var(--amber); }\n .why-icon {\n width: 48px; height: 48px; border-radius: 12px;\n display: grid; place-items: center; font-size: 1.4rem;\n margin-bottom: 20px;\n }\n .why-icon.amber { background: var(--amber-pale); }\n .why-icon.teal { background: rgba(15,124,110,0.08); }\n .why-icon.ink { background: rgba(10,10,15,0.06); }\n .why-card h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 10px; }\n .why-card p { font-size: 0.9rem; color: var(--muted); line-height: 1.7; }\n\n \/* \u2500\u2500 HOW IT WORKS \u2500\u2500 *\/\n .hiw { background: var(--cream); }\n .steps { margin-top: 56px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; position: relative; }\n .steps::before {\n content: ''; position: absolute;\n top: 28px; left: calc(16.66% + 20px); right: calc(16.66% + 20px);\n height: 1.5px; background: var(--border);\n z-index: 0;\n }\n .step { text-align: center; padding: 0 24px; position: relative; z-index: 1; }\n .step-num {\n width: 56px; height: 56px; border-radius: 50%;\n font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif); font-weight: 800; font-size: 1.1rem;\n display: grid; place-items: center; margin: 0 auto 24px;\n border: 2px solid var(--border); background: var(--cream);\n transition: all .3s;\n }\n .step:hover .step-num { background: var(--ink); color: var(--amber); border-color: var(--ink); }\n .step h3 { font-size: 1.05rem; font-weight: 700; margin-bottom: 10px; }\n .step p { font-size: 0.88rem; color: var(--muted); line-height: 1.7; }\n\n \/* \u2500\u2500 FREE TIER \u2500\u2500 *\/\n .free-section { background: var(--ink); color: var(--paper); }\n .free-inner {\n max-width: 1200px; margin: 0 auto;\n display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;\n }\n .free-label { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--amber); margin-bottom: 12px; }\n .free-title { font-size: clamp(2rem, 3.5vw, 2.8rem); font-weight: 800; margin-bottom: 20px; color: var(--paper); }\n .free-desc { font-size: 1rem; color: rgba(245,244,239,0.65); line-height: 1.75; margin-bottom: 36px; }\n .free-list { list-style: none; display: flex; flex-direction: column; gap: 14px; margin-bottom: 36px; }\n .free-list li {\n display: flex; align-items: flex-start; gap: 12px;\n font-size: 0.92rem; color: rgba(245,244,239,0.85); line-height: 1.6;\n }\n .free-list .check {\n width: 20px; height: 20px; border-radius: 50%;\n background: rgba(26,171,151,0.2); color: var(--teal-light);\n display: grid; place-items: center; font-size: 0.7rem; flex-shrink: 0; margin-top: 2px;\n }\n .free-visual {\n background: #14141e; border-radius: 20px; padding: 32px;\n border: 1px solid rgba(255,255,255,0.06);\n }\n .chat-counter {\n display: flex; justify-content: space-between; align-items: center;\n margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.08);\n }\n .counter-label { font-size: 0.8rem; color: rgba(255,255,255,0.4); letter-spacing: 0.05em; text-transform: uppercase; }\n .counter-chips { display: flex; gap: 8px; }\n .chip {\n width: 36px; height: 36px; border-radius: 10px;\n display: grid; place-items: center; font-size: 0.75rem; font-weight: 700;\n }\n .chip.used { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.25); text-decoration: line-through; }\n .chip.active { background: var(--amber); color: var(--ink); }\n .chip.free { background: rgba(232,160,32,0.15); color: var(--amber-light); border: 1px dashed rgba(232,160,32,0.3); }\n .free-chat-msgs { display: flex; flex-direction: column; gap: 10px; }\n .fc-msg { padding: 10px 14px; border-radius: 10px; font-size: 0.8rem; line-height: 1.5; }\n .fc-user { background: var(--amber); color: var(--ink); font-weight: 500; align-self: flex-end; border-radius: 10px 4px 10px 10px; }\n .fc-ai { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.7); border-radius: 4px 10px 10px 10px; }\n .fc-sys {\n text-align: center; font-size: 0.72rem; color: rgba(255,255,255,0.3);\n padding: 6px; font-style: italic;\n }\n\n \/* \u2500\u2500 FEATURES \u2500\u2500 *\/\n .features-grid {\n display: grid; grid-template-columns: repeat(2, 1fr);\n gap: 20px; margin-top: 56px;\n }\n .feat-card {\n background: var(--card-bg); border: 1px solid var(--border);\n border-radius: 16px; padding: 32px; display: flex; gap: 20px;\n transition: all .3s;\n }\n .feat-card:hover { border-color: var(--teal); box-shadow: var(--shadow); }\n .feat-card.highlight {\n background: var(--ink); color: var(--paper);\n border-color: var(--ink);\n grid-column: span 2;\n flex-direction: row; align-items: center;\n }\n .feat-icon {\n width: 44px; height: 44px; border-radius: 12px;\n display: grid; place-items: center; font-size: 1.3rem;\n flex-shrink: 0;\n }\n .feat-icon.a { background: var(--amber-pale); }\n .feat-icon.t { background: rgba(15,124,110,0.1); }\n .feat-icon.i { background: rgba(10,10,15,0.05); }\n .feat-icon.w { background: rgba(255,255,255,0.1); }\n .feat-card h3 { font-size: 1rem; font-weight: 700; margin-bottom: 8px; }\n .feat-card p { font-size: 0.88rem; color: var(--muted); line-height: 1.65; }\n .feat-card.highlight p { color: rgba(245,244,239,0.65); }\n\n \/* \u2500\u2500 SUPPORTED MODELS \u2500\u2500 *\/\n .models-section { background: var(--cream); }\n .models-container { margin-top: 48px; }\n .model-tier {\n margin-bottom: 48px;\n }\n .model-tier:last-child { margin-bottom: 0; }\n .tier-header {\n display: flex; align-items: center; gap: 12px;\n margin-bottom: 24px;\n }\n .tier-badge {\n padding: 6px 16px; border-radius: 100px;\n font-size: 0.8rem; font-weight: 700; letter-spacing: 0.05em;\n }\n .tier-badge.free { background: var(--teal); color: #fff; }\n .tier-badge.pro { background: var(--amber); color: var(--ink); }\n .tier-badge.max { background: var(--ink); color: var(--paper); }\n .tier-title { font-size: 1.2rem; font-weight: 800; color: var(--ink); }\n .tier-subtitle { font-size: 0.85rem; color: var(--muted); margin-left: 12px; }\n\n \/* Featured models - horizontal cards *\/\n .featured-models {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n gap: 20px;\n margin-bottom: 24px;\n }\n .featured-card {\n background: var(--card-bg);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 24px;\n transition: all .3s;\n position: relative;\n overflow: hidden;\n }\n .featured-card:hover {\n \n box-shadow: var(--shadow-lg);\n border-color: var(--amber);\n }\n .featured-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n }\n .featured-card.deepseek::before { background: linear-gradient(90deg, #2d3748, #1a202c); }\n .featured-card.gpt::before { background: linear-gradient(90deg, #10a37f, #0d7a5f); }\n .featured-card.claude::before { background: linear-gradient(90deg, #ff6b35, #d63031); }\n .featured-card.gemini::before { background: linear-gradient(90deg, #4285f4, #34a853); }\n .featured-card.qwen::before { background: linear-gradient(90deg, #06b6d4, #0891b2); }\n .featured-card.grok::before { background: linear-gradient(90deg, #000, #666); }\n .featured-card.kimi::before { background: linear-gradient(90deg, #8b5cf6, #7c3aed); }\n .featured-card.glm::before { background: linear-gradient(90deg, #10b981, #059669); }\n\n .featured-header {\n display: flex; align-items: flex-start; gap: 16px;\n margin-bottom: 16px;\n }\n .featured-logo {\n width: 52px; height: 52px; border-radius: 10px;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n background: #fff;\n overflow: hidden;\n }\n .featured-logo img {\n width: 36px;\n height: 36px;\n object-fit: contain;\n }\n .featured-logo.deepseek { background: linear-gradient(135deg, #2d3748, #1a202c); }\n .featured-logo.gpt { background: linear-gradient(135deg, #10a37f, #0d7a5f); }\n .featured-logo.claude { background: linear-gradient(135deg, #ff6b35, #d63031); }\n .featured-logo.gemini { background: linear-gradient(135deg, #4285f4, #34a853); }\n .featured-logo.qwen { background: linear-gradient(135deg, #06b6d4, #0891b2); }\n .featured-logo.grok { background: linear-gradient(135deg, #000, #444); }\n .featured-logo.kimi { background: linear-gradient(135deg, #8b5cf6, #7c3aed); }\n .featured-logo.glm { background: linear-gradient(135deg, #10b981, #059669); }\n\n .featured-info h3 {\n font-size: 1rem; font-weight: 700; color: var(--ink);\n margin-bottom: 4px;\n }\n .featured-info .vendor {\n font-size: 0.78rem; color: var(--muted);\n }\n .featured-tags {\n display: flex; gap: 6px; flex-wrap: wrap;\n margin-bottom: 12px;\n }\n .f-tag {\n padding: 3px 10px; border-radius: 6px;\n font-size: 0.7rem; font-weight: 600;\n background: var(--amber-pale); color: #8a5e00;\n }\n .f-tag.teal { background: rgba(15,124,110,0.1); color: var(--teal); }\n .f-tag.purple { background: rgba(139,92,246,0.1); color: #7c3aed; }\n .f-tag.blue { background: rgba(59,130,246,0.1); color: #2563eb; }\n .featured-desc {\n font-size: 0.82rem; color: var(--muted); line-height: 1.6;\n }\n .featured-context {\n margin-top: 12px;\n font-size: 0.75rem; font-weight: 600;\n color: var(--ink);\n }\n\n \/* Other models - compact scrollable list *\/\n .other-models {\n background: var(--card-bg);\n border: 1px solid var(--border);\n border-radius: 12px;\n padding: 16px 20px;\n }\n .other-models-header {\n font-size: 0.8rem; font-weight: 700;\n color: var(--muted);\n margin-bottom: 12px;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n .other-models-list {\n display: flex; gap: 10px;\n overflow-x: auto;\n padding-bottom: 8px;\n scrollbar-width: thin;\n scrollbar-color: var(--border) transparent;\n }\n .other-models-list::-webkit-scrollbar {\n height: 4px;\n }\n .other-models-list::-webkit-scrollbar-track {\n background: transparent;\n }\n .other-models-list::-webkit-scrollbar-thumb {\n background: var(--border); border-radius: 2px;\n }\n .other-model-item {\n flex-shrink: 0;\n padding: 8px 14px;\n background: var(--cream);\n border: 1px solid var(--border);\n border-radius: 8px;\n font-size: 0.82rem;\n font-weight: 600;\n color: var(--ink);\n white-space: nowrap;\n transition: all .2s;\n }\n .other-model-item:hover {\n background: var(--amber-pale);\n border-color: var(--amber);\n }\n .models-disclaimer {\n margin-top: 32px;\n padding-top: 24px;\n border-top: 1px solid var(--border);\n font-size: 0.75rem;\n color: var(--muted);\n text-align: center;\n line-height: 1.6;\n }\n\n \/* \u2500\u2500 NEW FEATURES \u2500\u2500 *\/\n .new-features-section { background: var(--card-bg); }\n .new-features-section .section-label { color: var(--teal); }\n .new-features-section .section-title { color: var(--ink); }\n .new-features-section .section-subtitle { color: var(--muted); }\n .features-showcase {\n margin-top: 56px; display: grid; grid-template-columns: 1fr 1fr; gap: 32px;\n }\n .feature-showcase-card {\n background: var(--cream);\n border: 1px solid var(--border);\n border-radius: 20px; padding: 32px;\n transition: all .3s;\n }\n .feature-showcase-card:hover {\n border-color: var(--teal);\n \n box-shadow: var(--shadow-lg);\n }\n .feature-showcase-card.featured-card {\n grid-column: span 2;\n background: linear-gradient(135deg, var(--amber-pale) 0%, rgba(15,124,110,0.08) 100%);\n border-color: rgba(232,160,32,0.3);\n }\n .feature-media {\n width: 100%; border-radius: 12px; overflow: hidden;\n margin-bottom: 24px; background: var(--border);\n aspect-ratio: 16 \/ 9;\n position: relative;\n }\n .feature-media img, .feature-media video {\n width: 100%; height: 100%; object-fit: cover;\n display: block;\n }\n .feature-carousel {\n position: relative;\n width: 100%;\n aspect-ratio: 16 \/ 9;\n overflow: hidden;\n border-radius: 12px;\n }\n .carousel-track {\n display: flex;\n height: 100%;\n transition: transform 0.4s ease;\n }\n .carousel-slide {\n min-width: 100%;\n height: 100%;\n }\n .carousel-slide img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n .carousel-btn {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: rgba(255,255,255,0.9);\n border: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2rem;\n color: var(--ink);\n transition: all .2s;\n z-index: 2;\n box-shadow: 0 2px 8px rgba(0,0,0,0.15);\n }\n .carousel-btn:hover {\n background: var(--amber);\n color: var(--ink);\n }\n .carousel-btn.prev { left: 12px; }\n .carousel-btn.next { right: 12px; }\n .carousel-dots {\n position: absolute;\n bottom: 12px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 8px;\n z-index: 2;\n }\n .carousel-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: rgba(255,255,255,0.5);\n border: none;\n cursor: pointer;\n transition: all .2s;\n }\n .carousel-dot.active {\n background: var(--amber);\n transform: scale(1.2);\n }\n .carousel-dot:hover { background: rgba(255,255,255,0.8); }\n .feature-badge {\n display: inline-flex; align-items: center; gap: 6px;\n background: var(--amber); color: var(--ink);\n padding: 4px 12px; border-radius: 100px;\n font-size: 0.72rem; font-weight: 700;\n margin-bottom: 16px;\n }\n .feature-badge.teal { background: var(--teal); color: #fff; }\n .feature-badge.purple { background: #8b5cf6; color: #fff; }\n .feature-showcase-card h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 12px; color: var(--ink); }\n .feature-showcase-card p { font-size: 0.9rem; color: var(--muted); line-height: 1.75; }\n .feature-list {\n list-style: none; margin-top: 16px; display: flex; flex-direction: column; gap: 10px;\n }\n .feature-list li {\n display: flex; align-items: center; gap: 10px;\n font-size: 0.88rem; color: var(--ink);\n }\n .feature-list .fl-icon {\n width: 20px; height: 20px; border-radius: 50%;\n background: rgba(232,160,32,0.15); color: var(--amber);\n display: grid; place-items: center; font-size: 0.65rem; flex-shrink: 0;\n }\n .multi-agent-visual {\n display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 20px;\n }\n .agent-node {\n background: var(--card-bg);\n border: 1px solid var(--border);\n border-radius: 12px; padding: 16px; text-align: center;\n transition: all .3s;\n }\n .agent-node:hover { background: var(--amber-pale); border-color: var(--amber); }\n .agent-avatar {\n width: 48px; height: 48px; border-radius: 12px;\n margin: 0 auto 10px;\n display: grid; place-items: center; font-size: 1.4rem;\n }\n .agent-avatar.coder { background: linear-gradient(135deg, #3a7ee8 0%, #2563eb 100%); }\n .agent-avatar.writer { background: linear-gradient(135deg, #ec4899 0%, #db2777 100%); }\n .agent-avatar.researcher { background: linear-gradient(135deg, #10a37f 0%, #0d7a5f 100%); }\n .agent-name { font-size: 0.85rem; font-weight: 600; color: var(--ink); margin-bottom: 4px; }\n .agent-role { font-size: 0.72rem; color: var(--muted); }\n\n \/* \u2500\u2500 SCREENSHOT SHOWCASE \u2500\u2500 *\/\n .screenshots { background: var(--cream); }\n .screenshots-tabs {\n display: flex; gap: 8px; margin-top: 48px; margin-bottom: 32px;\n flex-wrap: wrap;\n }\n .tab-btn {\n padding: 10px 22px; border-radius: 100px;\n font-size: 0.875rem; font-weight: 600;\n border: 1.5px solid var(--border);\n background: var(--card-bg); color: var(--muted);\n cursor: pointer; transition: all .25s;\n font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);\n }\n .tab-btn:hover { border-color: var(--ink); color: var(--ink); }\n .tab-btn.active {\n background: var(--ink); color: var(--paper);\n border-color: var(--ink);\n }\n .screenshots-display {\n position: relative;\n }\n .screenshot-panel {\n display: none;\n animation: fadeUp 0.4s ease both;\n }\n .screenshot-panel.active {\n display: block;\n }\n .screenshot-frame {\n background: var(--card-bg);\n border: 1px solid var(--border);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: var(--shadow-lg);\n position: relative;\n }\n .screenshot-titlebar {\n background: #f0eeea;\n border-bottom: 1px solid var(--border);\n padding: 12px 16px;\n display: flex; align-items: center; gap: 8px;\n }\n .titlebar-dots { display: flex; gap: 6px; }\n .titlebar-dots span {\n width: 12px; height: 12px; border-radius: 50%;\n }\n .titlebar-dots span:nth-child(1) { background: #ff5f57; }\n .titlebar-dots span:nth-child(2) { background: #febc2e; }\n .titlebar-dots span:nth-child(3) { background: #28c840; }\n .titlebar-title {\n flex: 1; text-align: center;\n font-size: 0.78rem; color: var(--muted); font-weight: 500;\n }\n .screenshot-frame img {\n width: 100%; display: block;\n transition: transform 0.4s ease;\n }\n .screenshot-frame:hover img { transform: scale(1.01); }\n .screenshot-caption {\n margin-top: 20px;\n display: flex; align-items: flex-start; gap: 16px;\n padding: 24px 28px;\n background: var(--card-bg);\n border: 1px solid var(--border);\n border-radius: 16px;\n }\n .caption-icon {\n width: 40px; height: 40px; border-radius: 10px;\n background: var(--amber-pale);\n display: grid; place-items: center; font-size: 1.2rem; flex-shrink: 0;\n }\n .caption-text h4 { font-size: 1rem; font-weight: 700; margin-bottom: 6px; }\n .caption-text p { font-size: 0.875rem; color: var(--muted); line-height: 1.65; }\n\n \/* \u2500\u2500 PRICING \u2500\u2500 *\/\n .pricing { background: var(--cream); }\n .pricing-grid {\n display: flex; justify-content: center; margin-top: 56px;\n }\n .plan {\n background: var(--card-bg); border: 1px solid var(--border);\n border-radius: 20px; padding: 36px; max-width: 500px; width: 100%;\n position: relative; overflow: hidden;\n transition: all .3s;\n }\n .plan:hover { box-shadow: var(--shadow-lg); }\n .plan.featured {\n background: var(--ink); color: var(--paper);\n border-color: var(--ink);\n }\n .plan-badge {\n position: absolute; top: 20px; right: 20px;\n background: var(--amber); color: var(--ink);\n font-size: 0.7rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase;\n padding: 4px 10px; border-radius: 100px;\n }\n .plan-name { font-size: 0.8rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--teal); margin-bottom: 8px; }\n .plan.featured .plan-name { color: var(--amber); }\n .plan-price { font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif); font-size: 2.4rem; font-weight: 800; margin-bottom: 4px; }\n .plan-period { font-size: 0.82rem; color: var(--muted); margin-bottom: 24px; }\n .plan.featured .plan-period { color: rgba(245,244,239,0.5); }\n .plan-divider { height: 1px; background: var(--border); margin-bottom: 24px; }\n .plan.featured .plan-divider { background: rgba(255,255,255,0.1); }\n .plan-features { list-style: none; display: flex; flex-direction: column; gap: 12px; margin-bottom: 32px; }\n .plan-features li { font-size: 0.88rem; display: flex; gap: 10px; align-items: flex-start; line-height: 1.5; }\n .plan.featured .plan-features li { color: rgba(245,244,239,0.8); }\n .pf-icon { font-size: 0.85rem; flex-shrink: 0; margin-top: 1px; }\n .plan-btn {\n display: block; text-align: center; padding: 13px 24px;\n border-radius: 10px; font-weight: 600; font-size: 0.92rem;\n text-decoration: none; transition: all .25s;\n font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);\n }\n .plan-btn.solid { background: var(--amber); color: var(--ink); }\n .plan-btn.solid:hover { background: var(--amber-light); }\n\n \/* \u2500\u2500 TESTIMONIALS \u2500\u2500 *\/\n .testi-grid {\n display: grid; grid-template-columns: repeat(3, 1fr);\n gap: 20px; margin-top: 56px;\n }\n .testi-card {\n background: var(--card-bg); border: 1px solid var(--border);\n border-radius: 16px; padding: 28px;\n }\n .stars { color: var(--amber); font-size: 0.85rem; margin-bottom: 14px; letter-spacing: 2px; }\n .testi-text { font-size: 0.9rem; color: var(--ink); line-height: 1.7; margin-bottom: 20px; font-style: italic; }\n .testi-author { display: flex; align-items: center; gap: 10px; }\n .testi-av {\n width: 36px; height: 36px; border-radius: 50%;\n display: grid; place-items: center; font-weight: 700; font-size: 0.78rem; color: #fff;\n }\n .testi-name { font-size: 0.85rem; font-weight: 600; }\n .testi-role { font-size: 0.76rem; color: var(--muted); }\n\n \/* \u2500\u2500 CTA FINAL \u2500\u2500 *\/\n .cta-final {\n background: var(--gch-surface-strong, #141413);\n padding: 96px 5vw; text-align: center;\n }\n .cta-final h2 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; color: #fff; margin-bottom: 16px; }\n .cta-final p { font-size: 1.1rem; color: rgba(255,255,255,0.75); max-width: 540px; margin: 0 auto 40px; }\n .cta-final .btn-white {\n background: #fff; color: var(--ink);\n padding: 15px 36px; border-radius: 10px;\n font-size: 1rem; font-weight: 700; font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);\n text-decoration: none; display: inline-flex; align-items: center; gap: 8px;\n transition: all .25s; box-shadow: 0 4px 24px rgba(0,0,0,0.15);\n }\n .cta-final .btn-white:hover { box-shadow: 0 8px 32px rgba(0,0,0,0.2); }\n .cta-note {\n font-size: 0.82rem; color: rgba(255,255,255,0.5);\n margin-top: 24px;\n }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: var(--forth); color: #000000;\n padding: 48px 5vw 32px;\n }\n .footer-inner-simple {\n max-width: 1200px; margin: 0 auto;\n display: flex; justify-content: space-between; align-items: center;\n margin-bottom: 32px; flex-wrap: wrap; gap: 24px;\n }\n .footer-links {\n display: flex; gap: 24px; flex-wrap: wrap;\n }\n .footer-links a {\n font-size: 0.9rem; color: rgba(245,244,239,0.7); text-decoration: none; transition: color .2s;\n }\n .footer-links a:hover { color: var(--amber); }\n .footer-bottom {\n max-width: 1200px; margin: 0 auto;\n border-top: 1px solid rgba(255,255,255,0.08); padding-top: 24px;\n display: flex; justify-content: space-between; align-items: center;\n font-size: 0.8rem;\n }\n\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n @keyframes fadeUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 900px) {\n .hero-inner, .free-inner { grid-template-columns: 1fr; }\n .why-grid, .steps, .testi-grid { grid-template-columns: 1fr; }\n .features-grid, .models-grid, .features-showcase { grid-template-columns: 1fr; }\n .feat-card.highlight, .feature-showcase-card.featured-card { grid-column: span 1; }\n .steps::before { display: none; }\n .stats-inner { grid-template-columns: repeat(2,1fr); }\n nav .nav-links { display: none; }\n .footer-inner-simple { flex-direction: column; text-align: center; }\n .footer-links { justify-content: center; }\n .pricing-grid { flex-direction: column; align-items: center; }\n .multi-agent-visual { grid-template-columns: 1fr; }\n }\n <\/style>\n<\/head>\n<body>\n\n<nav>\n <a href=\"#\" class=\"logo\">\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;\">\n <\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#why\">Mengapa Kami<\/a><\/li>\n <li><a href=\"#how\">Bagaimana Ia Berfungsi<\/a><\/li>\n <li><a href=\"#models\">Model<\/a><\/li>\n <li><a href=\"#new-features\">Ciri Baru<\/a><\/li>\n <li><a href=\"#screenshots\">Tangkap layar<\/a><\/li>\n <li><a href=\"#download\">Muatturun<\/a><\/li>\n <li><a href=\"https:\/\/www.getclawhub.com\/ms\/download\/mac\/\" target=\"_blank\" class=\"nav-cta\">Muatturun Percuma \u2192<\/a><\/li>\n <\/ul>\n<\/nav>\n\n<section class=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-grid\"><\/div>\n <div class=\"hero-inner\">\n <div class=\"hero-left\">\n <div class=\"hero-badge\"><span class=\"badge-dot\"><\/span> Cara Paling Pantas untuk Mendapatkan OpenClaw<\/div>\n <h1>\n <em>Satu Klik.<\/em><br>\n <span class=\"underline\">OpenClaw<\/span> Is<br>\n Sedia untuk Digunakan.\n <\/h1>\n <p class=\"hero-desc\">\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.\n <\/p>\n <div class=\"hero-actions\">\n <a href=\"https:\/\/www.getclawhub.com\/ms\/download\/mac\/\" target=\"_blank\" class=\"btn-primary\">\u2b07 Muat turun OpenClaw Percuma<\/a>\n <a href=\"#how\" class=\"btn-secondary\">Lihat Cara Ia Berfungsi \u2192<\/a>\n <\/div>\n <div class=\"hero-trust\">\n <div class=\"trust-avatars\">\n <span>AK<\/span><span>JL<\/span><span>MS<\/span><span>+<\/span>\n <\/div>\n Dipercayai oleh lebih 50,000 pengguna di seluruh dunia \u00b7 macOS \u00b7 Tiada kad kredit diperlukan\n <\/div>\n <\/div>\n\n <div class=\"hero-visual\">\n <div class=\"video-container\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/7zQ4eBkzbe0\" title=\"Pemutar video YouTube\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"stats-bar\">\n <div class=\"stats-inner\">\n <div><div class=\"stat-num\">Klik 1 Kali<\/div><div class=\"stat-label\">Pemasangan OpenClaw<\/div><\/div>\n <div><div class=\"stat-num\">Tanpa Had<\/div><div class=\"stat-label\">Perbualan Percuma Disertakan<\/div><\/div>\n <div><div class=\"stat-num\">50K+<\/div><div class=\"stat-label\">Pengguna Aktif<\/div><\/div>\n <div><div class=\"stat-num\"><60s<\/div><div class=\"stat-label\">Purata Masa Penetapan<\/div><\/div>\n <\/div>\n<\/div>\n\n<section class=\"section\" id=\"why\">\n <div class=\"section-inner\">\n <div class=\"section-label\">Mengapa GetClawHub<\/div>\n <h2 class=\"section-title\">Segala yang Anda Perlukan untuk Memulakan dengan OpenClaw \u2014 Tanpa Rintangan<\/h2>\n <p class=\"section-subtitle\">\n 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.\n <\/p>\n <div class=\"why-grid\">\n <div class=\"why-card\">\n <div class=\"why-icon amber\">\u26a1<\/div>\n <h3>Muatturun & Pasang Satu Klik<\/h3>\n <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>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon teal\">\ud83d\udcac<\/div>\n <h3>Perbualan percuma tanpa had, Tanpa Kad Kredit<\/h3>\n <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>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon ink\">\ud83d\udd12<\/div>\n <h3>Sentiasa Versi Disahkan, Terkini<\/h3>\n <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>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon amber\">\ud83c\udf4e<\/div>\n <h3>Dibina untuk Mac \u2014 Apple Silicon & Intel<\/h3>\n <p>Sama ada anda menggunakan Apple Silicon (M1\u2013M4) atau Mac Intel, GetClawHub menyediakan binaan OpenClaw yang sesuai untuk cip anda \u2014 secara automatik. Tiada andaian, tiada muat turun yang salah.<\/p>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon teal\">\ud83d\ude80<\/div>\n <h3>Pengalaman Permulaan yang Lancar untuk Pengguna Baharu<\/h3>\n <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>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon ink\">\ud83d\udd04<\/div>\n <h3>Pemberitahuan Kemas Kini Automatik<\/h3>\n <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>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500 SUPPORTED MODELS SECTION \u2500\u2500 -->\n<section class=\"section models-section\" id=\"models\">\n <div class=\"section-inner\">\n <div class=\"section-label\">Model AI yang Disokong<\/div>\n <h2 class=\"section-title\">Lebih 43 Model. Semua Tahap. Tiada Kompromi.<\/h2>\n <p class=\"section-subtitle\">\n Daripada perbualan harian percuma hingga kepada penalaran berskala perusahaan \u2014 pilih model yang sempurna untuk setiap tugas.\n <\/p>\n\n <div class=\"models-container\">\n\n <!-- Free Tier -->\n <div class=\"model-tier\">\n <div class=\"tier-header\">\n <span class=\"tier-badge free\">PERCUMA<\/span>\n <span class=\"tier-title\">4 Model<\/span>\n <span class=\"tier-subtitle\">Tiada kad kredit diperlukan<\/span>\n <\/div>\n <div class=\"featured-models\">\n <div class=\"featured-card deepseek\">\n <div class=\"featured-header\">\n <div class=\"featured-logo\">\n <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lobehub\/lobe-icons\/refs\/heads\/master\/packages\/static-png\/light\/deepseek.png\" alt=\"DeepSeek\" \/>\n <\/div>\n <div class=\"featured-info\">\n <h3>DeepSeek V4 Pro<\/h3>\n <span class=\"vendor\">DeepSeek<\/span>\n <\/div>\n <\/div>\n <div class=\"featured-tags\">\n <span class=\"f-tag teal\">1J Kerangka Konteks<\/span>\n <span class=\"f-tag\">Penalaran<\/span>\n <\/div>\n <p class=\"featured-desc\">Penalaran bertaraf tertinggi dengan tetingkap konteks yang besar untuk penyelesaian masalah yang kompleks.<\/p>\n <\/div>\n <div class=\"featured-card qwen\">\n <div class=\"featured-header\">\n <div class=\"featured-logo\">\n <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lobehub\/lobe-icons\/refs\/heads\/master\/packages\/static-png\/light\/qwen.png\" alt=\"Qwen\" \/>\n <\/div>\n <div class=\"featured-info\">\n <h3>Qwen3.6 Flash<\/h3>\n <span class=\"vendor\">Alibaba<\/span>\n <\/div>\n <\/div>\n <div class=\"featured-tags\">\n <span class=\"f-tag teal\">1J Kerangka Konteks<\/span>\n <span class=\"f-tag purple\">Penglihatan<\/span>\n <span class=\"f-tag purple\">Video<\/span>\n <\/div>\n <p class=\"featured-desc\">Kuasa multimodal dengan pemahaman imej dan video pada harga yang tidak dapat ditandingi.<\/p>\n <\/div>\n <\/div>\n <div class=\"other-models\">\n <div class=\"other-models-header\">Juga tersedia<\/div>\n <div class=\"other-models-list\">\n <span class=\"other-model-item\">Doubao-Seed-2.0-Lite<\/span>\n <span class=\"other-model-item\">MiniMax M2.7<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Pro Tier -->\n <div class=\"model-tier\">\n <div class=\"tier-header\">\n <span class=\"tier-badge pro\">PRO \u2014 $20\/sebulan<\/span>\n <span class=\"tier-title\">18 Model<\/span>\n <span class=\"tier-subtitle\">Nilai terbaik untuk profesional<\/span>\n <\/div>\n <div class=\"featured-models\">\n <div class=\"featured-card claude\">\n <div class=\"featured-header\">\n <div class=\"featured-logo\">\n <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lobehub\/lobe-icons\/refs\/heads\/master\/packages\/static-png\/light\/anthropic.png\" alt=\"Anthropic\" \/>\n <\/div>\n <div class=\"featured-info\">\n <h3>Claude Opus 4.6<\/h3>\n <span class=\"vendor\">Anthropic<\/span>\n <\/div>\n <\/div>\n <div class=\"featured-tags\">\n <span class=\"f-tag teal\">1J Kerangka Konteks<\/span>\n <span class=\"f-tag\">Penalaran<\/span>\n <span class=\"f-tag purple\">Penglihatan<\/span>\n <\/div>\n <p class=\"featured-desc\">Flagship Anthropic untuk pemikiran kompleks, pengekodan, dan tugas kreatif yang bernuansa.<\/p>\n <\/div>\n <div class=\"featured-card gemini\">\n <div class=\"featured-header\">\n <div class=\"featured-logo\">\n <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lobehub\/lobe-icons\/refs\/heads\/master\/packages\/static-png\/light\/google.png\" alt=\"Google\" \/>\n <\/div>\n <div class=\"featured-info\">\n <h3>Pratonton Gemini 3.1 Pro<\/h3>\n <span class=\"vendor\">Google<\/span>\n <\/div>\n <\/div>\n <div class=\"featured-tags\">\n <span class=\"f-tag teal\">1J Kerangka Konteks<\/span>\n <span class=\"f-tag blue\">5 Modality<\/span>\n <\/div>\n <p class=\"featured-desc\">Satu-satunya model yang menyokong semua 5 modality: teks, imej, audio, video, dan fail.<\/p>\n <\/div>\n <div class=\"featured-card grok\">\n <div class=\"featured-header\">\n <div class=\"featured-logo\">\n <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lobehub\/lobe-icons\/refs\/heads\/master\/packages\/static-png\/light\/grok.png\" alt=\"Grok\" \/>\n <\/div>\n <div class=\"featured-info\">\n <h3>Grok 4.1 Pantas<\/h3>\n <span class=\"vendor\">xAI<\/span>\n <\/div>\n <\/div>\n <div class=\"featured-tags\">\n <span class=\"f-tag teal\">2J Konteks<\/span>\n <span class=\"f-tag purple\">Penglihatan<\/span>\n <\/div>\n <p class=\"featured-desc\">Konteks 2J token yang besar untuk memproses pangkalan kod lengkap atau dokumen panjang.<\/p>\n <\/div>\n <\/div>\n <div class=\"other-models\">\n <div class=\"other-models-header\">Juga tersedia<\/div>\n <div class=\"other-models-list\">\n <span class=\"other-model-item\">DeepSeek V4 Pro<\/span>\n <span class=\"other-model-item\">DeepSeek V4 Flash<\/span>\n <span class=\"other-model-item\">Qwen3.6-Plus<\/span>\n <span class=\"other-model-item\">MiniMax M2.7 Kelajuan Tinggi<\/span>\n <span class=\"other-model-item\">GLM 5.1<\/span>\n <span class=\"other-model-item\">GLM 5V Turbo<\/span>\n <span class=\"other-model-item\">Kimi K2.6<\/span>\n <span class=\"other-model-item\">Kimi K2.5<\/span>\n <span class=\"other-model-item\">Doubao-Seed-2.0-Pro<\/span>\n <span class=\"other-model-item\">Doubao-Seed-Code<\/span>\n <span class=\"other-model-item\">ERNIE-X1.1-Preview<\/span>\n <span class=\"other-model-item\">Gemini 2.5 Flash Lite<\/span>\n <span class=\"other-model-item\">Claude Sonnet 4.6<\/span>\n <span class=\"other-model-item\">Claude Haiku 4.5<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Max Tier -->\n <div class=\"model-tier\">\n <div class=\"tier-header\">\n <span class=\"tier-badge max\">MAX \u2014 $100\/bulan<\/span>\n <span class=\"tier-title\">20 Model<\/span>\n <span class=\"tier-subtitle\">Akses tanpa had ke semua model utama<\/span>\n <\/div>\n <div class=\"featured-models\">\n <div class=\"featured-card claude\">\n <div class=\"featured-header\">\n <div class=\"featured-logo\">\n <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lobehub\/lobe-icons\/refs\/heads\/master\/packages\/static-png\/light\/anthropic.png\" alt=\"Anthropic\" \/>\n <\/div>\n <div class=\"featured-info\">\n <h3>Claude Opus 4.7<\/h3>\n <span class=\"vendor\">Anthropic<\/span>\n <\/div>\n <\/div>\n <div class=\"featured-tags\">\n <span class=\"f-tag teal\">1J Kerangka Konteks<\/span>\n <span class=\"f-tag purple\">Penglihatan<\/span>\n <span class=\"f-tag purple\">Fail<\/span>\n <\/div>\n <p class=\"featured-desc\">Model paling berkuasa dari Anthropic untuk beban kerja kritikal misi dan kompleks.<\/p>\n <\/div>\n <div class=\"featured-card gpt\">\n <div class=\"featured-header\">\n <div class=\"featured-logo\">\n <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lobehub\/lobe-icons\/refs\/heads\/master\/packages\/static-png\/light\/openai.png\" alt=\"OpenAI\" \/>\n <\/div>\n <div class=\"featured-info\">\n <h3>GPT-5.5<\/h3>\n <span class=\"vendor\">OpenAI<\/span>\n <\/div>\n <\/div>\n <div class=\"featured-tags\">\n <span class=\"f-tag teal\">Konteks 1.05J<\/span>\n <span class=\"f-tag\">Penalaran<\/span>\n <span class=\"f-tag purple\">Penglihatan<\/span>\n <\/div>\n <p class=\"featured-desc\">Model paling canggih OpenAI untuk beban kerja perusahaan yang menuntut.<\/p>\n <\/div>\n <\/div>\n <div class=\"other-models\">\n <div class=\"other-models-header\">Juga tersedia<\/div>\n <div class=\"other-models-list\">\n <span class=\"other-model-item\">DeepSeek V4 Pro<\/span>\n <span class=\"other-model-item\">DeepSeek V4 Flash<\/span>\n <span class=\"other-model-item\">Qwen3.6-Plus<\/span>\n <span class=\"other-model-item\">MiniMax M2.7 Kelajuan Tinggi<\/span>\n <span class=\"other-model-item\">GLM 5.1<\/span>\n <span class=\"other-model-item\">GLM 5V Turbo<\/span>\n <span class=\"other-model-item\">Kimi K2.6<\/span>\n <span class=\"other-model-item\">Kimi K2.5<\/span>\n <span class=\"other-model-item\">Doubao-Seed-2.0-Pro<\/span>\n <span class=\"other-model-item\">Doubao-Seed-Code<\/span>\n <span class=\"other-model-item\">ERNIE-X1.1-Preview<\/span>\n <span class=\"other-model-item\">Gemini 2.5 Flash Lite<\/span>\n <span class=\"other-model-item\">Pratonton Gemini 3.1 Pro<\/span>\n <span class=\"other-model-item\">Grok 4.1 Pantas<\/span>\n <span class=\"other-model-item\">Claude Opus 4.6<\/span>\n <span class=\"other-model-item\">Claude Sonnet 4.6<\/span>\n <span class=\"other-model-item\">Claude Haiku 4.5<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <p class=\"models-disclaimer\">\n Semua nama model, jenama, dan logo adalah hak milik pemilik masing-masing. Halaman ini hanya untuk tujuan maklumat sahaja dan tidak menunjukkan sebarang perkongsian rasmi atau sokongan.\n <\/p>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500 NEW FEATURES SECTION \u2500\u2500 -->\n<section class=\"section new-features-section\" id=\"new-features\">\n <div class=\"section-inner\">\n <div class=\"section-label\">Ciri-ciri Baru Pelanggan<\/div>\n <h2 class=\"section-title\">Percepat Aliran Kerja Anda dengan Keupayaan Lanjutan<\/h2>\n <p class=\"section-subtitle\">\n Kemas kini pelanggan terbaru OpenClaw membawa cara baru yang berkuasa untuk bekerja \u2014 dari sistem berbilang ejen kolaboratif hingga pasaran pakar yang berkembang pesat.\n <\/p>\n <div class=\"features-showcase\">\n\n <!-- Multi-Agent System - Featured Card -->\n <div class=\"feature-showcase-card featured-card\">\n <div class=\"feature-carousel\" id=\"agentCarousel\">\n <div class=\"carousel-track\">\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/\u4e13\u5bb6\u5e02\u573a-scaled.png\" alt=\"Multi-Agent AI\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/\u4e13\u5bb6\u56e2-scaled.png\" alt=\"AI Agents\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/\u4e13\u5bb6\u56e22-scaled.png\" alt=\"AI Agents\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/\u4e13\u5bb6\u56e2\u7ed3\u679c-scaled.png\" alt=\"AI Agents\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1620712943543-bcc4688e7485?w=800&q=80\" alt=\"Collaboration\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1555255707-c07966088b7b?w=800&q=80\" alt=\"Collaboration\" loading=\"lazy\" \/>\n <\/div>\n <\/div>\n <button class=\"carousel-btn prev\" onclick=\"moveCarousel('agentCarousel', -1)\">\u2039<\/button>\n <button class=\"carousel-btn next\" onclick=\"moveCarousel('agentCarousel', 1)\">\u203a<\/button>\n <div class=\"carousel-dots\">\n <button class=\"carousel-dot active\" onclick=\"goToSlide('agentCarousel', 0)\"><\/button>\n <button class=\"carousel-dot\" onclick=\"goToSlide('agentCarousel', 1)\"><\/button>\n <button class=\"carousel-dot\" onclick=\"goToSlide('agentCarousel', 2)\"><\/button>\n <button class=\"carousel-dot\" onclick=\"goToSlide('agentCarousel', 3)\"><\/button>\n <button class=\"carousel-dot\" onclick=\"goToSlide('agentCarousel', 4)\"><\/button>\n <button class=\"carousel-dot\" onclick=\"goToSlide('agentCarousel', 5)\"><\/button>\n <\/div>\n <\/div>\n <div class=\"feature-badge\">\u2b50 Disyorkan<\/div>\n <h3>Sistem Kerjasama Multi-Ejen<\/h3>\n <p>Bekerja dengan beberapa ejen AI secara serentak, setiap satu pakar dalam tugas yang berbeza. Laksanakan pembantu pengekodan, penganalisis penyelidikan, dan penulis kreatif pada masa yang sama \u2014 mereka bekerjasama secara langsung untuk menangani projek yang kompleks.<\/p>\n <ul class=\"feature-list\">\n <li><span class=\"fl-icon\">\u2713<\/span> Ejen pakar untuk pengekodan, penulisan, penyelidikan, dan analisis<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> Kerjasama ejen secara masa nyata dalam projek yang kompleks<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> Aliran kerja ejen tersuai dan saluran automasi<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> Konteks berkongsi di semua ejen aktif<\/li>\n <\/ul>\n <div class=\"multi-agent-visual\">\n <div class=\"agent-node\">\n <div class=\"agent-avatar coder\">\ud83d\udcbb<\/div>\n <div class=\"agent-name\">Ejen Pengekod<\/div>\n <div class=\"agent-role\">Penulisan & Penjejakan Ralat<\/div>\n <\/div>\n <div class=\"agent-node\">\n <div class=\"agent-avatar writer\">\u270d\ufe0f<\/div>\n <div class=\"agent-name\">Ejen Penulis<\/div>\n <div class=\"agent-role\">Penciptaan Kandungan<\/div>\n <\/div>\n <div class=\"agent-node\">\n <div class=\"agent-avatar researcher\">\ud83d\udd2c<\/div>\n <div class=\"agent-name\">Ejen Penyelidik<\/div>\n <div class=\"agent-role\">Analisis Data<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Expert Marketplace -->\n <div class=\"feature-showcase-card\">\n <div class=\"feature-media\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1559136555-9303baea8ebd?w=600&q=80\" alt=\"Expert Marketplace\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"feature-badge purple\">\ud83e\udde9 Pasaraya<\/div>\n <h3>Pasaraya Pakar<\/h3>\n <p>Akses ke pasaraya yang dikurasi yang terdiri daripada arahan, ejen, dan aliran kerja yang dibina oleh pakar yang dikongsi oleh komuniti. Cari penyelesaian khusus untuk industri anda atau kongsi kepakaran anda sendiri.<\/p>\n <ul class=\"feature-list\">\n <li><span class=\"fl-icon\">\u2713<\/span> Lihat arahan dan ejen yang direka oleh pakar<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> Terbitkan ciptaan anda sendiri untuk membantu orang lain<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> Paket penyelesaian khusus industri<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> Penilaian dan ulasan komuniti<\/li>\n <\/ul>\n <\/div>\n\n <!-- Video Showcase -->\n <div class=\"feature-showcase-card\">\n <div class=\"hero-visual\">\n <div class=\"video-container\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/7zQ4eBkzbe0\" title=\"Pemutar video YouTube\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <div class=\"feature-badge teal\">\ud83c\udfac Demo<\/div>\n <h3>Lihat Ia Dalam Tindakan<\/h3>\n <p>Tonton bagaimana kolaborasi berbilang ejen dan pasaraya pakar mengubah cara anda bekerja. Daripada projek pengkodan yang kompleks hingga kempen kreatif \u2014 lihat kuasa secara langsung.<\/p>\n <ul class=\"feature-list\">\n <li><span class=\"fl-icon\">\u2713<\/span> Demonstrasi aliran kerja penuh<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> Tip dan amalan terbaik<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> Kes penggunaan dunia sebenar<\/li>\n <\/ul>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section hiw\" id=\"how\">\n <div class=\"section-inner\">\n <div class=\"section-label\">Bagaimana Ia Berfungsi<\/div>\n <h2 class=\"section-title\">Dari Kosong ke OpenClaw dalam Tiga Langkah Mudah<\/h2>\n <p class=\"section-subtitle\">\n 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.\n <\/p>\n <div class=\"steps\">\n <div class=\"step\">\n <div class=\"step-num\">01<\/div>\n <h3>Lawati GetClawHub<\/h3>\n <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>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">02<\/div>\n <h3>Muat turun & Pasang dalam Satu Klik<\/h3>\n <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>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">03<\/div>\n <h3>Bercakap Percuma, Kemudian Daftar untuk Buka Kunci Lebih Banyak<\/h3>\n <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>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section free-section\" id=\"free\">\n <div class=\"free-inner\">\n <div>\n <div class=\"free-label\">Percuma untuk Bermula<\/div>\n <h2 class=\"free-title\">Perbualan percuma tanpa had. Tiada helah. Tiada Kad.<\/h2>\n <p class=\"free-desc\">\n 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.\n <\/p>\n <ul class=\"free-list\">\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>\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>\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>\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>\n <\/ul>\n <a href=\"https:\/\/www.getclawhub.com\/ms\/download\/mac\/\" target=\"_blank\" class=\"btn-primary\">Mulakan Sembang Percuma Anda \u2192<\/a>\n <\/div>\n\n <div class=\"free-visual\">\n <div class=\"chat-counter\">\n <div>\n <div class=\"counter-label\">Sembang Percuma Tinggal<\/div>\n <\/div>\n <div class=\"counter-chips\">\n <div class=\"chip used\">1<\/div>\n <div class=\"chip active\">2<\/div>\n <div class=\"chip free\">3<\/div>\n <\/div>\n <\/div>\n <div class=\"free-chat-msgs\">\n <div class=\"fc-msg fc-user\">Tulis emel dingin untuk produk SaaS saya.<\/div>\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>\n <div class=\"fc-msg fc-user\">Jadikan lebih ringkas dan santai.<\/div>\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>\n <div class=\"fc-msg fc-sys\">\u2014 Perbualan Percuma Tanpa Had \u2014<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\" id=\"features\">\n <div class=\"section-inner\">\n <div class=\"section-label\">Set Ciri Penuh<\/div>\n <h2 class=\"section-title\">Dibina untuk Orang yang Menyelesaikan Kerja<\/h2>\n <p class=\"section-subtitle\">\n GetClawHub bukan sekadar portal muat turun \u2014 ia adalah platform lengkap untuk mengurus pengalaman OpenClaw anda, dari pemasangan pertama hingga penggunaan harian.\n <\/p>\n <div class=\"features-grid\">\n <div class=\"feat-card highlight\">\n <div class=\"feat-icon w\">\u2b07<\/div>\n <div>\n <h3>Pemasang OpenClaw Satu Klik yang Pasti<\/h3>\n <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>\n <\/div>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon a\">\ud83d\udcc1<\/div>\n <div>\n <h3>Sejarah Perbualan & Eksport<\/h3>\n <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>\n <\/div>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon t\">\u2699\ufe0f<\/div>\n <div>\n <h3>Senyap & Penyesuaian Profil<\/h3>\n <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>\n <\/div>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon a\">\ud83d\udd14<\/div>\n <div>\n <h3>Pengurusan Versi & Kemas Kini<\/h3>\n <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>\n <\/div>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon t\">\ud83d\udee1\ufe0f<\/div>\n <div>\n <h3>Muatan Boleh Dipercayai, Tahan Gangguan<\/h3>\n <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>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500 SCREENSHOT SHOWCASE \u2500\u2500 -->\n<section class=\"section screenshots\" id=\"screenshots\">\n <div class=\"section-inner\">\n <div class=\"section-label\">Lihat Ia Dalam Tindakan<\/div>\n <h2 class=\"section-title\">Antara Muka Bersih dan Berkuasa \u2014 Dibina untuk Kerja Sebenar<\/h2>\n <p class=\"section-subtitle\">\n Antaramuka OpenClaw direka untuk kejelasan dan kelajuan. Terokai setiap skrin untuk melihat dengan tepat apa yang akan anda kerjakan dari hari pertama.\n <\/p>\n\n <div class=\"screenshots-tabs\">\n <button class=\"tab-btn active\" onclick=\"showTab('home')\">\ud83c\udfe0 Rumah<\/button>\n <button class=\"tab-btn\" onclick=\"showTab('config')\">\u2699\ufe0f Konfigurasi<\/button>\n <button class=\"tab-btn\" onclick=\"showTab('skills')\">\ud83e\udde9 Kemahiran<\/button>\n <button class=\"tab-btn\" onclick=\"showTab('chat')\">\ud83d\udcac Sembang<\/button>\n <\/div>\n\n <div class=\"screenshots-display\">\n\n <!-- Home -->\n <div class=\"screenshot-panel active\" id=\"tab-home\">\n <div class=\"screenshot-frame\">\n <div class=\"screenshot-titlebar\">\n <div class=\"titlebar-dots\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n <div class=\"titlebar-title\">OpenClaw \u2014 Rumah<\/div>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/home-scaled.png\" alt=\"OpenClaw Home Screen\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"screenshot-caption\">\n <div class=\"caption-icon\">\ud83c\udfe0<\/div>\n <div class=\"caption-text\">\n <h4>Selamat Datang di Rumah \u2014 Segala-galanya Dalam Jangkauan<\/h4>\n <p>Laman utama OpenClaw menyambut anda dengan susun atur yang bersih dan bebas gangguan. Perbualan terkini anda, arahan permulaan pantas, dan navigasi semuanya boleh diakses dengan segera \u2014 tiada kurva pembelajaran diperlukan. Mulakan sembang baharu atau sambung semula di tempat anda berhenti.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Configuration -->\n <div class=\"screenshot-panel\" id=\"tab-config\">\n <div class=\"screenshot-frame\">\n <div class=\"screenshot-titlebar\">\n <div class=\"titlebar-dots\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n <div class=\"titlebar-title\">OpenClaw \u2014 Konfigurasi<\/div>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/Configuration-scaled.png\" alt=\"OpenClaw Configuration Page\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"screenshot-caption\">\n <div class=\"caption-icon\">\u2699\ufe0f<\/div>\n <div class=\"caption-text\">\n <h4>Disesuaikan untuk Anda \u2014 Kawalan Penuh Ke Atur Cara Anda<\/h4>\n <p>Halaman Konfigurasi meletakkan anda dalam kawalan. Tetapkan kunci API anda, pilih model pilihan anda, laraskan tingkah laku respons, dan haluskan gaya output \u2014 semua dari satu panel tetapan yang teratur. Tetapkan sekali, dan setiap sesi mencerminkan keutamaan anda secara automatik.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Skills -->\n <div class=\"screenshot-panel\" id=\"tab-skills\">\n <div class=\"screenshot-frame\">\n <div class=\"screenshot-titlebar\">\n <div class=\"titlebar-dots\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n <div class=\"titlebar-title\">OpenClaw \u2014 Kemahiran<\/div>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/skills-scaled.png\" alt=\"OpenClaw Skills Page\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"screenshot-caption\">\n <div class=\"caption-icon\">\ud83e\udde9<\/div>\n <div class=\"caption-text\">\n <h4>Tambah Kuasa OpenClaw dengan Kemahiran Khusus<\/h4>\n <p>Halaman Kemahiran membolehkan anda melayari, mengaktifkan, dan mengurus keupayaan yang direka khas \u2014 dari bantuan pengkodan ke penulisan kreatif, penyelidikan, dan banyak lagi. Aktifkan kemahiran yang anda perlukan dan OpenClaw menyesuaikan tingkah lakunya untuk sepadan dengan aliran kerja anda dengan serta-merta.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Chat -->\n <div class=\"screenshot-panel\" id=\"tab-chat\">\n <div class=\"screenshot-frame\">\n <div class=\"screenshot-titlebar\">\n <div class=\"titlebar-dots\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n <div class=\"titlebar-title\">OpenClaw \u2014 Sembang<\/div>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/\u4e13\u5bb6\u56e2-scaled.png\" alt=\"OpenClaw Chat Interface\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"screenshot-caption\">\n <div class=\"caption-icon\">\ud83d\udcac<\/div>\n <div class=\"caption-text\">\n <h4>Pengalaman Sembang \u2014 Pantas, Jelas, dan Berkuasa<\/h4>\n <p>Antaramuka 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. Setiap perbualan terasa semula jadi, pantas, dan benar-benar berguna.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section pricing\" id=\"download\">\n <div class=\"section-inner\">\n <div class=\"section-label\">Muatturun<\/div>\n <h2 class=\"section-title\">Satu Klik. Mana-mana Mac. Sedia digunakan.<\/h2>\n <p class=\"section-subtitle\">\n GetClawHub menyokong kedua-dua Apple Silicon dan Intel Mac. Tidak pasti cip apa yang anda miliki? Klik menu Apple (\ud83c\udf4e) \u2192 <em>Tentang Mac ini<\/em> \u2014 cari \"Apa Jenis Epal pun.\n <\/p>\n <div class=\"pricing-grid\">\n <div class=\"plan featured\">\n <div class=\"plan-badge\">Apple Silicon<\/div>\n <div class=\"plan-name\">macOS \u00b7 Siri M<\/div>\n <div class=\"plan-price\" style=\"font-size:2rem;\">\ud83c\udf4e Apple<\/div>\n <div class=\"plan-period\">M1 \u00b7 M2 \u00b7 M3 \u00b7 M4 dan seterusnya<\/div>\n <div class=\"plan-divider\"><\/div>\n <ul class=\"plan-features\">\n <li><span class=\"pf-icon\">\u26a1<\/span> Build ARM64 asli \u2014 sangat pantas<\/li>\n <li><span class=\"pf-icon\">\ud83d\udd0b<\/span> Dioptimumkan untuk kecekapan & hayat bateri<\/li>\n <li><span class=\"pf-icon\">\ud83d\udcac<\/span> Sembang percuma tanpa had disertakan, tanpa pendaftaran<\/li>\n <li><span class=\"pf-icon\">\ud83d\udcdd<\/span> Daftar untuk membuka kunci akses tanpa had<\/li>\n <li><span class=\"pf-icon\">\ud83d\udd12<\/span> Disahkan SHA-256 \u00b7 Sentiasa versi terkini<\/li>\n <\/ul>\n <a href=\"https:\/\/github.com\/firewolf189\/GetClowhub\/releases\/latest\/download\/GetClawHub.dmg\" target=\"_blank\" class=\"plan-btn solid\" rel=\"nofollow noopener\">\u2b07 Muat Turun untuk Apple<\/a>\n <\/div>\n <\/div>\n <p style=\"text-align:center;margin-top:32px;font-size:0.85rem;color:var(--muted);\">\n \u2705 Kedua-dua versi termasuk perbualan tanpa had secara percuma \u2014 tiada akaun diperlukan untuk bermula.<br>\n Selepas sembang percuma anda, <strong>buat akaun percuma<\/strong> untuk meneruskan dengan akses tanpa had.\n <\/p>\n <\/div>\n<\/section>\n\n<section class=\"section\" id=\"testimonials\">\n <div class=\"section-inner\">\n <div class=\"section-label\">Apa Kata Pengguna<\/div>\n <h2 class=\"section-title\">Disukai oleh Beribu Pengguna OpenClaw<\/h2>\n <div class=\"testi-grid\">\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <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>\n <div class=\"testi-author\">\n <div class=\"testi-av\" style=\"background:#3a7ee8\">DK<\/div>\n <div><div class=\"testi-name\">David K.<\/div><div class=\"testi-role\">Jurutera Perisian, Kuala Lumpur<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <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>\n <div class=\"testi-author\">\n <div class=\"testi-av\" style=\"background:#e8763a\">SR<\/div>\n <div><div class=\"testi-name\">Sophia R.<\/div><div class=\"testi-role\">Perunding Bebas, Kuala Lumpur<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <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>\n <div class=\"testi-author\">\n <div class=\"testi-av\" style=\"background:#3ac890\">MJ<\/div>\n <div><div class=\"testi-name\">Marcus J.<\/div><div class=\"testi-role\">Pengarah Teknikal, Permulaan Awal<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <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>\n <div class=\"testi-author\">\n <div class=\"testi-av\" style=\"background:#c843e8\">YP<\/div>\n <div><div class=\"testi-name\">Yuki P.<\/div><div class=\"testi-role\">Pengkarya Kandungan, Kuala Lumpur<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <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>\n <div class=\"testi-author\">\n <div class=\"testi-av\" style=\"background:#e84343\">AL<\/div>\n <div><div class=\"testi-name\">Alex L.<\/div><div class=\"testi-role\">Pengurus Keselamatan IT<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <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>\n <div class=\"testi-author\">\n <div class=\"testi-av\" style=\"background:#43a8e8\">TW<\/div>\n <div><div class=\"testi-name\">Tara W.<\/div><div class=\"testi-role\">Pengurus Produk, Kuala Lumpur<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"cta-final\">\n <h2>Sedia untuk Bertemu OpenClaw?<\/h2>\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>\n <a href=\"https:\/\/www.getclawhub.com\/ms\/download\/mac\/\" target=\"_blank\" class=\"btn-white\">\u2b07 Muat turun OpenClaw Percuma<\/a>\n <p class=\"cta-note\">macOS Apple \u00b7 Pengesanan Automatik \u00b7 Sentiasa disahkan<\/p>\n<\/section>\n\n<footer>\n <div class=\"footer-inner-simple\">\n <div class=\"footer-brand\">\n <a href=\"#\" class=\"logo\" style=\"color: var(--paper);\">\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;\">\n <\/a>\n <\/div>\n <div class=\"footer-links\">\n <a href=\"#why\">Mengapa Kami<\/a>\n <a href=\"#how\">Bagaimana Ia Berfungsi<\/a>\n <a href=\"#models\">Model<\/a>\n <a href=\"#new-features\">Ciri Baru<\/a>\n <a href=\"#screenshots\">Tangkap layar<\/a>\n <a href=\"https:\/\/www.getclawhub.com\/ms\/privacy-policy\/\">Dasar Privasi<\/a>\n <a href=\"https:\/\/www.getclawhub.com\/ms\/terms-of-service\/\">Terma Perkhidmatan<\/a>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span>\u00a9 2025 GetClawHub. Hak cipta terpelihara.<\/span>\n <span>Dibuat dengan penuh perhatian untuk pengguna OpenClaw di seluruh dunia.<\/span>\n <\/div>\n<\/footer>\n\n<script>\n function showTab(name) {\n \/\/ Hide all panels\n document.querySelectorAll('.screenshot-panel').forEach(p => p.classList.remove('active'));\n document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));\n \/\/ Show selected\n document.getElementById('tab-' + name).classList.add('active');\n event.currentTarget.classList.add('active');\n }\n\n \/\/ Carousel functions\n const carouselState = {};\n\n function moveCarousel(carouselId, direction) {\n const carousel = document.getElementById(carouselId);\n const track = carousel.querySelector('.carousel-track');\n const slides = carousel.querySelectorAll('.carousel-slide');\n const dots = carousel.querySelectorAll('.carousel-dot');\n const totalSlides = slides.length;\n\n if (!carouselState[carouselId]) {\n carouselState[carouselId] = 0;\n }\n\n carouselState[carouselId] += direction;\n\n if (carouselState[carouselId] < 0) {\n carouselState[carouselId] = totalSlides - 1;\n } else if (carouselState[carouselId] >= totalSlides) {\n carouselState[carouselId] = 0;\n }\n\n track.style.transform = `translateX(-${carouselState[carouselId] * 100}%)`;\n\n dots.forEach((dot, index) => {\n dot.classList.toggle('active', index === carouselState[carouselId]);\n });\n }\n\n function goToSlide(carouselId, slideIndex) {\n const carousel = document.getElementById(carouselId);\n const track = carousel.querySelector('.carousel-track');\n const slides = carousel.querySelectorAll('.carousel-slide');\n const dots = carousel.querySelectorAll('.carousel-dot');\n const totalSlides = slides.length;\n\n carouselState[carouselId] = slideIndex;\n\n if (carouselState[carouselId] < 0) {\n carouselState[carouselId] = totalSlides - 1;\n } else if (carouselState[carouselId] >= totalSlides) {\n carouselState[carouselId] = 0;\n }\n\n track.style.transform = `translateX(-${carouselState[carouselId] * 100}%)`;\n\n dots.forEach((dot, index) => {\n dot.classList.toggle('active', index === carouselState[carouselId]);\n });\n }\n\n \/\/ Auto-play carousel (optional)\n setInterval(() => {\n if (document.getElementById('agentCarousel')) {\n moveCarousel('agentCarousel', 1);\n }\n }, 5000);\n<\/script>\n\n<\/body>\n<\/html>\n\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":"","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":133,"href":"https:\/\/www.getclawhub.com\/ms\/wp-json\/wp\/v2\/pages\/1214\/revisions"}],"predecessor-version":[{"id":1640,"href":"https:\/\/www.getclawhub.com\/ms\/wp-json\/wp\/v2\/pages\/1214\/revisions\/1640"}],"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}]}}