{"id":6809,"date":"2026-02-13T03:19:34","date_gmt":"2026-02-13T01:19:34","guid":{"rendered":"https:\/\/needforparts.eu\/over-ons\/"},"modified":"2026-02-15T21:40:15","modified_gmt":"2026-02-15T19:40:15","slug":"over-ons","status":"publish","type":"page","link":"https:\/\/needforparts.eu\/over-ons\/","title":{"rendered":"Over Ons"},"content":{"rendered":"\n<style>\n\n        \/* ============================================\n           NFP OVER ONS \u2014 DESIGN TOKENS\n           Matches Elementor global kit exactly\n           ============================================ *\/\n        :root {\n            --nfp-red: #C50F0F;\n            --nfp-red-dark: #940B0B;\n            --nfp-text: #1F1F1F;\n            --nfp-text-secondary: #6B7280;\n            --nfp-bg: #FFFFFF;\n            --nfp-bg-alt: #F5F5F5;\n            --nfp-border: #E5E7EB;\n            --nfp-black: #000000;\n            --nfp-radius: 4px;\n        }\n\n        \/* ============================================\n           RESET & BASE\n           ============================================ *\/\n        *, *::before, *::after {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html {\n            scroll-behavior: smooth;\n            scrollbar-gutter: stable;\n        }\n\n        body {\n            font-family: 'Roboto', sans-serif;\n            font-size: 1rem;\n            font-weight: 400;\n            line-height: 1.6;\n            color: var(--nfp-text);\n            background-color: var(--nfp-bg);\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n        }\n\n        \/* ============================================\n           LAYOUT\n           ============================================ *\/\n        .nfp-about-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 24px;\n        }\n\n        .nfp-about-section {\n            padding: 80px 0;\n        }\n\n        .nfp-about-section--alt {\n            background-color: var(--nfp-bg-alt);\n        }\n\n        \/* ============================================\n           TYPOGRAPHY\n           ============================================ *\/\n        h1, h2, h3, h4 {\n            color: var(--nfp-text);\n            font-weight: 700;\n            line-height: 1.2;\n        }\n\n        \/* ============================================\n           ANIMATIONS \u2014 subtle, professional\n           ============================================ *\/\n        @keyframes nfp-fade-up {\n            from {\n                opacity: 0;\n                transform: translateY(24px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes nfp-line-expand {\n            from { width: 0; }\n            to { width: 48px; }\n        }\n\n        @keyframes nfp-count-bar {\n            from { opacity: 0; transform: translateY(16px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .nfp-animate {\n            opacity: 0;\n            animation: nfp-fade-up 0.7s cubic-bezier(0.22, 1, 0.36, 1) forwards;\n        }\n\n        .nfp-animate--d1 { animation-delay: 0.1s; }\n        .nfp-animate--d2 { animation-delay: 0.2s; }\n        .nfp-animate--d3 { animation-delay: 0.3s; }\n        .nfp-animate--d4 { animation-delay: 0.4s; }\n        .nfp-animate--d5 { animation-delay: 0.5s; }\n        .nfp-animate--d6 { animation-delay: 0.6s; }\n\n        \/* ============================================\n           1. HERO SECTION\n           ============================================ *\/\n        .nfp-hero {\n            padding: 100px 0 80px;\n            position: relative;\n        }\n\n        .nfp-hero__eyebrow {\n            font-size: 0.8125rem;\n            font-weight: 600;\n            letter-spacing: 0.15em;\n            text-transform: uppercase;\n            color: var(--nfp-red);\n            margin-bottom: 20px;\n        }\n\n        .nfp-hero__title {\n            font-size: clamp(2.25rem, 5vw, 3.5rem);\n            font-weight: 900;\n            line-height: 1.08;\n            color: var(--nfp-text);\n            margin-bottom: 24px;\n            max-width: 700px;\n        }\n\n        .nfp-hero__subtitle {\n            font-size: 1.125rem;\n            font-weight: 400;\n            line-height: 1.7;\n            color: var(--nfp-text-secondary);\n            max-width: 560px;\n        }\n\n        \/* Red accent line under hero *\/\n        .nfp-hero__accent {\n            display: block;\n            width: 48px;\n            height: 3px;\n            background-color: var(--nfp-red);\n            margin-top: 40px;\n            animation: nfp-line-expand 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.5s both;\n        }\n\n        \/* ============================================\n           2. ONS VERHAAL\n           ============================================ *\/\n        .nfp-story {\n            display: grid;\n            grid-template-columns: 200px 1fr;\n            gap: 60px;\n            align-items: start;\n        }\n\n        .nfp-story__label {\n            font-size: 0.8125rem;\n            font-weight: 600;\n            letter-spacing: 0.12em;\n            text-transform: uppercase;\n            color: var(--nfp-text);\n            padding-top: 4px;\n            \/* Thin right border as visual anchor *\/\n            border-right: 1px solid var(--nfp-border);\n            padding-right: 40px;\n        }\n\n        .nfp-story__content p {\n            font-size: 1.0625rem;\n            line-height: 1.75;\n            color: var(--nfp-text);\n            margin-bottom: 20px;\n        }\n\n        .nfp-story__content p:last-child {\n            margin-bottom: 0;\n        }\n\n        .nfp-story__content strong {\n            font-weight: 600;\n            color: var(--nfp-text);\n        }\n\n        \/* ============================================\n           3. STATS BAR\n           ============================================ *\/\n        .nfp-stats {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 0;\n            border-top: 1px solid var(--nfp-border);\n            border-bottom: 1px solid var(--nfp-border);\n        }\n\n        .nfp-stat {\n            padding: 48px 32px;\n            text-align: center;\n            position: relative;\n        }\n\n        \/* Vertical divider between stats *\/\n        .nfp-stat:not(:last-child)::after {\n            content: '';\n            position: absolute;\n            right: 0;\n            top: 50%;\n            transform: translateY(-50%);\n            height: 48px;\n            width: 1px;\n            background-color: var(--nfp-border);\n        }\n\n        .nfp-stat__number {\n            font-size: 2.5rem;\n            font-weight: 900;\n            line-height: 1;\n            color: var(--nfp-text);\n            margin-bottom: 8px;\n        }\n\n        \/* Only the first stat number gets the red \u2014 draws the eye *\/\n        .nfp-stat:first-child .nfp-stat__number {\n            color: var(--nfp-red);\n        }\n\n        .nfp-stat__label {\n            font-size: 0.875rem;\n            font-weight: 500;\n            color: var(--nfp-text-secondary);\n            letter-spacing: 0.02em;\n        }\n\n        \/* ============================================\n           4. WAT WIJ DOEN\n           ============================================ *\/\n        .nfp-services__header {\n            margin-bottom: 56px;\n            max-width: 640px;\n        }\n\n        .nfp-services__eyebrow {\n            font-size: 0.8125rem;\n            font-weight: 600;\n            letter-spacing: 0.15em;\n            text-transform: uppercase;\n            color: var(--nfp-red);\n            margin-bottom: 16px;\n        }\n\n        .nfp-services__title {\n            font-size: 2rem;\n            font-weight: 700;\n            margin-bottom: 16px;\n        }\n\n        .nfp-services__intro {\n            font-size: 1.0625rem;\n            color: var(--nfp-text-secondary);\n            line-height: 1.7;\n        }\n\n        .nfp-services__grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 1px;\n            background-color: var(--nfp-border);\n            border: 1px solid var(--nfp-border);\n        }\n\n        .nfp-service {\n            background-color: var(--nfp-bg);\n            padding: 36px 32px;\n            transition: background-color 0.25s ease;\n        }\n\n        .nfp-service:hover {\n            background-color: var(--nfp-bg-alt);\n        }\n\n        .nfp-service__name {\n            font-size: 1rem;\n            font-weight: 600;\n            color: var(--nfp-text);\n            margin-bottom: 8px;\n        }\n\n        .nfp-service__desc {\n            font-size: 0.875rem;\n            color: var(--nfp-text-secondary);\n            line-height: 1.6;\n        }\n\n        \/* ============================================\n           5. MONTAGE\n           ============================================ *\/\n        .nfp-montage {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 80px;\n            align-items: center;\n        }\n\n        .nfp-montage__eyebrow {\n            font-size: 0.8125rem;\n            font-weight: 600;\n            letter-spacing: 0.15em;\n            text-transform: uppercase;\n            color: var(--nfp-red);\n            margin-bottom: 16px;\n        }\n\n        .nfp-montage__title {\n            font-size: 2rem;\n            font-weight: 700;\n            margin-bottom: 20px;\n        }\n\n        .nfp-montage__text {\n            font-size: 1.0625rem;\n            color: var(--nfp-text-secondary);\n            line-height: 1.75;\n            margin-bottom: 16px;\n        }\n\n        .nfp-montage__card {\n            background-color: var(--nfp-bg-alt);\n            border: 1px solid var(--nfp-border);\n            border-radius: var(--nfp-radius);\n            padding: 36px;\n        }\n\n        .nfp-montage__card-title {\n            font-size: 1.125rem;\n            font-weight: 700;\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .nfp-montage__card-title::before {\n            content: '';\n            width: 3px;\n            height: 20px;\n            background-color: var(--nfp-red);\n            border-radius: 2px;\n            flex-shrink: 0;\n        }\n\n        .nfp-montage__detail {\n            display: flex;\n            gap: 12px;\n            margin-bottom: 14px;\n            font-size: 0.9375rem;\n            color: var(--nfp-text);\n            align-items: flex-start;\n        }\n\n        .nfp-montage__detail:last-child {\n            margin-bottom: 0;\n        }\n\n        .nfp-montage__detail-icon {\n            flex-shrink: 0;\n            width: 18px;\n            height: 18px;\n            margin-top: 3px;\n            color: var(--nfp-text-secondary);\n        }\n\n        .nfp-montage__detail-label {\n            font-weight: 500;\n            color: var(--nfp-text-secondary);\n            min-width: 60px;\n        }\n\n        \/* ============================================\n           6. WAAROM NEEDFORPARTS\n           ============================================ *\/\n        .nfp-why__header {\n            text-align: center;\n            margin-bottom: 56px;\n        }\n\n        .nfp-why__eyebrow {\n            font-size: 0.8125rem;\n            font-weight: 600;\n            letter-spacing: 0.15em;\n            text-transform: uppercase;\n            color: var(--nfp-red);\n            margin-bottom: 16px;\n        }\n\n        .nfp-why__title {\n            font-size: 2rem;\n            font-weight: 700;\n        }\n\n        .nfp-why__grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 40px;\n        }\n\n        .nfp-why-item {\n            position: relative;\n        }\n\n        \/* Thin top accent line \u2014 only first item is red *\/\n        .nfp-why-item::before {\n            content: '';\n            display: block;\n            width: 32px;\n            height: 2px;\n            background-color: var(--nfp-border);\n            margin-bottom: 24px;\n        }\n\n        .nfp-why-item:first-child::before {\n            background-color: var(--nfp-red);\n        }\n\n        .nfp-why-item__title {\n            font-size: 1rem;\n            font-weight: 700;\n            margin-bottom: 10px;\n            line-height: 1.3;\n        }\n\n        .nfp-why-item__text {\n            font-size: 0.9375rem;\n            color: var(--nfp-text-secondary);\n            line-height: 1.65;\n        }\n\n        \/* ============================================\n           7. BUSINESS INFO\n           ============================================ *\/\n        .nfp-business {\n            border-top: 1px solid var(--nfp-border);\n            padding: 48px 0;\n        }\n\n        .nfp-business__grid {\n            display: grid;\n            grid-template-columns: 200px 1fr;\n            gap: 60px;\n            align-items: start;\n        }\n\n        .nfp-business__label {\n            font-size: 0.8125rem;\n            font-weight: 600;\n            letter-spacing: 0.12em;\n            text-transform: uppercase;\n            color: var(--nfp-text);\n            padding-top: 2px;\n        }\n\n        .nfp-business__details {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 24px 60px;\n        }\n\n        .nfp-business__item {\n            display: flex;\n            flex-direction: column;\n            gap: 2px;\n        }\n\n        .nfp-business__item-label {\n            font-size: 0.8125rem;\n            font-weight: 500;\n            color: var(--nfp-text-secondary);\n            text-transform: uppercase;\n            letter-spacing: 0.06em;\n        }\n\n        .nfp-business__item-value {\n            font-size: 1rem;\n            font-weight: 500;\n            color: var(--nfp-text);\n        }\n\n        .nfp-business__item-value a {\n            color: var(--nfp-text);\n            text-decoration: none;\n            transition: color 0.2s ease;\n        }\n\n        .nfp-business__item-value a:hover {\n            color: var(--nfp-red);\n        }\n\n        \/* ============================================\n           CTA SECTION\n           ============================================ *\/\n        .nfp-cta {\n            text-align: center;\n            padding: 80px 0;\n            background-color: var(--nfp-text);\n            color: #FFFFFF;\n        }\n\n        .nfp-cta__title {\n            font-size: clamp(1.75rem, 3vw, 2.25rem);\n            font-weight: 700;\n            color: #FFFFFF;\n            margin-bottom: 12px;\n        }\n\n        .nfp-cta__subtitle {\n            font-size: 1.0625rem;\n            color: #9CA3AF;\n            margin-bottom: 32px;\n        }\n\n        .nfp-cta__btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            padding: 14px 36px;\n            background-color: var(--nfp-red);\n            color: #FFFFFF;\n            font-family: 'Roboto', sans-serif;\n            font-size: 0.9375rem;\n            font-weight: 600;\n            text-decoration: none;\n            border-radius: var(--nfp-radius);\n            transition: background-color 0.2s ease, transform 0.2s ease;\n        }\n\n        .nfp-cta__btn:hover {\n            background-color: var(--nfp-red-dark);\n            transform: translateY(-1px);\n        }\n\n        .nfp-cta__btn svg {\n            width: 16px;\n            height: 16px;\n            transition: transform 0.2s ease;\n        }\n\n        .nfp-cta__btn:hover svg {\n            transform: translateX(3px);\n        }\n\n        \/* ============================================\n           RESPONSIVE\n           ============================================ *\/\n        @media (max-width: 1024px) {\n            .nfp-why__grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 32px;\n            }\n\n            .nfp-montage {\n                grid-template-columns: 1fr;\n                gap: 40px;\n            }\n\n            .nfp-services__grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 768px) {\n            .nfp-about-section {\n                padding: 56px 0;\n            }\n\n            .nfp-hero {\n                padding: 64px 0 56px;\n            }\n\n            .nfp-story {\n                grid-template-columns: 1fr;\n                gap: 24px;\n            }\n\n            .nfp-story__label {\n                border-right: none;\n                padding-right: 0;\n                border-bottom: 1px solid var(--nfp-border);\n                padding-bottom: 16px;\n            }\n\n            .nfp-stats {\n                grid-template-columns: repeat(2, 1fr);\n            }\n\n            .nfp-stat:nth-child(2)::after {\n                display: none;\n            }\n\n            .nfp-stat {\n                padding: 32px 20px;\n            }\n\n            .nfp-stat__number {\n                font-size: 2rem;\n            }\n\n            .nfp-services__grid {\n                grid-template-columns: 1fr;\n            }\n\n            .nfp-why__grid {\n                grid-template-columns: 1fr;\n                gap: 28px;\n            }\n\n            .nfp-business__grid {\n                grid-template-columns: 1fr;\n                gap: 24px;\n            }\n\n            .nfp-business__details {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .nfp-about-container {\n                padding: 0 16px;\n            }\n\n            .nfp-stats {\n                grid-template-columns: 1fr 1fr;\n            }\n\n            .nfp-stat::after {\n                display: none;\n            }\n        }\n\n        \/* ============================================\n           SCROLL ANIMATIONS (Intersection Observer)\n           ============================================ *\/\n        .nfp-reveal {\n            opacity: 0;\n            transform: translateY(20px);\n            transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1),\n                        transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);\n        }\n\n        .nfp-reveal--visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .nfp-reveal--d1 { transition-delay: 0.08s; }\n        .nfp-reveal--d2 { transition-delay: 0.16s; }\n        .nfp-reveal--d3 { transition-delay: 0.24s; }\n        .nfp-reveal--d4 { transition-delay: 0.32s; }\n        .nfp-reveal--d5 { transition-delay: 0.40s; }\n        .nfp-reveal--d6 { transition-delay: 0.48s; }\n        .nfp-reveal--d7 { transition-delay: 0.56s; }\n        .nfp-reveal--d8 { transition-delay: 0.64s; }\n        .nfp-reveal--d9 { transition-delay: 0.72s; }\n    \n\/* ============================================\n   ELEMENTOR OVERRIDE FIXES\n   Elementor global styles have high specificity,\n   these !important rules ensure our page renders\n   correctly within the Elementor page wrapper.\n   ============================================ *\/\n\n\/* CTA section: force full-width breakout from Elementor container *\/\n.nfp-cta {\n    margin-left: calc(-50vw + 50%) !important;\n    margin-right: calc(-50vw + 50%) !important;\n    width: 100vw !important;\n    max-width: 100vw !important;\n}\n\n\/* CTA title: Elementor sets all h2 to #1F1F1F, override to white *\/\n.nfp-cta .nfp-cta__title,\n.nfp-cta h2.nfp-cta__title,\nsection.nfp-cta h2 {\n    color: #FFFFFF !important;\n    font-size: clamp(1.75rem, 3vw, 2.25rem) !important;\n    font-weight: 700 !important;\n}\n\n\/* CTA subtitle *\/\n.nfp-cta .nfp-cta__subtitle,\nsection.nfp-cta p {\n    color: #9CA3AF !important;\n}\n\n\/* CTA button: override Elementor link styles *\/\n.nfp-cta .nfp-cta__btn,\nsection.nfp-cta a.nfp-cta__btn {\n    color: #FFFFFF !important;\n    text-decoration: none !important;\n    background-color: #C50F0F !important;\n    display: inline-flex !important;\n}\n\n.nfp-cta .nfp-cta__btn:hover,\nsection.nfp-cta a.nfp-cta__btn:hover {\n    background-color: #940B0B !important;\n    color: #FFFFFF !important;\n    text-decoration: none !important;\n}\n\n\/* Stats section: force full-width breakout *\/\n.nfp-about-section--alt {\n    margin-left: calc(-50vw + 50%) !important;\n    margin-right: calc(-50vw + 50%) !important;\n    width: 100vw !important;\n    max-width: 100vw !important;\n}\n\n\/* Override Elementor global link hover color on our page elements *\/\n.nfp-story__content a,\n.nfp-montage__card a,\n.nfp-business__item-value a {\n    text-decoration: none !important;\n}\n\n\/* Ensure h2\/h3 in our sections use correct colors *\/\n.nfp-services__title,\n.nfp-montage__title,\n.nfp-why__title {\n    color: #1F1F1F !important;\n}\n\n\/* Fix Elementor stripping SVG display in buttons *\/\n.nfp-cta__btn svg {\n    display: inline-block !important;\n    width: 16px !important;\n    height: 16px !important;\n    flex-shrink: 0 !important;\n}\n\n<\/style>\n<!-- =============================================\n         1. HERO\n         ============================================= -->\n    <section class=\"nfp-hero\">\n        <div class=\"nfp-about-container\">\n            <p class=\"nfp-hero__eyebrow nfp-animate nfp-animate--d1\">Over ons<\/p>\n            <h1 class=\"nfp-hero__title nfp-animate nfp-animate--d2\">Wij zijn NeedForParts<\/h1>\n            <p class=\"nfp-hero__subtitle nfp-animate nfp-animate--d3\">\n                Specialist in premium auto styling onderdelen voor BMW, Mercedes, Audi en Volkswagen.\n                Opgericht vanuit passie voor auto&#8217;s en de drang om het beter te doen.\n            <\/p>\n            <span class=\"nfp-hero__accent\"><\/span>\n        <\/div>\n    <\/section>\n\n    <!-- =============================================\n         2. ONS VERHAAL\n         ============================================= -->\n    <section class=\"nfp-about-section\">\n        <div class=\"nfp-about-container\">\n            <div class=\"nfp-story\">\n                <div class=\"nfp-story__label nfp-reveal\">Ons verhaal<\/div>\n                <div class=\"nfp-story__content\">\n                    <p class=\"nfp-reveal nfp-reveal--d1\">\n                        NeedForParts is in 2024 ontstaan vanuit een simpele frustratie: het vinden van de juiste styling onderdelen voor je auto was onnodig ingewikkeld. Geen duidelijke compatibiliteit, ondoorzichtige webshops en lange wachttijden. Dat moest anders.\n                    <\/p>\n                    <p class=\"nfp-reveal nfp-reveal--d2\">\n                        Als autoliefhebbers weten wij wat het betekent om je auto precies zo te willen hebben als jij voor ogen hebt. Daarom hebben wij een platform gebouwd waar je <strong>binnen enkele seconden<\/strong> het juiste onderdeel vindt \u2014 via kenteken of door je merk, model en bouwjaar te selecteren.\n                    <\/p>\n                    <p class=\"nfp-reveal nfp-reveal--d3\">\n                        Ons doel is helder: het zo eenvoudig mogelijk maken voor particulieren \u00e9n bedrijven om hoogwaardige auto styling onderdelen te vinden, bestellen en te laten monteren. Geen gedoe, geen onduidelijkheid. Gewoon snel en goed geregeld.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- =============================================\n         3. STATS\n         ============================================= -->\n    <section class=\"nfp-about-section--alt\">\n        <div class=\"nfp-about-container\">\n            <div class=\"nfp-stats\">\n                <div class=\"nfp-stat nfp-reveal\">\n                    <div class=\"nfp-stat__number\">644+<\/div>\n                    <div class=\"nfp-stat__label\">Producten<\/div>\n                <\/div>\n                <div class=\"nfp-stat nfp-reveal nfp-reveal--d1\">\n                    <div class=\"nfp-stat__number\">4<\/div>\n                    <div class=\"nfp-stat__label\">Automerken<\/div>\n                <\/div>\n                <div class=\"nfp-stat nfp-reveal nfp-reveal--d2\">\n                    <div class=\"nfp-stat__number\">4<\/div>\n                    <div class=\"nfp-stat__label\">Landen \u2014 NL, BE, DE, LU<\/div>\n                <\/div>\n                <div class=\"nfp-stat nfp-reveal nfp-reveal--d3\">\n                    <div class=\"nfp-stat__number\">2024<\/div>\n                    <div class=\"nfp-stat__label\">Opgericht<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- =============================================\n         4. WAT WIJ DOEN\n         ============================================= -->\n    <section class=\"nfp-about-section\">\n        <div class=\"nfp-about-container\">\n            <div class=\"nfp-services__header nfp-reveal\">\n                <p class=\"nfp-services__eyebrow\">Ons assortiment<\/p>\n                <h2 class=\"nfp-services__title\">Premium styling voor elk merk<\/h2>\n                <p class=\"nfp-services__intro\">\n                    Van subtiele upgrades tot complete transformaties \u2014 wij leveren performance-look onderdelen\n                    die jouw BMW, Mercedes, Audi of Volkswagen naar een hoger niveau tillen.\n                <\/p>\n            <\/div>\n\n            <div class=\"nfp-services__grid\">\n                <div class=\"nfp-service nfp-reveal\">\n                    <div class=\"nfp-service__name\">Grilles<\/div>\n                    <div class=\"nfp-service__desc\">Diamond, Single &#038; Double Line, LED varianten in hoogglans zwart<\/div>\n                <\/div>\n                <div class=\"nfp-service nfp-reveal nfp-reveal--d1\">\n                    <div class=\"nfp-service__name\">Diffusers<\/div>\n                    <div class=\"nfp-service__desc\">Met chrome of zwarte exhaust tips, LED opties \u2014 AMG, M Performance look<\/div>\n                <\/div>\n                <div class=\"nfp-service nfp-reveal nfp-reveal--d2\">\n                    <div class=\"nfp-service__name\">Front Splitters<\/div>\n                    <div class=\"nfp-service__desc\">Sport look splitters en canards voor een agressievere voorkant<\/div>\n                <\/div>\n                <div class=\"nfp-service nfp-reveal nfp-reveal--d3\">\n                    <div class=\"nfp-service__name\">Spoilers<\/div>\n                    <div class=\"nfp-service__desc\">Roof, rear en lip spoilers \u2014 M Performance, AMG en RS look<\/div>\n                <\/div>\n                <div class=\"nfp-service nfp-reveal nfp-reveal--d4\">\n                    <div class=\"nfp-service__name\">Side Skirts<\/div>\n                    <div class=\"nfp-service__desc\">Extensions en complete side skirts voor een verlaagd, sportief profiel<\/div>\n                <\/div>\n                <div class=\"nfp-service nfp-reveal nfp-reveal--d5\">\n                    <div class=\"nfp-service__name\">Mirror Covers<\/div>\n                    <div class=\"nfp-service__desc\">Hoogglans zwart en carbon look spiegelkappen<\/div>\n                <\/div>\n                <div class=\"nfp-service nfp-reveal nfp-reveal--d6\">\n                    <div class=\"nfp-service__name\">Exhaust Tips<\/div>\n                    <div class=\"nfp-service__desc\">Chrome, carbon, zwart \u2014 van 76mm tot 101mm in diverse stijlen<\/div>\n                <\/div>\n                <div class=\"nfp-service nfp-reveal nfp-reveal--d7\">\n                    <div class=\"nfp-service__name\">Body Kits<\/div>\n                    <div class=\"nfp-service__desc\">Complete transformatie pakketten voor een full look upgrade<\/div>\n                <\/div>\n                <div class=\"nfp-service nfp-reveal nfp-reveal--d8\">\n                    <div class=\"nfp-service__name\">Interieur<\/div>\n                    <div class=\"nfp-service__desc\">Stuurwiel trims, dashboard en console covers<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- =============================================\n         5. MONTAGE\n         ============================================= -->\n    <section class=\"nfp-about-section nfp-about-section--alt\">\n        <div class=\"nfp-about-container\">\n            <div class=\"nfp-montage\">\n                <div>\n                    <p class=\"nfp-montage__eyebrow nfp-reveal\">Montage<\/p>\n                    <h2 class=\"nfp-montage__title nfp-reveal nfp-reveal--d1\">Bestellen \u00e9n laten monteren<\/h2>\n                    <p class=\"nfp-montage__text nfp-reveal nfp-reveal--d2\">\n                        Geen zin om zelf te sleutelen? Via onze montagepartner Garage TCS kun je jouw onderdelen\n                        professioneel laten monteren. Bestel bij ons, maak een afspraak, en rijd weg met het resultaat.\n                    <\/p>\n                    <p class=\"nfp-montage__text nfp-reveal nfp-reveal--d3\">\n                        Montage is beschikbaar voor alle producten in ons assortiment. Neem contact op voor meer informatie over beschikbaarheid en planning.\n                    <\/p>\n                <\/div>\n                <div class=\"nfp-montage__card nfp-reveal nfp-reveal--d2\">\n                    <div class=\"nfp-montage__card-title\">Garage TCS<\/div>\n                    <div class=\"nfp-montage__detail\">\n                        <svg class=\"nfp-montage__detail-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                            <path d=\"M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\"\/>\n                            <path d=\"M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z\"\/>\n                        <\/svg>\n                        <span>Televisiestraat 215, 2525 LS Den Haag<\/span>\n                    <\/div>\n                    <div class=\"nfp-montage__detail\">\n                        <svg class=\"nfp-montage__detail-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                            <path d=\"M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z\"\/>\n                        <\/svg>\n                        <span>Ma \u2014 Za: 9:00 \u2013 18:00<\/span>\n                    <\/div>\n                    <div class=\"nfp-montage__detail\">\n                        <svg class=\"nfp-montage__detail-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                            <path d=\"M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75\"\/>\n                        <\/svg>\n                        <span>info@needforparts.eu<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- =============================================\n         6. WAAROM NEEDFORPARTS\n         ============================================= -->\n    <section class=\"nfp-about-section\">\n        <div class=\"nfp-about-container\">\n            <div class=\"nfp-why__header nfp-reveal\">\n                <p class=\"nfp-why__eyebrow\">Waarom NeedForParts<\/p>\n                <h2 class=\"nfp-why__title\">Gebouwd om het simpel te houden<\/h2>\n            <\/div>\n\n            <div class=\"nfp-why__grid\">\n                <div class=\"nfp-why-item nfp-reveal\">\n                    <h3 class=\"nfp-why-item__title\">Eenvoudig &amp; overzichtelijk<\/h3>\n                    <p class=\"nfp-why-item__text\">\n                        Zoek op kenteken of selecteer je merk, model en bouwjaar. Binnen seconden zie je welke onderdelen passen op jouw auto. Geen giswerk.\n                    <\/p>\n                <\/div>\n                <div class=\"nfp-why-item nfp-reveal nfp-reveal--d1\">\n                    <h3 class=\"nfp-why-item__title\">Snelle levering<\/h3>\n                    <p class=\"nfp-why-item__text\">\n                        Wij verzenden via DHL naar Nederland, Belgi\u00eb en Duitsland. Snel, betrouwbaar en altijd met track &amp; trace.\n                    <\/p>\n                <\/div>\n                <div class=\"nfp-why-item nfp-reveal nfp-reveal--d2\">\n                    <h3 class=\"nfp-why-item__title\">Professionele montage<\/h3>\n                    <p class=\"nfp-why-item__text\">\n                        Laat je onderdelen monteren bij onze partner Garage TCS in Den Haag. Vakkundig en snel, zonder zorgen.\n                    <\/p>\n                <\/div>\n                <div class=\"nfp-why-item nfp-reveal nfp-reveal--d3\">\n                    <h3 class=\"nfp-why-item__title\">Persoonlijke service<\/h3>\n                    <p class=\"nfp-why-item__text\">\n                        Vragen over compatibiliteit of montage? Wij helpen je verder via info@needforparts.eu. Geen chatbots, gewoon mensen.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- =============================================\n         CTA\n         ============================================= -->\n    <section class=\"nfp-cta\">\n        <div class=\"nfp-about-container\">\n            <h2 class=\"nfp-cta__title nfp-reveal\">Klaar om je auto te transformeren?<\/h2>\n            <p class=\"nfp-cta__subtitle nfp-reveal nfp-reveal--d1\">Bekijk ons assortiment en vind het perfecte onderdeel.<\/p>\n            <a href=\"\/shop\" class=\"nfp-cta__btn nfp-reveal nfp-reveal--d2\">\n                Bekijk producten\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                    <path d=\"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3\"\/>\n                <\/svg>\n            <\/a>\n        <\/div>\n    <\/section>\n\n    <!-- =============================================\n         7. BUSINESS INFO\n         ============================================= -->\n    <section class=\"nfp-about-section\">\n        <div class=\"nfp-about-container\">\n            <div class=\"nfp-business\">\n                <div class=\"nfp-business__grid\">\n                    <div class=\"nfp-business__label\">Bedrijfs&shy;gegevens<\/div>\n                    <div class=\"nfp-business__details\">\n                        <div class=\"nfp-business__item\">\n                            <span class=\"nfp-business__item-label\">Bedrijfsnaam<\/span>\n                            <span class=\"nfp-business__item-value\">NeedForParts<\/span>\n                        <\/div>\n                        <div class=\"nfp-business__item\">\n                            <span class=\"nfp-business__item-label\">KVK-nummer<\/span>\n                            <span class=\"nfp-business__item-value\">96477237<\/span>\n                        <\/div>\n                        <div class=\"nfp-business__item\">\n                            <span class=\"nfp-business__item-label\">Adres<\/span>\n                            <span class=\"nfp-business__item-value\">Televisiestraat 215, 2525 LS Den Haag<\/span>\n                        <\/div>\n                        <div class=\"nfp-business__item\">\n                            <span class=\"nfp-business__item-label\">BTW-nummer<\/span>\n                            <span class=\"nfp-business__item-value\">NL867628017B01<\/span>\n                        <\/div>\n                        <div class=\"nfp-business__item\">\n                            <span class=\"nfp-business__item-label\">E-mail<\/span>\n                            <span class=\"nfp-business__item-value\">\n                                <a href=\"mailto:info@needforparts.eu\">info@needforparts.eu<\/a>\n                            <\/span>\n                        <\/div>\n                        <div class=\"nfp-business__item\">\n                            <span class=\"nfp-business__item-label\">Telefoon<\/span>\n                            <span class=\"nfp-business__item-value\">\n                                <a href=\"tel:+31702042822\">070 204 2822<\/a>\n                            <\/span>\n                        <\/div>\n                        <div class=\"nfp-business__item\">\n                            <span class=\"nfp-business__item-label\">Levering<\/span>\n                            <span class=\"nfp-business__item-value\">Nederland, Belgi\u00eb, Duitsland, Luxemburg<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- =============================================\n         SCROLL REVEAL SCRIPT\n         ============================================= -->\n    <script>\n        \/* Intersection Observer for scroll-triggered animations *\/\n        document.addEventListener('DOMContentLoaded', function() {\n            var reveals = document.querySelectorAll('.nfp-reveal');\n\n            if ('IntersectionObserver' in window) {\n                var observer = new IntersectionObserver(function(entries) {\n                    entries.forEach(function(entry) {\n                        if (entry.isIntersecting) {\n                            entry.target.classList.add('nfp-reveal--visible');\n                            observer.unobserve(entry.target);\n                        }\n                    });\n                }, {\n                    threshold: 0.1,\n                    rootMargin: '0px 0px -40px 0px'\n                });\n\n                reveals.forEach(function(el) {\n                    observer.observe(el);\n                });\n            } else {\n                \/* Fallback: show everything *\/\n                reveals.forEach(function(el) {\n                    el.classList.add('nfp-reveal--visible');\n                });\n            }\n        });\n    <\/script>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Over ons Wij zijn NeedForParts Specialist in premium auto styling onderdelen voor BMW, Mercedes, Audi en Volkswagen. Opgericht vanuit passie voor auto&#8217;s en de drang om het beter te doen. Ons verhaal NeedForParts is in 2024 ontstaan vanuit een simpele frustratie: het vinden van de juiste styling onderdelen voor je auto was onnodig ingewikkeld. Geen [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6809","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/needforparts.eu\/wp-json\/wp\/v2\/pages\/6809","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/needforparts.eu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/needforparts.eu\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/needforparts.eu\/wp-json\/wp\/v2\/comments?post=6809"}],"version-history":[{"count":2,"href":"https:\/\/needforparts.eu\/wp-json\/wp\/v2\/pages\/6809\/revisions"}],"predecessor-version":[{"id":6829,"href":"https:\/\/needforparts.eu\/wp-json\/wp\/v2\/pages\/6809\/revisions\/6829"}],"wp:attachment":[{"href":"https:\/\/needforparts.eu\/wp-json\/wp\/v2\/media?parent=6809"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}