{"id":121,"date":"2026-02-05T11:54:02","date_gmt":"2026-02-05T11:54:02","guid":{"rendered":"https:\/\/proxypower.nl\/?page_id=121"},"modified":"2026-02-06T12:03:05","modified_gmt":"2026-02-06T12:03:05","slug":"over-ons","status":"publish","type":"page","link":"https:\/\/proxypower.nl\/index.php\/over-ons\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"121\" class=\"elementor elementor-121\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90dfbbf e-flex e-con-boxed e-con e-parent\" data-id=\"90dfbbf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a0c7e2 elementor-nav-menu--dropdown-mobile elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu\" data-id=\"6a0c7e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;layout&quot;:&quot;horizontal&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg aria-hidden=\\&quot;true\\&quot; class=\\&quot;e-font-icon-svg e-fas-caret-down\\&quot; viewBox=\\&quot;0 0 320 512\\&quot; xmlns=\\&quot;http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\&quot;&gt;&lt;path d=\\&quot;M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\\&quot;&gt;&lt;\\\/path&gt;&lt;\\\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;toggle&quot;:&quot;burger&quot;}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t\t\t\t\t<nav aria-label=\"Menu\" class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-underline e--animation-fade\">\n\t\t\t\t<ul id=\"menu-1-6a0c7e2\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-130\"><a href=\"https:\/\/proxypower.nl\/\" class=\"elementor-item\">Home<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-128\"><a href=\"https:\/\/proxypower.nl\/index.php\/diensten\/\" class=\"elementor-item\">Oplossingen<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-129\"><a href=\"https:\/\/proxypower.nl\/index.php\/over-ons\/\" class=\"elementor-item\">Power Configurator<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-127\"><a href=\"https:\/\/proxypower.nl\/index.php\/contact\/\" class=\"elementor-item\">Contact<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t<div class=\"elementor-menu-toggle\" role=\"button\" tabindex=\"0\" aria-label=\"Menu Toggle\" aria-expanded=\"false\">\n\t\t\t<svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--open e-font-icon-svg e-eicon-menu-bar\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M104 333H896C929 333 958 304 958 271S929 208 896 208H104C71 208 42 237 42 271S71 333 104 333ZM104 583H896C929 583 958 554 958 521S929 458 896 458H104C71 458 42 487 42 521S71 583 104 583ZM104 833H896C929 833 958 804 958 771S929 708 896 708H104C71 708 42 737 42 771S71 833 104 833Z\"><\/path><\/svg><svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--close e-font-icon-svg e-eicon-close\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M742 167L500 408 258 167C246 154 233 150 217 150 196 150 179 158 167 167 154 179 150 196 150 212 150 229 154 242 171 254L408 500 167 742C138 771 138 800 167 829 196 858 225 858 254 829L496 587 738 829C750 842 767 846 783 846 800 846 817 842 829 829 842 817 846 804 846 783 846 767 842 750 829 737L588 500 833 258C863 229 863 200 833 171 804 137 775 137 742 167Z\"><\/path><\/svg>\t\t<\/div>\n\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-6a0c7e2\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-130\"><a href=\"https:\/\/proxypower.nl\/\" class=\"elementor-item\" tabindex=\"-1\">Home<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-128\"><a href=\"https:\/\/proxypower.nl\/index.php\/diensten\/\" class=\"elementor-item\" tabindex=\"-1\">Oplossingen<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-129\"><a href=\"https:\/\/proxypower.nl\/index.php\/over-ons\/\" class=\"elementor-item\" tabindex=\"-1\">Power Configurator<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-127\"><a href=\"https:\/\/proxypower.nl\/index.php\/contact\/\" class=\"elementor-item\" tabindex=\"-1\">Contact<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-68597f0 e-con-full e-flex e-con e-parent\" data-id=\"68597f0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c22b4b elementor-widget elementor-widget-html\" data-id=\"1c22b4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"nl\" class=\"scroll-smooth\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Specificaties & Calculator | Proxy Power<\/title>\r\n    \r\n    <!-- Tailwind CSS -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    \r\n    <!-- FontAwesome -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <!-- Google Fonts -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&family=Oswald:wght@400;500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n    <!-- Configuration (Identiek aan Index) -->\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    fontFamily: {\r\n                        sans: ['Inter', 'sans-serif'],\r\n                        display: ['Oswald', 'sans-serif'],\r\n                    },\r\n                    colors: {\r\n                        brand: {\r\n                            dark: '#050A14',\r\n                            proxy: '#0085FF',\r\n                            accent: '#84CC16',\r\n                            surface: '#F0F4F8',\r\n                            card: '#FFFFFF'\r\n                        }\r\n                    },\r\n                    backgroundImage: {\r\n                        'gradient-proxy': 'linear-gradient(135deg, #0085FF 0%, #00C2FF 100%)',\r\n                        'gradient-dark': 'linear-gradient(to bottom, #050A14, #0F172A)',\r\n                        'gradient-glow': 'radial-gradient(circle at center, rgba(0, 133, 255, 0.15) 0%, rgba(5, 10, 20, 0) 70%)',\r\n                    },\r\n                    boxShadow: {\r\n                        'soft': '0 20px 40px -15px rgba(0, 133, 255, 0.1)',\r\n                        'glow': '0 0 40px rgba(0, 133, 255, 0.4)',\r\n                        'neon': '0 0 10px rgba(132, 204, 22, 0.5)',\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n    \r\n    <style>\r\n        .glass-nav {\r\n            background: rgba(5, 10, 20, 0.85);\r\n            backdrop-filter: blur(20px);\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.05);\r\n        }\r\n        .glass-panel {\r\n            background: rgba(255, 255, 255, 0.03);\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n        .bg-grid {\r\n            background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\r\n            linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\r\n            background-size: 40px 40px;\r\n        }\r\n        \/* Custom radio button styling *\/\r\n        input[type=\"radio\"]:checked + div {\r\n            border-color: #0085FF;\r\n            background-color: rgba(0, 133, 255, 0.1);\r\n        }\r\n        .gsap-fade-up { visibility: visible; }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-brand-surface text-slate-600 antialiased font-sans overflow-x-hidden selection:bg-brand-proxy selection:text-white\">\r\n\r\n    <!-- Navigatie -->\r\n    <nav class=\"fixed w-full z-50 glass-nav transition-all duration-300\" id=\"navbar\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"flex justify-between h-24 items-center\">\r\n                <a href=\"index.html\" class=\"flex items-center gap-3 group\">\r\n                    <div class=\"w-10 h-10 bg-brand-proxy rounded-lg flex items-center justify-center text-white shadow-glow transform group-hover:rotate-12 transition-transform duration-300\">\r\n                        <i class=\"fa-solid fa-bolt text-lg\"><\/i>\r\n                    <\/div>\r\n                    <span class=\"font-display font-bold text-2xl tracking-tight text-white\">Proxy<span class=\"text-brand-proxy\">Power<\/span><\/span>\r\n                <\/a>\r\n                <div class=\"hidden md:flex items-center space-x-12\">\r\n                   \r\n                    \r\n                   \r\n                    <a href=\"#contact\" class=\"px-8 py-3 text-sm font-bold text-white bg-brand-proxy hover:bg-white hover:text-brand-proxy transition-all shadow-glow rounded-full transform hover:-translate-y-0.5\">\r\n                        Huur Stroom\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <!-- Header \/ Calculator Hero -->\r\n    <section id=\"calculator\" class=\"relative pt-48 pb-32 bg-brand-dark text-white overflow-hidden min-h-screen flex items-center\">\r\n        <!-- Abstracte achtergrond -->\r\n        <div class=\"absolute inset-0 bg-grid opacity-20\"><\/div>\r\n        <div class=\"absolute top-0 left-0 w-full h-full bg-gradient-to-b from-transparent to-brand-dark\"><\/div>\r\n        \r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 w-full\">\r\n            <div class=\"text-center mb-16 gsap-fade-up\">\r\n                <span class=\"text-brand-proxy font-bold tracking-[0.2em] uppercase text-xs mb-4 block\">Power Configurator<\/span>\r\n                <h1 class=\"font-display text-4xl md:text-6xl font-bold leading-tight\">\r\n                    Bereken uw <span class=\"text-transparent bg-clip-text bg-gradient-proxy text-glow\">Opstelling.<\/span>\r\n                <\/h1>\r\n                <p class=\"text-slate-400 mt-4 max-w-xl mx-auto\">\r\n                    Selecteer uw situatie. Onze tool berekent direct de optimale combinatie van generatoren en batterijopslag.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- THE CALCULATOR TOOL -->\r\n            <div class=\"gsap-fade-up grid lg:grid-cols-12 gap-8 bg-white\/5 border border-white\/10 rounded-3xl p-2 backdrop-blur-xl shadow-2xl\">\r\n                \r\n                <!-- Links: Input Formulier -->\r\n                <div class=\"lg:col-span-5 p-8 border-r border-white\/5\">\r\n                    <form id=\"powerForm\" onchange=\"calculateSetup()\">\r\n                        <!-- Stap 1: Situatie -->\r\n                        <div class=\"mb-8\">\r\n                            <label class=\"block text-xs font-bold text-brand-proxy uppercase tracking-wider mb-4\">1. Kies uw Situatie<\/label>\r\n                            <div class=\"grid grid-cols-2 gap-4\">\r\n                                <label class=\"cursor-pointer group\">\r\n                                    <input type=\"radio\" name=\"scenario\" value=\"bouw\" class=\"hidden\" checked>\r\n                                    <div class=\"p-4 rounded-xl border border-white\/10 bg-white\/5 hover:bg-white\/10 transition-all flex flex-col items-center gap-2 group-hover:border-brand-proxy\/50\">\r\n                                        <i class=\"fa-solid fa-helmet-safety text-2xl text-slate-300 group-hover:text-white\"><\/i>\r\n                                        <span class=\"text-sm font-medium\">Bouwplaats<\/span>\r\n                                    <\/div>\r\n                                <\/label>\r\n                                <label class=\"cursor-pointer group\">\r\n                                    <input type=\"radio\" name=\"scenario\" value=\"event\" class=\"hidden\">\r\n                                    <div class=\"p-4 rounded-xl border border-white\/10 bg-white\/5 hover:bg-white\/10 transition-all flex flex-col items-center gap-2 group-hover:border-brand-proxy\/50\">\r\n                                        <i class=\"fa-solid fa-music text-2xl text-slate-300 group-hover:text-white\"><\/i>\r\n                                        <span class=\"text-sm font-medium\">Event<\/span>\r\n                                    <\/div>\r\n                                <\/label>\r\n                                <label class=\"cursor-pointer group\">\r\n                                    <input type=\"radio\" name=\"scenario\" value=\"infra\" class=\"hidden\">\r\n                                    <div class=\"p-4 rounded-xl border border-white\/10 bg-white\/5 hover:bg-white\/10 transition-all flex flex-col items-center gap-2 group-hover:border-brand-proxy\/50\">\r\n                                        <i class=\"fa-solid fa-road text-2xl text-slate-300 group-hover:text-white\"><\/i>\r\n                                        <span class=\"text-sm font-medium\">Infra \/ GWW<\/span>\r\n                                    <\/div>\r\n                                <\/label>\r\n                                <label class=\"cursor-pointer group\">\r\n                                    <input type=\"radio\" name=\"scenario\" value=\"laden\" class=\"hidden\">\r\n                                    <div class=\"p-4 rounded-xl border border-white\/10 bg-white\/5 hover:bg-white\/10 transition-all flex flex-col items-center gap-2 group-hover:border-brand-proxy\/50\">\r\n                                        <i class=\"fa-solid fa-bolt text-2xl text-slate-300 group-hover:text-white\"><\/i>\r\n                                        <span class=\"text-sm font-medium\">EV Laden<\/span>\r\n                                    <\/div>\r\n                                <\/label>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Stap 2: Belasting -->\r\n                        <div class=\"mb-8\">\r\n                            <label class=\"block text-xs font-bold text-brand-proxy uppercase tracking-wider mb-4\">2. Type Belasting<\/label>\r\n                            <select id=\"loadType\" class=\"w-full bg-brand-dark border border-white\/20 text-white rounded-xl px-4 py-3 focus:border-brand-proxy focus:outline-none appearance-none cursor-pointer\">\r\n                                <option value=\"constant\">Continue Basislast (Ketens\/Licht)<\/option>\r\n                                <option value=\"peak\">Zware Pieken (Torenkranen\/Bemaling)<\/option>\r\n                                <option value=\"critical\">Kritieke Uptime (Ziekenhuis\/TV)<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n\r\n                        <!-- Stap 3: Vermogen -->\r\n                        <div>\r\n                            <label class=\"block text-xs font-bold text-brand-proxy uppercase tracking-wider mb-4\">3. Geschat Vermogen<\/label>\r\n                            <input type=\"range\" id=\"powerRange\" min=\"50\" max=\"500\" step=\"50\" value=\"100\" class=\"w-full h-2 bg-white\/20 rounded-lg appearance-none cursor-pointer accent-brand-proxy\">\r\n                            <div class=\"flex justify-between text-xs text-slate-400 mt-2\">\r\n                                <span>50 kVA<\/span>\r\n                                <span id=\"powerValue\" class=\"text-white font-bold text-base\">100 kVA<\/span>\r\n                                <span>500 kVA<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/form>\r\n                <\/div>\r\n\r\n                <!-- Rechts: Resultaat (Dynamisch) -->\r\n                <div class=\"lg:col-span-7 p-8 bg-brand-proxy\/10 rounded-r-3xl flex flex-col justify-between relative overflow-hidden\">\r\n                    <div class=\"absolute top-0 right-0 w-64 h-64 bg-brand-proxy blur-[100px] opacity-20\"><\/div>\r\n                    \r\n                    <div>\r\n                        <h3 class=\"font-display text-2xl font-bold mb-6\">Aanbevolen Configuratie<\/h3>\r\n                        \r\n                        <!-- Resultaat Cards -->\r\n                        <div class=\"grid sm:grid-cols-2 gap-4\" id=\"resultGrid\">\r\n                            <!-- Wordt gevuld door JS -->\r\n                            <!-- Voorbeeld Card (H2) -->\r\n                            <div class=\"bg-brand-dark p-6 rounded-2xl border border-white\/10 flex items-center gap-4\">\r\n                                <div class=\"w-12 h-12 bg-brand-proxy rounded-lg flex items-center justify-center text-white font-bold text-xl\">1x<\/div>\r\n                                <div>\r\n                                    <p class=\"font-bold text-white\">H2-Power Unit<\/p>\r\n                                    <p class=\"text-xs text-slate-400\">100 kVA Generator<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"mt-8 p-4 bg-white\/5 rounded-xl border border-brand-accent\/20\">\r\n                            <p class=\"text-sm text-slate-300 flex items-start gap-3\">\r\n                                <i class=\"fa-solid fa-circle-info text-brand-accent mt-1\"><\/i>\r\n                                <span id=\"adviceText\">Ideaal voor standaard bouwplaatsen. De waterstof unit levert de basislast, stil en schoon.<\/span>\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"mt-8 pt-8 border-t border-white\/10 flex justify-between items-center\">\r\n                        <div>\r\n                            <p class=\"text-xs text-slate-400 uppercase\">Geschatte Emissiebesparing<\/p>\r\n                            <p class=\"text-2xl font-display font-bold text-brand-accent\">100% <span class=\"text-sm text-slate-400 font-normal\">t.o.v. Diesel<\/span><\/p>\r\n                        <\/div>\r\n                        <a href=\"#contact\" class=\"px-6 py-3 bg-white text-brand-dark font-bold rounded-lg hover:bg-brand-proxy hover:text-white transition-all shadow-glow\">\r\n                            Reserveer deze set\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Technical Specs (Data Sheets) -->\r\n    <section class=\"py-24 bg-white\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"text-center mb-16 gsap-fade-up\">\r\n                <h2 class=\"font-display text-4xl font-bold text-brand-dark\">Technische Specificaties<\/h2>\r\n                <p class=\"text-slate-500 mt-4\">De harde cijfers achter onze Black Box oplossingen.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"grid md:grid-cols-2 gap-12\">\r\n                \r\n                <!-- Spec Sheet 1: H2 Unit -->\r\n                <div class=\"gsap-fade-up border border-slate-200 rounded-3xl p-8 hover:shadow-lg transition-all\">\r\n                    <div class=\"flex items-center gap-4 mb-8\">\r\n                        <div class=\"w-14 h-14 bg-brand-proxy\/10 rounded-xl flex items-center justify-center text-brand-proxy\">\r\n                            <i class=\"fa-solid fa-server text-2xl\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <h3 class=\"font-display text-2xl font-bold text-brand-dark\">H2-Power Unit<\/h3>\r\n                            <p class=\"text-sm text-slate-500\">Basis: EODev GEH2<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"space-y-4\">\r\n                        <div class=\"flex justify-between py-3 border-b border-slate-100\">\r\n                            <span class=\"text-slate-600 font-medium\">Vermogen (Prime)<\/span>\r\n                            <span class=\"font-bold text-brand-dark\">100 kVA \/ 80 kW<\/span>\r\n                        <\/div>\r\n                        <div class=\"flex justify-between py-3 border-b border-slate-100\">\r\n                            <span class=\"text-slate-600 font-medium\">Output Voltage<\/span>\r\n                            <span class=\"font-bold text-brand-dark\">400V \/ 50Hz (3-Fase)<\/span>\r\n                        <\/div>\r\n                        <div class=\"flex justify-between py-3 border-b border-slate-100\">\r\n                            <span class=\"text-slate-600 font-medium\">Geluidsproductie<\/span>\r\n                            <span class=\"font-bold text-brand-dark\">< 65 dB(A) @ 1m<\/span>\r\n                        <\/div>\r\n                        <div class=\"flex justify-between py-3 border-b border-slate-100\">\r\n                            <span class=\"text-slate-600 font-medium\">Starttijd<\/span>\r\n                            <span class=\"font-bold text-brand-dark\">Direct (door interne accu)<\/span>\r\n                        <\/div>\r\n                        <div class=\"flex justify-between py-3 border-b border-slate-100\">\r\n                            <span class=\"text-slate-600 font-medium\">Emissie<\/span>\r\n                            <span class=\"font-bold text-brand-accent\">0.00 Mol NOx \/ CO2<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Spec Sheet 2: Battery Box -->\r\n                <div class=\"gsap-fade-up border border-slate-200 rounded-3xl p-8 hover:shadow-lg transition-all\">\r\n                    <div class=\"flex items-center gap-4 mb-8\">\r\n                        <div class=\"w-14 h-14 bg-brand-accent\/10 rounded-xl flex items-center justify-center text-brand-accent\">\r\n                            <i class=\"fa-solid fa-battery-full text-2xl\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <h3 class=\"font-display text-2xl font-bold text-brand-dark\">Battery Box<\/h3>\r\n                            <p class=\"text-sm text-slate-500\">LFP Technologie<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"space-y-4\">\r\n                        <div class=\"flex justify-between py-3 border-b border-slate-100\">\r\n                            <span class=\"text-slate-600 font-medium\">Capaciteit<\/span>\r\n                            <span class=\"font-bold text-brand-dark\">Schaalbaar (300 kWh - 2 MWh)<\/span>\r\n                        <\/div>\r\n                        <div class=\"flex justify-between py-3 border-b border-slate-100\">\r\n                            <span class=\"text-slate-600 font-medium\">Piekvermogen<\/span>\r\n                            <span class=\"font-bold text-brand-dark\">Tot 1 MW output<\/span>\r\n                        <\/div>\r\n                        <div class=\"flex justify-between py-3 border-b border-slate-100\">\r\n                            <span class=\"text-slate-600 font-medium\">Geluidsproductie<\/span>\r\n                            <span class=\"font-bold text-brand-dark\">0 dB (Stil)<\/span>\r\n                        <\/div>\r\n                        <div class=\"flex justify-between py-3 border-b border-slate-100\">\r\n                            <span class=\"text-slate-600 font-medium\">Functie<\/span>\r\n                            <span class=\"font-bold text-brand-dark\">Peak-shaving \/ Grid Forming<\/span>\r\n                        <\/div>\r\n                        <div class=\"flex justify-between py-3 border-b border-slate-100\">\r\n                            <span class=\"text-slate-600 font-medium\">Emissie<\/span>\r\n                            <span class=\"font-bold text-brand-accent\">0.00 Mol NOx \/ CO2<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Footer -->\r\n    <footer class=\"bg-brand-dark text-slate-400 py-12 border-t border-slate-800\">\r\n        <div class=\"max-w-7xl mx-auto px-4 text-center text-sm\">\r\n            <p>&copy; 2026 Proxy Power - Energy Anywhere.<\/p>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <!-- Scripts (GSAP & Calculator Logic) -->\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n    \r\n    <script>\r\n        \/\/ GSAP Animaties\r\n        document.addEventListener(\"DOMContentLoaded\", () => {\r\n            gsap.registerPlugin(ScrollTrigger);\r\n            gsap.utils.toArray(\".gsap-fade-up\").forEach(el => {\r\n                gsap.from(el, {\r\n                    scrollTrigger: { trigger: el, start: \"top 90%\" },\r\n                    opacity: 0, y: 30, duration: 0.8, ease: \"power2.out\"\r\n                });\r\n            });\r\n            \/\/ Initial calc\r\n            calculateSetup();\r\n        });\r\n\r\n        \/\/ CALCULATOR LOGICA\r\n        const powerRange = document.getElementById('powerRange');\r\n        const powerValue = document.getElementById('powerValue');\r\n        \r\n        powerRange.addEventListener('input', (e) => {\r\n            powerValue.innerText = e.target.value + \" kVA\";\r\n            calculateSetup();\r\n        });\r\n\r\n        function calculateSetup() {\r\n            const scenario = document.querySelector('input[name=\"scenario\"]:checked').value;\r\n            const loadType = document.getElementById('loadType').value;\r\n            const power = parseInt(document.getElementById('powerRange').value);\r\n            const resultGrid = document.getElementById('resultGrid');\r\n            const adviceText = document.getElementById('adviceText');\r\n\r\n            let html = '';\r\n            let advice = '';\r\n\r\n            \/\/ Basis logica voor de configuratie\r\n            let h2Count = Math.ceil(power \/ 100); \/\/ 100kVA per H2 unit\r\n            let batteryNeeded = false;\r\n\r\n            \/\/ Scenario specifieke aanpassingen\r\n            if (scenario === 'bouw') {\r\n                if (loadType === 'peak') {\r\n                    batteryNeeded = true;\r\n                    advice = \"Voor torenkranen en zwaar materieel adviseren we een Hybride opstelling. De batterij vangt de pieken op, de H2-unit laadt bij.\";\r\n                } else {\r\n                    advice = \"Voor bouwketen en verlichting is een enkele H2-unit voldoende.\";\r\n                }\r\n            } else if (scenario === 'event') {\r\n                batteryNeeded = true; \/\/ Altijd batterij voor stilte\/zekerheid\r\n                advice = \"Events vereisen 100% stilte en betrouwbaarheid. De batterij levert de 'silent power', de H2-unit is de onzichtbare back-up.\";\r\n            } else if (scenario === 'infra') {\r\n                if (power > 200) batteryNeeded = true;\r\n                advice = \"Bij zware infra-werken (bemaling) is continue stroom cruciaal. Een hybride opstelling garandeert uptime.\";\r\n            } else if (scenario === 'laden') {\r\n                batteryNeeded = true;\r\n                h2Count = Math.ceil(power \/ 80); \/\/ Iets conservatiever voor laden\r\n                advice = \"Voor DC-snelladen is een batterijbuffer essentieel om de hoge vermogensvraag van voertuigen op te vangen.\";\r\n            }\r\n\r\n            \/\/ HTML Genereren voor H2 Units\r\n            html += `\r\n            <div class=\"bg-brand-dark p-4 rounded-2xl border border-white\/10 flex items-center gap-4 animate-pulse-once\">\r\n                <div class=\"w-12 h-12 bg-brand-proxy rounded-lg flex items-center justify-center text-white font-bold text-xl\">${h2Count}x<\/div>\r\n                <div>\r\n                    <p class=\"font-bold text-white\">H2-Power Unit<\/p>\r\n                    <p class=\"text-xs text-slate-400\">100 kVA Generator<\/p>\r\n                <\/div>\r\n            <\/div>`;\r\n\r\n            \/\/ HTML Genereren voor Batterij (indien nodig)\r\n            if (batteryNeeded || power > 150) {\r\n                html += `\r\n                <div class=\"bg-brand-dark p-4 rounded-2xl border border-brand-accent\/30 flex items-center gap-4 animate-pulse-once\">\r\n                    <div class=\"w-12 h-12 bg-brand-accent text-brand-dark rounded-lg flex items-center justify-center font-bold text-xl\">1x<\/div>\r\n                    <div>\r\n                        <p class=\"font-bold text-white\">Battery Box<\/p>\r\n                        <p class=\"text-xs text-slate-400\">Peak Shaving Buffer<\/p>\r\n                    <\/div>\r\n                <\/div>`;\r\n            }\r\n\r\n            \/\/ Update DOM\r\n            resultGrid.innerHTML = html;\r\n            adviceText.innerText = advice;\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Specificaties &#038; Calculator | Proxy Power ProxyPower Huur Stroom Power Configurator Bereken uw Opstelling. Selecteer uw situatie. Onze tool berekent direct de optimale combinatie van generatoren en batterijopslag. 1. Kies uw Situatie Bouwplaats Event Infra \/ GWW EV Laden 2. Type Belasting Continue Basislast (Ketens\/Licht)Zware Pieken (Torenkranen\/Bemaling)Kritieke Uptime (Ziekenhuis\/TV) 3. Geschat Vermogen 50 kVA 100 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-121","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"HugovandenHeijkant","author_link":"https:\/\/proxypower.nl\/index.php\/author\/hugovandenheijkant\/"},"uagb_comment_info":0,"uagb_excerpt":"Specificaties &#038; Calculator | Proxy Power ProxyPower Huur Stroom Power Configurator Bereken uw Opstelling. Selecteer uw situatie. Onze tool berekent direct de optimale combinatie van generatoren en batterijopslag. 1. Kies uw Situatie Bouwplaats Event Infra \/ GWW EV Laden 2. Type Belasting Continue Basislast (Ketens\/Licht)Zware Pieken (Torenkranen\/Bemaling)Kritieke Uptime (Ziekenhuis\/TV) 3. Geschat Vermogen 50 kVA 100&hellip;","_links":{"self":[{"href":"https:\/\/proxypower.nl\/index.php\/wp-json\/wp\/v2\/pages\/121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proxypower.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/proxypower.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/proxypower.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/proxypower.nl\/index.php\/wp-json\/wp\/v2\/comments?post=121"}],"version-history":[{"count":27,"href":"https:\/\/proxypower.nl\/index.php\/wp-json\/wp\/v2\/pages\/121\/revisions"}],"predecessor-version":[{"id":348,"href":"https:\/\/proxypower.nl\/index.php\/wp-json\/wp\/v2\/pages\/121\/revisions\/348"}],"wp:attachment":[{"href":"https:\/\/proxypower.nl\/index.php\/wp-json\/wp\/v2\/media?parent=121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}