{"id":68,"date":"2026-02-21T20:13:57","date_gmt":"2026-02-21T20:13:57","guid":{"rendered":"https:\/\/it-you.nl\/index.php\/winkel\/"},"modified":"2026-02-25T17:18:28","modified_gmt":"2026-02-25T17:18:28","slug":"winkel","status":"publish","type":"page","link":"https:\/\/it-you.nl\/index.php\/winkel\/","title":{"rendered":"Winkel"},"content":{"rendered":"\n\ufeff\n\n\n\n\nIT-You | Reparaties, Custom PC’s & Upgrades<\/title>\n<meta name=\"description\" content=\"IT-You \u2013 eerlijke diagnose, reparaties, tarieven en custom gaming PC builder op basis van Intel en AMD. Gratis aanmelding, snelle service regio Rotterdam.\">\n\n<style>\n*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}\nbody{background:#f4f6f9;color:#1f2937;line-height:1.6}\na{text-decoration:none;color:inherit}\n\n\/* Pixel grid zachter *\/\n.pixel-bg{\n position:fixed;inset:0;z-index:-1;\n background:\n linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px),\n linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px);\n background-size:30px 30px;\n opacity:.4;\n}\n\n\/* Header *\/\nheader{\n position:fixed;top:0;left:0;right:0;height:70px;\n background:#0b1c2d;color:#f9fafb;\n display:flex;align-items:center;justify-content:space-between;\n padding:0 30px;z-index:1000;\n box-shadow:0 4px 20px rgba(0,0,0,.5);\n transition:all .3s;\n}\n.logo{font-size:26px;font-weight:800;cursor:pointer;letter-spacing:.04em}\n.logo span{color:#ff7a00}\n.logo:hover{opacity:0.92;transform:scale(1.02)}\n#menuBtn{\n background:none;border:1px solid rgba(148,163,184,.6);color:#f9fafb;\n border-radius:999px;padding:8px 14px;cursor:pointer;font-size:16px;\n}\n\n\/* Nav *\/\nnav{\n position:fixed;top:0;left:0;right:0;bottom:0;background:#0b1c2d;\n transform:translateX(100%);\n transition:transform .4s cubic-bezier(0.4, 0, 0.2, 1);\n z-index:2000;padding:90px 40px 40px;\n overflow-y:auto;\n}\nnav.open{transform:translateX(0)}\nnav .closeBtn{\n position:absolute;top:25px;right:25px;\n font-size:32px;background:none;border:none;color:#f9fafb;cursor:pointer;\n padding:10px;width:50px;height:50px;border-radius:50%;transition:all .25s\n}\nnav .closeBtn:hover{background:rgba(255,122,0,.25);transform:rotate(90deg)}\nnav a{\n display:block;color:#e5e7eb;font-size:24px;margin:28px 0;\n border-bottom:1px solid rgba(148,163,184,.4);\n padding:14px 0;cursor:pointer;transition:color .25s, transform .2s\n}\nnav a:hover{color:#ff7a00;transform:translateX(8px)}\n\n\/* Main & Pages *\/\nmain{padding-top:100px;max-width:1180px;margin:0 auto}\n.page{display:none;padding:30px 15px}\n.page.active{display:block}\n.section-title{font-size:36px;font-weight:800;margin:50px 0 24px;color:#0b1c2d;text-align:center}\n\n\/* Hero basis *\/\n.hero{\n position:relative;\n background:\n linear-gradient(rgba(11,28,45,.85),rgba(11,28,45,.85)),\n url('https:\/\/images.unsplash.com\/photo-1756801370266-f589801cedc3?fm=jpg&q=60&w=3000&auto=format&fit=crop');\n background-size:cover;background-position:center;\n color:white;padding:90px 30px;border-radius:24px;margin-bottom:40px;\n overflow:hidden;\n box-shadow:0 20px 50px rgba(0,0,0,.5);\n transition:transform .4s;\n}\n.hero:hover{transform:translateY(-5px)}\n.hero>*{position:relative;z-index:1}\n.hero h1{font-size:42px;margin-bottom:12px}\n.hero p{max-width:720px;color:#e5e7eb;font-size:18px}\n.hero-badge{\n display:inline-flex;align-items:center;\n padding:6px 14px;border-radius:999px;\n background:rgba(11,28,45,.92);border:1px solid rgba(148,163,184,.7);\n font-size:13px;text-transform:uppercase;letter-spacing:.2em;\n margin-bottom:12px;color:#e5e7eb;\n}\n.hero-buttons{display:flex;gap:18px;margin-top:30px;flex-wrap:wrap;justify-content:center}\n.btn{\n padding:14px 28px;border-radius:999px;\n font-weight:700;border:none;cursor:pointer;font-size:16px;\n display:inline-flex;align-items:center;gap:10px;transition:all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275)\n}\n.btn.primary{background:#ff7a00;color:#0b1c2d;box-shadow:0 10px 30px rgba(0,0,0,.4)}\n.btn.primary:hover{transform:translateY(-6px) scale(1.04);box-shadow:0 20px 50px rgba(255,122,0,.5)}\n.btn.secondary{background:white;color:#0b1c2d;border:2px solid #d1d5db}\n.btn.secondary:hover{background:#f9fafb;transform:translateY(-3px)}\n\n\/* Hero slider *\/\n.hero-slider{position:relative;margin-bottom:40px}\n.hero-slide{display:none}\n.hero-slide.active{display:block}\n.hero-dots{\n position:absolute;bottom:18px;left:50%;transform:translateX(-50%);\n display:flex;gap:8px;z-index:5;\n}\n.hero-dot{\n width:10px;height:10px;border-radius:999px;\n border:2px solid rgba(249,250,251,.7);\n background:transparent;cursor:pointer;\n transition:all .25s;\n}\n.hero-dot.active{\n background:#ff7a00;border-color:#ff7a00;\n}\n\n\/* Hero logo *\/\n.hero-logos{margin-top:18px}\n.hero-logos img{max-height:40px;filter:brightness(1.1)}\n\n\/* Cards *\/\n.card{\n background:white;border-radius:20px;padding:28px;\n box-shadow:0 10px 30px rgba(0,0,0,.1);border:1px solid rgba(209,213,219,.8);\n transition:all .35s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n.card:hover{\n transform:translateY(-12px);\n box-shadow:0 25px 60px rgba(0,0,0,.18), 0 0 0 2px rgba(255,122,0,.15);\n border-color:#ff7a00;\n}\n\n\/* Steps & Waarom *\/\n.steps,.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:20px}\n.step-number{font-weight:800;color:#ff7a00;margin-bottom:6px;font-size:15px}\n.why-card{\n background:#0b1c2d;color:#f9fafb;border-radius:28px;\n padding:32px 28px;margin-top:40px;\n box-shadow:0 20px 50px rgba(0,0,0,.5);\n transition:transform .4s;\n}\n.why-card:hover{transform:translateY(-8px)}\n.why-item{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px;font-size:16px}\n.why-icon{\n width:32px;height:32px;border-radius:50%;\n border:3px solid #ff7a00;display:flex;align-items:center;justify-content:center;\n font-size:16px;margin-top:2px;flex-shrink:0;\n}\n\n\/* Accordion *\/\n.accordion{\n background:white;border-radius:16px;margin-bottom:16px;overflow:hidden;\n box-shadow:0 6px 20px rgba(0,0,0,.08);border:1px solid rgba(209,213,219,.8);\n transition:all .3s;\n}\n.accordion:hover{box-shadow:0 12px 35px rgba(0,0,0,.12)}\n.accordion-header{\n padding:18px 24px;font-weight:600;display:flex;justify-content:space-between;\n cursor:pointer;color:#111827;font-size:17px;transition:.3s\n}\n.accordion-header:hover{background:rgba(255,122,0,.05)}\n.accordion-content{\n padding:0 24px 20px;display:none;color:#4b5563;font-size:15px;\n max-height:0;overflow:hidden;transition:all .4s ease\n}\n.accordion.open .accordion-content{display:block;max-height:800px;padding:20px 24px}\n\n\/* Prices *\/\n.price{display:grid;grid-template-columns:1fr auto;gap:12px;padding:8px 0;font-size:15px}\n.price strong{white-space:nowrap;color:#111827;font-weight:700}\n\n\/* Contact & Form *\/\n.contact-card{background:white;border-radius:24px;padding:32px;box-shadow:0 12px 40px rgba(0,0,0,.1);border:1px solid rgba(209,213,219,.8);margin-top:20px}\n.form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;font-size:15px}\n.form-row input,.form-row textarea,.form-row select{\n border-radius:14px;border:1px solid #d1d5db;padding:14px;font-size:15px;background:#f9fafb;color:#111827\n}\n.form-row textarea{min-height:130px;resize:vertical}\n.device-types{display:flex;flex-wrap:wrap;gap:8px}\n.device-btn{\n flex:1 0 120px;border-radius:14px;border:1px solid #d1d5db;\n background:#f9fafb;padding:12px 10px;font-size:15px;text-align:center;\n cursor:pointer;transition:.25s\n}\n.device-btn.active{background:#ff7a00;color:#0b1c2d;border-color:#ff7a00}\n\n\/* Preset buttons active state *\/\n.btn.preset-active{background:#ff7a00;color:#0b1c2d;border-color:#ff7a00}\n\n\/* Payments *\/\n.payments{\n display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px;\n}\n.payment{\n background:white;border-radius:999px;padding:8px 16px;border:1px solid #d1d5db;font-size:14px;\n}\n\n\/* PC Builder layout *\/\n.builder-layout{\n display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:22px;align-items:flex-start\n}\n@media(max-width:900px){\n .builder-layout{grid-template-columns:1fr}\n}\n.builder-steps{\n display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px\n}\n.builder-step-pill{\n padding:8px 14px;border-radius:999px;border:1px solid #d1d5db;\n font-size:13px;cursor:pointer;background:#f9fafb;color:#4b5563;\n display:flex;align-items:center;gap:6px\n}\n.builder-step-pill.active{\n background:#ff7a00;color:#0b1c2d;border-color:#ff7a00;font-weight:700\n}\n.builder-step-pill span{\n display:inline-flex;align-items:center;justify-content:center;\n width:18px;height:18px;border-radius:999px;\n border:1px solid rgba(148,163,184,.8);font-size:11px\n}\n.builder-columns{\n display:flex;flex-direction:column;gap:18px\n}\n.component-grid{\n display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px\n}\n.component-card{\n position:relative;\n cursor:pointer;\n border-radius:18px;\n padding:16px 16px 14px;\n border:1px solid #e5e7eb;\n background:#f9fafb;\n transition:all .25s;\n display:flex;flex-direction:column;gap:6px;\n}\n.component-card:hover{\n border-color:#ff7a00;\n box-shadow:0 10px 25px rgba(0,0,0,.12);\n transform:translateY(-4px)\n}\n.component-card.selected{\n border-color:#ff7a00;\n background:#fff7f0;\n box-shadow:0 10px 30px rgba(255,122,0,.25)\n}\n.component-tag{\n font-size:11px;text-transform:uppercase;letter-spacing:.12em;\n color:#9ca3af\n}\n.component-title{font-weight:700;font-size:15px;color:#111827}\n.component-price{font-weight:700;color:#ff7a00;font-size:15px}\n.component-meta{font-size:12px;color:#6b7280}\n.component-spec{font-size:12px;color:#4b5563;margin-top:4px}\n\n.builder-summary.card{position:sticky;top:110px}\n.summary-row{\n display:flex;justify-content:space-between;align-items:flex-start;\n font-size:13px;margin-bottom:6px;color:#4b5563\n}\n.summary-row strong{color:#111827}\n.summary-total{\n margin-top:10px;font-size:20px;font-weight:800;color:#ff7a00\n}\n.summary-note{font-size:11px;color:#9ca3af;margin-top:4px}\n.slot-status{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}\n.slot-chip{border-radius:999px;border:1px solid #d1d5db;background:#f9fafb;padding:4px 8px;font-size:11px;color:#4b5563}\n.slot-chip.warn{border-color:#ef4444;color:#b91c1c;background:#fef2f2}\n.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}\n.filter-chip{border-radius:999px;border:1px solid #d1d5db;background:#f9fafb;padding:6px 10px;font-size:12px;cursor:pointer}\n.filter-chip.active{background:#ff7a00;color:#0b1c2d;border-color:#ff7a00;font-weight:600}\n.compat-warning{\n margin-top:10px;padding:10px 12px;border-radius:12px;\n background:#fef2f2;color:#991b1b;font-size:12px;border:1px solid #fecaca\n}\n.preset-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}\n.preset-chip{\n border-radius:999px;border:1px solid #d1d5db;background:#f9fafb;\n padding:6px 10px;font-size:12px;cursor:pointer\n}\n.preset-chip.active{\n background:#ff7a00;color:#0b1c2d;border-color:#ff7a00;font-weight:600\n}\n\n\/* Extra voor diagnose pagina *\/\n.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}\n.form-note{font-size:14px;color:#6b7280;margin:16px 0;padding:12px;background:#fefce8;border-radius:12px;border:1px solid #fef08a}\n\n\/* Utility *\/\np,ul{line-height:1.7;margin-bottom:12px}\nul{margin-left:22px;list-style-type:disc}\n\n\/* Responsive tweaks *\/\n@media (max-width:768px){\n .hero{padding:70px 20px}\n .hero h1{font-size:32px}\n}\n<\/style>\n<\/head>\n<body>\n<div class=\"pixel-bg\"><\/div>\n\n<header>\n <div class=\"logo\" data-page=\"home\">IT<span>-You<\/span><\/div>\n <button id=\"menuBtn\" aria-label=\"Menu\">\u2630 Menu<\/button>\n<\/header>\n\n<nav id=\"menu\" role=\"navigation\" aria-label=\"Hoofdmenu\">\n <button class=\"closeBtn\" aria-label=\"Sluiten\">\u2715<\/button>\n <a data-page=\"home\">\ud83c\udfe0 Home<\/a>\n <a data-page=\"diagnose\">\ud83d\udee0\ufe0f Diagnose indienen<\/a>\n <a data-page=\"tarieven\">\ud83d\udcb0 Tarieven<\/a>\n <a data-page=\"pc-builder\">\ud83d\udda5\ufe0f PC Builder<\/a>\n <a data-page=\"lidmaatschappen\">\u2b50 Lidmaatschappen<\/a>\n <a data-page=\"voorwaarden\">\ud83d\udccb Voorwaarden<\/a>\n <a data-page=\"contact\">\ud83d\udcde Contact<\/a>\n<\/nav>\n\n<main>\n\n<!-- HOME -->\n<section id=\"home\" class=\"page active\">\n\n <!-- HERO SLIDER -->\n <div class=\"hero-slider\" aria-label=\"Belangrijkste diensten\">\n <article class=\"hero hero-slide active\" data-slide=\"0\">\n <div class=\"hero-badge\">IT-You \u2022 Reparaties<\/div>\n <h1>Reparatie & upgrades met game-DNA<\/h1>\n <p>Eerst een eerlijke diagnose, daarna pas reparatie of upgrade. Geen kantoorsfeer maar echte hardware-liefde, met heldere tarieven en duidelijke afspraken.<\/p>\n <div class=\"hero-logos\">\n <img decoding=\"async\" src=\"https:\/\/ict-waarborg.nl\/wp-content\/uploads\/2022\/01\/ict-waarborg-logo-vector.svg\" alt=\"ICT Waarborg gecertificeerde partner\">\n <\/div>\n <div class=\"hero-buttons\">\n <button class=\"btn primary\" data-page=\"diagnose\">Plan een diagnose<\/button>\n <button class=\"btn secondary\" data-page=\"tarieven\">Bekijk reparatie-tarieven<\/button>\n <\/div>\n <\/article>\n\n <article class=\"hero hero-slide\" data-slide=\"1\" style=\"background:linear-gradient(rgba(11,28,45,.9),rgba(11,28,45,.9)),url('https:\/\/images.unsplash.com\/photo-1517336714731-489689fd1ca8?auto=format&fit=crop&w=1600&q=80');background-size:cover;background-position:center;\">\n <div class=\"hero-badge\">Custom builds<\/div>\n <h1>Custom gaming pc\u2019s voor elk budget<\/h1>\n <p>Van first-time gamer tot high-end streamer: wij bouwen rigs die logisch zijn afgestemd op resolutie, games, workflow en toekomstplannen.<\/p>\n <div class=\"hero-buttons\">\n <button class=\"btn primary\" data-page=\"pc-builder\">Start je build<\/button>\n <button class=\"btn secondary\" data-page=\"pc-builder\">Bekijk pre-built systemen<\/button>\n <\/div>\n <\/article>\n\n <article class=\"hero hero-slide\" data-slide=\"2\" style=\"background:linear-gradient(rgba(11,28,45,.9),rgba(11,28,45,.9)),url('https:\/\/images.unsplash.com\/photo-1526498460520-4c246339dccb?auto=format&fit=crop&w=1600&q=80');background-size:cover;background-position:center%;\">\n <div class=\"hero-badge\">Zakelijk & abonnementen<\/div>\n <h1>Proactieve zorg voor jouw werk-PC\u2019s<\/h1>\n <p>Met lidmaatschappen zoals Player One en Streamer Pro houden we systemen van gamers, creators en zzp\u2019ers schoon, snel en voorspelbaar inzetbaar.<\/p>\n <div class=\"hero-buttons\">\n <button class=\"btn primary\" data-page=\"lidmaatschappen\">Bekijk lidmaatschappen<\/button>\n <button class=\"btn secondary\" data-page=\"contact\">Bespreek zakelijke opties<\/button>\n <\/div>\n <\/article>\n\n <div class=\"hero-dots\" aria-hidden=\"true\">\n <button type=\"button\" class=\"hero-dot active\" data-target=\"0\"><\/button>\n <button type=\"button\" class=\"hero-dot\" data-target=\"1\"><\/button>\n <button type=\"button\" class=\"hero-dot\" data-target=\"2\"><\/button>\n <\/div>\n <\/div>\n\n <!-- Waarom IT-You -->\n <div class=\"why-card\">\n <h2>Waarom IT-You?<\/h2>\n <ul class=\"why-list\">\n <li class=\"why-item\"><div class=\"why-icon\">\u2713<\/div><div>Eerlijke diagnose en duidelijke prijsopgave vooraf, geen verrassingen.<\/div><\/li>\n <li class=\"why-item\"><div class=\"why-icon\">\u2713<\/div><div>Specialist in moederbordreparatie en PCB-microsoldering voor complexe storingen.<\/div><\/li>\n <li class=\"why-item\"><div class=\"why-icon\">\u2713<\/div><div>Bewezen reparatiekwaliteit met 2\u20134 jaar garantie op onderdelen en arbeid.<\/div><\/li>\n <li class=\"why-item\"><div class=\"why-icon\">\u2713<\/div><div>Snel en persoonlijk: duidelijke communicatie, korte doorlooptijd waar mogelijk.<\/div><\/li>\n <li class=\"why-item\"><div class=\"why-icon\">\u2713<\/div><div>Gaming pc\u2019s voor elk budget \u2013 van instap tot high-end, inclusief advies op maat.<\/div><\/li>\n <li class=\"why-item\"><div class=\"why-icon\">\u2713<\/div><div>Pre-built systemen direct klaar om te gamen of te streamen.<\/div><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"section-title\">Hoe werkt het?<\/div>\n <div class=\"steps\">\n <div class=\"step\"><div class=\"step-number\">Stap 1<\/div><strong>Aanmelden in 1 minuut<\/strong><p>Meld je pc, laptop of Mac online of telefonisch aan.<\/p><\/div>\n <div class=\"step\"><div class=\"step-number\">Stap 2<\/div><strong>Afleveren of opsturen<\/strong><p>Je brengt je systeem langs of kiest voor een veilige transportoptie.<\/p><\/div>\n <div class=\"step\"><div class=\"step-number\">Stap 3<\/div><strong>Diagnose<\/strong><p>We testen hardware en software en bepalen wat er \u00e9cht nodig is.<\/p><\/div>\n <div class=\"step\"><div class=\"step-number\">Stap 4<\/div><strong>Prijsopgave<\/strong><p>Je krijgt een duidelijke offerte; boven het minimum altijd vooraf akkoord.<\/p><\/div>\n <div class=\"step\"><div class=\"step-number\">Stap 5<\/div><strong>Reparatie of build<\/strong><p>Na akkoord repareren of bouwen we met kwaliteitsonderdelen.<\/p><\/div>\n <div class=\"step\"><div class=\"step-number\">Stap 6<\/div><strong>Uitleg & oplevering<\/strong><p>Je haalt ‘m op of laat ‘m retourneren, met heldere uitleg en tips.<\/p><\/div>\n <\/div>\n\n <div class=\"section-title\">\ud83d\udee0\ufe0f Snelle Tips & Tricks<\/div>\n <div class=\"accordion\"><div class=\"accordion-header\"><span>Tikkend of ratelend geluid<\/span><span>+<\/span><\/div><div class=\"accordion-content\"><p><strong>\ud83d\udea8 Direct actie:<\/strong> Schakel direct uit bij mechanische geluiden uit de pc of laptop. Elke extra minuut gebruik kan dataherstel moeilijker of duurder maken.<\/p><\/div><\/div>\n <div class=\"accordion\"><div class=\"accordion-header\"><span>PC start niet of valt uit<\/span><span>+<\/span><\/div><div class=\"accordion-content\"><p><strong>\u26a1 Meest voorkomend:<\/strong> Vaak is voeding, RAM of videokaart de boosdoener. Geen eindeloze resets; laat een meetrapport maken zodat je gericht vervangt.<\/p><\/div><\/div>\n <div class=\"accordion\"><div class=\"accordion-header\"><span>Games stotteren of worden heet<\/span><span>+<\/span><\/div><div class=\"accordion-content\"><p><strong>\ud83c\udf21\ufe0f Thermals first:<\/strong> Thermals en airflow zijn net zo belangrijk als FPS. Een goede reiniging, nieuwe koelpasta en slimme instellingen geven vaak meer winst dan een nieuwe pc.<\/p><\/div><\/div>\n <div class=\"accordion\"><div class=\"accordion-header\"><span>Blauwe schermen (BSOD)<\/span><span>+<\/span><\/div><div class=\"accordion-content\"><p><strong>\ud83d\udcbe Drivers & RAM:<\/strong> 80% van BSOD’s komt door corrupte drivers of defecte RAM. Laat beide testen voordat je een dure upgrade overweegt.<\/p><\/div><\/div>\n <div class=\"accordion\"><div class=\"accordion-header\"><span>Laptop batterij houdt niets meer vast<\/span><span>+<\/span><\/div><div class=\"accordion-content\"><p><strong>\ud83d\udd0b Calibratie helpt:<\/strong> Volledig ontladen + opladen kan 20-30% capaciteit terugbrengen. Daarna testen of batterij fysiek versleten is.<\/p><\/div><\/div>\n\n <div class=\"section-title\">Betaalmogelijkheden<\/div>\n <div class=\"payments\">\n <div class=\"payment\">Pinbetaling<\/div><div class=\"payment\">Contant<\/div>\n <div class=\"payment\">iDEAL<\/div><div class=\"payment\">Apple Pay<\/div>\n <div class=\"payment\">Factuur (zakelijk)<\/div>\n <\/div>\n<\/section>\n\n<!-- DIAGNOSE INDIENEN -->\n<section id=\"diagnose\" class=\"page\">\n <div class=\"section-title\">Diagnose indienen<\/div>\n <p style=\"text-align:center;max-width:720px;margin:0 auto 40px;font-size:18px;\">\n Meld je PC, laptop, Mac of ander apparaat binnen 1 minuut aan. We starten met een diagnose en geven je daarna een heldere prijsopgave \u2013 geen verrassingen.\n <\/p>\n\n <div class=\"hero\" style=\"background: linear-gradient(rgba(11,28,45,.88),rgba(11,28,45,.88)), url('https:\/\/images.unsplash.com\/photo-1581093450021-4a7360e9a6b5?auto=format&fit=crop&w=1600&q=80');\">\n <div class=\"hero-badge\">Eerlijk & Transparant<\/div>\n <h1>Gratis aanmelden \u2013 diagnose vanaf \u20ac29<\/h1>\n <p>Spoed? Kies voor \u20ac59 (binnen 1\u20132 werkdagen). Standaard diagnose binnen 4\u20136 werkdagen. Je krijgt altijd eerst een offerte bij reparatiekosten > minimumtarief.<\/p>\n <div class=\"hero-buttons\">\n <button class=\"btn primary\" onclick=\"document.getElementById('diagnoseForm').scrollIntoView({behavior:'smooth'})\">Start aanmelding<\/button>\n <\/div>\n <\/div>\n\n <div class=\"card\" id=\"diagnoseForm\">\n <h3 style=\"margin-bottom:24px;\">Je apparaat aanmelden<\/h3>\n <form>\n <div class=\"form-grid\">\n <div class=\"form-row\">\n <label for=\"d_naam\">Naam *<\/label>\n <input id=\"d_naam\" type=\"text\" required placeholder=\"Bijv. Lisa Jansen\">\n <\/div>\n <div class=\"form-row\">\n <label for=\"d_email\">E-mail *<\/label>\n <input id=\"d_email\" type=\"email\" required placeholder=\"jouw@email.nl\">\n <\/div>\n <div class=\"form-row\">\n <label for=\"d_tel\">Telefoon *<\/label>\n <input id=\"d_tel\" type=\"tel\" required placeholder=\"06 123 456 78\">\n <\/div>\n <div class=\"form-row\">\n <label for=\"d_type\">Type apparaat *<\/label>\n <select id=\"d_type\" required>\n <option value=\"\">Kies…<\/option>\n <option>Desktop PC<\/option>\n <option>Gaming PC<\/option>\n <option>Laptop<\/option>\n <option>Mac \/ iMac<\/option>\n <option>Anders<\/option>\n <\/select>\n <\/div>\n <div class=\"form-row\">\n <label for=\"d_merkmodel\">Merk & model *<\/label>\n <input id=\"d_merkmodel\" type=\"text\" required placeholder=\"Bijv. ASUS ROG Strix \/ Dell XPS 15\">\n <\/div>\n <div class=\"form-row\">\n <label for=\"d_serienr\">Serienummer (optioneel)<\/label>\n <input id=\"d_serienr\" type=\"text\" placeholder=\"Voor laptops \/ Macs vaak onderop of in BIOS\">\n <\/div>\n <\/div>\n\n <div class=\"form-row\" style=\"margin-top:24px;\">\n <label>Wat is het probleem? Kies of vul in *<\/label>\n <div class=\"device-types\" style=\"margin:12px 0;\">\n <button type=\"button\" class=\"device-btn\" data-value=\"Start niet \/ valt uit\">Start niet \/ valt uit<\/button>\n <button type=\"button\" class=\"device-btn\" data-value=\"Traag \/ hangt\">Traag \/ hangt<\/button>\n <button type=\"button\" class=\"device-btn\" data-value=\"Geluid \/ oververhitting\">Geluid \/ oververhitting<\/button>\n <button type=\"button\" class=\"device-btn\" data-value=\"Scherm defect\">Scherm defect<\/button>\n <button type=\"button\" class=\"device-btn\" data-value=\"Reiniging nodig\">Reiniging nodig<\/button>\n <button type=\"button\" class=\"device-btn\" data-value=\"Anders\">Anders<\/button>\n <\/div>\n <textarea id=\"d_probleem\" required placeholder=\"Beschrijf het probleem zo gedetailleerd mogelijk... (bijv. welke programma's crashen, foutmeldingen, etc.)\"><\/textarea>\n <\/div>\n\n <div class=\"form-row\">\n <label>Spoeddiagnose?<\/label>\n <label style=\"display:block;margin:8px 0;\">\n <input type=\"radio\" name=\"spoed\" value=\"nee\" checked> Nee \u2013 standaard (\u20ac29, 4-6 werkdagen)\n <\/label>\n <label style=\"display:block;margin:8px 0;\">\n <input type=\"radio\" name=\"spoed\" value=\"ja\"> Ja \u2013 spoed (\u20ac59, 1-2 werkdagen)\n <\/label>\n <\/div>\n\n <div class=\"form-note\">\n \u26a0\ufe0f Minimumtarief reparatiewerkzaamheden is \u20ac149 + diagnosekosten. Bij hogere kosten ontvang je eerst een offerte per e-mail. Geen akkoord = geen extra kosten (behalve diagnose).\n <\/div>\n\n <button type=\"submit\" class=\"btn primary\" style=\"width:100%;margin-top:20px;font-size:18px;\">Verstuur aanmelding \u2192<\/button>\n <\/form>\n <\/div>\n\n <div class=\"section-title\" style=\"margin-top:60px;\">Hoe het verder gaat<\/div>\n <div class=\"steps\" style=\"margin-top:20px;\">\n <div class=\"step\"><div class=\"step-number\">1<\/div><strong>Aanmelding<\/strong><p>Je ontvangt direct een bevestiging per mail met instructies.<\/p><\/div>\n <div class=\"step\"><div class=\"step-number\">2<\/div><strong>Inname<\/strong><p>Breng je systeem langs (op afspraak regio Rotterdam) of verstuur het veilig.<\/p><\/div>\n <div class=\"step\"><div class=\"step-number\">3<\/div><strong>Diagnose<\/strong><p>We testen grondig hardware + software.<\/p><\/div>\n <div class=\"step\"><div class=\"step-number\">4<\/div><strong>Offerte<\/strong><p>Duidelijke prijs per mail \u2013 jij beslist of we doorgaan.<\/p><\/div>\n <\/div>\n<\/section>\n\n<!-- TARIEVEN -->\n<section id=\"tarieven\" class=\"page\">\n <div class=\"section-title\">Tarieven 2026<\/div>\n <p>Alle prijzen inclusief 21% BTW. Minimumtarief voor reparatiewerkzaamheden \u20ac149 + diagnose. Bij hogere kosten altijd eerst offerte \u2013 geen verrassingen.<\/p>\n\n <div class=\"card\" style=\"margin:30px 0;\">\n <div class=\"price\"><strong>Diagnose standaard (4-6 werkdagen)<\/strong><span>\u20ac29<\/span><\/div>\n <div class=\"price\"><strong>Diagnose spoed (1-2 werkdagen)<\/strong><span>\u20ac59<\/span><\/div>\n <div class=\"price\"><strong>Minimumtarief reparatie\/upgrade (excl. diagnose)<\/strong><span>\u20ac149<\/span><\/div>\n <div class=\"price\"><strong>Interne reiniging + koelpasta vervanging<\/strong><span>vanaf \u20ac69<\/span><\/div>\n <div class=\"price\"><strong>Software optimalisatie \/ virusverwijdering \/ herinstallatie<\/strong><span>vanaf \u20ac89<\/span><\/div>\n <div class=\"price\"><strong>Dataherstel (eenvoudig \u2013 geen fysieke schade)<\/strong><span>vanaf \u20ac199<\/span><\/div>\n <div class=\"price\"><strong>Laptop scherm vervanging (afhankelijk model)<\/strong><span>\u20ac149 \u2013 \u20ac349<\/span><\/div>\n <div class=\"price\"><strong>DC-jack \/ voedingsaansluiting laptop<\/strong><span>vanaf \u20ac75<\/span><\/div>\n <div class=\"price\"><strong>Scharnieren \/ behuizing reparatie laptop<\/strong><span>\u20ac50 \u2013 \u20ac100<\/span><\/div>\n <\/div>\n\n <p style=\"font-size:14px;color:#6b7280;\">Prijzen indicatief op basis van gangbare tarieven in NL. Exacte prijs na diagnose. 2\u20134 jaar garantie op uitgevoerde reparaties\/onderdelen.<\/p>\n<\/section>\n\n<!-- PC BUILDER -->\n<section id=\"pc-builder\" class=\"page\">\n <div class=\"hero\" style=\"background: linear-gradient(rgba(11,28,45,.88),rgba(11,28,45,.88)), url('https:\/\/images.unsplash.com\/photo-1581092334631-46eec08cc047?auto=format&fit=crop&w=1600&q=80'); background-size:cover;background-position:center;\">\n <div class=\"hero-badge\">pc builder<\/div>\n <h1>Bouw je eigen rig<\/h1>\n <p>Kies per stap de juiste onderdelen. We controleren automatisch of CPU, moederbord, RAM en voeding logisch bij elkaar passen.<\/p>\n <\/div>\n\n <div class=\"builder-layout\">\n <div class=\"builder-main\">\n <div class=\"card\">\n <div class=\"builder-steps\" id=\"stepPills\">\n <button type=\"button\" class=\"builder-step-pill active\" data-step=\"case\"><span>1<\/span> Behuizing<\/button>\n <button type=\"button\" class=\"builder-step-pill\" data-step=\"cpu\"><span>2<\/span> Processor<\/button>\n <button type=\"button\" class=\"builder-step-pill\" data-step=\"cooler\"><span>3<\/span> Koeling<\/button>\n <button type=\"button\" class=\"builder-step-pill\" data-step=\"mobo\"><span>4<\/span> Moederbord<\/button>\n <button type=\"button\" class=\"builder-step-pill\" data-step=\"ram\"><span>5<\/span> Werkgeheugen<\/button>\n <button type=\"button\" class=\"builder-step-pill\" data-step=\"storage\"><span>6<\/span> Opslag<\/button>\n <button type=\"button\" class=\"builder-step-pill\" data-step=\"gpu\"><span>7<\/span> Grafische kaart<\/button>\n <button type=\"button\" class=\"builder-step-pill\" data-step=\"psu\"><span>8<\/span> Voeding<\/button>\n <\/div>\n\n <div class=\"preset-chips\" id=\"presetChips\">\n <button type=\"button\" class=\"preset-chip\" data-preset=\"entry\">1080p Entry<\/button>\n <button type=\"button\" class=\"preset-chip\" data-preset=\"performance\">1440p Performance<\/button>\n <button type=\"button\" class=\"preset-chip\" data-preset=\"creator\">Creator \/ 4K<\/button>\n <\/div>\n\n <p style=\"font-size:13px;color:#6b7280;margin-bottom:10px;\">\n Klik op een kaart om een onderdeel te kiezen. Je kunt altijd terug naar een eerdere stap om aan te passen.\n <\/p>\n\n <div class=\"builder-columns\">\n <div class=\"builder-step\" data-step-panel=\"case\">\n <h3 style=\"font-size:18px;margin-bottom:10px;\">Stap 1 \u2022 Behuizing<\/h3>\n <div class=\"component-grid\" id=\"caseGrid\"><\/div>\n <\/div>\n\n <div class=\"builder-step\" data-step-panel=\"cpu\" style=\"display:none;\">\n <h3 style=\"font-size:18px;margin-bottom:10px;\">Stap 2 \u2022 Processor<\/h3>\n <p style=\"font-size:13px;color:#6b7280;margin-bottom:8px;\">Kies eerst het platform waarmee je wilt werken.<\/p>\n <div class=\"preset-chips\" id=\"platformChips\">\n <button type=\"button\" class=\"preset-chip\" data-platform=\"intel_1700\">Intel LGA1700<\/button>\n <button type=\"button\" class=\"preset-chip\" data-platform=\"amd_am5\">AMD AM5<\/button>\n <button type=\"button\" class=\"preset-chip\" data-platform=\"amd_am4\">AMD AM4<\/button>\n <\/div>\n <div class=\"component-grid\" id=\"cpuGrid\"><\/div>\n <\/div>\n\n <div class=\"builder-step\" data-step-panel=\"cooler\" style=\"display:none;\">\n <h3 style=\"font-size:18px;margin-bottom:10px;\">Stap 3 \u2022 Koeling<\/h3>\n <p style=\"font-size:13px;color:#6b7280;margin-bottom:8px;\">Let op hoogte en TDP-capaciteit voor je CPU.<\/p>\n <div class=\"filter-bar\" id=\"coolerFilters\">\n <button type=\"button\" class=\"filter-chip active\" data-filter=\"all\">Alle<\/button>\n <button type=\"button\" class=\"filter-chip\" data-filter=\"air\">Air<\/button>\n <button type=\"button\" class=\"filter-chip\" data-filter=\"aio\">AIO<\/button>\n <button type=\"button\" class=\"filter-chip\" data-filter=\"240\">240mm<\/button>\n <button type=\"button\" class=\"filter-chip\" data-filter=\"360\">360mm<\/button>\n <\/div>\n <div class=\"component-grid\" id=\"coolerGrid\"><\/div>\n <\/div>\n\n <div class=\"builder-step\" data-step-panel=\"mobo\" style=\"display:none;\">\n <h3 style=\"font-size:18px;margin-bottom:10px;\">Stap 4 \u2022 Moederbord<\/h3>\n <p style=\"font-size:13px;color:#6b7280;margin-bottom:8px;\">We tonen alleen borden die passen bij het gekozen CPU-platform.<\/p>\n <div class=\"component-grid\" id=\"moboGrid\"><\/div>\n <\/div>\n\n <div class=\"builder-step\" data-step-panel=\"ram\" style=\"display:none;\">\n <h3 style=\"font-size:18px;margin-bottom:10px;\">Stap 5 \u2022 Werkgeheugen<\/h3>\n <p style=\"font-size:13px;color:#6b7280;margin-bottom:8px;\">DDR-type moet overeenkomen met je moederbord.<\/p>\n <div class=\"component-grid\" id=\"ramGrid\"><\/div>\n <\/div>\n\n <div class=\"builder-step\" data-step-panel=\"storage\" style=\"display:none;\">\n <h3 style=\"font-size:18px;margin-bottom:10px;\">Stap 6 \u2022 Opslag<\/h3>\n <p style=\"font-size:13px;color:#6b7280;margin-bottom:8px;\">Je kunt meerdere schijven kiezen (klik om toe te voegen\/verwijderen).<\/p>\n <div id=\"storageSlotStatus\" class=\"slot-status\" style=\"margin-bottom:10px;\"><\/div>\n <div class=\"component-grid\" id=\"storageGrid\"><\/div>\n <\/div>\n\n <div class=\"builder-step\" data-step-panel=\"gpu\" style=\"display:none;\">\n <h3 style=\"font-size:18px;margin-bottom:10px;\">Stap 7 \u2022 Grafische kaart<\/h3>\n <div class=\"component-grid\" id=\"gpuGrid\"><\/div>\n <\/div>\n\n <div class=\"builder-step\" data-step-panel=\"psu\" style=\"display:none;\">\n <h3 style=\"font-size:18px;margin-bottom:10px;\">Stap 8 \u2022 Voeding<\/h3>\n <p style=\"font-size:13px;color:#6b7280;margin-bottom:8px;\">We houden rekening met geschat verbruik; kies liever meer vermogen.<\/p>\n <div class=\"component-grid\" id=\"psuGrid\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <aside class=\"card builder-summary\">\n <h3 style=\"font-size:18px;margin-bottom:10px;\">Samenvatting<\/h3>\n <div id=\"summaryList\"><\/div>\n <div class=\"summary-total\" id=\"summaryTotal\">Totaal: \u20ac0<\/div>\n <div id=\"fpsControls\" style=\"margin-top:12px;\"><\/div>\n <div class=\"summary-note\">Richtprijzen incl. btw. Je ontvangt altijd een definitieve offerte voordat we gaan bouwen.<\/div>\n <div id=\"compatWarning\" class=\"compat-warning\" style=\"display:none;\">\n Let op: gekozen RAM komt niet overeen met het RAM-type van het moederbord. Kies een set met hetzelfde DDR-type.\n <\/div>\n <button type=\"button\" class=\"btn primary\" style=\"margin-top:16px;width:100%;\">Stuur deze build mee met je aanvraag<\/button>\n <\/aside>\n <\/div>\n<\/section>\n\n<!-- LIDMAATSCHAPPEN -->\n<section id=\"lidmaatschappen\" class=\"page\">\n <div class=\"section-title\">Lidmaatschappen<\/div>\n <div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;\">\n <div class=\"card\">\n <h3>Player One<\/h3>\n <p style=\"margin:12px 0;\">Voor gamers en power-users die hun systeem strak willen houden.<\/p>\n <ul>\n <li>1\u00d7 per jaar health-check en interne reiniging<\/li>\n <li>10\u201320% korting op software-beurten en SSD-upgrades<\/li>\n <li>Snelle diagnose-afspraak (binnen 48u)<\/li>\n <\/ul>\n <p style=\"margin-top:16px;font-weight:700;\">\u20ac9,99 \/ maand of \u20ac99 \/ jaar<\/p>\n <\/div>\n <div class=\"card\">\n <h3>Streamer Pro<\/h3>\n <p style=\"margin:12px 0;\">Voor creators, streamers en zzp’ers met kritische systemen.<\/p>\n <ul>\n <li>2\u00d7 per jaar health-check en clean-up<\/li>\n <li>25% korting op noodreparaties en dataherstel<\/li>\n <li>Voorrang bij spoed en builds op maat<\/li>\n <\/ul>\n <p style=\"margin-top:16px;font-weight:700;\">\u20ac19,99 \/ maand of \u20ac199 \/ jaar<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- VOORWAARDEN -->\n<section id=\"voorwaarden\" class=\"page\">\n <div class=\"section-title\">Voorwaarden<\/div>\n <div class=\"card\">\n <p>Reparaties en builds worden alleen uitgevoerd na jouw schriftelijke of digitale akkoord op de prijsopgave. Bij complexe reparaties of dataherstel kan een aanvullend onderzoekstarief gelden; dit wordt altijd vooraf gecommuniceerd.<\/p>\n <p style=\"margin-top:16px;\">Garantie: 2\u20134 jaar op uitgevoerde reparaties\/onderdelen (afhankelijk van type). Vervoersrisico bij verzending is voor eigen rekening tenzij anders afgesproken.<\/p>\n <p style=\"margin-top:16px;\">Betaling: contant, pin, iDEAL of factuur (zakelijk). Geen restitutie na akkoord en uitvoering.<\/p>\n <\/div>\n<\/section>\n\n<!-- CONTACT -->\n<section id=\"contact\" class=\"page\">\n <div class=\"section-title\">Stuur ons een bericht<\/div>\n <p>Laat je gegevens achter en we nemen zo snel mogelijk contact met je op.<\/p>\n\n <div class=\"contact-card\">\n <form>\n <div class=\"form-row\">\n <label for=\"naam\">Volledige naam *<\/label>\n <input id=\"naam\" type=\"text\" placeholder=\"Bijv. Jan de Vries\" required>\n <\/div>\n <div class=\"form-row\">\n <label for=\"email\">E-mailadres *<\/label>\n <input id=\"email\" type=\"email\" placeholder=\"naam@voorbeeld.nl\" required>\n <\/div>\n <div class=\"form-row\">\n <label for=\"tel\">Telefoonnummer *<\/label>\n <input id=\"tel\" type=\"tel\" placeholder=\"+31 6 12345678\" required>\n <\/div>\n <div class=\"form-row\">\n <label>Type apparaat *<\/label>\n <div class=\"device-types\" id=\"deviceTypeGroup\">\n <button type=\"button\" class=\"device-btn active\" data-value=\"Desktop PC\">Desktop PC<\/button>\n <button type=\"button\" class=\"device-btn\" data-value=\"Laptop\">Laptop<\/button>\n <button type=\"button\" class=\"device-btn\" data-value=\"Mac\">Mac<\/button>\n <button type=\"button\" class=\"device-btn\" data-value=\"Gaming PC\">Gaming PC<\/button>\n <button type=\"button\" class=\"device-btn\" data-value=\"Other\">Other<\/button>\n <\/div>\n <input type=\"hidden\" id=\"deviceType\" value=\"Desktop PC\">\n <\/div>\n <div class=\"form-row\">\n <label for=\"problem\">Probleemomschrijving *<\/label>\n <textarea id=\"problem\" placeholder=\"Beschrijf het probleem zo gedetailleerd mogelijk...\" required><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"btn primary\">Verstuur bericht<\/button>\n <\/form>\n <\/div>\n\n <div class=\"section-title\" style=\"margin-top:36px;\">Contactgegevens<\/div>\n <p>\ud83d\udcde 06-12345678<\/p>\n <p>\u2709\ufe0f info@it-you.nl<\/p>\n <p>\ud83d\udccd Regio Rotterdam \u2013 inname op afspraak.<\/p>\n<\/section>\n\n<\/main>\n\n<script>\n(function(){\n 'use strict';\n\n \/\/ PAGINA NAVIGATIE\n function showPage(pageId) {\n document.querySelectorAll('.page').forEach(page => {\n page.style.display = 'none';\n page.classList.remove('active');\n });\n const target = document.getElementById(pageId);\n if(target) {\n target.style.display = 'block';\n target.classList.add('active');\n }\n document.getElementById('menu').classList.remove('open');\n window.scrollTo({top: 0, behavior: 'smooth'});\n }\n\n const menuBtn = document.getElementById('menuBtn');\n const menuEl = document.getElementById('menu');\n const closeBtn = document.querySelector('.closeBtn');\n\n if(menuBtn){\n menuBtn.addEventListener('click', function(e){\n e.stopPropagation();\n menuEl.classList.toggle('open');\n });\n }\n if(closeBtn){\n closeBtn.addEventListener('click', function(e){\n e.stopPropagation();\n menuEl.classList.remove('open');\n });\n }\n\n document.querySelectorAll('[data-page]').forEach(el => {\n el.addEventListener('click', function(e){\n e.preventDefault();\n const page = this.dataset.page;\n if(page) showPage(page);\n });\n });\n\n \/\/ ACCORDION\n document.querySelectorAll('.accordion-header').forEach(header => {\n header.addEventListener('click', function(){\n const accordion = this.parentElement;\n accordion.classList.toggle('open');\n const icon = this.querySelector('span:last-child');\n if(icon) icon.textContent = accordion.classList.contains('open') ? '\u2212' : '+';\n });\n });\n\n \/\/ DEVICE TYPE SELECTIE (contact + diagnose)\n document.querySelectorAll('.device-types').forEach(group => {\n group.addEventListener('click', function(e){\n const btn = e.target.closest('.device-btn');\n if(!btn) return;\n group.querySelectorAll('.device-btn').forEach(b => b.classList.remove('active'));\n btn.classList.add('active');\n const hidden = group.nextElementSibling && group.nextElementSibling.tagName === 'INPUT' ? group.nextElementSibling : null;\n if(hidden) hidden.value = btn.dataset.value || '';\n });\n });\n\n \/\/ HERO SLIDER\n const slides = document.querySelectorAll('.hero-slide');\n const dots = document.querySelectorAll('.hero-dot');\n let currentSlide = 0;\n let heroTimer;\n function goToSlide(index){\n if(!slides.length) return;\n currentSlide = (index + slides.length) % slides.length;\n slides.forEach((s,i)=>s.classList.toggle('active',i===currentSlide));\n dots.forEach((d,i)=>d.classList.toggle('active',i===currentSlide));\n }\n function startHeroAuto(){ heroTimer = setInterval(()=>goToSlide(currentSlide+1),7000); }\n function resetHeroAuto(){ if(heroTimer) clearInterval(heroTimer); startHeroAuto(); }\n dots.forEach(dot=>{\n dot.addEventListener('click',function(){\n const t = parseInt(this.dataset.target,10);\n if(!isNaN(t)){goToSlide(t);resetHeroAuto();}\n });\n });\n if(slides.length>1) startHeroAuto();\n\n \/\/ PC BUILDER DATA & LOGICA (gestructureerd, schaalbaar, met checks)\n const Builder = (function(){\n const dom = {\n grids: {\n case: document.getElementById('caseGrid'),\n cpu: document.getElementById('cpuGrid'),\n cooler: document.getElementById('coolerGrid'),\n mobo: document.getElementById('moboGrid'),\n ram: document.getElementById('ramGrid'),\n storage: document.getElementById('storageGrid'),\n gpu: document.getElementById('gpuGrid'),\n psu: document.getElementById('psuGrid')\n },\n summaryList: document.getElementById('summaryList'),\n summaryTotal: document.getElementById('summaryTotal'),\n fpsControls: document.getElementById('fpsControls'),\n compatWarning: document.getElementById('compatWarning'),\n stepPills: document.getElementById('stepPills'),\n platformChips: document.getElementById('platformChips'),\n presetChips: document.getElementById('presetChips')\n };\n\n const DATA = {\n components: {\n case: [\n {id:'cm-elite502', tag:'ATX \u2022 airflow', title:'Cooler Master Elite 502', price:85, meta:'ATX \/ mATX, 3x ARGB-fans, glazen zijpaneel', spec:'Goede airflow, USB-C front.', maxGpuMm: 410, maxCoolerMm: 170, radiatorSupport: [240, 360]},\n {id:'fractal-popair', tag:'ATX \u2022 stil', title:'Fractal Design Pop Air', price:105, meta:'Mesh-front, stille airflow', spec:'Tot 405 mm GPU lengte.', maxGpuMm: 405, maxCoolerMm: 170, radiatorSupport: [240, 360]},\n {id:'nzxt-h5', tag:'ATX \u2022 clean', title:'NZXT H5 Flow', price:125, meta:'Strak design met goede airflow', spec:'Ideaal voor ARGB builds.', maxGpuMm: 365, maxCoolerMm: 165, radiatorSupport: [240]},\n {id:'ll-lancool-217', tag:'ATX \u2022 airflow', title:'Lian Li Lancool 217', price:196.99, meta:'Mesh-front, high airflow', spec:'Ruime ATX behuizing.'},\n {id:'ll-lancool-216', tag:'ATX \u2022 airflow', title:'Lian Li Lancool 216', price:153.99, meta:'High airflow front', spec:'Populaire gaming case.'},\n {id:'nzxt-h7-flow-2024', tag:'ATX \u2022 airflow', title:'NZXT H7 Flow (2024)', price:217.99, meta:'Ruime ATX behuizing', spec:'Moderne airflow layout.'},\n {id:'corsair-frame-4000d-rs', tag:'ATX \u2022 airflow', title:'Corsair FRAME 4000D RS', price:173.99, meta:'Airflow mid-tower', spec:'Strak en functioneel.'},\n {id:'phanteks-nv5-mk2', tag:'ATX \u2022 showcase', title:'Phanteks NV5 MK2', price:148.99, meta:'Showcase chassis', spec:'Glas en airflow.'},\n {id:'sharkoon-ak2', tag:'ATX \u2022 budget', title:'Sharkoon AK2 ATX', price:79.99, meta:'Value case', spec:'Eerlijke instapcase.'}\n ],\n cpu: [\n {id:'i5-14400f', platform:'intel_1700', title:'Intel Core i5-14400F', price:245, meta:'10 cores \u2022 16 threads', spec:'Sterke allrounder 1080p\/1440p.', tdp:65, perf:78},\n {id:'i5-14600k', platform:'intel_1700', title:'Intel Core i5-14600K', price:345, meta:'14 cores \u2022 20 threads', spec:'Hoge FPS + streaming.', tdp:125, perf:92},\n {id:'i7-14700k', platform:'intel_1700', title:'Intel Core i7-14700K', price:479, meta:'20 cores \u2022 28 threads', spec:'Zware creators & 240Hz.', tdp:125, perf:108},\n {id:'r5-7600', platform:'amd_am5', title:'Ryzen 5 7600', price:219, meta:'6 cores \u2022 12 threads', spec:'Snelle 1080p\/1440p.', tdp:65, perf:80},\n {id:'r7-7800x3d', platform:'amd_am5', title:'Ryzen 7 7800X3D', price:449, meta:'8 cores \u2022 16 threads + 3D V-Cache', spec:'Beste gaming CPU 2026.', tdp:120, perf:112},\n {id:'r9-7900x', platform:'amd_am5', title:'Ryzen 9 7900X', price:489, meta:'12 cores \u2022 24 threads', spec:'Multi-core & 4K.', tdp:170, perf:105},\n {id:'r5-5600', platform:'amd_am4', title:'Ryzen 5 5600', price:129, meta:'6 cores \u2022 12 threads', spec:'Budget gaming.', tdp:65, perf:65},\n {id:'r7-5800x', platform:'amd_am4', title:'Ryzen 7 5800X', price:189, meta:'8 cores \u2022 16 threads', spec:'Goede high refresh.', tdp:105, perf:85},\n {id:'i5-14500', platform:'intel_1700', title:'Intel Core i5-14500', price:517.99, meta:'Intel LGA1700', spec:'Allround performance.', tdp:65, perf:85},\n {id:'i7-14700kf', platform:'intel_1700', title:'Intel Core i7-14700KF', price:540.99, meta:'Intel LGA1700', spec:'High-end gaming\/creator.', tdp:125, perf:112},\n {id:'i5-13400', platform:'intel_1700', title:'Intel Core i5-13400', price:423.99, meta:'Intel LGA1700', spec:'Betaalbare upgrade.', tdp:65, perf:74},\n {id:'r7-7700x', platform:'amd_am5', title:'Ryzen 7 7700X', price:432.99, meta:'AMD AM5', spec:'Sterke gaming\/creator CPU.', tdp:105, perf:96},\n {id:'r5-9600x', platform:'amd_am5', title:'Ryzen 5 9600X', price:323.99, meta:'AMD AM5', spec:'Nieuwe generatie allround.', tdp:65, perf:90},\n {id:'r7-9700x', platform:'amd_am5', title:'Ryzen 7 9700X', price:471.99, meta:'AMD AM5', spec:'High refresh gaming.', tdp:65, perf:102}\n ],\n mobo: [\n {id:'b760-ddr5', platform:'intel_1700', title:'B760 Gaming DDR5', price:189, meta:'mATX, Wi-Fi 6E, 3\u00d7 M.2', spec:'DDR5 tot 192 GB.', ramType:'DDR5', m2Slots: 3, sataPorts: 4, ramSpeedMax: 7200, maxRamGb: 192},\n {id:'z790-ddr5', platform:'intel_1700', title:'Z790 Pro DDR5', price:289, meta:'ATX, PCIe 5.0, veel USB', spec:'High-end overclocking.', ramType:'DDR5', m2Slots: 4, sataPorts: 6, ramSpeedMax: 7600, maxRamGb: 192},\n {id:'b650-ddr5', platform:'amd_am5', title:'B650 Gaming DDR5', price:179, meta:'ATX, PCIe 5.0, Wi-Fi', spec:'Volledig DDR5.', ramType:'DDR5', m2Slots: 3, sataPorts: 4, ramSpeedMax: 6400, maxRamGb: 192},\n {id:'x670e-ddr5', platform:'amd_am5', title:'X670E Pro DDR5', price:329, meta:'ATX, extra M.2 & USB4', spec:'High-end Ryzen.', ramType:'DDR5', m2Slots: 4, sataPorts: 6, ramSpeedMax: 6600, maxRamGb: 192},\n {id:'b550-ddr4', platform:'amd_am4', title:'B550M DDR4', price:109, meta:'mATX, 2\u00d7 M.2', spec:'DDR4 tot 128 GB.', ramType:'DDR4', m2Slots: 2, sataPorts: 4, ramSpeedMax: 4400, maxRamGb: 128},\n {id:'b650m-s2h', platform:'amd_am5', title:'Gigabyte B650M S2H', price:155.99, meta:'mATX \u2022 AM5', spec:'Betaalbaar AM5 platform.', ramType:'DDR5', maxRamGb: 192},\n {id:'b650-gaming-x-ax-v2', platform:'amd_am5', title:'Gigabyte B650 Gaming X AX V2', price:254.99, meta:'ATX \u2022 AM5', spec:'Wi-Fi en moderne features.', ramType:'DDR5', m2Slots: 3, sataPorts: 4, maxRamGb: 192},\n {id:'b650m-pg-riptide', platform:'amd_am5', title:'ASRock B650M PG Riptide', price:334.99, meta:'mATX \u2022 AM5', spec:'Stabiel gaming board.', ramType:'DDR5', maxRamGb: 192},\n {id:'b760-gaming-plus-wifi-ddr4', platform:'intel_1700', title:'MSI B760 Gaming Plus WiFi DDR4', price:320.99, meta:'ATX \u2022 Intel LGA1700', spec:'DDR4 ondersteuning.', ramType:'DDR4', m2Slots: 2, sataPorts: 4, maxRamGb: 128},\n {id:'pro-b760-p-ddr4-ii', platform:'intel_1700', title:'MSI PRO B760-P DDR4 II', price:184.99, meta:'ATX \u2022 Intel LGA1700', spec:'Zakelijk & stabiel.', ramType:'DDR4', m2Slots: 2, sataPorts: 4, maxRamGb: 128},\n {id:'b760m-project-zero-ddr5', platform:'intel_1700', title:'MSI B760M PROJECT ZERO (DDR5)', price:300.99, meta:'mATX \u2022 Intel LGA1700', spec:'Strakke build layout.', ramType:'DDR5', m2Slots: 2, sataPorts: 4, maxRamGb: 192}\n ],\n ram: [\n {id:'32-ddr5-6000', title:'32 GB (2\u00d716) DDR5-6000', price:139, meta:'Voor AM5 \/ Intel 13e-14e', spec:'Aanbevolen gaming.', ramType:'DDR5', speed: 6000, capacityGb: 32},\n {id:'64-ddr5-6000', title:'64 GB (2\u00d732) DDR5-6000', price:259, meta:'Voor creators \/ multitasking', spec:'Heavy workflows.', ramType:'DDR5', speed: 6000, capacityGb: 64},\n {id:'32-ddr4-3600', title:'32 GB (2\u00d716) DDR4-3600', price:109, meta:'Voor AM4 \/ oudere Intel', spec:'Budget builds.', ramType:'DDR4', speed: 3600, capacityGb: 32}\n ],\n storage: [\n {id:'1tb-nvme', title:'1 TB NVMe Gen4', price:89, meta:'5000+ MB\/s', spec:'OS + games.', watts:5, interface:'m2'},\n {id:'2tb-nvme', title:'2 TB NVMe Gen4', price:149, meta:'Snelle opslag', spec:'Grote libraries.', watts:6, interface:'m2'},\n {id:'4tb-nvme', title:'4 TB NVMe Gen4', price:289, meta:'Veel ruimte', spec:'Content creators.', watts:7, interface:'m2'},\n {id:'2tb-sata-ssd', title:'2 TB SATA SSD', price:119, meta:'Betrouwbaar en stil', spec:'Extra games\/opslag.', watts:3, interface:'sata'},\n {id:'4tb-sata-hdd', title:'4 TB SATA HDD', price:89, meta:'Veel ruimte', spec:'Archief\/back-ups.', watts:7, interface:'sata'}\n ],\n cooler: [\n {id:'air-160', type:'air', title:'Tower Air Cooler 160mm', price:59, meta:'Stil \u2022 single tower', spec:'Tot 160W TDP.', heightMm: 160, tdpLimit: 160, watts: 3},\n {id:'air-170', type:'air', title:'Dual Tower Air Cooler 170mm', price:89, meta:'High airflow', spec:'Tot 220W TDP.', heightMm: 170, tdpLimit: 220, watts: 4},\n {id:'aio-240', type:'aio', radiatorMm: 240, title:'AIO 240mm', price:119, meta:'Koel en stil', spec:'Tot 250W TDP.', heightMm: 55, tdpLimit: 250, watts: 6},\n {id:'aio-360', type:'aio', radiatorMm: 360, title:'AIO 360mm', price:159, meta:'Max performance', spec:'Tot 300W TDP.', heightMm: 55, tdpLimit: 300, watts: 7}\n ],\n gpu: [\n {id:'rtx4060', title:'RTX 4060 8GB', price:329, meta:'1080p ultra \/ 1440p medium', spec:'E-sports & populair.', tdp:115, perf:85, lengthMm: 240, pcie8pin: 1},\n {id:'rtx4070', title:'RTX 4070 12GB', price:629, meta:'1440p ultra \/ 4K medium', spec:'Allround 2026.', tdp:200, perf:125, lengthMm: 280, pcie8pin: 2},\n {id:'rtx4080', title:'RTX 4080 Super 16GB', price:1099, meta:'4K ultra', spec:'High-end gaming.', tdp:320, perf:175, lengthMm: 320, pcie8pin: 3},\n {id:'rtx3050-6gb-msi', title:'RTX 3050 6GB MSI', price:361.99, meta:'Instap gaming', spec:'Budget NVIDIA optie.', tdp:90, perf:55},\n {id:'rtx5060-msi', title:'RTX 5060 8GB MSI', price:601.99, meta:'Nieuwe generatie', spec:'Sterke 1080p\/1440p.', tdp:160, perf:115},\n {id:'rtx5060ti-msi', title:'RTX 5060 Ti 8GB MSI', price:702.99, meta:'Nieuwe generatie', spec:'Snelle allround GPU.', tdp:180, perf:130},\n {id:'rtx5070-msi', title:'RTX 5070 12GB MSI', price:1129.99, meta:'High-end 1440p', spec:'Sterke performance.', tdp:220, perf:150},\n {id:'rtx5070ti-msi', title:'RTX 5070 Ti 16GB MSI', price:1813.99, meta:'High-end gaming', spec:'Zware AAA prestaties.', tdp:285, perf:180},\n {id:'rtx5080-msi', title:'RTX 5080 16GB MSI', price:2376.99, meta:'Ultra high-end', spec:'Top performance.', tdp:320, perf:210}\n ],\n psu: [\n {id:'650w', title:'650W 80+ Gold', price:89, meta:'Voor mid-range', spec:'Tot RTX 4070.', watts:650, pcie8pin: 2},\n {id:'750w', title:'750W 80+ Gold', price:109, meta:'Aanbevolen performance', spec:'RTX 4070\/4080 marge.', watts:750, pcie8pin: 3},\n {id:'850w', title:'850W 80+ Gold', price:139, meta:'High-end \/ future-proof', spec:'Extra overhead.', watts:850, pcie8pin: 4},\n {id:'msi-a550bn', title:'MSI MAG A550BN 550W', price:97.99, meta:'Budget voeding', spec:'Stabiele instap.', watts:550, pcie8pin: 2},\n {id:'msi-a650bn', title:'MSI MAG A650BN 650W', price:103.99, meta:'Budget voeding', spec:'Voor mid-range builds.', watts:650, pcie8pin: 2},\n {id:'msi-a750gl', title:'MSI MAG A750GL PCIE5 750W', price:192.99, meta:'PCIe 5.0', spec:'Moderne connectors.', watts:750, pcie8pin: 3},\n {id:'msi-a850gl', title:'MSI MAG A850GL PCIE5 850W', price:209.99, meta:'PCIe 5.0', spec:'Ruime headroom.', watts:850, pcie8pin: 4},\n {id:'msi-a1000g', title:'MSI MAG A1000GL PCIE5 1000W', price:285.99, meta:'High-end PSU', spec:'Voor zware builds.', watts:1000, pcie8pin: 5},\n {id:'msi-a1250gl', title:'MSI MAG A1250GL PCIE5 1250W', price:365.99, meta:'Extreme headroom', spec:'Enthusiast systemen.', watts:1250, pcie8pin: 6}\n ]\n },\n platforms: {\n intel_1700: {label:'Intel LGA1700 (13e\/14e gen)'},\n amd_am5: {label:'AMD Ryzen AM5 (7000\/9000 serie)'},\n amd_am4: {label:'AMD Ryzen AM4 (oudere gen \u2013 budget)'}\n },\n presets: {\n entry: {label:'1080p Entry', platform:'amd_am5', picks:{case:'cm-elite502', cpu:'r5-7600', cooler:'air-160', mobo:'b650-ddr5', ram:'32-ddr5-6000', storage:['1tb-nvme'], gpu:'rtx4060', psu:'650w'}},\n performance: {label:'1440p Performance', platform:'amd_am5', picks:{case:'fractal-popair', cpu:'r7-7800x3d', cooler:'air-170', mobo:'b650-ddr5', ram:'32-ddr5-6000', storage:['2tb-nvme'], gpu:'rtx4070', psu:'750w'}},\n creator: {label:'Creator \/ 4K', platform:'amd_am5', picks:{case:'nzxt-h5', cpu:'r9-7900x', cooler:'aio-240', mobo:'x670e-ddr5', ram:'64-ddr5-6000', storage:['4tb-nvme','2tb-sata-ssd'], gpu:'rtx4080', psu:'850w'}}\n },\n fpsProfiles: {\n entry: {resolution:'1080p', quality:'high', multiplier:1.0},\n performance: {resolution:'1440p', quality:'ultra', multiplier:0.78},\n creator: {resolution:'2160p', quality:'ultra', multiplier:0.55}\n }\n };\n\n const CATALOG_URL = null; \/\/ Zet hier je API endpoint, bijv. '\/api\/catalog.json'\n\n const index = {\n byId: {},\n byType: DATA.components\n };\n\n Object.keys(DATA.components).forEach(type => {\n DATA.components[type].forEach(item => {\n index.byId[item.id] = Object.assign({type}, item);\n });\n });\n\n const state = {\n platform: 'amd_am5',\n selected: {\n case: null,\n cpu: null,\n cooler: null,\n mobo: null,\n ram: null,\n storage: [],\n gpu: null,\n psu: null\n },\n activeStep: 'case',\n activePreset: null,\n fpsProfile: 'entry',\n coolerFilter: 'all'\n };\n\n const MULTI_SELECT = new Set(['storage']);\n\n const POWER = {\n base: 55,\n ram: 6,\n fans: 10,\n headroom: 1.35\n };\n\n function setSelected(type, id, options = {}) {\n if (MULTI_SELECT.has(type)) {\n const current = Array.isArray(state.selected[type]) ? state.selected[type] : [];\n if (options.toggle) {\n const exists = current.find(item => item.id === id);\n state.selected[type] = exists\n ? current.filter(item => item.id !== id)\n : current.concat(index.byId[id]).filter(Boolean);\n } else if (Array.isArray(id)) {\n state.selected[type] = id.map(key => index.byId[key]).filter(Boolean);\n } else {\n state.selected[type] = id ? [index.byId[id]].filter(Boolean) : [];\n }\n return;\n }\n state.selected[type] = id ? index.byId[id] || null : null;\n }\n\n function getSelected(type) {\n return state.selected[type] || (MULTI_SELECT.has(type) ? [] : null);\n }\n\n function ensurePlatformConsistency() {\n const cpu = getSelected('cpu');\n const mobo = getSelected('mobo');\n if (cpu && cpu.platform !== state.platform) {\n setSelected('cpu', null);\n }\n if (mobo && mobo.platform !== state.platform) {\n setSelected('mobo', null);\n }\n }\n\n function handleSelect(type, id) {\n const item = index.byId[id];\n if (!item || item.type !== type) return;\n if (type === 'storage') {\n setSelected('storage', id, {toggle: true});\n } else if (type === 'cpu') {\n state.platform = item.platform;\n setSelected('cpu', id);\n ensurePlatformConsistency();\n } else if (type === 'mobo') {\n setSelected('mobo', id);\n ensurePlatformConsistency();\n } else {\n setSelected(type, id);\n }\n render();\n }\n\n function renderGrid(type, filterFn) {\n const grid = dom.grids[type];\n if (!grid) return;\n grid.innerHTML = '';\n const fragment = document.createDocumentFragment();\n (index.byType[type] || [])\n .filter(filterFn || (() => true))\n .forEach(item => {\n const card = document.createElement('button');\n card.type = 'button';\n card.className = 'component-card';\n card.dataset.group = type;\n card.dataset.id = item.id;\n card.innerHTML = [\n `<div class=\"component-tag\">${item.tag || ''}<\/div>`,\n `<div class=\"component-title\">${item.title}<\/div>`,\n `<div class=\"component-price\">\u20ac${item.price}<\/div>`,\n `<div class=\"component-meta\">${item.meta || ''}<\/div>`,\n `<div class=\"component-spec\">${item.spec || ''}<\/div>`\n ].join('');\n if (MULTI_SELECT.has(type)) {\n if (getSelected(type).some(sel => sel.id === item.id)) {\n card.classList.add('selected');\n }\n } else if (getSelected(type)?.id === item.id) {\n card.classList.add('selected');\n }\n card.addEventListener('click', () => handleSelect(type, item.id));\n fragment.appendChild(card);\n });\n grid.appendChild(fragment);\n }\n\n function renderSteps() {\n if (!dom.stepPills) return;\n dom.stepPills.querySelectorAll('.builder-step-pill').forEach(pill => {\n const step = pill.dataset.step;\n pill.classList.toggle('active', step === state.activeStep);\n });\n document.querySelectorAll('.builder-step').forEach(panel => {\n panel.style.display = panel.dataset.stepPanel === state.activeStep ? 'block' : 'none';\n });\n }\n\n function renderPlatforms() {\n if (!dom.platformChips) return;\n dom.platformChips.querySelectorAll('.preset-chip').forEach(chip => {\n chip.classList.toggle('active', chip.dataset.platform === state.platform);\n });\n }\n\n function renderCoolerFilters() {\n const coolerFilters = document.getElementById('coolerFilters');\n if (!coolerFilters) return;\n coolerFilters.querySelectorAll('.filter-chip').forEach(chip => {\n chip.classList.toggle('active', chip.dataset.filter === state.coolerFilter);\n });\n }\n\n function renderPresets() {\n if (!dom.presetChips) return;\n dom.presetChips.querySelectorAll('.preset-chip').forEach(chip => {\n chip.classList.toggle('active', chip.dataset.preset === state.activePreset);\n });\n }\n\n function renderStorageSlots() {\n if (!dom.summaryList) return;\n const mobo = getSelected('mobo');\n const storage = getSelected('storage');\n if (!mobo || !Array.isArray(storage)) return;\n const m2Slots = Number.isFinite(mobo.m2Slots) ? mobo.m2Slots : null;\n const sataPorts = Number.isFinite(mobo.sataPorts) ? mobo.sataPorts : null;\n const m2Count = storage.filter(d => d.interface === 'm2').length;\n const sataCount = storage.filter(d => d.interface === 'sata').length;\n if (m2Slots === null && sataPorts === null) {\n let slotRowUnknown = dom.summaryList.querySelector('[data-summary=\\\"slots-unknown\\\"]');\n if (!slotRowUnknown) {\n slotRowUnknown = document.createElement('div');\n slotRowUnknown.className = 'summary-row';\n slotRowUnknown.dataset.summary = 'slots-unknown';\n dom.summaryList.appendChild(slotRowUnknown);\n }\n slotRowUnknown.innerHTML = `<span>Slots<\/span><strong>Onbekend voor dit moederbord<\/strong>`;\n return;\n }\n let slotRow = dom.summaryList.querySelector('[data-summary=\\\"slots\\\"]');\n if (!slotRow) {\n slotRow = document.createElement('div');\n slotRow.className = 'summary-row';\n slotRow.dataset.summary = 'slots';\n dom.summaryList.appendChild(slotRow);\n }\n slotRow.innerHTML = `<span>Slots<\/span><strong>${m2Count}\/${m2Slots} M.2, ${sataCount}\/${sataPorts} SATA<\/strong>`;\n\n let slotVisual = dom.summaryList.querySelector('[data-summary=\\\"slot-visual\\\"]');\n if (!slotVisual) {\n slotVisual = document.createElement('div');\n slotVisual.className = 'slot-status';\n slotVisual.dataset.summary = 'slot-visual';\n dom.summaryList.appendChild(slotVisual);\n }\n slotVisual.innerHTML = [\n `<span class=\\\"slot-chip ${(m2Slots!==null && m2Count>m2Slots)?'warn':''}\\\">M.2 ${m2Count}\/${m2Slots ?? '\u2014'}<\/span>`,\n `<span class=\\\"slot-chip ${(sataPorts!==null && sataCount>sataPorts)?'warn':''}\\\">SATA ${sataCount}\/${sataPorts ?? '\u2014'}<\/span>`\n ].join('');\n }\n\n function renderStorageSlotsPanel() {\n const panel = document.getElementById('storageSlotStatus');\n if (!panel) return;\n const mobo = getSelected('mobo');\n const storage = getSelected('storage');\n if (!mobo || !Array.isArray(storage)) {\n panel.innerHTML = '<span class=\\\"slot-chip\\\">Kies eerst een moederbord<\/span>';\n return;\n }\n const m2Slots = Number.isFinite(mobo.m2Slots) ? mobo.m2Slots : null;\n const sataPorts = Number.isFinite(mobo.sataPorts) ? mobo.sataPorts : null;\n const m2Count = storage.filter(d => d.interface === 'm2').length;\n const sataCount = storage.filter(d => d.interface === 'sata').length;\n if (m2Slots === null && sataPorts === null) {\n panel.innerHTML = '<span class=\\\"slot-chip\\\">Slots onbekend voor dit moederbord<\/span>';\n return;\n }\n panel.innerHTML = [\n `<span class=\\\"slot-chip ${(m2Slots!==null && m2Count>m2Slots)?'warn':''}\\\">M.2 ${m2Count}\/${m2Slots ?? '\u2014'}<\/span>`,\n `<span class=\\\"slot-chip ${(sataPorts!==null && sataCount>sataPorts)?'warn':''}\\\">SATA ${sataCount}\/${sataPorts ?? '\u2014'}<\/span>`\n ].join('');\n }\n\n function estimatePower() {\n const cpu = getSelected('cpu');\n const gpu = getSelected('gpu');\n const storage = getSelected('storage');\n const cooler = getSelected('cooler');\n let load = POWER.base + POWER.fans;\n load += cpu ? cpu.tdp : 0;\n load += gpu ? gpu.tdp : 0;\n if (Array.isArray(storage) && storage.length) {\n storage.forEach(drive => { load += drive.watts || 5; });\n }\n load += cooler ? cooler.watts || 3 : 0;\n if (getSelected('ram')) load += POWER.ram;\n const recommended = Math.ceil((load * POWER.headroom) \/ 50) * 50;\n return {load, recommended};\n }\n\n function estimateFps() {\n const cpu = getSelected('cpu');\n const gpu = getSelected('gpu');\n if (!cpu || !gpu) return null;\n const preset = DATA.fpsProfiles[state.fpsProfile] || DATA.fpsProfiles.entry;\n const gpuScore = gpu.perf;\n const cpuScore = cpu.perf;\n const base = (gpuScore * 1.0 + cpuScore * 0.45) \/ 1.35;\n const fps = Math.max(30, Math.round(base * preset.multiplier * 1.6));\n const low = Math.max(25, Math.round(fps * 0.85));\n const high = Math.round(fps * 1.12);\n return {low, high, resolution: preset.resolution, quality: preset.quality};\n }\n\n function collectWarnings() {\n const warnings = [];\n const mobo = getSelected('mobo');\n const ram = getSelected('ram');\n if (mobo && ram && mobo.ramType !== ram.ramType) {\n warnings.push('Let op: gekozen RAM komt niet overeen met het RAM-type van het moederbord. Kies een set met hetzelfde DDR-type.');\n }\n if (mobo && ram && ram.speed && mobo.ramSpeedMax && ram.speed > mobo.ramSpeedMax) {\n warnings.push(`RAM-snelheid is hoger dan wat het moederbord garandeert. Max ${mobo.ramSpeedMax} MHz, gekozen ${ram.speed} MHz.`);\n }\n if (mobo && ram && ram.capacityGb && mobo.maxRamGb && ram.capacityGb > mobo.maxRamGb) {\n warnings.push(`RAM-capaciteit is hoger dan het maximum van het moederbord. Max ${mobo.maxRamGb} GB, gekozen ${ram.capacityGb} GB.`);\n }\n const pcCase = getSelected('case');\n const gpu = getSelected('gpu');\n if (pcCase && gpu && pcCase.maxGpuMm && gpu.lengthMm && gpu.lengthMm > pcCase.maxGpuMm) {\n warnings.push(`Videokaart past mogelijk niet in de behuizing. Max ${pcCase.maxGpuMm} mm, gekozen GPU ${gpu.lengthMm} mm.`);\n }\n const storage = getSelected('storage');\n if (Array.isArray(storage) && storage.length && mobo) {\n const m2Count = storage.filter(d => d.interface === 'm2').length;\n const sataCount = storage.filter(d => d.interface === 'sata').length;\n const m2Slots = Number.isFinite(mobo.m2Slots) ? mobo.m2Slots : null;\n const sataPorts = Number.isFinite(mobo.sataPorts) ? mobo.sataPorts : null;\n if (m2Slots !== null && m2Count > m2Slots) {\n warnings.push(`Te weinig M.2-slots: ${m2Count} gekozen, ${m2Slots} beschikbaar.`);\n }\n if (sataPorts !== null && sataCount > sataPorts) {\n warnings.push(`Te weinig SATA-poorten: ${sataCount} gekozen, ${sataPorts} beschikbaar.`);\n }\n }\n const cooler = getSelected('cooler');\n const cpu = getSelected('cpu');\n if (cooler && pcCase && pcCase.maxCoolerMm && cooler.heightMm && cooler.heightMm > pcCase.maxCoolerMm) {\n warnings.push(`Koeler past mogelijk niet in de behuizing. Max ${pcCase.maxCoolerMm} mm, gekozen ${cooler.heightMm} mm.`);\n }\n if (cooler && cpu && cooler.tdpLimit && cpu.tdp && cpu.tdp > cooler.tdpLimit) {\n warnings.push(`Koeler is mogelijk te licht voor de CPU. Koeler ${cooler.tdpLimit}W TDP, CPU ${cpu.tdp}W.`);\n }\n if (cooler && cooler.type === 'aio' && pcCase && Array.isArray(pcCase.radiatorSupport)) {\n if (cooler.radiatorMm && !pcCase.radiatorSupport.includes(cooler.radiatorMm)) {\n warnings.push(`Radiator past mogelijk niet in de behuizing. Behuizing ondersteunt: ${pcCase.radiatorSupport.join('\/')}mm.`);\n }\n }\n const psu = getSelected('psu');\n const power = estimatePower();\n if (psu && psu.watts < power.recommended) {\n warnings.push(`Voeding is mogelijk te licht. Advies: minimaal ${power.recommended}W voor deze build.`);\n }\n if (psu && gpu && gpu.pcie8pin && psu.pcie8pin && psu.pcie8pin < gpu.pcie8pin) {\n warnings.push(`Voeding heeft mogelijk te weinig PCIe-connectoren. Nodig: ${gpu.pcie8pin}x 8-pin.`);\n }\n return warnings;\n }\n\n function renderSummary() {\n dom.summaryList.innerHTML = '';\n let total = 0;\n const order = [\n {label:'Behuizing', type:'case'},\n {label:'Processor', type:'cpu'},\n {label:'Koeling', type:'cooler'},\n {label:'Moederbord', type:'mobo'},\n {label:'RAM', type:'ram'},\n {label:'Opslag', type:'storage'},\n {label:'GPU', type:'gpu'},\n {label:'Voeding', type:'psu'}\n ];\n const fragment = document.createDocumentFragment();\n order.forEach(({label, type}) => {\n const comp = getSelected(type);\n if (!comp || (Array.isArray(comp) && !comp.length)) return;\n if (Array.isArray(comp)) {\n comp.forEach((item, idx) => {\n const row = document.createElement('div');\n row.className = 'summary-row';\n const numberedLabel = label === 'Opslag' ? `${label} ${idx + 1}` : label;\n row.innerHTML = `<span>${numberedLabel}<\/span><strong>\u20ac${item.price} \u2013 ${item.title}<\/strong>`;\n fragment.appendChild(row);\n total += item.price;\n });\n return;\n }\n const row = document.createElement('div');\n row.className = 'summary-row';\n row.innerHTML = `<span>${label}<\/span><strong>\u20ac${comp.price} \u2013 ${comp.title}<\/strong>`;\n fragment.appendChild(row);\n total += comp.price;\n });\n dom.summaryList.appendChild(fragment);\n dom.summaryTotal.textContent = `Totaal: \u20ac${total}`;\n\n const power = estimatePower();\n let powerRow = dom.summaryList.querySelector('[data-summary=\"power\"]');\n if (!powerRow) {\n powerRow = document.createElement('div');\n powerRow.className = 'summary-row';\n powerRow.dataset.summary = 'power';\n dom.summaryList.appendChild(powerRow);\n }\n powerRow.innerHTML = `<span>Geschat verbruik<\/span><strong>${power.load}W \u2013 advies PSU ${power.recommended}W<\/strong>`;\n\n const fps = estimateFps();\n let fpsRow = dom.summaryList.querySelector('[data-summary=\"fps\"]');\n if (!fpsRow) {\n fpsRow = document.createElement('div');\n fpsRow.className = 'summary-row';\n fpsRow.dataset.summary = 'fps';\n dom.summaryList.appendChild(fpsRow);\n }\n fpsRow.innerHTML = fps\n ? `<span>Geschatte FPS<\/span><strong>${fps.low}\u2013${fps.high} FPS (${fps.resolution}, ${fps.quality})<\/strong>`\n : `<span>Geschatte FPS<\/span><strong>Kies CPU + GPU<\/strong>`;\n\n renderStorageSlots();\n }\n\n function renderFpsControls() {\n if (!dom.fpsControls) return;\n if (!dom.fpsControls.dataset.ready) {\n dom.fpsControls.dataset.ready = 'true';\n dom.fpsControls.innerHTML = [\n `<div style=\"font-size:12px;color:#6b7280;margin-bottom:6px;\">FPS-profiel<\/div>`,\n `<select id=\"fpsProfileSelect\" style=\"width:100%;padding:10px;border-radius:10px;border:1px solid #d1d5db;background:#f9fafb;\">`,\n ` <option value=\"entry\">1080p \u2022 High<\/option>`,\n ` <option value=\"performance\">1440p \u2022 Ultra<\/option>`,\n ` <option value=\"creator\">4K \u2022 Ultra<\/option>`,\n `<\/select>`\n ].join('');\n const select = dom.fpsControls.querySelector('#fpsProfileSelect');\n select.addEventListener('change', () => {\n state.fpsProfile = select.value || 'entry';\n renderSummary();\n });\n }\n const select = dom.fpsControls.querySelector('#fpsProfileSelect');\n if (select) select.value = state.fpsProfile;\n }\n\n function renderWarnings() {\n const warnings = collectWarnings();\n if (!warnings.length) {\n dom.compatWarning.style.display = 'none';\n return;\n }\n dom.compatWarning.style.display = 'block';\n dom.compatWarning.textContent = warnings.join(' ');\n }\n\n function renderGrids() {\n renderGrid('case');\n renderGrid('cpu', item => item.platform === state.platform);\n renderGrid('cooler', item => {\n if (state.coolerFilter === 'all') return true;\n if (state.coolerFilter === 'air') return item.type === 'air';\n if (state.coolerFilter === 'aio') return item.type === 'aio';\n const size = parseInt(state.coolerFilter, 10);\n if (!Number.isNaN(size)) return item.radiatorMm === size;\n return true;\n });\n renderGrid('mobo', item => item.platform === state.platform);\n renderGrid('ram');\n renderGrid('storage');\n renderGrid('gpu');\n renderGrid('psu');\n }\n\n function render() {\n ensurePlatformConsistency();\n renderPlatforms();\n renderPresets();\n renderCoolerFilters();\n renderSteps();\n renderGrids();\n renderSummary();\n renderStorageSlotsPanel();\n renderFpsControls();\n renderWarnings();\n }\n\n function applyPreset(key) {\n const preset = DATA.presets[key];\n if (!preset) return;\n state.activePreset = key;\n state.platform = preset.platform;\n state.fpsProfile = key in DATA.fpsProfiles ? key : state.fpsProfile;\n Object.keys(preset.picks).forEach(type => {\n const value = preset.picks[type];\n if (Array.isArray(value)) {\n setSelected(type, value);\n } else {\n setSelected(type, value);\n }\n });\n render();\n }\n\n function bindEvents() {\n if (dom.stepPills) {\n dom.stepPills.addEventListener('click', (e) => {\n const pill = e.target.closest('.builder-step-pill');\n if (!pill) return;\n state.activeStep = pill.dataset.step;\n renderSteps();\n });\n }\n const coolerFilters = document.getElementById('coolerFilters');\n if (coolerFilters) {\n coolerFilters.addEventListener('click', (e) => {\n const chip = e.target.closest('.filter-chip');\n if (!chip) return;\n state.coolerFilter = chip.dataset.filter || 'all';\n try { localStorage.setItem('ityou.coolerFilter', state.coolerFilter); } catch (err) {}\n coolerFilters.querySelectorAll('.filter-chip').forEach(c => c.classList.remove('active'));\n chip.classList.add('active');\n renderGrids();\n });\n }\n if (dom.platformChips) {\n dom.platformChips.addEventListener('click', (e) => {\n const chip = e.target.closest('.preset-chip');\n if (!chip) return;\n state.platform = chip.dataset.platform || state.platform;\n state.activePreset = null;\n ensurePlatformConsistency();\n render();\n });\n }\n if (dom.presetChips) {\n dom.presetChips.addEventListener('click', (e) => {\n const chip = e.target.closest('.preset-chip');\n if (!chip) return;\n applyPreset(chip.dataset.preset);\n });\n }\n }\n\n async function loadCatalogIfAny() {\n if (!CATALOG_URL) return;\n try {\n const res = await fetch(CATALOG_URL, {cache: 'no-store'});\n if (!res.ok) return;\n const payload = await res.json();\n if (!payload || !payload.components) return;\n Object.keys(payload.components).forEach(type => {\n if (!Array.isArray(payload.components[type])) return;\n DATA.components[type] = payload.components[type];\n });\n index.byId = {};\n index.byType = DATA.components;\n Object.keys(DATA.components).forEach(type => {\n DATA.components[type].forEach(item => {\n index.byId[item.id] = Object.assign({type}, item);\n });\n });\n } catch (err) {\n \/\/ Stil falen: lokale data blijft actief\n }\n }\n\n async function init() {\n bindEvents();\n try {\n const savedFilter = localStorage.getItem('ityou.coolerFilter');\n if (savedFilter) state.coolerFilter = savedFilter;\n } catch (err) {}\n await loadCatalogIfAny();\n render();\n }\n\n return {init};\n })();\n\n Builder.init();\n})();\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ufeff IT-You | Reparaties, Custom PC’s & Upgrades IT-You \u2630 Menu \u2715 \ud83c\udfe0 Home \ud83d\udee0\ufe0f Diagnose indienen \ud83d\udcb0 Tarieven \ud83d\udda5\ufe0f PC Builder \u2b50 Lidmaatschappen \ud83d\udccb Voorwaarden \ud83d\udcde Contact IT-You \u2022 Reparaties Reparatie & upgrades met game-DNA Eerst een eerlijke diagnose, daarna pas reparatie of upgrade. Geen kantoorsfeer maar echte hardware-liefde, met heldere tarieven en duidelijke […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-68","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Winkel - IT-You<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/it-you.nl\/index.php\/winkel\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Winkel - IT-You\" \/>\n<meta property=\"og:description\" content=\"\ufeff IT-You | Reparaties, Custom PC’s & Upgrades IT-You \u2630 Menu \u2715 \ud83c\udfe0 Home \ud83d\udee0\ufe0f Diagnose indienen \ud83d\udcb0 Tarieven \ud83d\udda5\ufe0f PC Builder \u2b50 Lidmaatschappen \ud83d\udccb Voorwaarden \ud83d\udcde Contact IT-You \u2022 Reparaties Reparatie & upgrades met game-DNA Eerst een eerlijke diagnose, daarna pas reparatie of upgrade. Geen kantoorsfeer maar echte hardware-liefde, met heldere tarieven en duidelijke […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/it-you.nl\/index.php\/winkel\/\" \/>\n<meta property=\"og:site_name\" content=\"IT-You\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-25T17:18:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ict-waarborg.nl\/wp-content\/uploads\/2022\/01\/ict-waarborg-logo-vector.svg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/it-you.nl\/index.php\/winkel\/\",\"url\":\"https:\/\/it-you.nl\/index.php\/winkel\/\",\"name\":\"Winkel - IT-You\",\"isPartOf\":{\"@id\":\"https:\/\/it-you.nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/it-you.nl\/index.php\/winkel\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/it-you.nl\/index.php\/winkel\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ict-waarborg.nl\/wp-content\/uploads\/2022\/01\/ict-waarborg-logo-vector.svg\",\"datePublished\":\"2026-02-21T20:13:57+00:00\",\"dateModified\":\"2026-02-25T17:18:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/it-you.nl\/index.php\/winkel\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/it-you.nl\/index.php\/winkel\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/it-you.nl\/index.php\/winkel\/#primaryimage\",\"url\":\"https:\/\/ict-waarborg.nl\/wp-content\/uploads\/2022\/01\/ict-waarborg-logo-vector.svg\",\"contentUrl\":\"https:\/\/ict-waarborg.nl\/wp-content\/uploads\/2022\/01\/ict-waarborg-logo-vector.svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/it-you.nl\/index.php\/winkel\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/it-you.nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Winkel\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/it-you.nl\/#website\",\"url\":\"https:\/\/it-you.nl\/\",\"name\":\"IT-You\",\"description\":\"Voor al uw IT diensten\",\"publisher\":{\"@id\":\"https:\/\/it-you.nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/it-you.nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/it-you.nl\/#organization\",\"name\":\"IT-You\",\"url\":\"https:\/\/it-you.nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/it-you.nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/it-you.nl\/wp-content\/uploads\/2026\/02\/cropped-IMG_1565.png\",\"contentUrl\":\"https:\/\/it-you.nl\/wp-content\/uploads\/2026\/02\/cropped-IMG_1565.png\",\"width\":125,\"height\":60,\"caption\":\"IT-You\"},\"image\":{\"@id\":\"https:\/\/it-you.nl\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Winkel - IT-You","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/it-you.nl\/index.php\/winkel\/","og_locale":"nl_NL","og_type":"article","og_title":"Winkel - IT-You","og_description":"\ufeff IT-You | Reparaties, Custom PC’s & Upgrades IT-You \u2630 Menu \u2715 \ud83c\udfe0 Home \ud83d\udee0\ufe0f Diagnose indienen \ud83d\udcb0 Tarieven \ud83d\udda5\ufe0f PC Builder \u2b50 Lidmaatschappen \ud83d\udccb Voorwaarden \ud83d\udcde Contact IT-You \u2022 Reparaties Reparatie & upgrades met game-DNA Eerst een eerlijke diagnose, daarna pas reparatie of upgrade. Geen kantoorsfeer maar echte hardware-liefde, met heldere tarieven en duidelijke […]","og_url":"https:\/\/it-you.nl\/index.php\/winkel\/","og_site_name":"IT-You","article_modified_time":"2026-02-25T17:18:28+00:00","og_image":[{"url":"https:\/\/ict-waarborg.nl\/wp-content\/uploads\/2022\/01\/ict-waarborg-logo-vector.svg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Geschatte leestijd":"5 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/it-you.nl\/index.php\/winkel\/","url":"https:\/\/it-you.nl\/index.php\/winkel\/","name":"Winkel - IT-You","isPartOf":{"@id":"https:\/\/it-you.nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/it-you.nl\/index.php\/winkel\/#primaryimage"},"image":{"@id":"https:\/\/it-you.nl\/index.php\/winkel\/#primaryimage"},"thumbnailUrl":"https:\/\/ict-waarborg.nl\/wp-content\/uploads\/2022\/01\/ict-waarborg-logo-vector.svg","datePublished":"2026-02-21T20:13:57+00:00","dateModified":"2026-02-25T17:18:28+00:00","breadcrumb":{"@id":"https:\/\/it-you.nl\/index.php\/winkel\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/it-you.nl\/index.php\/winkel\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/it-you.nl\/index.php\/winkel\/#primaryimage","url":"https:\/\/ict-waarborg.nl\/wp-content\/uploads\/2022\/01\/ict-waarborg-logo-vector.svg","contentUrl":"https:\/\/ict-waarborg.nl\/wp-content\/uploads\/2022\/01\/ict-waarborg-logo-vector.svg"},{"@type":"BreadcrumbList","@id":"https:\/\/it-you.nl\/index.php\/winkel\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/it-you.nl\/"},{"@type":"ListItem","position":2,"name":"Winkel"}]},{"@type":"WebSite","@id":"https:\/\/it-you.nl\/#website","url":"https:\/\/it-you.nl\/","name":"IT-You","description":"Voor al uw IT diensten","publisher":{"@id":"https:\/\/it-you.nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/it-you.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/it-you.nl\/#organization","name":"IT-You","url":"https:\/\/it-you.nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/it-you.nl\/#\/schema\/logo\/image\/","url":"https:\/\/it-you.nl\/wp-content\/uploads\/2026\/02\/cropped-IMG_1565.png","contentUrl":"https:\/\/it-you.nl\/wp-content\/uploads\/2026\/02\/cropped-IMG_1565.png","width":125,"height":60,"caption":"IT-You"},"image":{"@id":"https:\/\/it-you.nl\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/it-you.nl\/index.php\/wp-json\/wp\/v2\/pages\/68","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/it-you.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/it-you.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/it-you.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/it-you.nl\/index.php\/wp-json\/wp\/v2\/comments?post=68"}],"version-history":[{"count":1,"href":"https:\/\/it-you.nl\/index.php\/wp-json\/wp\/v2\/pages\/68\/revisions"}],"predecessor-version":[{"id":90,"href":"https:\/\/it-you.nl\/index.php\/wp-json\/wp\/v2\/pages\/68\/revisions\/90"}],"wp:attachment":[{"href":"https:\/\/it-you.nl\/index.php\/wp-json\/wp\/v2\/media?parent=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}