{"id":149,"date":"2026-07-09T07:36:38","date_gmt":"2026-07-09T07:36:38","guid":{"rendered":"https:\/\/p4ybv.nl\/?page_id=149"},"modified":"2026-07-16T08:29:56","modified_gmt":"2026-07-16T08:29:56","slug":"producten","status":"publish","type":"page","link":"https:\/\/p4ybv.nl\/?page_id=149","title":{"rendered":"Producten"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-79fb870f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;800;900&amp;display=swap\" rel=\"stylesheet\">\n    \n<style>\n    :root {\n        --cyan: #00AEEF;\n        --magenta: #E6007E;\n        --yellow: #FFF200;\n        --dark-blue: #002D62;\n        --light-bg: #F5F6F8;\n        --text-color: #111;\n    }\n    .page .entry-title {\n        display: none;\n    }\n\n* {\n    box-sizing: border-box;\n    font-family: 'Montserrat', sans-serif;\n}\n\n    \/* --- HERO SECTIE (Bovenste deel) --- *\/\n    .hero {\n        background-color: var(--light-bg);\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 0 10% 60px 10%; \/* AANGEPAST: Padding aan de bovenkant is nu 0 *\/\n        position: relative;\n        min-height: 400px;\n    }\n\n    .hero-content {\n        max-width: 50%;\n        z-index: 2;\n        padding: 40px 60px 60px 150px; \n    }\n\n    .hero h1 {\n        font-size: 2.5rem;\n        font-weight: 900;\n        line-height: 1.2;\n        margin-bottom: 20px;\n        color: var(--dark-blue);\n        text-transform: uppercase;\n    }\n\n    .text-cyan { color: var(--cyan); }\n    .text-magenta { color: var(--magenta); }\n\n    .hero p {\n        font-size: 1rem;\n        font-weight: 700;\n        line-height: 1.5;\n        margin-bottom: 30px;\n        max-width: 80%;\n    }\n\/* --- EXTRA RESET VOOR THEMA WITRUIMTE --- *\/\n.entry-content, \n.post-content, \n.site-main, \narticle {\n    margin-top: 0 !important;\n    padding-top: 0 !important;\n}\n\n\/* Forceer dat de hero echt geen margin heeft van zichzelf *\/\n.hero {\n    margin-top: 0 !important;\n}\n\n\/* Verberg lege onzichtbare blokjes die WordPress soms genereert rondom scripts *\/\n.hero > p:empty,\n#print-widget-target:empty {\n    display: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n    .btn {\n        display: inline-block;\n        background-color: var(--yellow);\n        color: #000;\n        padding: 12px 30px;\n        text-decoration: none;\n        font-weight: 800;\n        border-radius: 25px;\n        text-transform: uppercase;\n        font-size: 0.9rem;\n        transition: transform 0.2s;\n    }\n\n    \/* NIEUW: De styling voor de kleurrijke vierkantjes *\/\n    .p4y-hero-left-graphic {\n        position: absolute;\n        left: 0;\n        top: 50%;\n        transform: translateY(-50%); \n        height: 60%; \n        z-index: 0; \n    }\n\n    .btn:hover {\n        transform: scale(1.05);\n    }\n\n    .hero-image-container {\n        width: 40%;\n        text-align: right;\n        z-index: 2;\n    }\n\n    .hero-image-container img {\n        max-width: 100%;\n        height: auto;\n    }\n\n    \/* Decoratieve blokken (simulatie van de geometrische vormen) *\/\n    .decor {\n        position: absolute;\n        z-index: 1;\n        opacity: 0.8;\n    }\n    .decor-1 { width: 100px; height: 100px; background: var(--cyan); transform: rotate(45deg); left: -50px; top: 50px; }\n    .decor-2 { width: 80px; height: 80px; background: var(--magenta); transform: rotate(45deg); left: 20px; top: 150px; }\n    .decor-3 { width: 120px; height: 120px; background: var(--dark-blue); transform: rotate(45deg); left: -20px; bottom: -50px; }\n    .decor-4 { width: 50px; height: 50px; background: var(--yellow); transform: rotate(45deg); left: 120px; top: 20px; }\n\n    \/* --- PRODUCTEN SECTIE --- *\/\n    .products-section {\n        padding: 60px 10%;\n        position: relative;\n    }\n\n    .section-title {\n        font-size: 2rem;\n        font-weight: 900;\n        color: var(--dark-blue);\n        margin-bottom: 40px;\n    }\n\n    \/* Grid Layout *\/\n    .grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 25px;\n        z-index: 2;\n        position: relative;\n    }\n\n    \/* Product Kaarten *\/\n    .card {\n        background-color: #FFFFFF;\n        border-radius: 20px;\n        padding: 30px 15px;\n        text-align: center;\n        box-shadow: 0 5px 20px rgba(0,0,0,0.08);\n        transition: transform 0.3s, box-shadow 0.3s;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: flex-end;\n        min-height: 220px;\n    }\n\n    .card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 8px 25px rgba(0,0,0,0.12);\n    }\n\n    .card img {\n        max-width: 80%;\n        height: 100px;\n        object-fit: contain;\n        margin-bottom: 20px;\n    }\n\n    .card h3 {\n        font-size: 0.85rem;\n        font-weight: 800;\n        color: var(--dark-blue);\n        text-transform: uppercase;\n    }\n\n    .card p.subtext {\n        font-size: 0.6rem;\n        color: var(--magenta);\n        font-weight: 700;\n        margin-top: 5px;\n    }\n\n    \/* --- Responsiveness voor mobiel en tablet --- *\/\n    @media (max-width: 1024px) {\n        .grid { grid-template-columns: repeat(3, 1fr); }\n        .hero h1 { font-size: 2rem; }\n    }\n\n    @media (max-width: 768px) {\n        .p4y-hero-left-graphic,\n        .hero-image-container {\n            display: none;\n        }\n\n        .hero { \n            display: block; \n            text-align: center; \n            padding: 40px 5%; \n            min-height: auto;\n        }\n\n        .hero-content { \n            max-width: 100%; \n            padding: 20px; \n            margin-bottom: 30px; \n        }\n\n        .hero p { \n            max-width: 100%; \n            margin: 0 auto 30px auto;\n        }\n        \n        .grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }\n    }\n\n    @media (max-width: 480px) {\n        .grid { grid-template-columns: 1fr; }\n        .hero h1 { font-size: 1.5rem; }\n    }\n<\/style>\n\n<header class=\"hero\">\n    <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/vierkanjes-01.png\" class=\"p4y-hero-left-graphic\" alt=\"Kleurrijke vierkantjes\">\n    \n    <script src=\"https:\/\/popup.print.com\/widget.js?id=949\"><\/script>\n    <div id=\"print-widget-target\" data-print-id=\"949\"><\/div>\n    <div class=\"hero-content\">\n        <h1>Op deze <span class=\"text-cyan\">pagina<\/span><br>\n            vind je ons <span class=\"text-magenta\">complete<br>\n            aanbod<\/span> printproducten.\n        <\/h1>\n        <p>Van Visitekaartjes tot grootformaat posters. Bij ons kun je snel en zonder gedoe je bestelling plaatsen via e-mail. Stuur simpelweg een bericht met de gewenste producten, aantallen en eventuele specificaties, en wij gaan direct voor je aan de slag.<\/p>\n        <a href=\"https:\/\/p4ybv.nl\/?page_id=84\" class=\"btn\">Neem contact met ons op<\/a>\n    <\/div>\n\n    <div class=\"hero-image-container\">\n        <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/Scroll-Group-15.png\" alt=\"Printproducten overzicht\">\n    <\/div>\n<\/header>\n\n<section class=\"products-section\">\n    <h2 class=\"section-title\"><span class=\"text-cyan\">ONZE<\/span> PRODUCTEN<\/h2>\n\n    <div class=\"grid\">\n        \n        <div class=\"card\">\n            <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/Printer.png\" alt=\"Kopie\u00ebn en Prints\">\n            <h3>Kopie\u00ebn \/ Prints<\/h3>\n        <\/div>\n\n        <div class=\"card\">\n            <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/Bouwtekening.png\" alt=\"Bouwtekeningen\">\n            <h3>Bouwtekeningen<\/h3>\n        <\/div>\n\n        <div class=\"card\">\n            <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/Stickers.png\" alt=\"Stickers en Etiketten\">\n            <h3>Stickers \/ Etiketten<\/h3>\n        <\/div>\n\n        <div class=\"card\">\n            <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/Posters.png\" alt=\"Posters\">\n            <h3>Posters<\/h3>\n        <\/div>\n\n        <div class=\"card\">\n            <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/Visitekaartjes.png\" alt=\"Visitekaartjes\">\n            <h3>Visitekaartjes<\/h3>\n        <\/div>\n\n        <div class=\"card\">\n            <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/Lamineren.png\" alt=\"Plastificeren\">\n            <h3>Plastificeren<\/h3>\n        <\/div>\n\n        <div class=\"card\">\n            <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/Foamboard.png\" alt=\"Foamboard\">\n            <h3>Foamboard<\/h3>\n        <\/div>\n\n        <div class=\"card\">\n            <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/Scannen-groot.png\" alt=\"Scannen Groot Formaat\">\n            <h3>Scannen Groot Formaat<\/h3>\n        <\/div>\n\n        <div class=\"card\">\n            <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/Inbinden.png\" alt=\"Inbinden\">\n            <h3>Inbinden<\/h3>\n        <\/div>\n\n        <div class=\"card\">\n            <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/Scroll-Group-12.png\" alt=\"Plastificeren Groot Formaat\">\n            <h3>Plastificeren Groot Formaat<\/h3>\n            <p class=\"subtext\">* 2 DAGEN LEVERTIJD<\/p>\n        <\/div>\n\n        <div class=\"card\">\n            <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/Flyers.png\" alt=\"Flyers en Brochures\">\n            <h3>Flyers \/ Brochures<\/h3>\n        <\/div>\n\n        <div class=\"card\">\n            <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/Visitekaart.png\" alt=\"Enveloppen\">\n            <h3>Enveloppen<\/h3>\n        <\/div>\n\n    <\/div>\n<\/section>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Op deze pagina vind je ons complete aanbod printproducten. Van Visitekaartjes tot grootformaat posters. Bij ons kun je snel en zonder gedoe je bestelling plaatsen via e-mail. Stuur simpelweg een bericht met de gewenste producten, aantallen en eventuele specificaties, en wij gaan direct voor je aan de slag. Neem contact met ons op ONZE PRODUCTEN [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-149","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/p4ybv.nl\/index.php?rest_route=\/wp\/v2\/pages\/149","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/p4ybv.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/p4ybv.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/p4ybv.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/p4ybv.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=149"}],"version-history":[{"count":9,"href":"https:\/\/p4ybv.nl\/index.php?rest_route=\/wp\/v2\/pages\/149\/revisions"}],"predecessor-version":[{"id":334,"href":"https:\/\/p4ybv.nl\/index.php?rest_route=\/wp\/v2\/pages\/149\/revisions\/334"}],"wp:attachment":[{"href":"https:\/\/p4ybv.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}