{"id":50045,"date":"2026-06-23T15:17:37","date_gmt":"2026-06-23T13:17:37","guid":{"rendered":"https:\/\/gomonta.com\/?page_id=50045"},"modified":"2026-07-03T14:25:49","modified_gmt":"2026-07-03T12:25:49","slug":"pickrondencalculator","status":"publish","type":"page","link":"https:\/\/gomonta.com\/nl\/wms\/pickrondencalculator\/","title":{"rendered":"WMS pickrondencalculator"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-97e29ca stk-block-background\" data-block-id=\"97e29ca\"><style>.stk-97e29ca {background-color:var(--theme-palette-color-1, #009DE0) !important;}.stk-97e29ca:before{background-color:var(--theme-palette-color-1, #009DE0) !important;}.stk-97e29ca-column{max-width:1280px !important;min-width:auto !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-97e29ca-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-bd068ed\" data-v=\"4\" data-block-id=\"bd068ed\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-bd068ed-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-bd068ed-inner-blocks\">\n<div class=\"wp-block-group monta-hero-section has-palette-color-1-background-color has-background is-layout-constrained wp-container-core-group-is-layout-cef17e7b wp-block-group-is-layout-constrained\" style=\"padding-top:5rem;padding-right:1.5rem;padding-bottom:5rem;padding-left:1.5rem\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-501fc0db wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h1 class=\"wp-block-heading\" style=\"margin-bottom:1.5rem;font-size:clamp(1.79rem, 1.79rem + ((1vw - 0.2rem) * 1.638), 3.1rem);font-style:normal;font-weight:700;line-height:1.2\">Hoeveel sneller kunnen<br><span style=\"color: #ffffff;\" class=\"stk-highlight\">jouw pickrondes<\/span><br>met MontaWMS?<\/h1>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-white-color has-text-color has-link-color has-medium-font-size wp-elements-1\">Verwerk orders tot wel 5 x sneller<\/li>\n\n\n\n<li class=\"has-white-color has-text-color has-link-color has-medium-font-size wp-elements-2\">Blijf \u00f3nder de 10.000 stappen per dag<\/li>\n\n\n\n<li class=\"has-white-color has-text-color has-link-color has-medium-font-size wp-elements-3\">Snellere levering = sneller groeien<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-container-core-buttons-is-layout-672fcd96 is-horizontal is-content-justification-left wp-container-core-buttons-is-layout-d6df3ec9 wp-block-buttons-is-layout-flex\" style=\"border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-bottom:2rem\">\n<div class=\"wp-block-button monta-hero-green-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#pickrondencalculator\" style=\"border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px\">Naar de stappenteller<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column hero-image-wrapper is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<div class=\"wp-block-group hero-image-wrapper is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"container-lazyload preview-lazyload container-youtube js-lazyload--not-loaded\"><a href=\"https:\/\/youtu.be\/qyWIahsKkL0?si=kCflrHS0MTaxNJ8N\" class=\"lazy-load-youtube preview-lazyload preview-youtube\" data-video-title=\"MontaWMS - excellence by experience\" title=\"Video afspelen &quot;MontaWMS - excellence by experience&quot;\" target=\"_blank\" rel=\"noopener\">https:\/\/youtu.be\/qyWIahsKkL0?si=kCflrHS0MTaxNJ8N<\/a><noscript>Video can&#8217;t be loaded because JavaScript is disabled: <a href=\"https:\/\/youtu.be\/qyWIahsKkL0?si=kCflrHS0MTaxNJ8N\" title=\"MontaWMS - excellence by experience\" target=\"_blank\" rel=\"noopener\">MontaWMS &#8211; excellence by experience (https:\/\/youtu.be\/qyWIahsKkL0?si=kCflrHS0MTaxNJ8N)<\/a><\/noscript><\/div>\n<\/div><\/figure>\n\n\n\n<div class=\"wp-block-group hero-tracking-card has-border-color has-white-background-color has-background is-content-justification-right is-nowrap is-layout-flex wp-container-core-group-is-layout-d3225aaa wp-block-group-is-layout-flex\" style=\"border-color:#F1F1F1;border-width:1px;padding-top:1rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem\">\n<div class=\"wp-block-stackable-icon stk-block-icon stk-block stk-af07098 stk-block-background\" data-block-id=\"af07098\"><style>.stk-af07098 {background-color:var(--theme-palette-color-1, #009DE0) !important;padding-top:var(--stk--preset--spacing--30, 0.67rem) !important;padding-right:var(--stk--preset--spacing--30, 0.67rem) !important;padding-bottom:var(--stk--preset--spacing--30, 0.67rem) !important;padding-left:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:0px !important;}.stk-af07098:before{background-color:var(--theme-palette-color-1, #009DE0) !important;}.stk-af07098 .stk--svg-wrapper .stk--inner-svg svg:last-child{height:22px !important;width:22px !important;}.stk-af07098 .stk--svg-wrapper .stk--inner-svg svg:last-child, .stk-af07098 .stk--svg-wrapper .stk--inner-svg svg:last-child :is(g, path, rect, polygon, ellipse){fill:var(--theme-palette-color-8, #ffffff) !important;}<\/style><span class=\"stk--svg-wrapper\"><div class=\"stk--inner-svg\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-af07098\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-af-07098-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-af-07098-color-2)\"><\/stop><\/linearGradient><\/defs><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" width=\"32\" height=\"32\"><path d=\"M32 32c17.7 0 32 14.3 32 32V400c0 8.8 7.2 16 16 16H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H80c-44.2 0-80-35.8-80-80V64C0 46.3 14.3 32 32 32zM160 224c17.7 0 32 14.3 32 32v64c0 17.7-14.3 32-32 32s-32-14.3-32-32V256c0-17.7 14.3-32 32-32zm128-64V320c0 17.7-14.3 32-32 32s-32-14.3-32-32V160c0-17.7 14.3-32 32-32s32 14.3 32 32zm64 32c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32s-32-14.3-32-32V224c0-17.7 14.3-32 32-32zM480 96V320c0 17.7-14.3 32-32 32s-32-14.3-32-32V96c0-17.7 14.3-32 32-32s32 14.3 32 32z\"\/><\/svg><\/div><\/span><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-420251cb wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0;font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.031), 0.9rem);font-style:normal;font-weight:600\">Pickrondencalculator<\/p>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#5F6062;margin-top:0;margin-bottom:0;font-size:0.75rem\">Wij de expertise, jij de regie<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<style>\n    \/* --- Icons --- *\/\n    .monta-icon {\n        width: 20px;\n        height: 20px;\n        display: inline-block;\n        background-size: contain;\n        background-repeat: no-repeat;\n        background-position: center;\n        flex-shrink: 0;\n    }\n\n    .icon-zap {\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23009DE0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'\/%3E%3C\/svg%3E\");\n    }\n\n    .icon-zap-white {\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'\/%3E%3C\/svg%3E\");\n    }\n\n    \/* --- Compact Hero Badge --- *\/\n    .monta-hero-badge {\n        background-color: rgba(0, 157, 224, 0.1);\n        border: 1px solid rgba(0, 157, 224, 0.2);\n        border-radius: 9999px;\n        padding: 6px 12px;\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        font-size: 13px !important;\n        margin-bottom: 8px !important;\n        width: fit-content !important;\n    }\n\n    \/* --- Feature Image Layout - FULL HEIGHT --- *\/\n    .feature-row>.wp-block-column {\n        display: flex !important;\n        flex-direction: column !important;\n    }\n\n    .monta-image-container {\n        position: relative;\n        padding: 10px;\n        flex: 1 !important;\n        display: flex !important;\n        flex-direction: column !important;\n        min-height: 400px;\n    }\n\n    .monta-image-container::before {\n        content: '';\n        position: absolute;\n        inset: 10px;\n        background-color: #009DE0;\n        border-radius: 32px;\n        transform: rotate(3deg);\n        transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);\n        z-index: 0;\n    }\n\n    .monta-image-container:hover::before {\n        transform: rotate(6deg) scale(1.02);\n    }\n\n    .monta-image-container .wp-block-image {\n        position: relative;\n        z-index: 10;\n        border-radius: 32px;\n        overflow: hidden;\n        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.3);\n        margin: 0;\n        flex: 1 !important;\n        display: flex !important;\n    }\n\n    .monta-image-container .wp-block-image img {\n        width: 100%;\n        height: 100%;\n        min-height: 400px;\n        object-fit: cover;\n        transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);\n        display: block;\n    }\n\n    .monta-image-container:hover .wp-block-image img {\n        transform: scale(1.08);\n    }\n\n    \/* Glassmorphism Overlay Card *\/\n    .monta-glass-card {\n        position: absolute;\n        bottom: 24px;\n        left: 24px;\n        right: 24px;\n        padding: 16px 20px;\n        background: rgba(40, 40, 40, 0.85);\n        backdrop-filter: blur(16px);\n        -webkit-backdrop-filter: blur(16px);\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        border-radius: 16px;\n        display: flex !important;\n        align-items: center;\n        gap: 14px;\n        z-index: 20;\n    }\n\n    .glass-icon-box {\n        width: 40px;\n        height: 40px;\n        min-width: 40px;\n        background: #009DE0;\n        border-radius: 10px;\n        display: flex !important;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        margin: 0 !important;\n        padding: 0 !important;\n        text-align: center;\n    }\n\n    .glass-text {\n        font-size: 14px;\n        font-weight: 500;\n        color: rgba(255, 255, 255, 0.95) !important;\n        line-height: 1.4;\n        margin: 0 !important;\n    }\n\n    \/* --- Layout & Spacing --- *\/\n    .feature-section {\n        padding: 80px 0;\n        overflow: hidden;\n    }\n\n    .feature-row {\n        display: flex !important;\n        flex-direction: row !important;\n        gap: 80px !important;\n        align-items: stretch !important;\n        max-width: 1280px;\n        margin: 0 auto;\n        padding: 0 24px;\n    }\n\n    .feature-row>.wp-block-column {\n        flex: 1 !important;\n        min-width: 300px !important;\n    }\n\n    .row-reverse-desktop {\n        flex-direction: row-reverse !important;\n    }\n\n    \/* ========== TABLET RESPONSIVE (max-width: 900px) ========== *\/\n    @media (max-width: 900px) {\n        .feature-section {\n            padding: 60px 0;\n        }\n\n        .feature-row {\n            flex-direction: column !important;\n            gap: 40px !important;\n            padding: 0 20px;\n        }\n\n        .feature-row>.wp-block-column {\n            min-width: 100% !important;\n        }\n\n        .row-reverse-desktop {\n            flex-direction: column !important;\n        }\n\n        \/* Image adjustments *\/\n        .monta-image-container {\n            min-height: 350px;\n        }\n\n        .monta-image-container .wp-block-image img {\n            min-height: 350px;\n        }\n\n        .monta-image-container::before {\n            transform: rotate(2deg);\n        }\n\n        .monta-image-container:hover::before {\n            transform: rotate(4deg) scale(1.01);\n        }\n\n        \/* Glass card *\/\n        .monta-glass-card {\n            bottom: 16px;\n            left: 16px;\n            right: 16px;\n            padding: 14px 16px;\n            gap: 12px;\n        }\n\n        .glass-icon-box {\n            width: 36px;\n            height: 36px;\n            min-width: 36px;\n        }\n\n        .glass-text {\n            font-size: 13px !important;\n        }\n\n        \/* Typography adjustments *\/\n        .content-column h2 {\n            font-size: 36px !important;\n        }\n\n        .content-column .subtitle-text {\n            font-size: 16px !important;\n        }\n\n        \/* Accordion adjustments *\/\n        .monta-accordion details summary {\n            padding: 14px 16px;\n            font-size: 15px;\n            gap: 12px;\n        }\n\n        .monta-accordion .accordion-icon {\n            width: 32px;\n            height: 32px;\n            font-size: 16px;\n        }\n\n        .monta-accordion details .wp-block-group {\n            padding: 0 16px 14px 60px !important;\n        }\n\n        .monta-accordion details .wp-block-group p {\n            font-size: 14px;\n        }\n    }\n\n    \/* ========== MOBILE RESPONSIVE (max-width: 600px) ========== *\/\n    @media (max-width: 600px) {\n        .feature-section {\n            padding: 48px 0;\n        }\n\n        .feature-row {\n            gap: 32px !important;\n            padding: 0 16px;\n        }\n\n        \/* Image adjustments *\/\n        .monta-image-container {\n            min-height: 280px;\n            padding: 8px;\n        }\n\n        .monta-image-container .wp-block-image img {\n            min-height: 280px;\n        }\n\n        .monta-image-container::before {\n            inset: 8px;\n            border-radius: 24px;\n            transform: rotate(2deg);\n        }\n\n        .monta-image-container .wp-block-image {\n            border-radius: 24px;\n        }\n\n        \/* Glass card - more compact on mobile *\/\n        .monta-glass-card {\n            bottom: 12px;\n            left: 12px;\n            right: 12px;\n            padding: 12px 14px;\n            border-radius: 12px;\n            gap: 10px;\n        }\n\n        .glass-icon-box {\n            width: 32px;\n            height: 32px;\n            min-width: 32px;\n            border-radius: 8px;\n            font-size: 16px !important;\n        }\n\n        .glass-text {\n            font-size: 12px !important;\n            line-height: 1.3;\n        }\n\n        \/* Badge *\/\n        .monta-hero-badge {\n            padding: 5px 10px;\n            font-size: 12px !important;\n        }\n\n        .monta-hero-badge .monta-icon {\n            width: 16px;\n            height: 16px;\n        }\n\n        \/* Typography - smaller on mobile *\/\n        .content-column h2 {\n            font-size: 28px !important;\n            line-height: 1.25 !important;\n            margin-bottom: 12px !important;\n        }\n\n        .content-column .subtitle-text {\n            font-size: 15px !important;\n            margin-bottom: 20px !important;\n        }\n\n        \/* Accordion - compact on mobile *\/\n        .monta-accordion details {\n            border-radius: 10px;\n            margin-bottom: 6px;\n        }\n\n        .monta-accordion details summary {\n            padding: 12px 14px;\n            font-size: 14px;\n            gap: 10px;\n        }\n\n        .monta-accordion .accordion-icon {\n            width: 28px;\n            height: 28px;\n            border-radius: 6px;\n            font-size: 14px;\n        }\n\n        .monta-accordion details summary::after {\n            width: 16px;\n            height: 16px;\n        }\n\n        .monta-accordion details .wp-block-group {\n            padding: 0 14px 12px 52px !important;\n        }\n\n        .monta-accordion details .wp-block-group p {\n            font-size: 13px;\n            line-height: 1.5;\n        }\n\n        \/* Button - full width, slightly smaller *\/\n        .feature-cta-button {\n            margin-top: 20px !important;\n        }\n\n        .feature-cta-button .wp-block-button__link {\n            padding: 12px 24px !important;\n            font-size: 15px !important;\n        }\n    }\n\n    \/* --- Compact Accordion Styles --- *\/\n    .monta-accordion details {\n        border: 1px solid #e5e7eb;\n        border-radius: 12px;\n        background: #fff;\n        margin-bottom: 8px;\n        transition: all 0.3s ease;\n        overflow: hidden;\n    }\n\n    .monta-accordion details:hover {\n        border-color: rgba(0, 157, 224, 0.3);\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n    }\n\n    .monta-accordion details summary {\n        cursor: pointer;\n        padding: 16px 20px;\n        display: flex;\n        align-items: center;\n        gap: 14px;\n        user-select: none;\n        list-style: none;\n        font-size: 16px;\n        font-weight: 600;\n        color: #1a1a1a;\n    }\n\n    .monta-accordion details summary::-webkit-details-marker {\n        display: none;\n    }\n\n    \/* Icon box styling for the emoji span *\/\n    .monta-accordion .accordion-icon {\n        width: 36px;\n        height: 36px;\n        background: rgba(0, 157, 224, 0.1);\n        border-radius: 8px;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        font-size: 18px;\n    }\n\n    .monta-accordion details summary::after {\n        content: '';\n        margin-left: auto;\n        width: 18px;\n        height: 18px;\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'\/%3E%3C\/svg%3E\");\n        background-size: contain;\n        background-repeat: no-repeat;\n        transition: transform 0.3s ease;\n        flex-shrink: 0;\n    }\n\n    .monta-accordion details[open] summary::after {\n        transform: rotate(180deg);\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23009DE0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'\/%3E%3C\/svg%3E\");\n    }\n\n    .monta-accordion details summary:hover {\n        background-color: rgba(243, 244, 246, 0.5);\n    }\n\n    .monta-accordion details .wp-block-group {\n        padding: 0 20px 16px 70px !important;\n    }\n\n    .monta-accordion details .wp-block-group p {\n        margin: 0;\n        color: #4A5568;\n        line-height: 1.6;\n        font-size: 15px;\n    }\n\n    \/* Full Width Button *\/\n    .feature-cta-button {\n        margin-top: 24px !important;\n    }\n\n    .feature-cta-button .wp-block-button {\n        width: 100%;\n    }\n\n    .feature-cta-button .wp-block-button__link {\n        width: 100%;\n        display: block;\n        text-align: center;\n        border-radius: 8px !important;\n        padding: 14px 28px !important;\n        font-weight: 600 !important;\n        font-size: 16px !important;\n    }\n\n    \/* Compact spacing for content column *\/\n    .content-column h2 {\n        margin-top: 4px !important;\n        margin-bottom: 16px !important;\n    }\n\n    .content-column .subtitle-text {\n        margin-bottom: 24px !important;\n    }\n<\/style>\n\n\n\n<div class=\"wp-block-group alignfull feature-section is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns feature-row is-layout-flex wp-container-core-columns-is-layout-f7177549 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group monta-image-container is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/gomonta.com\/wp-content\/uploads\/2026\/03\/Excellence-by-Experience-MontaWMS-expanding-UK-1-1024x576.webp\" alt=\"\" class=\"wp-image-43283\" srcset=\"https:\/\/gomonta.com\/wp-content\/uploads\/2026\/03\/Excellence-by-Experience-MontaWMS-expanding-UK-1-1024x576.webp 1024w, https:\/\/gomonta.com\/wp-content\/uploads\/2026\/03\/Excellence-by-Experience-MontaWMS-expanding-UK-1-300x169.webp 300w, https:\/\/gomonta.com\/wp-content\/uploads\/2026\/03\/Excellence-by-Experience-MontaWMS-expanding-UK-1-768x432.webp 768w, https:\/\/gomonta.com\/wp-content\/uploads\/2026\/03\/Excellence-by-Experience-MontaWMS-expanding-UK-1-1536x864.webp 1536w, https:\/\/gomonta.com\/wp-content\/uploads\/2026\/03\/Excellence-by-Experience-MontaWMS-expanding-UK-1.webp 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group monta-glass-card has-background is-nowrap is-layout-flex wp-container-core-group-is-layout-e31dba23 wp-block-group-is-layout-flex\" style=\"background-color:#333333\">\n<p class=\"glass-icon-box wp-block-paragraph\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.469), 20px);\">\u26a1<\/p>\n\n\n\n<p class=\"glass-text has-text-color wp-block-paragraph\" style=\"color:#ffffff;font-size:14px;font-weight:500\">Inzicht in magazijnprocessen terwijl je pickt, dat is de magazijnoptimalisatie van MontaWMS!<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center content-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"monta-hero-badge has-text-color wp-block-paragraph\" style=\"color:#009DE0;margin-bottom:8px;font-size:13px;font-weight:600\"><span class=\"monta-icon icon-zap\"><\/span>WMS pickrondencalculator<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-color\" style=\"color:#1a1a1a;margin-top:4px;margin-bottom:16px;font-size:clamp(25.014px, 1.563rem + ((1vw - 3.2px) * 1.327), 42px);font-weight:700;line-height:1.2\">Hoe MontaWMS jouw magazijn en pickroutes optimaliseert<\/h2>\n\n\n\n<p class=\"subtitle-text has-text-color wp-block-paragraph\" style=\"color:#6B7280;margin-bottom:24px;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.234), 17px);line-height:1.6\">Slimme pickronde-optimalisatie van MontaWMS zorgt ervoor dat jouw medewerkers minder lopen en meer picken. Door geavanceerde algoritmen te combineren met realtime magazijndata berekent het systeem automatisch de meest effici\u00ebnte looproute voor elke pickronde, zodat producten altijd in de logische volgorde worden verzameld en onnodige omwegen tot het verleden behoren.<br><br>De Cloud-based software groepeert orders slim op basis van locatie, zodat meerdere orders in \u00e9\u00e9n ronde worden meegenomen zonder dat medewerkers dubbel door het magazijn lopen. Realtime inzicht in de voorraadligging en orderstroom stelt het systeem in staat om routes dynamisch aan te passen zodra de situatie in het magazijn verandert. Het resultaat: kortere loopafstanden, snellere doorlooptijden en pickrondes die tot 25 x sneller verlopen \u2013 met een nauwkeurigheid van maar liefst 99,8%.<\/p>\n\n\n\n<div class=\"wp-block-buttons feature-cta-button is-layout-flex wp-block-buttons-is-layout-flex\" style=\"margin-top:24px\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/gomonta.com\/nl\/wms\/software\/\" style=\"border-radius:8px;background-color:#009DE0;font-weight:600\">Ontdek alle WMS software van Monta<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:12px;background-color:#ffffff;margin-top:48px;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06)\">\n<h3 class=\"wp-block-heading has-text-align-center has-text-color\" style=\"color:#1a202c;margin-bottom:32px;font-size:clamp(14.642px, 0.915rem + ((1vw - 3.2px) * 0.575), 22px);font-style:normal;font-weight:700\">Jouw tijdswinst met MontaWMS<\/h3>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-29b969b\" data-block-id=\"29b969b\"><p class=\"stk-block-text__text has-text-align-center\">Effici\u00ebntie in magazijnprocessen, begint bij inzicht in wat er in je warehouse gebeurt. Met MontaWMS garandeert de volgende optimalisaties:<\/p><\/div>\n\n\n\n<div class=\"wp-block-columns usp-stat-row is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-baa833e1 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group has-border-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:12px;background:linear-gradient(135deg,rgb(249,250,251) 0%,rgb(243,244,246) 100%);padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px\">\n<div class=\"wp-block-stackable-icon stk-block-icon stk-block stk-7a64177\" data-block-id=\"7a64177\"><style>.stk-7a64177 {margin-bottom:0px !important;}.stk-7a64177 .stk--svg-wrapper .stk--inner-svg svg:last-child{height:28px !important;width:28px !important;}.stk-7a64177 .stk--svg-wrapper .stk--inner-svg svg:last-child, .stk-7a64177 .stk--svg-wrapper .stk--inner-svg svg:last-child :is(g, path, rect, polygon, ellipse){fill:var(--theme-palette-color-1, #009DE0) !important;}<\/style><span class=\"stk--svg-wrapper\"><div class=\"stk--inner-svg\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-7a64177\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-7-a-64177-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-7-a-64177-color-2)\"><\/stop><\/linearGradient><\/defs><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\" aria-hidden=\"true\" width=\"32\" height=\"32\"><path d=\"M58.9 42.1c3-6.1 9.6-9.6 16.3-8.7L320 64 564.8 33.4c6.7-.8 13.3 2.7 16.3 8.7l41.7 83.4c9 17.9-.6 39.6-19.8 45.1L439.6 217.3c-13.9 4-28.8-1.9-36.2-14.3L320 64 236.6 203c-7.4 12.4-22.3 18.3-36.2 14.3L37.1 170.6c-19.3-5.5-28.8-27.2-19.8-45.1L58.9 42.1zM321.1 128l54.9 91.4c14.9 24.8 44.6 36.6 72.5 28.6L576 211.6v167c0 22-15 41.2-36.4 46.6l-204.1 51c-10.2 2.6-20.9 2.6-31 0l-204.1-51C79 419.7 64 400.5 64 378.5v-167L191.6 248c27.8 8 57.6-3.8 72.5-28.6L318.9 128h2.2z\"\/><\/svg><\/div><\/span><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#1a202c;margin-bottom:0;font-size:clamp(17.905px, 1.119rem + ((1vw - 3.2px) * 0.789), 28px);font-weight:700\">5 x sneller<\/p>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#64748b;margin-top:0;font-size:14px\">Razendsnel orderpicken dankzij de juiste<br>voorraadligging en optimale looproute.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-baa833e1 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group has-border-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:12px;background:linear-gradient(135deg,rgb(249,250,251) 0%,rgb(243,244,246) 100%);padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px\">\n<div class=\"wp-block-stackable-icon stk-block-icon stk-block stk-4ddb5a7\" data-block-id=\"4ddb5a7\"><style>.stk-4ddb5a7 {margin-bottom:0px !important;}.stk-4ddb5a7 .stk--svg-wrapper .stk--inner-svg svg:last-child{height:28px !important;width:28px !important;}.stk-4ddb5a7 .stk--svg-wrapper .stk--inner-svg svg:last-child, .stk-4ddb5a7 .stk--svg-wrapper .stk--inner-svg svg:last-child :is(g, path, rect, polygon, ellipse){fill:var(--theme-palette-color-2, #62BB46) !important;}<\/style><span class=\"stk--svg-wrapper\"><div class=\"stk--inner-svg\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-4ddb5a7\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-4-ddb-5-a-7-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-4-ddb-5-a-7-color-2)\"><\/stop><\/linearGradient><\/defs><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" width=\"32\" height=\"32\"><path d=\"M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-111 111-47-47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l64 64c9.4 9.4 24.6 9.4 33.9 0L369 209z\"\/><\/svg><\/div><\/span><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#1a202c;margin-bottom:0;font-size:clamp(17.905px, 1.119rem + ((1vw - 3.2px) * 0.789), 28px);font-weight:700\">\u20ac2 per order<\/p>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#64748b;margin-top:0;font-size:14px\">Bespaar dankzij het optimaliseren van<br>magazijnprocessen en voordelige tarieven.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-baa833e1 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group has-border-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:12px;background:linear-gradient(135deg,rgb(249,250,251) 0%,rgb(243,244,246) 100%);padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px\">\n<div class=\"wp-block-stackable-icon stk-block-icon stk-block stk-aa68bff\" data-block-id=\"aa68bff\"><style>.stk-aa68bff {margin-bottom:0px !important;}.stk-aa68bff .stk--svg-wrapper .stk--inner-svg svg:last-child{height:28px !important;width:28px !important;}.stk-aa68bff .stk--svg-wrapper .stk--inner-svg svg:last-child, .stk-aa68bff .stk--svg-wrapper .stk--inner-svg svg:last-child :is(g, path, rect, polygon, ellipse){fill:var(--theme-palette-color-5,  #9451A0) !important;}<\/style><span class=\"stk--svg-wrapper\"><div class=\"stk--inner-svg\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-aa68bff\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-aa-68-bff-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-aa-68-bff-color-2)\"><\/stop><\/linearGradient><\/defs><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" width=\"32\" height=\"32\"><path d=\"M64 64c0-17.7-14.3-32-32-32S0 46.3 0 64V400c0 44.2 35.8 80 80 80H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H80c-8.8 0-16-7.2-16-16V64zm406.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L320 210.7l-57.4-57.4c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L240 221.3l57.4 57.4c12.5 12.5 32.8 12.5 45.3 0l128-128z\"\/><\/svg><\/div><\/span><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#1a202c;margin-bottom:0;font-size:clamp(17.905px, 1.119rem + ((1vw - 3.2px) * 0.789), 28px);font-weight:700\">99,98% juist<\/p>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#64748b;margin-top:0;font-size:14px\">Voorkom de meest gemaakte fouten door<br>automatisering van orderverwerking.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-1a4251f\" id=\"pickrondencalculator\" data-block-id=\"1a4251f\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-1a4251f-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-f4c0600\" data-v=\"4\" data-block-id=\"f4c0600\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-f4c0600-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-f4c0600-inner-blocks\">\n<!-- \n    MONTA WMS CALCULATOR - STABLE UMD VERSION (MET API KEY)\n    Geschikt voor WordPress HTML blokken.\n-->\n<div id=\"monta-calculator-wrapper\">\n    <!-- 1. Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@300;400;500;600;700;800&amp;display=swap\" rel=\"stylesheet\">\n    \n    <!-- 2. Tailwind CSS (Scoped) -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script>\n        tailwind.config = {\n            important: '#monta-calculator-wrapper',\n            corePlugins: { preflight: false },\n            theme: {\n                extend: {\n                    fontFamily: { sans: ['Mulish', 'sans-serif'] },\n                    colors: {\n                        monta: {\n                            blue: '#009DE0',\n                            grey: '#5F6062',\n                            orange: '#F15D22',\n                            green: '#62BB46',\n                            light: '#e6f0fa',\n                        }\n                    }\n                }\n            }\n        }\n    <\/script>\n\n    <!-- 3. React & ReactDOM (Global UMD builds) -->\n    <script crossorigin=\"\" src=\"https:\/\/unpkg.com\/react@18\/umd\/react.production.min.js\"><\/script>\n    <script crossorigin=\"\" src=\"https:\/\/unpkg.com\/react-dom@18\/umd\/react-dom.production.min.js\"><\/script>\n    \n    <!-- 4. Babel (Voor JSX transformatie in de browser) -->\n    <script src=\"https:\/\/unpkg.com\/@babel\/standalone\/babel.min.js\"><\/script>\n\n    <!-- 5. Lokale CSS -->\n    <style>\n        #monta-calculator-wrapper {\n            font-family: 'Mulish', sans-serif;\n            color: #5F6062;\n            background-color: #f9fafb;\n            padding: 20px;\n            border-radius: 12px;\n            box-sizing: border-box;\n            line-height: 1.5;\n            width: 100%;\n        }\n        #monta-calculator-wrapper *, #monta-calculator-wrapper *::before, #monta-calculator-wrapper *::after {\n            box-sizing: border-box;\n            border-width: 0;\n            border-style: solid;\n            border-color: #e5e7eb;\n        }\n        \n        \/* HARD RESET VOOR WORDPRESS THEMA STIJLEN *\/\n        #monta-calculator-wrapper h1 { font-size: 1.5rem !important; line-height: 1.2 !important; margin: 0 0 0.5rem 0 !important; font-weight: 700 !important; }\n        #monta-calculator-wrapper h2 { font-size: 1.25rem !important; line-height: 1.3 !important; margin: 0 0 1rem 0 !important; font-weight: 700 !important; }\n        #monta-calculator-wrapper h3 { font-size: 1.125rem !important; line-height: 1.4 !important; margin: 0 !important; font-weight: 700 !important; }\n        #monta-calculator-wrapper p { font-size: 0.9rem !important; line-height: 1.5 !important; margin-bottom: 0 !important; }\n        \n        \/* Sliders *\/\n        #monta-calculator-wrapper input[type=\"range\"] {\n            -webkit-appearance: none;\n            width: 100%;\n            height: 8px;\n            background: #e5e7eb;\n            border-radius: 5px;\n            outline: none;\n            margin: 10px 0;\n            display: block;\n            padding: 0;\n        }\n        #monta-calculator-wrapper input[type=\"range\"]::-webkit-slider-thumb {\n            -webkit-appearance: none;\n            appearance: none;\n            width: 20px;\n            height: 20px;\n            border-radius: 50%;\n            background: #009DE0;\n            cursor: pointer;\n            border: 2px solid white;\n            box-shadow: 0 1px 3px rgba(0,0,0,0.2);\n        }\n        \/* Knoppen *\/\n        #monta-calculator-wrapper button {\n            background: transparent;\n            border: none;\n            cursor: pointer;\n            padding: 0;\n        }\n    <\/style>\n\n    <!-- 6. Mount Point -->\n    <div id=\"monta-root\">\n        <div style=\"padding: 20px; text-align: center; color: #009DE0; font-weight: bold; background: #fff; border-radius: 8px;\">\n            Calculator aan het laden&#8230;<br>\n            <small style=\"color: #999; font-weight: normal; font-size: 12px;\">Even geduld a.u.b.<\/small>\n        <\/div>\n    <\/div>\n\n    <!-- 7. Applicatie Code -->\n    <script type=\"text\/babel\">\n        \/\/ --- CONFIGURATIE MET JOUW API KEY ---\n        const GOOGLE_API_KEY = 'AIzaSyDW5V9reufO_ANwsjuO6EXx1EEiqQDC_fI';\n\n        const MONTA_ORDERS_PER_ROUND = 100;\n        const AVG_METERS_PER_ROUND = 500;\n        const SHOE_LIFESPAN_KM = 800;\n        const WORKING_DAYS_PER_YEAR = 260;\n\n        \/\/ --- ICONS (SVG Direct) ---\n        const Icons = {\n            Settings: () => <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"><path d=\"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.09a2 2 0 0 1-1-1.74v-.47a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.39a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>,\n            Package: () => <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"><path d=\"m7.5 4.27 9 5.15\"\/><path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"\/><path d=\"m3.3 7 8.7 5 8.7-5\"\/><path d=\"M12 22V12\"\/><\/svg>,\n            Layers: () => <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"><path d=\"m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z\"\/><path d=\"m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65\"\/><path d=\"m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65\"\/><\/svg>,\n            ArrowRight: () => <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>,\n            Footprints: () => <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"><path d=\"M4 16v-2.38C4 11.5 2.97 10.5 3 8c.03-2.72 1.49-6 4.5-6C9.37 2 11 3.8 11 8c0 2.85-1.67 5.12-3 6.32V20c0 1.1.9 2 2 2h1a2 2 0 0 0 2-2v-1\"\/><path d=\"M19 20v-2.38c0-2.12 1.03-3.12 1-5.62-.03-2.72-1.49-6-4.5-6C13.63 6 12 7.8 12 12c0 2.85 1.67 5.12 3 6.32V22c0 1.1-.9 2-2 2h-1a2 2 0 0 0-2-2v-1\"\/><\/svg>,\n            Clock: () => <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>,\n            TrendingUp: () => <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"><polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"\/><polyline points=\"16 7 22 7 22 13\"\/><\/svg>,\n            UserCheck: () => <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><polyline points=\"16 11 18 13 22 9\"\/><\/svg>,\n            Users: () => <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>,\n            Sparkles: () => <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"><path d=\"m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L12 3Z\"\/><path d=\"M5 3v4\"\/><path d=\"M9 3v4\"\/><path d=\"M3 5h4\"\/><path d=\"M3 9h4\"\/><\/svg>,\n            LayoutDashboard: () => <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"><rect width=\"7\" height=\"9\" x=\"3\" y=\"3\" rx=\"1\"\/><rect width=\"7\" height=\"5\" x=\"14\" y=\"3\" rx=\"1\"\/><rect width=\"7\" height=\"9\" x=\"14\" y=\"12\" rx=\"1\"\/><rect width=\"7\" height=\"5\" x=\"3\" y=\"16\" rx=\"1\"\/><\/svg>,\n            Loader: () => <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" className=\"animate-spin\"><path d=\"M21 12a9 9 0 1 1-6.219-8.56\"\/><\/svg>\n        };\n\n        \/\/ --- SERVICES ---\n        const generateEfficiencyInsight = async (results, inputs) => {\n            if (!GOOGLE_API_KEY) {\n                return \"API Key ontbreekt in de code.\";\n            }\n\n            try {\n                const prompt = `Je bent een business consultant voor MontaWMS. Analyseer: Huidig: ${inputs.ordersPerYear} orders\/jaar, ${inputs.currentOrdersPerRound} orders\/ronde. Met MontaWMS (100 orders\/ronde): ${results.percentageSaved.toFixed(1)}% minder lopen, ${results.savedStepsKm.toFixed(0)} km bespaard. Schrijf een conclusie (max 40 woorden). Toon: Professioneel & Enthousiast.`;\n\n                const response = await fetch(`https:\/\/generativelanguage.googleapis.com\/v1beta\/models\/gemini-2.5-flash:generateContent?key=${GOOGLE_API_KEY}`, {\n                    method: 'POST',\n                    headers: { 'Content-Type': 'application\/json' },\n                    body: JSON.stringify({ contents: [{ parts: [{ text: prompt }] }] })\n                });\n\n                if (!response.ok) throw new Error('API Error');\n                const data = await response.json();\n                return data?.candidates?.[0]?.content?.parts?.[0]?.text || \"Kon geen analyse maken.\";\n            } catch (error) {\n                console.error(\"AI Error:\", error);\n                return \"Onze AI kon op dit moment geen analyse genereren.\";\n            }\n        };\n\n        \/\/ --- CHART COMPONENT ---\n        const SimpleBarChart = ({ data }) => {\n            const maxValue = Math.max(...data.map(d => d.rondes));\n            \n            return (\n                <div className=\"flex items-end justify-center gap-8 h-48 w-full pt-6\">\n                    {data.map((item, index) => {\n                        const heightPercent = maxValue > 0 ? (item.rondes \/ maxValue) * 100 : 0;\n                        const isCurrent = index === 0;\n                        return (\n                            <div key={item.name} className=\"flex flex-col items-center w-20 group\">\n                                <div className=\"relative w-full flex items-end justify-center h-40\">\n                                    <div className=\"absolute -top-8 bg-gray-800 text-white text-xs px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap z-10\">\n                                        {item.rondes.toFixed(1)} rondes\n                                    <\/div>\n                                    <div \n                                        className={`w-12 rounded-t-lg transition-all duration-700 ease-out ${isCurrent ? 'bg-gray-300' : 'bg-monta-blue'}`}\n                                        style={{ height: `${heightPercent}%`, minHeight: '4px' }}\n                                    ><\/div>\n                                <\/div>\n                                <span className=\"mt-2 text-sm font-bold text-monta-grey\">{item.name}<\/span>\n                            <\/div>\n                        );\n                    })}\n                <\/div>\n            );\n        };\n\n        \/\/ --- COMPONENTS ---\n        const InputCard = ({ values, onChange, results }) => {\n            const [insight, setInsight] = React.useState(null);\n            const [loadingInsight, setLoadingInsight] = React.useState(false);\n\n            const handleGetInsight = async () => {\n                setLoadingInsight(true);\n                const text = await generateEfficiencyInsight(results, values);\n                setInsight(text);\n                setLoadingInsight(false);\n            };\n\n            return (\n                <div className=\"bg-white rounded-2xl shadow-xl p-6 md:p-8 border border-gray-100 flex flex-col\">\n                    <div className=\"flex items-center gap-3 mb-8\">\n                        <span className=\"text-monta-blue\"><Icons.Settings \/><\/span>\n                        <h2 className=\"!text-xl font-bold text-monta-grey m-0\">Magazijn Gegevens<\/h2>\n                    <\/div>\n\n                    <div className=\"flex flex-col gap-10\">\n                        <div className=\"space-y-8\">\n                            <div>\n                                <label className=\"block text-sm font-bold text-monta-grey mb-3 flex items-center gap-2\">\n                                    <span className=\"text-monta-blue\"><Icons.Package \/><\/span>\n                                    Aantal orders per jaar\n                                <\/label>\n                                <div className=\"bg-gray-50 p-4 rounded-xl border border-gray-200 shadow-sm\">\n                                    <input\n                                        type=\"number\"\n                                        min=\"0\"\n                                        step=\"100\"\n                                        value={values.ordersPerYear || ''}\n                                        onChange={(e) => onChange('ordersPerYear', parseInt(e.target.value) || 0)}\n                                        className=\"w-full px-3 py-2 mb-3 rounded border border-gray-300 focus:ring-2 focus:ring-monta-blue outline-none text-lg font-medium text-monta-grey bg-white block\"\n                                    \/>\n                                    <input \n                                        type=\"range\" \n                                        min=\"0\" \n                                        max=\"1000000\" \n                                        step=\"1000\"\n                                        value={values.ordersPerYear || 0}\n                                        onChange={(e) => onChange('ordersPerYear', parseInt(e.target.value) || 0)}\n                                    \/>\n                                    <div className=\"flex justify-between text-[10px] text-gray-400 mt-2 font-medium\">\n                                        <span>0<\/span><span>1.000.000<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <div>\n                                <label className=\"block text-sm font-bold text-monta-grey mb-3 flex items-center gap-2\">\n                                    <span className=\"text-monta-blue\"><Icons.Users \/><\/span>\n                                    Aantal orderpickers\n                                <\/label>\n                                <div className=\"bg-gray-50 p-4 rounded-xl border border-gray-200 shadow-sm\">\n                                    <input\n                                        type=\"number\"\n                                        min=\"0\"\n                                        max=\"100\"\n                                        value={values.numberOfPickers || ''}\n                                        onChange={(e) => onChange('numberOfPickers', parseInt(e.target.value) || 0)}\n                                        className=\"w-full px-3 py-2 mb-3 rounded border border-gray-300 focus:ring-2 focus:ring-monta-blue outline-none text-lg font-medium text-monta-grey bg-white block\"\n                                    \/>\n                                    <input \n                                        type=\"range\" \n                                        min=\"0\" \n                                        max=\"100\" \n                                        value={values.numberOfPickers || 0}\n                                        onChange={(e) => onChange('numberOfPickers', parseInt(e.target.value) || 0)}\n                                    \/>\n                                    <div className=\"flex justify-between text-[10px] text-gray-400 mt-2 font-medium\">\n                                        <span>0<\/span><span>100<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <div>\n                                <label className=\"block text-sm font-bold text-monta-grey mb-3 flex items-center gap-2\">\n                                    <span className=\"text-monta-blue\"><Icons.Layers \/><\/span>\n                                    Huidig aantal orders per pickronde\n                                <\/label>\n                                <div className=\"bg-gray-50 p-4 rounded-xl border border-gray-200 shadow-sm\">\n                                    <input\n                                        type=\"number\"\n                                        min=\"1\"\n                                        max=\"100\"\n                                        value={values.currentOrdersPerRound || ''}\n                                        onChange={(e) => onChange('currentOrdersPerRound', parseInt(e.target.value) || 0)}\n                                        className=\"w-full px-3 py-2 mb-3 rounded border border-gray-300 focus:ring-2 focus:ring-monta-blue outline-none text-lg font-medium text-monta-grey bg-white block\"\n                                    \/>\n                                    <input \n                                        type=\"range\" \n                                        min=\"1\" \n                                        max=\"100\" \n                                        value={values.currentOrdersPerRound || 1}\n                                        onChange={(e) => onChange('currentOrdersPerRound', parseInt(e.target.value) || 1)}\n                                    \/>\n                                    <div className=\"flex justify-between text-[10px] text-gray-400 mt-2 font-medium\">\n                                        <span>1<\/span><span>100<\/span>\n                                    <\/div>\n                                <\/div>\n                                <p className=\"text-xs text-monta-grey mt-3 opacity-80 pl-1 m-0\">\n                                    Ter vergelijk: met MontaWMS pick je bij kleine producten, zoals beauty- en fashionartikelen, gemiddeld zo\u2019n <span className=\"font-bold text-monta-blue\">100<\/span> orders per ronde.\n                                <\/p>\n                            <\/div>\n                        <\/div>\n\n                        <hr className=\"border-gray-100 m-0 border-t\" \/>\n\n                        <div className=\"space-y-3\">\n                            <div className=\"bg-monta-light p-4 rounded-xl border border-blue-100\">\n                                <h4 className=\"text-sm font-bold text-monta-blue mb-1 mt-0\">Wist je dat?<\/h4>\n                                <p className=\"text-xs text-monta-grey leading-relaxed m-0\">\n                                    Met MontaWMS combineer je slim meerdere orders in \u00e9\u00e9n loopronde (batch picking). Onze software berekent de ideale route, waardoor je nooit met lege handen loopt.\n                                <\/p>\n                            <\/div>\n\n                            <div className=\"bg-gradient-to-r from-gray-50 to-blue-50 rounded-xl shadow-md p-4 border border-gray-200\">\n                                {!insight ? (\n                                    <div className=\"flex flex-col items-center justify-center text-center\">\n                                        <div className=\"bg-white p-2 rounded-full shadow-sm mb-2\">\n                                            <span className=\"text-monta-blue\"><Icons.Sparkles \/><\/span>\n                                        <\/div>\n                                        <h3 className=\"!text-sm font-bold text-monta-grey mb-1\">Wil je een slimme analyse?<\/h3>\n                                        <p className=\"text-xs text-monta-grey mb-3 max-w-xs opacity-80\">\n                                            Laat onze AI berekenen wat deze besparing betekent.\n                                        <\/p>\n                                        <button \n                                            onClick={handleGetInsight}\n                                            disabled={loadingInsight}\n                                            className=\"w-full bg-monta-green hover:bg-green-600 text-white py-2.5 rounded-lg font-bold transition-colors flex items-center justify-center gap-2 disabled:opacity-50 text-sm shadow-sm hover:shadow-md border-none cursor-pointer\"\n                                        >\n                                            {loadingInsight ? (\n                                                <React.Fragment>\n                                                    <span className=\"text-white\"><Icons.Loader \/><\/span> Analyseren...\n                                                <\/React.Fragment>\n                                            ) : (\n                                                <React.Fragment>Genereer AI Analyse<\/React.Fragment>\n                                            )}\n                                        <\/button>\n                                    <\/div>\n                                ) : (\n                                    <div>\n                                        <div className=\"flex items-center gap-2 mb-2\">\n                                            <span className=\"text-monta-blue\"><Icons.Sparkles \/><\/span>\n                                            <h3 className=\"!text-sm font-bold text-monta-grey m-0\">AI Analyse<\/h3>\n                                        <\/div>\n                                        <p className=\"text-xs text-monta-grey leading-relaxed italic border-l-4 border-monta-blue pl-3 mb-2\">\n                                            \"{insight}\"\n                                        <\/p>\n                                        <button \n                                            onClick={() => setInsight(null)}\n                                            className=\"text-xs text-monta-blue font-bold hover:underline bg-transparent border-none cursor-pointer p-0\"\n                                        >\n                                            Opnieuw analyseren\n                                        <\/button>\n                                    <\/div>\n                                )}\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            );\n        };\n\n        const ResultsGrid = ({ results, inputs }) => {\n            const chartData = [\n                { name: 'Huidig', rondes: results.currentRoundsPerDay },\n                { name: 'MontaWMS', rondes: results.montaRoundsPerDay },\n            ];\n\n            return (\n                <div className=\"space-y-6\">\n                    {\/* KPI Card *\/}\n                    <div className=\"bg-monta-blue rounded-2xl shadow-xl p-6 text-white relative overflow-hidden\">\n                        <div className=\"relative z-10\">\n                            <h3 className=\"text-blue-50 !text-lg font-medium mb-1 mt-0 flex items-center gap-2\">\n                                <Icons.Clock \/> Besparing per dag\n                            <\/h3>\n                            <div className=\"flex flex-col md:flex-row items-baseline gap-4 mt-3\">\n                                <span className=\"!text-4xl font-bold\">\n                                    {Math.max(0, results.currentRoundsPerDay - results.montaRoundsPerDay).toFixed(Math.max(0, results.currentRoundsPerDay - results.montaRoundsPerDay) < 1 ? 2 : 1)}\n                                <\/span>\n                                <span className=\"text-lg text-blue-100 font-medium\">minder pickrondes te lopen<\/span>\n                            <\/div>\n                            <div className=\"mt-6 inline-block bg-white\/20 backdrop-blur-sm rounded-lg px-4 py-2 text-sm font-medium\">\n                                Je loopt nu nog maar <span className=\"text-white font-bold\">{results.montaRoundsPerDay.toFixed(1)}<\/span> pickrondjes per dag\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div className=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n                        <div className=\"bg-white rounded-2xl shadow-lg p-5 border border-gray-100 relative overflow-hidden group\">\n                            <div className=\"flex items-center gap-3 mb-3 relative z-10\">\n                                <span className=\"text-monta-green\"><Icons.TrendingUp \/><\/span>\n                                <h3 className=\"font-bold !text-lg text-monta-grey m-0\">Effici\u00ebntiewinst<\/h3>\n                            <\/div>\n                            <div className=\"text-center py-2 relative z-10\">\n                                <div className=\"!text-2xl font-extrabold text-monta-green\">\n                                    {results.percentageSaved.toFixed(0)}%\n                                <\/div>\n                                <p className=\"text-sm text-monta-grey font-medium mt-2 m-0\">\n                                    Besparing op FTE en loopstappen\n                                <\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div className=\"bg-white rounded-2xl shadow-lg p-5 border border-gray-100 relative overflow-hidden group\">\n                            <div className=\"flex items-center gap-3 mb-3 relative z-10\">\n                                <span className=\"text-monta-blue\"><Icons.Users \/><\/span>\n                                <h3 className=\"font-bold !text-lg text-monta-grey m-0\">FTE Besparing<\/h3>\n                            <\/div>\n                            <div className=\"text-center py-2 relative z-10\">\n                                <div className=\"!text-2xl font-extrabold text-monta-blue\">\n                                    {results.savedFte.toFixed(1)}\n                                <\/div>\n                                <p className=\"text-sm text-monta-grey font-medium mt-2 m-0\">\n                                    Minder FTE nodig in het magazijn\n                                <\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div className=\"bg-white rounded-2xl shadow-lg p-5 border border-gray-100 relative overflow-hidden group\">\n                            <div className=\"flex items-center gap-3 mb-3 relative z-10\">\n                                <span className=\"text-monta-orange\"><Icons.Footprints \/><\/span>\n                                <h3 className=\"font-bold !text-lg text-monta-grey m-0\">Schoenslijtage<\/h3>\n                            <\/div>\n                            <div className=\"text-center py-2 relative z-10\">\n                                <div className=\"!text-2xl font-extrabold text-monta-orange\">\n                                    {results.shoesSaved.toFixed(1)}\n                                <\/div>\n                                <p className=\"text-sm text-monta-grey font-medium mt-2 m-0\">\n                                    Paar schoenen niet versleten per jaar\n                                <\/p>\n                                <p className=\"text-xs text-gray-400 mt-1 m-0\">\n                                    ({(results.savedStepsKm).toFixed(0)} km minder gelopen)\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div className=\"bg-white rounded-2xl shadow-lg p-6 border border-gray-100\">\n                        <h3 className=\"font-bold !text-lg text-monta-grey mb-6 mt-0 flex items-center gap-2\">\n                            <span className=\"text-monta-blue\"><Icons.UserCheck \/><\/span>\n                            Pickrondes per Dag Vergelijking\n                        <\/h3>\n                        <div className=\"w-full\">\n                           <SimpleBarChart data={chartData} \/>\n                        <\/div>\n                    <\/div>\n\n                    {\/* New CTA Block *\/}\n                    <div className=\"bg-white rounded-2xl shadow-lg p-6 border border-gray-100 flex flex-col md:flex-row items-center justify-between gap-6\">\n                        <div className=\"flex flex-col gap-2\">\n                            <h3 className=\"!text-xl font-bold text-monta-grey m-0\">Klaar om minder rondes te lopen?<\/h3>\n                            <p className=\"text-monta-grey opacity-80 text-sm max-w-md m-0\">\n                                Ervaar zelf hoe de software van MontaWMS uw logistieke proces stroomlijnt en fouten reduceert.\n                            <\/p>\n                        <\/div>\n                        <a \n                            href=\"https:\/\/gomonta.com\/nl\/wms\/demo\/\" \n                            target=\"_blank\" \n                            rel=\"noopener noreferrer\"\n                            className=\"whitespace-nowrap bg-monta-green hover:bg-green-600 text-white px-6 py-3 rounded-lg font-bold transition-colors flex items-center gap-2 shadow-sm hover:shadow-md no-underline\"\n                        >\n                            <span className=\"text-white\">Vraag demo aan<\/span> <span className=\"text-white\"><Icons.ArrowRight \/><\/span>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            );\n        };\n\n        const App = () => {\n            const [inputs, setInputs] = React.useState({\n                ordersPerYear: 50000,\n                currentOrdersPerRound: 10,\n                numberOfPickers: 5,\n            });\n\n            const [results, setResults] = React.useState({\n                currentRoundsPerYear: 0,\n                montaRoundsPerYear: 0,\n                currentRoundsPerDay: 0,\n                montaRoundsPerDay: 0,\n                savedRoundsPerYear: 0,\n                percentageSaved: 0,\n                savedStepsKm: 0,\n                shoesSaved: 0,\n                savedFte: 0,\n            });\n\n            const handleInputChange = (field, value) => {\n                setInputs(prev => ({ ...prev, [field]: value }));\n            };\n\n            React.useEffect(() => {\n                const safeCurrentOrdersPerRound = inputs.currentOrdersPerRound > 0 ? inputs.currentOrdersPerRound : 1;\n                const currentRoundsPerYear = inputs.ordersPerYear \/ safeCurrentOrdersPerRound;\n                const montaRoundsPerYear = inputs.ordersPerYear \/ MONTA_ORDERS_PER_ROUND;\n                const currentRoundsPerDay = currentRoundsPerYear \/ WORKING_DAYS_PER_YEAR;\n                const montaRoundsPerDay = montaRoundsPerYear \/ WORKING_DAYS_PER_YEAR;\n                const savedRoundsPerYear = Math.max(0, currentRoundsPerYear - montaRoundsPerYear);\n                const percentageSaved = currentRoundsPerYear > 0 \n                    ? (savedRoundsPerYear \/ currentRoundsPerYear) * 100 \n                    : 0;\n                const savedMetersPerYear = savedRoundsPerYear * AVG_METERS_PER_ROUND;\n                const savedStepsKm = savedMetersPerYear \/ 1000;\n                const shoesSaved = savedStepsKm \/ SHOE_LIFESPAN_KM;\n                \n                \/\/ Calculate FTE Saved\n                const savedFte = inputs.numberOfPickers * (percentageSaved \/ 100);\n\n                setResults({\n                    currentRoundsPerYear,\n                    montaRoundsPerYear,\n                    currentRoundsPerDay,\n                    montaRoundsPerDay,\n                    savedRoundsPerYear,\n                    percentageSaved,\n                    savedStepsKm,\n                    shoesSaved,\n                    savedFte,\n                });\n            }, [inputs]);\n\n            return (\n                <div className=\"font-sans text-monta-grey\">\n                    <div className=\"flex flex-col md:flex-row items-center justify-between gap-4 mb-8 pb-6 border-b border-gray-200\">\n                        <div className=\"flex items-center gap-3\">\n                            <div>\n                                <h1 className=\"!text-2xl font-bold text-monta-grey leading-none m-0\">\n                                    MontaWMS\n                                <\/h1>\n                                <span className=\"text-monta-orange font-bold text-base tracking-wide\">\n                                    Stappen bespaarder\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div className=\"mb-12 text-left max-w-4xl\">\n                        <p className=\"text-monta-grey opacity-80 leading-relaxed text-base m-0\">\n                            Met onze software loop je minder pickrondes en verslijt je minder schoenen. Markeer je stellingen als A-, B- of C-locaties en laat automatisch bepalen welke producten waar horen. Zo pick je sneller, verwerk je meer orders tegelijk en kun je dankzij slimme pickstromen veel meer in bulk picken. Hoe slimmer je route, hoe minder je loopt!\n                        <\/p>\n                    <\/div>\n\n                    <div className=\"grid grid-cols-1 lg:grid-cols-12 gap-8\">\n                        <div className=\"lg:col-span-5 xl:col-span-4\">\n                            <InputCard values={inputs} onChange={handleInputChange} results={results} \/>\n                            <div className=\"mt-8 text-xs text-gray-400 text-center font-medium\">\n                                Gebaseerd op <span className=\"text-monta-grey\">{WORKING_DAYS_PER_YEAR}<\/span> werkdagen per jaar.\n                            <\/div>\n                        <\/div>\n\n                        <div className=\"lg:col-span-7 xl:col-span-8\">\n                            <ResultsGrid results={results} inputs={inputs} \/>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            );\n        };\n\n        const rootEl = document.getElementById('monta-root');\n        if (rootEl && window.ReactDOM) {\n            const root = ReactDOM.createRoot(rootEl);\n            root.render(<App \/>);\n        } else if (rootEl) {\n           rootEl.innerHTML = '<div style=\"color:red; padding:20px;\">Fout: React niet geladen. Controleer internetverbinding of firewall.<\/div>';\n        }\n    <\/script>\n<\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-9f13546 stk-block-background\" data-block-id=\"9f13546\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-9f13546-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-d9d370e\" data-v=\"4\" data-block-id=\"d9d370e\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-d9d370e-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-d9d370e-inner-blocks\">\n<style>\n\/* ============================================\n   FEATURE MODULE GRID\n   ============================================ *\/\n\n.feature-module-section-1 {\n    font-family: 'Muli', sans-serif;\n}\n\n\/* --- Card Styling --- *\/\n.feature-card-1 {\n    display: flex !important;\n    flex-direction: column !important;\n    height: 100% !important;\n    border-radius: 16px !important;\n    border: 1px solid #f0f0f0 !important;\n    box-shadow: 0 2px 12px rgba(0,0,0,0.04) !important;\n    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;\n    cursor: default;\n}\n\n.feature-card-1:hover {\n    transform: translateY(-6px) !important;\n    box-shadow: 0 8px 40px rgba(0,0,0,0.08) !important;\n    border-color: #e8e8e8 !important;\n}\n\n\/* Kill all WP default block spacing inside cards *\/\n.feature-card-1 > * {\n    margin-top: 0 !important;\n}\n\n\/* --- Icon Box --- *\/\n.feature-icon-box-1 {\n    width: 52px !important;\n    height: 52px !important;\n    min-height: 52px !important;\n    border-radius: 14px !important;\n    background-color: #009DE0 !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    transition: transform 0.25s ease !important;\n    padding: 0 !important;\n    box-shadow: 0 4px 12px rgba(0, 157, 224, 0.25) !important;\n    margin-bottom: 16px !important;\n}\n\n.feature-card-1:hover .feature-icon-box-1 {\n    transform: scale(1.08) rotate(3deg) !important;\n}\n\n\/* Stackable icon sizing inside icon box *\/\n.feature-icon-box-1 .wp-block-stackable-icon {\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n.feature-icon-box-1 .stk--inner-svg svg[aria-hidden=\"true\"] {\n    width: 24px !important;\n    height: 24px !important;\n}\n\n\/* --- Badge --- *\/\n.feature-badge-1 {\n    text-transform: uppercase !important;\n    letter-spacing: 0.05em !important;\n    margin-bottom: 6px !important;\n}\n\n\/* --- Card Title --- *\/\n.feature-card-1 .wp-block-heading {\n    margin-bottom: 8px !important;\n}\n\n\/* --- Description pushes CTA down --- *\/\n.feature-desc-1 {\n    flex-grow: 1 !important;\n    margin-bottom: 16px !important;\n}\n\n\/* --- CTA Link --- *\/\n.feature-cta-1 a {\n    color: #009DE0 !important;\n    text-decoration: none !important;\n    font-weight: 600 !important;\n    transition: all 0.3s ease !important;\n}\n\n.feature-card-1:hover .feature-cta-1 a {\n    text-decoration: underline !important;\n    text-underline-offset: 4px !important;\n}\n\n.feature-cta-1 .cta-arrow-1 {\n    display: inline-block !important;\n    transition: transform 0.3s ease !important;\n    margin-left: 6px;\n    font-size: 14px !important;\n}\n\n.feature-card-1:hover .feature-cta-1 .cta-arrow-1 {\n    transform: translateX(4px) !important;\n}\n\n\/* --- CSS Grid for Card Layout (3\u21922\u21921 responsive) --- *\/\n.feature-grid-1 {\n    display: grid !important;\n    grid-template-columns: repeat(3, 1fr) !important;\n    gap: 24px !important;\n    margin-bottom: 48px !important;\n}\n\n\n\n\/* --- Force blue line above overlapping images, regardless of transparency --- *\/\n.stk-6a5a5cd, .stk-5e9f0d6 {\n    position: relative !important;\n    z-index: 1 !important;\n    isolation: isolate !important;\n}\n\n\/* --- Blue accent line on quote blocks: always rendered above the image --- *\/\n.feature-card-1 blockquote.wp-block-quote {\n    position: relative !important;\n}\n\n.feature-card-1 blockquote.wp-block-quote::before {\n    content: \"\" !important;\n    position: absolute !important;\n    top: 0 !important;\n    bottom: 0 !important;\n    left: 0 !important;\n    width: 2px !important;\n    background-color: #009DE0 !important;\n    z-index: 5 !important;\n}\n\n.feature-card-1 .wp-block-stackable-image {\n    position: relative !important;\n    z-index: 1 !important;\n}\n\n\/* --- Heading Area --- *\/\n.feature-heading-area-1 {\n    margin-bottom: 48px !important;\n}\n\n\/* --- Bottom CTA --- *\/\n.feature-bottom-cta-1 .wp-block-button__link {\n    border-radius: 12px !important;\n    padding: 16px 36px !important;\n    font-weight: 600 !important;\n    font-size: 16px !important;\n    transition: all 0.3s ease, box-shadow 0.3s ease !important;\n    box-shadow: 0 4px 16px rgba(0, 157, 224, 0.25) !important;\n}\n\n.feature-bottom-cta-1 .wp-block-button__link:hover {\n    box-shadow: 0 8px 28px rgba(0, 157, 224, 0.4) !important;\n}\n\n\/* --- Tablet: 2 columns --- *\/\n@media (max-width: 900px) and (min-width: 601px) {\n    .feature-grid-1 {\n        grid-template-columns: repeat(2, 1fr) !important;\n    }\n}\n\n\/* --- Mobile: 1 column --- *\/\n@media (max-width: 600px) {\n    .feature-module-section-1 {\n        padding-top: 48px !important;\n        padding-bottom: 48px !important;\n    }\n    .feature-heading-area-1 {\n        margin-bottom: 32px !important;\n    }\n    .feature-grid-1 {\n        grid-template-columns: 1fr !important;\n        gap: 16px !important;\n    }\n}\n<\/style>\n\n\n\n<div class=\"wp-block-group feature-module-section-1 has-background is-layout-constrained wp-container-core-group-is-layout-55c60689 wp-block-group-is-layout-constrained\" style=\"background-color:#f1f1f1;padding-top:80px;padding-right:16px;padding-bottom:80px;padding-left:16px\">\n<div class=\"wp-block-group feature-heading-area-1 is-layout-flow wp-container-core-group-is-layout-11e0f7c3 wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading has-text-align-center has-text-color\" style=\"color:#1A1A1A;font-size:clamp(30px, 5vw, 46px);font-weight:700;line-height:1.2\">Dit zeggen <span style=\"color: var(--theme-palette-color-1, #009DE0);\" class=\"stk-highlight\">klanten<\/span> over ons<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-group feature-grid-1 is-layout-flow wp-container-core-group-is-layout-e097d358 wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group feature-card-1 has-background is-layout-flow wp-container-core-group-is-layout-aaca1240 wp-block-group-is-layout-flow\" style=\"background-color:#ffffff;padding-top:28px;padding-right:28px;padding-bottom:28px;padding-left:28px\">\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><em><em><em><em>&#8220;Het verzamelen van orders verloopt beduidend vlotter. Vroeger waren onze medewerkers in het magazijn de volledige dag bezig met picken, <strong>nu zijn ze al binnen twee uurtjes klaar<\/strong>. Naast de enorme tijdsbesparing, scheelt het ook een hoop frustraties.&#8221;<\/em><\/em><\/em><\/em><\/p>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-30cb291 feature-desc-1\" id=\"strong-strong-strong-jelle-meijer-director-strong-strong-strong\" data-block-id=\"30cb291\"><style>.stk-30cb291 {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--40, 1rem) !important;margin-bottom:var(--stk--preset--spacing--40, 1rem) !important;}<\/style><h6 class=\"stk-block-heading__text\"><strong><strong><strong>Jelle Meijer | Director<\/strong><\/strong><\/strong><\/h6><\/div>\n\n\n\n<div class=\"wp-block-stackable-image stk-block-image has-text-align-left stk-block stk-24082e6\" data-block-id=\"24082e6\"><style>.stk-24082e6 {margin-left:-20px !important;}.stk-24082e6 .stk-img-wrapper{width:150px !important;}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-44399\" src=\"https:\/\/gomonta.com\/wp-content\/uploads\/2026\/04\/12GoBiking-slider-GoMonta-WMS.webp\" width=\"800\" height=\"453\" alt=\"Verf.nl X MontaWMS\" srcset=\"https:\/\/gomonta.com\/wp-content\/uploads\/2026\/04\/12GoBiking-slider-GoMonta-WMS.webp 800w, https:\/\/gomonta.com\/wp-content\/uploads\/2026\/04\/12GoBiking-slider-GoMonta-WMS-300x170.webp 300w, https:\/\/gomonta.com\/wp-content\/uploads\/2026\/04\/12GoBiking-slider-GoMonta-WMS-768x435.webp 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/span><\/figure><\/div>\n<\/blockquote>\n<\/div>\n\n\n\n<div class=\"wp-block-group feature-card-1 has-background is-layout-flow wp-container-core-group-is-layout-aaca1240 wp-block-group-is-layout-flow\" style=\"background-color:#ffffff;padding-top:28px;padding-right:28px;padding-bottom:28px;padding-left:28px\">\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><em><em>&#8220;MontaWMS is de Rolls Royce onder de WMS-systemen. Ze hebben <strong>voor elke logistieke vraag<\/strong> <strong>een passend antwoord<\/strong>, wat hen onderscheidt van andere leveranciers. Niet gek dat al meer dan 3.000 webwinkels vertrouwen op deze ene oplossing.&#8221;<\/em><\/em><\/p>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-9853e4e feature-desc-1\" id=\"strong-strong-rogier-goed-managing-partner-strong-strong\" data-block-id=\"9853e4e\"><style>.stk-9853e4e {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--40, 1rem) !important;margin-bottom:var(--stk--preset--spacing--40, 1rem) !important;}<\/style><h6 class=\"stk-block-heading__text\"><strong><strong>Rogier Goed | Managing Partner<\/strong><\/strong><\/h6><\/div>\n\n\n\n<div class=\"wp-block-stackable-image stk-block-image has-text-align-left stk-block stk-d91dd1a\" data-block-id=\"d91dd1a\"><style>.stk-d91dd1a {margin-left:-20px !important;}.stk-d91dd1a .stk-img-wrapper{width:150px !important;}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-47821\" src=\"https:\/\/gomonta.com\/wp-content\/uploads\/2026\/05\/Verf.nl-slider-GoMonta-WMS.webp\" width=\"800\" height=\"453\" alt=\"Verf.nl X MontaWMS\" srcset=\"https:\/\/gomonta.com\/wp-content\/uploads\/2026\/05\/Verf.nl-slider-GoMonta-WMS.webp 800w, https:\/\/gomonta.com\/wp-content\/uploads\/2026\/05\/Verf.nl-slider-GoMonta-WMS-300x170.webp 300w, https:\/\/gomonta.com\/wp-content\/uploads\/2026\/05\/Verf.nl-slider-GoMonta-WMS-768x435.webp 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/span><\/figure><\/div>\n<\/blockquote>\n<\/div>\n\n\n\n<div class=\"wp-block-group feature-card-1 has-background is-layout-flow wp-container-core-group-is-layout-aaca1240 wp-block-group-is-layout-flow\" style=\"background-color:#ffffff;padding-top:28px;padding-right:28px;padding-bottom:28px;padding-left:28px\">\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><em><em>&#8220;We hebben inzicht in het magazijn wat ons veel tijd bespaart dankzij MontaWMS. Het <strong>picken van orders gaat nu veel sneller<\/strong>. De vrijgekomen tijd steken we in de ontwikkeling van nieuwe producten en het investeren in de community. Zo blijven we groeien.&#8221;<\/em><\/em><\/p>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-cfc90d7 feature-desc-1\" id=\"strong-strong-rens-slik-founder-en-ceo-strong-strong\" data-block-id=\"cfc90d7\"><style>.stk-cfc90d7 {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--40, 1rem) !important;margin-bottom:var(--stk--preset--spacing--40, 1rem) !important;}<\/style><h6 class=\"stk-block-heading__text\"><strong><strong>Rens Slik | Founder en CEO<\/strong><\/strong><\/h6><\/div>\n\n\n\n<div class=\"wp-block-stackable-image stk-block-image has-text-align-left stk-block stk-c8232ea\" data-block-id=\"c8232ea\"><style>.stk-c8232ea {margin-left:-20px !important;}.stk-c8232ea .stk-img-wrapper{width:150px !important;}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-44401\" src=\"https:\/\/gomonta.com\/wp-content\/uploads\/2026\/04\/Orangefit-slider-GoMonta-WMS.webp\" width=\"800\" height=\"453\" srcset=\"https:\/\/gomonta.com\/wp-content\/uploads\/2026\/04\/Orangefit-slider-GoMonta-WMS.webp 800w, https:\/\/gomonta.com\/wp-content\/uploads\/2026\/04\/Orangefit-slider-GoMonta-WMS-300x170.webp 300w, https:\/\/gomonta.com\/wp-content\/uploads\/2026\/04\/Orangefit-slider-GoMonta-WMS-768x435.webp 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/span><\/figure><\/div>\n<\/blockquote>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons feature-bottom-cta-1 is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe0a7de2 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-color has-background has-custom-font-size wp-element-button\" href=\"https:\/\/gomonta.com\/nl\/klantcases\/\" style=\"border-radius:12px;color:#ffffff;background-color:#009DE0;padding-top:16px;padding-right:36px;padding-bottom:16px;padding-left:36px;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.156), 16px);font-weight:600\">Bekijk de succesverhalen van onze klanten<\/a><\/div>\n<\/div>\n<\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hoeveel sneller kunnenjouw pickrondesmet MontaWMS? Pickrondencalculator Wij de expertise, jij de regie \u26a1 Inzicht in magazijnprocessen terwijl je pickt, dat is de magazijnoptimalisatie van MontaWMS! WMS pickrondencalculator Hoe MontaWMS jouw magazijn en pickroutes optimaliseert Slimme pickronde-optimalisatie van MontaWMS zorgt ervoor dat jouw medewerkers minder lopen en meer picken. Door geavanceerde algoritmen te combineren met realtime [&hellip;]<\/p>\n","protected":false},"author":23,"featured_media":0,"parent":1547,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-50045","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","gform-image-choice-sm":"","gform-image-choice-md":"","gform-image-choice-lg":""},"post_excerpt_stackable_v2":"<p>Hoeveel sneller kunnenjouw pickrondesmet MontaWMS? Verwerk orders tot wel 5 x sneller Blijf \u00f3nder de 10.000 stappen per dag Snellere levering = sneller groeien Naar de stappenteller https:\/\/youtu.be\/qyWIahsKkL0?si=kCflrHS0MTaxNJ8NVideo can&#8217;t be loaded because JavaScript is disabled: MontaWMS &#8211; excellence by experience (https:\/\/youtu.be\/qyWIahsKkL0?si=kCflrHS0MTaxNJ8N) Pickrondencalculator Wij de expertise, jij de regie \u26a1 Inzicht in magazijnprocessen terwijl je pickt, dat is de magazijnoptimalisatie van MontaWMS! WMS pickrondencalculator Hoe MontaWMS jouw magazijn en pickroutes optimaliseert Slimme pickronde-optimalisatie van MontaWMS zorgt ervoor dat jouw medewerkers minder lopen en meer picken. Door geavanceerde algoritmen te combineren met realtime magazijndata berekent het systeem automatisch de meest effici\u00ebnte looproute&hellip;<\/p>\n","category_list_v2":"","author_info_v2":{"name":"Kim","url":"https:\/\/gomonta.com\/nl\/author\/kim\/"},"comments_num_v2":"0 reacties","_links":{"self":[{"href":"https:\/\/gomonta.com\/nl\/wp-json\/wp\/v2\/pages\/50045","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gomonta.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gomonta.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gomonta.com\/nl\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/gomonta.com\/nl\/wp-json\/wp\/v2\/comments?post=50045"}],"version-history":[{"count":6,"href":"https:\/\/gomonta.com\/nl\/wp-json\/wp\/v2\/pages\/50045\/revisions"}],"predecessor-version":[{"id":53899,"href":"https:\/\/gomonta.com\/nl\/wp-json\/wp\/v2\/pages\/50045\/revisions\/53899"}],"up":[{"embeddable":true,"href":"https:\/\/gomonta.com\/nl\/wp-json\/wp\/v2\/pages\/1547"}],"wp:attachment":[{"href":"https:\/\/gomonta.com\/nl\/wp-json\/wp\/v2\/media?parent=50045"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}