{"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\/nl\/","title":{"rendered":"Download OpenClaw voor Mac \u2014 GetClawHub"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1214\" class=\"elementor elementor-1214\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-516de98 e-flex e-con-boxed e-con e-parent\" data-id=\"516de98\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e673d3 elementor-widget elementor-widget-html\" data-id=\"3e673d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>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\">Waarom Wij<\/a><\/li>\n    <li><a href=\"#how\">Hoe Het Werkt<\/a><\/li>\n    <li><a href=\"#models\">Modellen<\/a><\/li>\n    <li><a href=\"#new-features\">Nieuwe functies<\/a><\/li>\n    <li><a href=\"#screenshots\">Screenshots<\/a><\/li>\n    <li><a href=\"#download\">Downloaden<\/a><\/li>\n    <li><a href=\"https:\/\/www.getclawhub.com\/nl\/download\/mac\/\" target=\"_blank\" class=\"nav-cta\">Gratis Downloaden \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> De Snelste Manier om OpenClaw te Krijgen<\/div>\n      <h1>\n        <em>E\u00e9n Klik.<\/em><br>\n        <span class=\"underline\">OpenClaw<\/span> Is<br>\n        Klaar om te Gaan.\n      <\/h1>\n      <p class=\"hero-desc\">\n        GetClawHub levert OpenClaw rechtstreeks op uw apparaat \u2014 geen zoeken naar installers, geen kapotte downloadlinks, geen installatieproblemen. Begin binnen enkele minuten met chatten met OpenClaw, met <strong>onbeperkte gratis gesprekken<\/strong> wachten nu op u, zonder voorwaarden.\n      <\/p>\n      <div class=\"hero-actions\">\n        <a href=\"https:\/\/www.getclawhub.com\/nl\/download\/mac\/\" target=\"_blank\" class=\"btn-primary\">\u2b07 Download OpenClaw Gratis<\/a>\n        <a href=\"#how\" class=\"btn-secondary\">Zie hoe het werkt \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        Vertrouwd door meer dan 50.000 gebruikers wereldwijd \u00a0\u00b7\u00a0 macOS \u00b7 Geen creditcard vereist\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=\"YouTube-videospeler\" 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\">1-klik<\/div><div class=\"stat-label\">OpenClaw-installatie<\/div><\/div>\n    <div><div class=\"stat-num\">Onbeperkt<\/div><div class=\"stat-label\">Gratis gesprekken inbegrepen<\/div><\/div>\n    <div><div class=\"stat-num\">50K+<\/div><div class=\"stat-label\">Actieve gebruikers<\/div><\/div>\n    <div><div class=\"stat-num\">&lt;60s<\/div><div class=\"stat-label\">Gemiddelde opstarttijd<\/div><\/div>\n  <\/div>\n<\/div>\n\n<section class=\"section\" id=\"why\">\n  <div class=\"section-inner\">\n    <div class=\"section-label\">Waarom GetClawHub<\/div>\n    <h2 class=\"section-title\">Alles wat je nodig hebt om te beginnen met OpenClaw \u2014 zonder wrijving<\/h2>\n    <p class=\"section-subtitle\">\n      AI-tools opzetten en gebruiken zou geen klus moeten zijn. GetClawHub verwijdert elke onnodige stap tussen jou en een werkende OpenClaw-installatie, zodat je je kunt richten op wat echt belangrijk is: geweldige gesprekken voeren en echt werk doen.\n    <\/p>\n    <div class=\"why-grid\">\n      <div class=\"why-card\">\n        <div class=\"why-icon amber\">\u26a1<\/div>\n        <h3>E\u00e9n-klik downloaden &amp; installeren<\/h3>\n        <p>Geen handmatig zoeken naar pakketten. Geen kapotte `.dmg`-bestanden van verdachte mirrors. GetClawHub bundelt alles \u2014 klik \u00e9\u00e9n keer, en OpenClaw wordt schoon ge\u00efnstalleerd op je Mac, klaar om direct te starten.<\/p>\n      <\/div>\n      <div class=\"why-card\">\n        <div class=\"why-icon teal\">\ud83d\udcac<\/div>\n        <h3>Onbeperkt gratis chatten, geen creditcard nodig<\/h3>\n        <p>We geloven dat je OpenClaw moet ervaren voordat je je verbindt. Daarom krijgt elke nieuwe bezoeker onbeperkte volledige, onbeperkte gesprekken met OpenClaw \u2014 helemaal gratis, direct uit de doos. Geen registratie vereist om te proberen.<\/p>\n      <\/div>\n      <div class=\"why-card\">\n        <div class=\"why-icon ink\">\ud83d\udd12<\/div>\n        <h3>Altijd de geverifieerde, nieuwste versie<\/h3>\n        <p>Elke download gehost op GetClawHub is cryptografisch ondertekend en op integriteit gecontroleerd. Je krijgt altijd de meest recente stabiele versie van OpenClaw \u2014 nooit een verouderde versie, nooit een gemanipuleerd binair bestand.<\/p>\n      <\/div>\n      <div class=\"why-card\">\n        <div class=\"why-icon amber\">\ud83c\udf4e<\/div>\n        <h3>Gebouwd voor Mac \u2014 Apple Silicon &amp; Intel<\/h3>\n        <p>Of je nu op Apple Silicon (M1\u2013M4) of Intel Mac bent, GetClawHub levert automatisch de juiste OpenClaw-build voor jouw chip. Geen giswerk, geen verkeerde download.<\/p>\n      <\/div>\n      <div class=\"why-card\">\n        <div class=\"why-icon teal\">\ud83d\ude80<\/div>\n        <h3>Soepel onboarding voor nieuwe gebruikers<\/h3>\n        <p>Eerste keer OpenClaw gebruiken? Onze begeleide installatiewizard leidt je door de initi\u00eble configuratie, API-sleutels (indien nodig) en best practices-instellingen \u2014 zodat ook niet-technische gebruikers snel op weg zijn.<\/p>\n      <\/div>\n      <div class=\"why-card\">\n        <div class=\"why-icon ink\">\ud83d\udd04<\/div>\n        <h3>Automatische update-meldingen<\/h3>\n        <p>Geregistreerde gebruikers ontvangen in-app meldingen wanneer er een nieuwe versie van OpenClaw uitkomt. Update met \u00e9\u00e9n klik, zodat je installatie up-to-date blijft en je gesprekken worden aangedreven door de nieuwste modelverbeteringen.<\/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\">Ondersteunde AI-modellen<\/div>\n    <h2 class=\"section-title\">43+ Modellen. Alle Tiers. Nul Compromis.<\/h2>\n    <p class=\"section-subtitle\">\n      Van gratis dagelijkse gesprekken tot bedrijfsgerichte redenering \u2014 kies het perfecte model voor elke taak.\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\">GRATIS<\/span>\n          <span class=\"tier-title\">4 Modellen<\/span>\n          <span class=\"tier-subtitle\">Geen creditcard vereist<\/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\">1M Context<\/span>\n              <span class=\"f-tag\">Redenering<\/span>\n            <\/div>\n            <p class=\"featured-desc\">Topklasse redenering met een enorme contextvenster voor complexe probleemoplossing.<\/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\">1M Context<\/span>\n              <span class=\"f-tag purple\">Visie<\/span>\n              <span class=\"f-tag purple\">Video<\/span>\n            <\/div>\n            <p class=\"featured-desc\">Multimodaal krachtpatser met beeld- en videobewustzijn voor een onverslaanbare prijs.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"other-models\">\n          <div class=\"other-models-header\">Ook beschikbaar<\/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\/maand<\/span>\n          <span class=\"tier-title\">18 Modellen<\/span>\n          <span class=\"tier-subtitle\">Beste waarde voor professionals<\/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\">1M Context<\/span>\n              <span class=\"f-tag\">Redenering<\/span>\n              <span class=\"f-tag purple\">Visie<\/span>\n            <\/div>\n            <p class=\"featured-desc\">Anthropic's vlaggenschip voor complexe redeneringen, codering en genuanceerde creatieve taken.<\/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>Gemini 3.1 Pro Preview<\/h3>\n                <span class=\"vendor\">Google<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"featured-tags\">\n              <span class=\"f-tag teal\">1M Context<\/span>\n              <span class=\"f-tag blue\">5 Modaliteiten<\/span>\n            <\/div>\n            <p class=\"featured-desc\">Het enige model dat alle 5 modaliteiten ondersteunt: tekst, afbeelding, audio, video en bestand.<\/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 Snel<\/h3>\n                <span class=\"vendor\">xAI<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"featured-tags\">\n              <span class=\"f-tag teal\">2M Context<\/span>\n              <span class=\"f-tag purple\">Visie<\/span>\n            <\/div>\n            <p class=\"featured-desc\">Grote 2M tokens context voor het verwerken van volledige codebases of lange documenten.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"other-models\">\n          <div class=\"other-models-header\">Ook beschikbaar<\/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 HighSpeed<\/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\/maand<\/span>\n          <span class=\"tier-title\">20 Modellen<\/span>\n          <span class=\"tier-subtitle\">Onbeperkte toegang tot alle vlaggenschipmodellen<\/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\">1M Context<\/span>\n              <span class=\"f-tag purple\">Visie<\/span>\n              <span class=\"f-tag purple\">Bestand<\/span>\n            <\/div>\n            <p class=\"featured-desc\">Het krachtigste model van Anthropic voor missie-kritische, complexe workloads.<\/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\">1.05M Context<\/span>\n              <span class=\"f-tag\">Redenering<\/span>\n              <span class=\"f-tag purple\">Visie<\/span>\n            <\/div>\n            <p class=\"featured-desc\">OpenAI's meest geavanceerde model voor veeleisende bedrijfsworkloads.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"other-models\">\n          <div class=\"other-models-header\">Ook beschikbaar<\/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 HighSpeed<\/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\">Gemini 3.1 Pro Preview<\/span>\n            <span class=\"other-model-item\">Grok 4.1 Snel<\/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      Alle modelnamen, merken en logo's zijn eigendom van hun respectievelijke eigenaren. Deze pagina is uitsluitend voor informatieve doeleinden en impliceert geen offici\u00eble samenwerking of goedkeuring.\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\">Klant Nieuwe Functies<\/div>\n    <h2 class=\"section-title\">Verhoog je Workflow met Geavanceerde Mogelijkheden<\/h2>\n    <p class=\"section-subtitle\">\n      OpenClaw's nieuwste klantupdate brengt krachtige nieuwe manieren om te werken \u2014 van samenwerkende multi-agent systemen tot een bloeiende expert-marktplaats.\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 Uitgelicht<\/div>\n        <h3>Multi-Agent Samenwerkingssysteem<\/h3>\n        <p>Werk gelijktijdig met meerdere AI-agenten, elk gespecialiseerd in verschillende taken. Zet een codeerassistent, een onderzoeksanalist en een creatieve schrijver tegelijk in \u2014 ze werken in realtime samen om complexe projecten aan te pakken.<\/p>\n        <ul class=\"feature-list\">\n          <li><span class=\"fl-icon\">\u2713<\/span> Gespecialiseerde agenten voor codering, schrijven, onderzoek en analyse<\/li>\n          <li><span class=\"fl-icon\">\u2713<\/span> Realtime samenwerking van agenten aan complexe projecten<\/li>\n          <li><span class=\"fl-icon\">\u2713<\/span> Aangepaste workflows voor agenten en automatiseringspijplijnen<\/li>\n          <li><span class=\"fl-icon\">\u2713<\/span> Gedeeld context over alle actieve agenten<\/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\">Codeer Agent<\/div>\n            <div class=\"agent-role\">Codering &amp; Debugging<\/div>\n          <\/div>\n          <div class=\"agent-node\">\n            <div class=\"agent-avatar writer\">\u270d\ufe0f<\/div>\n            <div class=\"agent-name\">Schrijver Agent<\/div>\n            <div class=\"agent-role\">Inhoud Creatie<\/div>\n          <\/div>\n          <div class=\"agent-node\">\n            <div class=\"agent-avatar researcher\">\ud83d\udd2c<\/div>\n            <div class=\"agent-name\">Onderzoeksagent<\/div>\n            <div class=\"agent-role\">Data-analyse<\/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 Marktplaats<\/div>\n        <h3>Expert Marktplaats<\/h3>\n        <p>Toegang tot een zorgvuldig samengestelde marktplaats van door experts gemaakte prompts, agents en workflows gedeeld door de gemeenschap. Vind gespecialiseerde oplossingen voor jouw branche of deel je eigen expertise.<\/p>\n        <ul class=\"feature-list\">\n          <li><span class=\"fl-icon\">\u2713<\/span> Blader door door experts gemaakte prompts en agents<\/li>\n          <li><span class=\"fl-icon\">\u2713<\/span> Publiceer je eigen creaties om anderen te helpen<\/li>\n          <li><span class=\"fl-icon\">\u2713<\/span> Specifieke oplossingspakketten voor industrie\u00ebn<\/li>\n          <li><span class=\"fl-icon\">\u2713<\/span> Gemeenschapsbeoordelingen en recensies<\/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=\"YouTube-videospeler\" 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>Zie het in actie<\/h3>\n        <p>Bekijk hoe samenwerking tussen meerdere agents en de expert marktplaats de manier waarop je werkt transformeert. Van complexe codeerprojecten tot creatieve campagnes \u2014 ervaar de kracht zelf.<\/p>\n        <ul class=\"feature-list\">\n          <li><span class=\"fl-icon\">\u2713<\/span> Volledige workflow-demonstraties<\/li>\n          <li><span class=\"fl-icon\">\u2713<\/span> Tips en best practices<\/li>\n          <li><span class=\"fl-icon\">\u2713<\/span> Use cases uit de praktijk<\/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\">Hoe Het Werkt<\/div>\n    <h2 class=\"section-title\">Van nul tot OpenClaw in drie eenvoudige stappen<\/h2>\n    <p class=\"section-subtitle\">\n      We hebben ons gericht op het verwijderen van elke onnodige klik, zodat je pad van \"Ik wil OpenClaw proberen\" tot \"Ik chat met OpenClaw\" zo soepel mogelijk verloopt.\n    <\/p>\n    <div class=\"steps\">\n      <div class=\"step\">\n        <div class=\"step-num\">01<\/div>\n        <h3>Bezoek GetClawHub<\/h3>\n        <p>Land op onze startpagina. Uw besturingssysteem wordt automatisch gedetecteerd, en de juiste OpenClaw-installatieprogramma staat klaar en wacht. Geen account nodig in dit stadium \u2014 klik gewoon op de grote downloadknop.<\/p>\n      <\/div>\n      <div class=\"step\">\n        <div class=\"step-num\">02<\/div>\n        <h3>Download &amp; Installeer in \u00e9\u00e9n klik<\/h3>\n        <p>Voer de installer uit. Het regelt alle afhankelijkheden, padconfiguraties en initi\u00eble setup automatisch. In minder dan 60 seconden is OpenClaw ge\u00efnstalleerd en start het zichzelf op, klaar voor uw eerste gesprek.<\/p>\n      <\/div>\n      <div class=\"step\">\n        <div class=\"step-num\">03<\/div>\n        <h3>Chat Gratis, Registreer Daarna om Meer te Ontgrendelen<\/h3>\n        <p>Geniet van je onbeperkte gesprekken met OpenClaw zonder kosten. Wanneer je klaar bent voor onbeperkte toegang, maak je een gratis GetClawHub-account aan en ontgrendel de volledige ervaring in seconden.<\/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\">Gratis te Beginnen<\/div>\n      <h2 class=\"free-title\">Onbeperkte gratis gesprekken. Geen addertje onder het gras. Geen kaart nodig.<\/h2>\n      <p class=\"free-desc\">\n        We weten dat vertrouwen verdiend moet worden, niet gevraagd. Daarom zijn je onbeperkte gesprekken met OpenClaw volledig voor ons \u2014 volledige kwaliteit, geen functiebeschrijvingen, geen watermerken. Ervaar precies wat OpenClaw kan doen voordat je je ooit registreert.\n      <\/p>\n      <ul class=\"free-list\">\n        <li><div class=\"check\">\u2713<\/div><div>Alle onbeperkte gratis gesprekken zijn volledige, volledige kwaliteitsgesprekken \u2014 geen demo's of beperkte voorvertoningen. Vraag alles, krijg volledige antwoorden.<\/div><\/li>\n        <li><div class=\"check\">\u2713<\/div><div>Geen e-mail nodig om je gratis gesprekken te starten. Download, installeer, en OpenClaw is direct klaar voor gesprek.<\/div><\/li>\n        <li><div class=\"check\">\u2713<\/div><div>Na je onbeperkte gratis sessies, maak eenvoudig een gratis GetClawHub-account aan om onbeperkte gesprekken te ontgrendelen \u2014 het kost minder dan een minuut.<\/div><\/li>\n        <li><div class=\"check\">\u2713<\/div><div>Je gespreksgeschiedenis wordt opgeslagen vanaf chat #1, zelfs v\u00f3\u00f3r registratie, dus er gaat niets verloren wanneer je je aanmeldt.<\/div><\/li>\n      <\/ul>\n      <a href=\"https:\/\/www.getclawhub.com\/nl\/download\/mac\/\" target=\"_blank\" class=\"btn-primary\">Begin je gratis gesprekken \u2192<\/a>\n    <\/div>\n\n    <div class=\"free-visual\">\n      <div class=\"chat-counter\">\n        <div>\n          <div class=\"counter-label\">Gratis gesprekken over<\/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\">Schrijf een koude e-mail voor mijn SaaS-product.<\/div>\n        <div class=\"fc-msg fc-ai\">Zeker! Hier is een krachtige koude e-mail die waarde biedt en eindigt met een laagdrempelige CTA. Onderwerp: \"Verlaag je [pijnpunt] met 40% in een week\"...<\/div>\n        <div class=\"fc-msg fc-user\">Maak het korter en informeler.<\/div>\n        <div class=\"fc-msg fc-ai\">Begrepen \u2014 hier is een aangescherpte versie met een vriendelijkere toon, geoptimaliseerd voor een hogere reactiepercentage van 20%...<\/div>\n        <div class=\"fc-msg fc-sys\">\u2014 Onbeperkte gratis gesprekken \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\">Volledig functieset<\/div>\n    <h2 class=\"section-title\">Gebouwd voor mensen die dingen voor elkaar krijgen<\/h2>\n    <p class=\"section-subtitle\">\n      GetClawHub is niet alleen een downloadportaal \u2014 het is een compleet platform voor het beheren van je OpenClaw-ervaring, van eerste installatie tot dagelijks gebruik.\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>De Definitieve One-Click OpenClaw Installer<\/h3>\n          <p>Onze vlaggenschipfunctie: een enkele downloadknop die de juiste, geverifieerde, nieuwste stabiele OpenClaw-build levert voor jouw exacte Mac-chip. Geen GitHub-releases om te parseren, geen README om te volgen, geen terminalcommando's om te kopi\u00ebren en plakken. Of je nu op Apple Silicon of Intel bent, GetClawHub is de snelste weg van intentie naar een werkende OpenClaw-installatie \u2014 punt uit.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"feat-card\">\n        <div class=\"feat-icon a\">\ud83d\udcc1<\/div>\n        <div>\n          <h3>Gespreksgeschiedenis &amp; Exporteren<\/h3>\n          <p>Elk OpenClaw-gesprek wordt automatisch opgeslagen in uw GetClawHub-account. Zoek, herhaal en exporteer gesprekken als Markdown, PDF of platte tekst op elk moment.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"feat-card\">\n        <div class=\"feat-icon t\">\u2699\ufe0f<\/div>\n        <div>\n          <h3>Profiel- &amp; Voorkeurensynchronisatie<\/h3>\n          <p>Stel je toonvoorkeuren, outputlengte en reactie-stijl in \u00e9\u00e9n keer in bij GetClawHub. Elke OpenClaw-sessie pikt ze automatisch op \u2014 geen herhaalde systeemprompt nodig.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"feat-card\">\n        <div class=\"feat-icon a\">\ud83d\udd14<\/div>\n        <div>\n          <h3>Versie- &amp; Updatebeheer<\/h3>\n          <p>Weet precies welke OpenClaw-versie je gebruikt. Ontvang meldingen wanneer updates worden uitgebracht en upgrade met \u00e9\u00e9n klik zonder je instellingen of gespreksgeschiedenis te verliezen.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"feat-card\">\n        <div class=\"feat-icon t\">\ud83d\udee1\ufe0f<\/div>\n        <div>\n          <h3>Geverifieerde, Manipulatievrije Downloads<\/h3>\n          <p>Elke installer is SHA-256 gecontroleerd en wordt via HTTPS geleverd. De integriteitspijplijn van GetClawHub zorgt ervoor dat wat je downloadt precies is wat de ontwikkelaars van OpenClaw hebben geleverd.<\/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\">Zie het in actie<\/div>\n    <h2 class=\"section-title\">Een schone, krachtige interface \u2014 gebouwd voor echt werk<\/h2>\n    <p class=\"section-subtitle\">\n      De interface van OpenClaw is ontworpen voor duidelijkheid en snelheid. Verken elk scherm om precies te zien waarmee je vanaf dag \u00e9\u00e9n zult werken.\n    <\/p>\n\n    <div class=\"screenshots-tabs\">\n      <button class=\"tab-btn active\" onclick=\"showTab('home')\">\ud83c\udfe0 Startpagina<\/button>\n      <button class=\"tab-btn\" onclick=\"showTab('config')\">\u2699\ufe0f Configuratie<\/button>\n      <button class=\"tab-btn\" onclick=\"showTab('skills')\">\ud83e\udde9 Vaardigheden<\/button>\n      <button class=\"tab-btn\" onclick=\"showTab('chat')\">\ud83d\udcac Chat<\/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 Startpagina<\/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>Welkom Thuis \u2014 Alles binnen handbereik<\/h4>\n            <p>Het startscherm van OpenClaw verwelkomt je met een overzichtelijke, afleidingsvrije lay-out. Je recente gesprekken, snelstart-voorspellingen en navigatie zijn allemaal direct toegankelijk \u2014 geen leercurve vereist. Begin een nieuw gesprek of ga verder waar je gebleven bent.<\/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 Configuratie<\/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>Op Maat voor Jou \u2014 Volledige Controle Over Je Instellingen<\/h4>\n            <p>De Configuratiepagina geeft je de controle. Stel je API-sleutels in, kies je favoriete model, pas het reactiegedrag aan en verfijn de outputstijl \u2014 alles vanuit \u00e9\u00e9n georganiseerde instellingenpaneel. Stel het \u00e9\u00e9n keer in, en elke sessie weerspiegelt automatisch je voorkeuren.<\/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 Vaardigheden<\/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>Geef OpenClaw een Boost met Gespecialiseerde Vaardigheden<\/h4>\n            <p>De Vaardighedenpagina laat je door capabilities bladeren, ze inschakelen en beheren \u2014 van programmeerhulp tot creatieve schrijven, onderzoek en meer. Activeer de vaardigheden die je nodig hebt en OpenClaw past zijn gedrag direct aan jouw workflow aan.<\/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 Chat<\/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>De Chat-Ervaring \u2014 Snel, Duidelijk en Krachtig<\/h4>\n            <p>OpenClaw's chatinterface is gebouwd voor echte gesprekken. Berichten zijn mooi opgemaakt met code-ondersteuning, markdown-weergave en een responsief invoerveld dat meebeweegt met je gedachten. Elk gesprek voelt natuurlijk, snel en echt nuttig.<\/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\">Downloaden<\/div>\n    <h2 class=\"section-title\">E\u00e9n klik. Elke Mac. Klaar voor gebruik.<\/h2>\n    <p class=\"section-subtitle\">\n      GetClawHub ondersteunt zowel Apple Silicon als Intel Macs. Weet je niet welke chip je hebt? Klik op het Apple-menu (\ud83c\udf4e) \u2192 <em>Over deze Mac<\/em> \u2014 zoek naar \"Elke type appel.\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 M-serie<\/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 en verder<\/div>\n        <div class=\"plan-divider\"><\/div>\n        <ul class=\"plan-features\">\n          <li><span class=\"pf-icon\">\u26a1<\/span> Native ARM64-build \u2014 razendsnel<\/li>\n          <li><span class=\"pf-icon\">\ud83d\udd0b<\/span> Geoptimaliseerd voor effici\u00ebntie &amp; batterijduur<\/li>\n          <li><span class=\"pf-icon\">\ud83d\udcac<\/span> Onbeperkt gratis chats inbegrepen, geen registratie<\/li>\n          <li><span class=\"pf-icon\">\ud83d\udcdd<\/span> Registreer om onbeperkte toegang te ontgrendelen<\/li>\n          <li><span class=\"pf-icon\">\ud83d\udd12<\/span> SHA-256 geverifieerd \u00b7 Altijd de nieuwste versie<\/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 Download voor Apple<\/a>\n      <\/div>\n    <\/div>\n    <p style=\"text-align:center;margin-top:32px;font-size:0.85rem;color:var(--muted);\">\n      \u2705 Beide versies omvatten onbeperkte gratis gesprekken \u2014 geen account nodig om te beginnen.<br>\n      Na je gratis chats, <strong>maak een gratis account<\/strong> om door te gaan met onbeperkte toegang.\n    <\/p>\n  <\/div>\n<\/section>\n\n<section class=\"section\" id=\"testimonials\">\n  <div class=\"section-inner\">\n    <div class=\"section-label\">Wat Gebruikers Zeggen<\/div>\n    <h2 class=\"section-title\">Geliefd door Duizenden OpenClaw Gebruikers<\/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\">\"Ik probeerde twee dagen lang OpenClaw te installeren vanaf de offici\u00eble repo. GetClawHub had me in letterlijk 45 seconden operationeel. De \u00e9\u00e9n-klik installatie werkt echt \u2014 geen fouten, geen hoofdpijn.\"<\/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\">Software Engineer, Amsterdam<\/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\">\"De onbeperkte gratis gesprekken waren meer dan genoeg om me te overtuigen. Ik heb ze gebruikt om een voorstel voor een klant op te stellen en de kwaliteit was verbluffend. Mijn account aangemaakt en ik heb sindsdien geen spijt.\"<\/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\">Freelance Consultant, Nederland<\/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\">\"Ik heb ons hele team overgezet naar GetClawHub voor het beheren van OpenClaw op hun Macs. Apple Silicon en Intel-machines werkten beide perfect met de juiste installer. Iedereen was binnen enkele minuten operationeel.\"<\/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\">CTO, Start-up in de beginfase<\/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\">\"Ik ben helemaal niet technisch. De begeleide installatiewizard nam me bij de hand bij elke stap. Nu gebruik ik OpenClaw elke dag voor content schrijven en ik kan me niet voorstellen zonder te werken.\"<\/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\">Contentmaker, Tokyo<\/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\">\"De geverifieerde, ondertekende builds zijn een grote deal voor mij. Ik beheer de beveiliging voor een middelgroot bedrijf en ik kan geen willekeurige binaries installeren. De integriteitscontroles van GetClawHub gaven me vertrouwen om OpenClaw organisatiebreed uit te rollen.\"<\/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\">IT-beveiligingsmanager<\/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\">\"De update-meldingen zijn mijn favoriete kleine functie. Ik heb altijd de nieuwste verbeteringen van het OpenClaw-model zonder release-opmerkingen te hoeven controleren of iets handmatig opnieuw te downloaden.\"<\/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\">Productmanager, Amsterdam<\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"cta-final\">\n  <h2>Klaar om OpenClaw te ontmoeten?<\/h2>\n  <p>Download met \u00e9\u00e9n klik. Begin binnen een minuut te chatten. Onbeperkte gratis gesprekken wachten op je \u2014 geen kaart nodig, geen gedoe.<\/p>\n  <a href=\"https:\/\/www.getclawhub.com\/nl\/download\/mac\/\" target=\"_blank\" class=\"btn-white\">\u2b07 \u00a0 Download OpenClaw Gratis<\/a>\n  <p class=\"cta-note\">macOS Apple \u00b7 Auto-detectie \u00b7 Altijd geverifieerd<\/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\">Waarom Wij<\/a>\n      <a href=\"#how\">Hoe Het Werkt<\/a>\n      <a href=\"#models\">Modellen<\/a>\n      <a href=\"#new-features\">Nieuwe functies<\/a>\n      <a href=\"#screenshots\">Screenshots<\/a>\n      <a href=\"https:\/\/www.getclawhub.com\/nl\/privacy-policy\/\">Privacybeleid<\/a>\n      <a href=\"https:\/\/www.getclawhub.com\/nl\/terms-of-service\/\">Gebruiksvoorwaarden<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"footer-bottom\">\n    <span>\u00a9 2025 GetClawHub. Alle rechten voorbehouden.<\/span>\n    <span>Met zorg gemaakt voor OpenClaw-gebruikers overal.<\/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\/nl\/wp-json\/wp\/v2\/pages\/1214","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.getclawhub.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.getclawhub.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.getclawhub.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.getclawhub.com\/nl\/wp-json\/wp\/v2\/comments?post=1214"}],"version-history":[{"count":133,"href":"https:\/\/www.getclawhub.com\/nl\/wp-json\/wp\/v2\/pages\/1214\/revisions"}],"predecessor-version":[{"id":1640,"href":"https:\/\/www.getclawhub.com\/nl\/wp-json\/wp\/v2\/pages\/1214\/revisions\/1640"}],"wp:attachment":[{"href":"https:\/\/www.getclawhub.com\/nl\/wp-json\/wp\/v2\/media?parent=1214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}