{"id":84,"date":"2026-07-07T11:11:32","date_gmt":"2026-07-07T11:11:32","guid":{"rendered":"https:\/\/p4ybv.nl\/?page_id=84"},"modified":"2026-07-14T10:55:13","modified_gmt":"2026-07-14T10:55:13","slug":"contact","status":"publish","type":"page","link":"https:\/\/p4ybv.nl\/?page_id=84","title":{"rendered":"Contact"},"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\" style=\"border-style:none;border-width:0px;border-top-left-radius:300px;border-top-right-radius:300px;border-bottom-left-radius:300px;border-bottom-right-radius:300px\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Contactpagina<\/title>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;700;800;900&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n  \/* Algemene styling en huisstijl kleuren *\/\n  :root {\n    --p4y-cyan: #00AEEF;\n    --p4y-magenta: #E6007E;\n    --p4y-yellow: #FFF200;\n    --p4y-lightbg: #F8F9FA;\n    --p4y-darkblue: #0B1B3D; \n  }\n\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  .p4y-wrapper {\n    font-family: 'Montserrat', sans-serif;\n    line-height: 1.6;\n    width: 100%;\n    overflow-x: hidden;\n    color: var(--p4y-darkblue);\n  }\n\n  .p4y-container {\n    max-width: 1200px; \n    margin: 0 auto;\n    padding: 0 20px; \n    box-sizing: border-box;\n    position: relative;\n  }\n\n  \/* DE ULTIEME KLEUR- EN DIKTE OVERSCHRIJVING *\/\n  #p4y-force-colors h1, \n  #p4y-force-colors h2, \n  #p4y-force-colors h3, \n  #p4y-force-colors .p4y-hero-content p,\n  #p4y-force-colors strong,\n  #p4y-force-colors b {\n    color: var(--p4y-darkblue) !important;\n  }\n\n  #p4y-force-colors h1, \n  #p4y-force-colors h2 {\n    font-weight: 900 !important;\n    margin-bottom: 15px;\n    line-height: 1.2;\n    text-transform: uppercase;\n  }\n\n  #p4y-force-colors h1 { font-size: 2.2rem; }\n  #p4y-force-colors h2 { font-size: 2rem; margin-bottom: 30px; }\n\n  #p4y-force-colors .p4y-hero-content p {\n    font-weight: 700 !important;\n  }\n\n  #p4y-force-colors .p4y-text-cyan { color: var(--p4y-cyan) !important; }\n  #p4y-force-colors .p4y-text-magenta { color: var(--p4y-magenta) !important; }\n\n  \/* ========================================= *\/\n  \/* BUTTON STYLING (ONBREEKBAAR GECENTREERD)  *\/\n  \/* ========================================= *\/\n  .p4y-btn,\n  .wpcf7-submit {\n    display: inline-flex !important; \n    align-items: center !important;\n    justify-content: center !important;\n    background-color: var(--p4y-yellow) !important;\n    color: var(--p4y-darkblue) !important;\n    padding: 0 30px !important;\n    height: 48px !important; \n    border-radius: 25px !important;\n    text-decoration: none !important;\n    font-weight: 900 !important;\n    text-transform: uppercase !important;\n    font-size: 0.85rem !important;\n    border: none !important;\n    cursor: pointer !important;\n    transition: transform 0.2s, box-shadow 0.2s !important;\n    white-space: nowrap !important; \n    box-sizing: border-box !important;\n    line-height: normal !important;\n  }\n  \n  .p4y-btn:hover,\n  .wpcf7-submit:hover { \n    transform: scale(1.05) !important; \n    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;\n  }\n\n  \/* HERO SECTIE *\/\n  .p4y-hero-section {\n    width: 100%;\n    background-color: var(--p4y-lightbg);\n    position: relative;\n    padding: 80px 0; \n    min-height: 450px; \n    overflow: hidden; \n  }\n\n  .p4y-hero-left-graphic {\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    height: 70%;\n    z-index: 0;\n  }\n\n  .p4y-hero {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    max-width: 100%;\n    position: relative;\n    z-index: 1; \n  }\n\n  .p4y-hero-content {\n    max-width: 700px; \n    padding: 0;\n    margin-left: 200px; \n    margin-right: 20px;\n    z-index: 2;\n  }\n\n  #p4y-force-colors .p4y-hero-content p {\n    margin-bottom: 30px;\n    font-size: 0.95rem;\n    max-width: 90%;\n  }\n\n  .p4y-hero-image {\n    position: absolute;\n    right: 0; \n    bottom: -10px; \n    height: auto; \n    width: 700px; \n    max-width: 35vw; \n    object-fit: contain;\n    object-position: right bottom;\n    z-index: 2;\n  }\n  .p4y-hero-image img { max-width: 100%; height: auto; display: block; margin-left: auto; }\n\n  \/* CONTACT FORMULIER SECTIE *\/\n  .p4y-contact-section {\n    padding: 80px 0 100px 0;\n    position: relative;\n  }\n\n  .p4y-bg-graphic-right {\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    max-width: 250px;\n    z-index: -1;\n  }\n\n  .p4y-form-container {\n    max-width: 800px; \n    margin-left: 150px; \n    position: relative;\n    z-index: 2;\n  }\n\n  .p4y-form-top-buttons {\n    display: flex;\n    gap: 15px;\n    margin-bottom: 30px;\n    flex-wrap: wrap;\n  }\n\n  \/* CONTACT FORM 7 FIXES EN STYLING *\/\n  .wpcf7 { width: 100%; }\n  span.wpcf7-form-control-wrap { display: block; width: 100%; }\n\n  .p4y-form {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  \/* Styling voor de invoervelden *\/\n  .p4y-input, .wpcf7-text {\n    width: 100%;\n    padding: 18px 25px;\n    border: 1px solid #EAEAEA;\n    border-radius: 30px;\n    font-family: 'Montserrat', sans-serif;\n    font-size: 0.95rem;\n    font-weight: 500;\n    color: var(--p4y-darkblue);\n    background-color: #FFFFFF;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n    outline: none;\n    transition: border-color 0.3s;\n    box-sizing: border-box;\n  }\n\n  \/* Styling voor het grote tekstvak *\/\n  .p4y-textarea, .wpcf7-textarea {\n    width: 100%;\n    padding: 20px 25px;\n    border: 1px solid #EAEAEA;\n    border-radius: 20px; \n    font-family: 'Montserrat', sans-serif;\n    font-size: 0.95rem;\n    font-weight: 500;\n    color: var(--p4y-darkblue);\n    background-color: #FFFFFF;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n    outline: none;\n    min-height: 250px;\n    resize: vertical;\n    transition: border-color 0.3s;\n    box-sizing: border-box;\n  }\n\n  .p4y-input:focus, .wpcf7-text:focus, .p4y-textarea:focus, .wpcf7-textarea:focus {\n    border-color: var(--p4y-cyan);\n  }\n\n  .p4y-input::placeholder, .p4y-textarea::placeholder, .wpcf7-text::placeholder, .wpcf7-textarea::placeholder {\n    color: #A0A0A0;\n    font-weight: 500;\n  }\n\n  \/* ========================================= *\/\n  \/* FIX VOOR DE KNOPPEN ONDERAAN (CF7)        *\/\n  \/* ========================================= *\/\n  .p4y-form-bottom-actions {\n    display: flex;\n    justify-content: space-between; \n    align-items: flex-start; \/* flex-start voorkomt dat de knop verzakt *\/\n    margin-top: 10px;\n    flex-wrap: wrap; \n    gap: 15px;\n    width: 100%;\n  }\n\n  .p4y-form-bottom-actions p {\n    display: contents !important;\n  }\n\n  .p4y-form-bottom-actions br {\n    display: none !important;\n  }\n\n  \/* De container voor de bijlagen knop + de bestandsnaam status *\/\n  .p4y-file-upload-wrapper {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  \/* Verbergt de standaard CF7 'Kies bestand' knop *\/\n  .p4y-file-upload-input {\n    display: none !important; \n  }\n\n  \/* Styling voor de bestandsnaam die zichtbaar wordt *\/\n  .p4y-file-name-status {\n    font-size: 0.8rem;\n    font-weight: 700;\n    color: var(--p4y-darkblue);\n    margin-left: 5px;\n    display: none; \/* Standaard verborgen *\/\n  }\n  \n  \/* Voorkomt dat de verborgen CF7 rommel de knop uit elkaar drukt *\/\n  .p4y-form-bottom-actions label.p4y-btn span.wpcf7-form-control-wrap {\n    position: absolute !important;\n    width: 0 !important;\n    height: 0 !important;\n    overflow: hidden !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  \/* Formulier meldingen stijl aanpassen *\/\n  .wpcf7 form .wpcf7-response-output {\n    border-radius: 15px;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    margin-top: 20px;\n  }\n\n  \/* RESPONSIVE DESIGN *\/\n  @media (max-width: 1100px) {\n    .p4y-hero-content { margin-left: 250px; max-width: 600px; }\n    .p4y-hero-image { width: 350px; } \n    .p4y-form-container { margin-left: 50px; }\n  }\n\n  @media (max-width: 992px) {\n    .p4y-hero-content { margin-left: 100px; max-width: 500px; }\n    .p4y-hero-image { width: 300px; }\n    .p4y-form-container { margin-left: 0; }\n  }\n\n  @media (max-width: 768px) {\n    .p4y-hero-left-graphic, \n    .p4y-bg-graphic-right {\n      display: none;\n    }\n\n    .p4y-hero { flex-direction: column; text-align: center; }\n    .p4y-hero-content { padding: 30px 20px; margin: 0; max-width: 100%; }\n    \n    .p4y-hero-image {\n      position: relative;\n      right: auto;\n      bottom: auto;\n      margin: 30px auto 0 auto; \n      width: 90%; \n      text-align: center;\n    }\n    .p4y-hero-image img { margin: 0 auto; }\n\n    #p4y-force-colors .p4y-hero-content p { margin: 0 auto 30px auto; }\n    \n    .p4y-form-top-buttons { justify-content: center; }\n    \n    .p4y-form-bottom-actions { justify-content: center; flex-direction: column; width: 100%; }\n    .p4y-file-upload-wrapper { width: 100%; }\n    .p4y-form-bottom-actions .p4y-btn, .wpcf7-submit { width: 100% !important; display: flex !important; }\n    .p4y-file-name-status { text-align: center; width: 100%; }\n    \n    #p4y-force-colors h1 { font-size: 1.8rem; }\n    #p4y-force-colors h2 { font-size: 1.6rem; text-align: center; }\n  }\n<\/style>\n\n<div class=\"p4y-wrapper\" id=\"p4y-force-colors\">\n\n  <div class=\"p4y-hero-section\">\n    <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/vierkanjes-01.png\" class=\"p4y-hero-left-graphic\" alt=\"Versiering links\">\n\n    <div class=\"p4y-hero-image\">\n      <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/Mask-Group-15.png\" alt=\"Klantenservice illustratie\">\n    <\/div>\n\n    <div class=\"p4y-container\">\n      <section class=\"p4y-hero\">\n        <div class=\"p4y-hero-content\">\n          <h1><span class=\"p4y-text-magenta\">VRAGEN<\/span> OF EEN BESTELLING<br>\n              PLAATSEN NEEM <span class=\"p4y-text-cyan\">CONTACT<\/span> MET ONS OP\n          <\/h1>\n          <p>Vul eenvoudig ons contact formulier in met de vraag of de opdracht dan zorgen wij dat we jou zo goed mogelijk kunnen helpen. Vergeet niet om naar onze aanlever specificaties te kijken zodat je de bestanden correct aanlevert. Klik op de knop boven het contact formulier.<\/p>\n          <a href=\"https:\/\/p4ybv.nl\/?page_id=149\" class=\"p4y-btn\">ONZE DIENSTEN ONTDEKKEN<\/a>\n        <\/div>\n      <\/section>\n    <\/div>\n  <\/div>\n\n  <div class=\"p4y-contact-section\" id=\"contactformulier\">\n    \n    <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/vierkantjes-rechts-01.png\" class=\"p4y-bg-graphic-right\" alt=\"Achtergrond versiering\">\n\n    <div class=\"p4y-container\">\n      \n      <div class=\"p4y-form-container\">\n        <h2><span class=\"p4y-text-magenta\">NEEM<\/span> CONTACT OP MET ONS<\/h2>\n\n        <div class=\"p4y-form-top-buttons\">\n          <a href=\"https:\/\/p4ybv.nl\/?page_id=82\" class=\"p4y-btn\">AANLEVER SPECIFICATIES<\/a>\n          <a href=\"https:\/\/p4ybv.nl\/?page_id=203\" class=\"p4y-btn\">PAPIER CATALOGUS<\/a>\n        <\/div>\n\n        \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f262-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"262\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F84#wpcf7-f262-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"262\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f262-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<style type=\"text\/css\">.ddbceeaabfbbd { position: absolute !important; left: -9999vw !important; }<\/style><div id=\"\" class=\"ddbceeaabfbbd\"><label for=\"website-ddbceeaabfbbd\">Website<\/label><input type=\"url\" name=\"website\" value=\"\" autocomplete=\"disable\" tabindex=\"-1\" id=\"website-ddbceeaabfbbd\"  \/><label for=\"firstname-ddbceeaabfbbd\">First Name<\/label><input type=\"text\" name=\"firstname\" value=\"\" autocomplete=\"disable\" tabindex=\"-1\" id=\"firstname-ddbceeaabfbbd\"  \/><label for=\"lastname-ddbceeaabfbbd\">Last Name<\/label><input type=\"text\" name=\"lastname\" value=\"\" autocomplete=\"disable\" tabindex=\"-1\" id=\"lastname-ddbceeaabfbbd\"  \/><label for=\"email-ddbceeaabfbbd\">Email<\/label><input type=\"email\" name=\"email\" value=\"\" autocomplete=\"disable\" tabindex=\"-1\" id=\"email-ddbceeaabfbbd\"  \/><label for=\"dd11730b16cee78a19717ab11fbb8d-ddbceeaabfbbd\"><\/label><input type=\"text\" name=\"dd11730b16cee78a19717ab11fbb8d\" value=\"\" autocomplete=\"disable\" tabindex=\"-1\" id=\"dd11730b16cee78a19717ab11fbb8d-ddbceeaabfbbd\"  \/><\/div><div class=\"p4y-form\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required p4y-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Naam\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t<\/p>\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-tel\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel p4y-input\" aria-invalid=\"false\" placeholder=\"Telefoon\" value=\"\" type=\"tel\" name=\"your-tel\" \/><\/span>\n\t<\/p>\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email p4y-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"E-Mail\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t<\/p>\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text p4y-input\" aria-invalid=\"false\" placeholder=\"Onderwerp\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span>\n\t<\/p>\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required p4y-textarea\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Type je bericht...\" name=\"your-message\"><\/textarea><\/span>\n\t<\/p>\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"mfile-131\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-drag-n-drop-file d-none\" aria-invalid=\"false\" type=\"file\" multiple=\"multiple\" data-name=\"mfile-131\" data-type=\"pdf|jpg|jpeg|png\" data-limit=\"20000000\" data-min=\"1\" data-max=\"10\" data-id=\"262\" data-version=\"free version 1.3.9.8\" accept=\".pdf, .jpg, .jpeg, .png\" \/><\/span>\n\t<\/p>\n\t<div class=\"p4y-file-name-status\" id=\"p4y-file-status\">\n\t<\/div>\n<\/div>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner p4y-btn\" type=\"submit\" value=\"VERSTUREN\" \/><br \/>\n<br \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<script>\n  document.addEventListener('change', function(e) {\n    if (e.target && e.target.classList.contains('p4y-file-upload-input')) {\n      const fileInput = e.target;\n      const statusText = document.getElementById('p4y-file-status');\n      \n      if (statusText) {\n        if (fileInput.files.length > 0) {\n          let fileNames = [];\n          for (let i = 0; i < fileInput.files.length; i++) {\n            fileNames.push(fileInput.files[i].name);\n          }\n          statusText.textContent = \"\ud83d\udcc4 Geselecteerd: \" + fileNames.join(', ');\n          statusText.style.display = \"block\";\n        } else {\n          statusText.style.display = \"none\";\n        }\n      }\n    }\n  });\n<\/script>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Contactpagina VRAGEN OF EEN BESTELLING PLAATSEN NEEM CONTACT MET ONS OP Vul eenvoudig ons contact formulier in met de vraag of de opdracht dan zorgen wij dat we jou zo goed mogelijk kunnen helpen. Vergeet niet om naar onze aanlever specificaties te kijken zodat je de bestanden correct aanlevert. Klik op de knop boven het [&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-84","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/p4ybv.nl\/index.php?rest_route=\/wp\/v2\/pages\/84","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=84"}],"version-history":[{"count":28,"href":"https:\/\/p4ybv.nl\/index.php?rest_route=\/wp\/v2\/pages\/84\/revisions"}],"predecessor-version":[{"id":458,"href":"https:\/\/p4ybv.nl\/index.php?rest_route=\/wp\/v2\/pages\/84\/revisions\/458"}],"wp:attachment":[{"href":"https:\/\/p4ybv.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=84"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}