{"id":15,"date":"2026-05-13T10:07:59","date_gmt":"2026-05-13T10:07:59","guid":{"rendered":"https:\/\/www.gamerigs.nl\/index.php\/pc-builder\/"},"modified":"2026-05-13T10:07:59","modified_gmt":"2026-05-13T10:07:59","slug":"pc-builder","status":"publish","type":"page","link":"https:\/\/www.gamerigs.nl\/index.php\/pc-builder\/","title":{"rendered":"PC Builder"},"content":{"rendered":"    <div id=\"pcb-app\" role=\"main\" aria-label=\"PC Builder\">\n\n        <!-- Mode Tabs -->\n        <div class=\"pcb-tabs\" role=\"tablist\" aria-label=\"Builder modes\">\n            <button class=\"pcb-tab active\" role=\"tab\" aria-selected=\"true\"  data-mode=\"manual\"  aria-controls=\"pcb-panel-manual\">\n                <span class=\"pcb-tab-icon\">\u2699<\/span>\n                Pick Hardware                <small>Choose every component<\/small>\n            <\/button>\n            <button class=\"pcb-tab\" role=\"tab\" aria-selected=\"false\" data-mode=\"game\" aria-controls=\"pcb-panel-game\">\n                <span class=\"pcb-tab-icon\">\ud83c\udfae<\/span>\n                By Game                <small>Hit your FPS target<\/small>\n            <\/button>\n            <button class=\"pcb-tab\" role=\"tab\" aria-selected=\"false\" data-mode=\"purpose\" aria-controls=\"pcb-panel-purpose\">\n                <span class=\"pcb-tab-icon\">\u2726<\/span>\n                By Purpose                <small>Tell us what you do<\/small>\n            <\/button>\n        <\/div>\n\n        <!-- \u2500\u2500 PANEL 1 : Manual Builder \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n        <div id=\"pcb-panel-manual\" class=\"pcb-panel active\" role=\"tabpanel\">\n            <div class=\"pcb-layout\">\n\n                <!-- Component Selectors -->\n                <div class=\"pcb-selectors\">\n                    <h2 class=\"pcb-panel-heading\">Configure Your Build<\/h2>\n\n                                            <div class=\"pcb-slot\" data-slot=\"cpu\">\n                            <div class=\"pcb-slot-header\">\n                                <span class=\"pcb-slot-icon\" aria-hidden=\"true\">\u25c8<\/span>\n                                <label class=\"pcb-slot-label\" for=\"pcb-select-cpu\">\n                                    Processor (CPU)                                <\/label>\n                                <span class=\"pcb-compat-badge\" aria-live=\"polite\"><\/span>\n                            <\/div>\n                            <select id=\"pcb-select-cpu\"\n                                    class=\"pcb-select\"\n                                    data-component=\"cpu\"\n                                    aria-label=\"Processor (CPU)\">\n                                <option value=\"\">\u2014 Select \u2014<\/option>\n                            <\/select>\n                            <div class=\"pcb-slot-meta\" aria-live=\"polite\"><\/div>\n                        <\/div>\n                                            <div class=\"pcb-slot\" data-slot=\"gpu\">\n                            <div class=\"pcb-slot-header\">\n                                <span class=\"pcb-slot-icon\" aria-hidden=\"true\">\u25c7<\/span>\n                                <label class=\"pcb-slot-label\" for=\"pcb-select-gpu\">\n                                    Graphics Card (GPU)                                <\/label>\n                                <span class=\"pcb-compat-badge\" aria-live=\"polite\"><\/span>\n                            <\/div>\n                            <select id=\"pcb-select-gpu\"\n                                    class=\"pcb-select\"\n                                    data-component=\"gpu\"\n                                    aria-label=\"Graphics Card (GPU)\">\n                                <option value=\"\">\u2014 Select \u2014<\/option>\n                            <\/select>\n                            <div class=\"pcb-slot-meta\" aria-live=\"polite\"><\/div>\n                        <\/div>\n                                            <div class=\"pcb-slot\" data-slot=\"motherboard\">\n                            <div class=\"pcb-slot-header\">\n                                <span class=\"pcb-slot-icon\" aria-hidden=\"true\">\u2b21<\/span>\n                                <label class=\"pcb-slot-label\" for=\"pcb-select-motherboard\">\n                                    Motherboard                                <\/label>\n                                <span class=\"pcb-compat-badge\" aria-live=\"polite\"><\/span>\n                            <\/div>\n                            <select id=\"pcb-select-motherboard\"\n                                    class=\"pcb-select\"\n                                    data-component=\"motherboard\"\n                                    aria-label=\"Motherboard\">\n                                <option value=\"\">\u2014 Select \u2014<\/option>\n                            <\/select>\n                            <div class=\"pcb-slot-meta\" aria-live=\"polite\"><\/div>\n                        <\/div>\n                                            <div class=\"pcb-slot\" data-slot=\"ram\">\n                            <div class=\"pcb-slot-header\">\n                                <span class=\"pcb-slot-icon\" aria-hidden=\"true\">\u25a4<\/span>\n                                <label class=\"pcb-slot-label\" for=\"pcb-select-ram\">\n                                    Memory (RAM)                                <\/label>\n                                <span class=\"pcb-compat-badge\" aria-live=\"polite\"><\/span>\n                            <\/div>\n                            <select id=\"pcb-select-ram\"\n                                    class=\"pcb-select\"\n                                    data-component=\"ram\"\n                                    aria-label=\"Memory (RAM)\">\n                                <option value=\"\">\u2014 Select \u2014<\/option>\n                            <\/select>\n                            <div class=\"pcb-slot-meta\" aria-live=\"polite\"><\/div>\n                        <\/div>\n                                            <div class=\"pcb-slot\" data-slot=\"storage\">\n                            <div class=\"pcb-slot-header\">\n                                <span class=\"pcb-slot-icon\" aria-hidden=\"true\">\u25c9<\/span>\n                                <label class=\"pcb-slot-label\" for=\"pcb-select-storage\">\n                                    Storage                                <\/label>\n                                <span class=\"pcb-compat-badge\" aria-live=\"polite\"><\/span>\n                            <\/div>\n                            <select id=\"pcb-select-storage\"\n                                    class=\"pcb-select\"\n                                    data-component=\"storage\"\n                                    aria-label=\"Storage\">\n                                <option value=\"\">\u2014 Select \u2014<\/option>\n                            <\/select>\n                            <div class=\"pcb-slot-meta\" aria-live=\"polite\"><\/div>\n                        <\/div>\n                                            <div class=\"pcb-slot\" data-slot=\"psu\">\n                            <div class=\"pcb-slot-header\">\n                                <span class=\"pcb-slot-icon\" aria-hidden=\"true\">\u26a1<\/span>\n                                <label class=\"pcb-slot-label\" for=\"pcb-select-psu\">\n                                    Power Supply (PSU)                                <\/label>\n                                <span class=\"pcb-compat-badge\" aria-live=\"polite\"><\/span>\n                            <\/div>\n                            <select id=\"pcb-select-psu\"\n                                    class=\"pcb-select\"\n                                    data-component=\"psu\"\n                                    aria-label=\"Power Supply (PSU)\">\n                                <option value=\"\">\u2014 Select \u2014<\/option>\n                            <\/select>\n                            <div class=\"pcb-slot-meta\" aria-live=\"polite\"><\/div>\n                        <\/div>\n                                            <div class=\"pcb-slot\" data-slot=\"cooling\">\n                            <div class=\"pcb-slot-header\">\n                                <span class=\"pcb-slot-icon\" aria-hidden=\"true\">\u2744<\/span>\n                                <label class=\"pcb-slot-label\" for=\"pcb-select-cooling\">\n                                    CPU Cooling                                <\/label>\n                                <span class=\"pcb-compat-badge\" aria-live=\"polite\"><\/span>\n                            <\/div>\n                            <select id=\"pcb-select-cooling\"\n                                    class=\"pcb-select\"\n                                    data-component=\"cooling\"\n                                    aria-label=\"CPU Cooling\">\n                                <option value=\"\">\u2014 Select \u2014<\/option>\n                            <\/select>\n                            <div class=\"pcb-slot-meta\" aria-live=\"polite\"><\/div>\n                        <\/div>\n                                            <div class=\"pcb-slot\" data-slot=\"case\">\n                            <div class=\"pcb-slot-header\">\n                                <span class=\"pcb-slot-icon\" aria-hidden=\"true\">\u25a3<\/span>\n                                <label class=\"pcb-slot-label\" for=\"pcb-select-case\">\n                                    Case                                <\/label>\n                                <span class=\"pcb-compat-badge\" aria-live=\"polite\"><\/span>\n                            <\/div>\n                            <select id=\"pcb-select-case\"\n                                    class=\"pcb-select\"\n                                    data-component=\"case\"\n                                    aria-label=\"Case\">\n                                <option value=\"\">\u2014 Select \u2014<\/option>\n                            <\/select>\n                            <div class=\"pcb-slot-meta\" aria-live=\"polite\"><\/div>\n                        <\/div>\n                                    <\/div>\n\n                <!-- Live Summary -->\n                <aside class=\"pcb-summary\" aria-label=\"Build summary\">\n                    <div class=\"pcb-summary-inner\">\n\n                        <div class=\"pcb-summary-header\">\n                            <h3>Your Build<\/h3>\n                            <button class=\"pcb-reset-btn\" id=\"pcb-reset-manual\">Reset<\/button>\n                        <\/div>\n                        <span id=\"pcb-components-count\" class=\"pcb-components-count\" style=\"display:none;\"><\/span>\n\n                        <div class=\"pcb-price-block\">\n                            <span class=\"pcb-price-label\">Estimated Total<\/span>\n                            <span class=\"pcb-price-value\" id=\"pcb-manual-total\">\u20ac0<\/span>\n                        <\/div>\n\n                        <div class=\"pcb-power-block\">\n                            <div class=\"pcb-power-label-row\">\n                                <span>Power Draw<\/span>\n                                <span id=\"pcb-power-text\">0W \/ \u2014<\/span>\n                            <\/div>\n                            <div class=\"pcb-bar-track\" aria-hidden=\"true\">\n                                <div class=\"pcb-bar-fill\" id=\"pcb-power-bar\" style=\"width:0%\"><\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"pcb-compat-summary\" id=\"pcb-compat-summary\" aria-live=\"polite\"><\/div>\n\n                        <div class=\"pcb-benchmark-block\">\n                            <div class=\"pcb-bench-header-row\">\n                                <h4>FPS per game (Ultra)<\/h4>\n                                <span id=\"pcb-bench-source\" class=\"pcb-bench-source\">~ Schattingen<\/span>\n                            <\/div>                            <div class=\"pcb-res-tabs\">\n                                <button class=\"pcb-res-tab active\" data-res=\"1080\">1080p<\/button>\n                                <button class=\"pcb-res-tab\" data-res=\"1440\">1440p<\/button>\n                                <button class=\"pcb-res-tab\" data-res=\"2160\">4K<\/button>\n                            <\/div>\n                            <div id=\"pcb-benchmark-table\">\n                                <p class=\"pcb-bench-placeholder\">Selecteer een GPU om prestaties te zien.<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"pcb-summary-actions\">\n                            <button class=\"pcb-btn-primary\" id=\"pcb-add-to-cart\" disabled>\n                                Add Build to Cart                            <\/button>\n                            <button class=\"pcb-btn-secondary\" id=\"pcb-request-quote\">\n                                Request a Quote                            <\/button>\n                        <\/div>\n\n                    <\/div>\n                <\/aside>\n\n            <\/div><!-- .pcb-layout -->\n        <\/div>\n\n        <!-- \u2500\u2500 PANEL 2 : Game Performance \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n        <div id=\"pcb-panel-game\" class=\"pcb-panel\" role=\"tabpanel\">\n            <div class=\"pcb-layout\">\n\n                <div class=\"pcb-selectors\">\n                    <h2 class=\"pcb-panel-heading\">Target a Game &amp; FPS<\/h2>\n\n                    <div class=\"pcb-form-block\">\n                        <label class=\"pcb-form-label\">Choose a Game<\/label>\n                        <div id=\"pcb-game-grid\" class=\"pcb-game-grid\" role=\"listbox\" aria-label=\"Game selector\"><\/div>\n                    <\/div>\n\n                    <div class=\"pcb-form-row\">\n                        <div class=\"pcb-form-block\">\n                            <label class=\"pcb-form-label\">Resolution<\/label>\n                            <div class=\"pcb-toggle-group\" role=\"group\" aria-label=\"Resolution\">\n                                <button class=\"pcb-toggle active\" data-group=\"resolution\" data-val=\"1080\">1080p<\/button>\n                                <button class=\"pcb-toggle\" data-group=\"resolution\" data-val=\"1440\">1440p<\/button>\n                                <button class=\"pcb-toggle\" data-group=\"resolution\" data-val=\"2160\">4K<\/button>\n                            <\/div>\n                        <\/div>\n                        <div class=\"pcb-form-block\">\n                            <label class=\"pcb-form-label\">Target FPS<\/label>\n                            <div class=\"pcb-toggle-group\" role=\"group\" aria-label=\"Target FPS\">\n                                <button class=\"pcb-toggle\" data-group=\"fps\" data-val=\"30\">30<\/button>\n                                <button class=\"pcb-toggle active\" data-group=\"fps\" data-val=\"60\">60<\/button>\n                                <button class=\"pcb-toggle\" data-group=\"fps\" data-val=\"120\">120<\/button>\n                                <button class=\"pcb-toggle\" data-group=\"fps\" data-val=\"144\">144<\/button>\n                                <button class=\"pcb-toggle\" data-group=\"fps\" data-val=\"240\">240<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"pcb-form-block\">\n                        <label class=\"pcb-form-label\">Quality Preset<\/label>\n                        <div class=\"pcb-toggle-group\" role=\"group\" aria-label=\"Quality preset\">\n                            <button class=\"pcb-toggle\" data-group=\"quality\" data-val=\"low\">Low<\/button>\n                            <button class=\"pcb-toggle\" data-group=\"quality\" data-val=\"medium\">Medium<\/button>\n                            <button class=\"pcb-toggle\" data-group=\"quality\" data-val=\"high\">High<\/button>\n                            <button class=\"pcb-toggle active\" data-group=\"quality\" data-val=\"ultra\">Ultra<\/button>\n                        <\/div>\n                    <\/div>\n\n                    <button class=\"pcb-btn-primary pcb-generate-btn\" id=\"pcb-generate-game\">\n                        Find My PC \u2192                    <\/button>\n                <\/div>\n\n                <aside class=\"pcb-summary\" aria-label=\"Recommended build\">\n                    <div class=\"pcb-summary-inner\" id=\"pcb-game-result\">\n                        <div class=\"pcb-summary-placeholder\">\n                            <span>\ud83c\udfae<\/span>\n                            <p>Select a game and your target, then click Find My PC.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/aside>\n\n            <\/div>\n        <\/div>\n\n        <!-- \u2500\u2500 PANEL 3 : By Purpose \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n        <div id=\"pcb-panel-purpose\" class=\"pcb-panel\" role=\"tabpanel\">\n            <div class=\"pcb-layout\">\n\n                <div class=\"pcb-selectors\">\n                    <h2 class=\"pcb-panel-heading\">Build by Purpose<\/h2>\n\n                    <div class=\"pcb-form-block\">\n                        <label class=\"pcb-form-label\">What will you use it for?<\/label>\n                        <div id=\"pcb-purpose-grid\" class=\"pcb-purpose-grid\" role=\"listbox\" aria-label=\"Purpose selector\">\n                                                            <button class=\"pcb-purpose-card\" role=\"option\" aria-selected=\"false\" data-purpose=\"gaming_competitive\">\n                                    <span class=\"pcb-purpose-icon\">\ud83c\udfc6<\/span>\n                                    <span class=\"pcb-purpose-label\">Competitive Gaming<\/span>\n                                    <span class=\"pcb-purpose-sub\">High FPS, CS2, Valorant, Apex<\/span>\n                                <\/button>\n                                                            <button class=\"pcb-purpose-card\" role=\"option\" aria-selected=\"false\" data-purpose=\"gaming_immersive\">\n                                    <span class=\"pcb-purpose-icon\">\ud83c\udf0d<\/span>\n                                    <span class=\"pcb-purpose-label\">Immersive Gaming<\/span>\n                                    <span class=\"pcb-purpose-sub\">AAA, open world, RTX<\/span>\n                                <\/button>\n                                                            <button class=\"pcb-purpose-card\" role=\"option\" aria-selected=\"false\" data-purpose=\"video_editing\">\n                                    <span class=\"pcb-purpose-icon\">\ud83c\udfac<\/span>\n                                    <span class=\"pcb-purpose-label\">Video Editing<\/span>\n                                    <span class=\"pcb-purpose-sub\">4K \/ 8K timelines, DaVinci<\/span>\n                                <\/button>\n                                                            <button class=\"pcb-purpose-card\" role=\"option\" aria-selected=\"false\" data-purpose=\"streaming\">\n                                    <span class=\"pcb-purpose-icon\">\ud83d\udce1<\/span>\n                                    <span class=\"pcb-purpose-label\">Streaming<\/span>\n                                    <span class=\"pcb-purpose-sub\">OBS, game + encode<\/span>\n                                <\/button>\n                                                            <button class=\"pcb-purpose-card\" role=\"option\" aria-selected=\"false\" data-purpose=\"3d_rendering\">\n                                    <span class=\"pcb-purpose-icon\">\ud83e\uddca<\/span>\n                                    <span class=\"pcb-purpose-label\">3D &amp; Rendering<\/span>\n                                    <span class=\"pcb-purpose-sub\">Blender, Cinema 4D<\/span>\n                                <\/button>\n                                                            <button class=\"pcb-purpose-card\" role=\"option\" aria-selected=\"false\" data-purpose=\"programming\">\n                                    <span class=\"pcb-purpose-icon\">\ud83d\udcbb<\/span>\n                                    <span class=\"pcb-purpose-label\">Programming<\/span>\n                                    <span class=\"pcb-purpose-sub\">Dev environments, compiling<\/span>\n                                <\/button>\n                                                            <button class=\"pcb-purpose-card\" role=\"option\" aria-selected=\"false\" data-purpose=\"office\">\n                                    <span class=\"pcb-purpose-icon\">\ud83d\udccb<\/span>\n                                    <span class=\"pcb-purpose-label\">Office \/ Productivity<\/span>\n                                    <span class=\"pcb-purpose-sub\">Browser, docs, calls<\/span>\n                                <\/button>\n                                                    <\/div>\n                    <\/div>\n\n                    <div class=\"pcb-form-block\">\n                        <div class=\"pcb-budget-row\">\n                            <label class=\"pcb-form-label\" for=\"pcb-budget-slider\">\n                                Budget                            <\/label>\n                            <span class=\"pcb-budget-value\" id=\"pcb-budget-display\">\u20ac1,000<\/span>\n                        <\/div>\n                        <input type=\"range\" id=\"pcb-budget-slider\"\n                               min=\"400\" max=\"5000\" step=\"50\" value=\"1000\"\n                               class=\"pcb-range\"\n                               aria-label=\"Budget slider\">\n                        <div class=\"pcb-budget-scale\">\n                            <span>\u20ac400<\/span><span>\u20ac2,000<\/span><span>\u20ac5,000<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <button class=\"pcb-btn-primary pcb-generate-btn\" id=\"pcb-generate-purpose\">\n                        Build My PC \u2192                    <\/button>\n                <\/div>\n\n                <aside class=\"pcb-summary\" aria-label=\"Recommended build\">\n                    <div class=\"pcb-summary-inner\" id=\"pcb-purpose-result\">\n                        <div class=\"pcb-summary-placeholder\">\n                            <span>\u2726<\/span>\n                            <p>Choose a purpose and set your budget, then click Build My PC.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/aside>\n\n            <\/div>\n        <\/div>\n\n    <\/div><!-- #pcb-app -->\n\n    <!-- Quote Modal -->\n    <div id=\"pcb-modal\" class=\"pcb-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"pcb-modal-title\" hidden>\n        <div class=\"pcb-modal-backdrop\"><\/div>\n        <div class=\"pcb-modal-box\">\n            <button class=\"pcb-modal-close\" aria-label=\"Close\">&times;<\/button>\n            <h3 id=\"pcb-modal-title\">Request a Quote<\/h3>\n            <p>We&#039;ll send your build spec to our team and get back to you within one business day.<\/p>\n            <div class=\"pcb-form-group\">\n                <label for=\"pcb-q-name\">Your Name *<\/label>\n                <input type=\"text\" id=\"pcb-q-name\" placeholder=\"Jane Smith\">\n            <\/div>\n            <div class=\"pcb-form-group\">\n                <label for=\"pcb-q-email\">Email Address *<\/label>\n                <input type=\"email\" id=\"pcb-q-email\" placeholder=\"jane@example.com\">\n            <\/div>\n            <div class=\"pcb-form-group\">\n                <label for=\"pcb-q-notes\">Additional Notes<\/label>\n                <textarea id=\"pcb-q-notes\" rows=\"3\" placeholder=\"Any specific requirements\u2026\"><\/textarea>\n            <\/div>\n            <div id=\"pcb-modal-response\" role=\"alert\" aria-live=\"polite\" style=\"display:none;\"><\/div>\n            <button class=\"pcb-btn-primary\" id=\"pcb-submit-quote\">Send Quote Request<\/button>\n        <\/div>\n    <\/div>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.gamerigs.nl\/index.php\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gamerigs.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gamerigs.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gamerigs.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gamerigs.nl\/index.php\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":0,"href":"https:\/\/www.gamerigs.nl\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gamerigs.nl\/index.php\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}