{"id":2,"date":"2026-07-07T07:58:04","date_gmt":"2026-07-07T07:58:04","guid":{"rendered":"https:\/\/p4ybv.nl\/?page_id=2"},"modified":"2026-08-12T08:56:59","modified_gmt":"2026-08-12T08:56:59","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/p4ybv.nl\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-0b95d166 wp-block-columns-is-layout-flex\" style=\"padding-top:0;padding-bottom:0\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-columns 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 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;700;800;900&amp;display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/popup.print.com\/widget.js?id=949\"><\/script>\n\n<style>\n  \/* Algemene styling en kleuren *\/\n  :root {\n    --p4y-cyan: #00AEEF;\n    --p4y-magenta: #E6007E;\n    --p4y-yellow: #FFF200;\n    --p4y-darkblue: #0B1B3D;\n    --p4y-lightbg: #F8F9FA;\n    --p4y-font:'Montserrat', sans-serif;\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\/* Sticky Header voor Desktop *\/\n@media (min-width: 769px) {\n  .p4y-header-section {\n    position: -webkit-sticky; \/* Voor Safari ondersteuning *\/\n    position: sticky;\n    top: 0;\n    z-index: 9999; \/* Zorgt dat de header boven alle andere elementen blijft zweven *\/\n    box-shadow: 0 2px 10px rgba(0,0,0,0.1); \/* Subtiele schaduw voor diepte *\/\n  }\n}\n\n\/* Header statisch (normaal) voor Mobiel *\/\n@media (max-width: 768px) {\n  .p4y-header-section {\n    position: relative; \/* Dit zorgt dat hij op mobiel gewoon met de pagina meescrolt *\/\n    box-shadow: none;\n  }\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  \/* ========================================= *\/\n  \/* ACHTERGROND VLAKKEN (WIT & GRIJS)         *\/\n  \/* ========================================= *\/\n  .p4y-bg-white {\n    background-color: #ffffff !important;\n    width: 100%;\n  }\n\n  .p4y-bg-grey {\n    background-color: var(--p4y-lightbg) !important;\n    width: 100%;\n  }\n\n  \/* Belangrijke meldingen balk *\/\n  .p4y-alert-bar {\n    background-color: #FFD6D6;\n    color: #A94442; \n    padding: 12px 20px;\n    text-align: center;\n    font-weight: 700;\n    font-size: 0.95rem;\n    font-family: 'Montserrat', sans-serif;\n    width: 100%;\n    box-sizing: border-box;\n    border-bottom: 1px solid #FFBABA;\n  }\n\n  .p4y-wrapper h1, \n  .p4y-wrapper h2, \n  .p4y-wrapper h3, \n  .p4y-wrapper strong, \n  .p4y-wrapper b {\n    color: #002D62; \n  }\n\n  .p4y-wrapper {\n    font-family: 'Montserrat', sans-serif;\n    color: var(--p4y-darkblue);\n    line-height: 1.6;\n    width: 100%;\n    background-color: #ffffff; \n    margin: 0;\n    padding: 0;\n  }\n\n  .p4y-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px; \n    box-sizing: border-box;\n  }\n\n  .p4y-wrapper h1, .p4y-wrapper h2 {\n    margin-bottom: 15px;\n    line-height: 1.2;\n    text-transform: uppercase;\n    font-weight: 900 !important;\n  }\n  \n  .p4y-wrapper h3 {\n    margin-bottom: 15px;\n    line-height: 1.2;\n    text-transform: uppercase;\n    font-weight: 800 !important;\n  }\n\n  .p4y-wrapper p {\n    font-weight: 700 !important;\n  }\n\n  .p4y-text-cyan { color: var(--p4y-cyan); }\n  .p4y-text-magenta { color: var(--p4y-magenta); }\n  .p4y-text-dark { color: var(--p4y-darkblue); }\n\n  \/* BUTTON STYLING MET HOVER EFFECT *\/\n  .p4y-btn {\n    display: inline-block;\n    background-color: var(--p4y-yellow);\n    color: var(--p4y-darkblue);\n    padding: 12px 24px;\n    border-radius: 25px;\n    text-decoration: none;\n    font-weight: 900;\n    text-transform: uppercase;\n    font-size: 0.9em;\n    border: none;\n    cursor: pointer;\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n  }\n\n  .p4y-btn:hover {\n    transform: scale(1.05); \n    box-shadow: 0 4px 15px rgba(0,0,0,0.1); \n  }\n\n  .p4y-btn-dark {\n    background-color: var(--p4y-darkblue);\n    color: white;\n  }\n\n  \/* Header *\/\n  .p4y-header-section {\n    width: 100%;\n    border-bottom: 2px solid #eee;\n    background-color: #ffffff;\n    margin-bottom: 0 !important;\n  }\n  .p4y-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 20px 0;\n  }\n  .p4y-nav {\n    display: flex;\n    gap: 20px;\n    align-items: center;\n  }\n  .p4y-nav a { \n    text-decoration: none; \n    color: var(--p4y-darkblue); \n    font-weight: 800;\n  }\n  .p4y-nav a:hover { color: var(--p4y-cyan); }\n\n  \/* Hero Sectie *\/\n  .p4y-hero-section {\n    width: 100%;\n    position: relative;\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: 60%;\n    z-index: 0;\n  }\n\n  .p4y-hero-content {\n    flex: 1;\n    padding: 40px 60px 40px 350px; \n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    z-index: 2;\n  }\n\n  .p4y-hero {\n    display: flex;\n    align-items: center;\n    max-width: 100%;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1; \n  }\n\n  .p4y-hero-image {\n    flex: 1;\n    text-align: right;\n    z-index: 2;\n  }\n  \n  .p4y-hero-image img {\n    max-width: 100%;\n    height: auto;\n  }\n\n  \/* Grid Secties (Werkwijze & Waarom) *\/\n  .p4y-section {\n    padding: 60px 0;\n    text-align: center;\n    width: 100%;\n  }\n  .p4y-grid-4 {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n    margin-top: 30px;\n  }\n  .p4y-card {\n    background: white;\n    border: 1px solid #eee;\n    border-radius: 15px;\n    padding: 20px;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    box-sizing: border-box;\n  }\n  .p4y-card img {\n    width: 175px;\n    height: 175px;\n    object-fit: contain;\n    margin-bottom: 15px;\n  }\n  .p4y-card h3 { \n    font-size: 1em; \n    margin-bottom: 10px; \n  }\n  .p4y-card p { \n    font-size: 0.8em; \n    color: #666; \n    font-weight: normal;\n    margin-bottom: 0;\n    flex-grow: 1;\n  }\n\n  \/* Slider Sectie *\/\n  .p4y-slider-section {\n    width: 100%;\n    margin: 40px 0;\n  }\n  .p4y-slider-container {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n  }\n  .p4y-slider-track {\n    display: flex;\n    transition: transform 0.5s ease-in-out;\n    width: 300%;\n  }\n  .p4y-slide {\n    width: 33.333%;\n    position: relative;\n  }\n  .p4y-slide img {\n    width: 100%;\n    display: block;\n    object-fit: cover;\n  }\n  .p4y-slider-dots {\n    position: absolute;\n    bottom: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    gap: 10px;\n  }\n  .p4y-dot {\n    width: 12px;\n    height: 12px;\n    background-color: rgba(169,169,169,0.5);\n    border-radius: 100%;\n    cursor: pointer;\n  }\n  .p4y-dot.active { background-color: var(--p4y-cyan); }\n\n  \/* Zelf Printen Sectie *\/\n  .p4y-zelf-printen-section {\n    width: 100%;\n    position: relative; \n  }\n\n  .p4y-zp-right-graphic {\n    position: absolute;\n    right: 0;          \n    top: 50%;\n    transform: translateY(-50%);\n    max-width: 200px;   \n    height: auto;\n    z-index: 0;         \n  }\n  \n  .p4y-zp-text { \n    flex: 1; \n    padding: 0 350px 0 30px; \n    position: relative;\n    z-index: 2;\n  }\n\n  .p4y-zelf-printen {\n    display: flex;\n    align-items: center;\n    padding: 60px 0;\n    position: relative; \n    z-index: 1;         \n  }\n\n  \/* Footer *\/\n  .p4y-footer-section {\n    width: 100%;\n    border-top: 2px solid #eee;\n    background-color: #ffffff; \n  }\n  .p4y-footer {\n    display: flex;\n    justify-content: space-between;\n    padding: 40px 0;\n    font-size: 0.85em;\n  }\n  .p4y-footer-col { flex: 1; }\n  .p4y-footer-col h3 { \n    font-size: 1.2em; \n    margin-bottom: 10px; \n    font-weight: 800;\n  }\n\n  \/* RESPONSIVE DESIGN VOOR MOBIEL EN TABLET *\/\n  @media (max-width: 992px) {\n    .p4y-hero-content { \n      padding: 40px 40px 40px 250px; \n    }\n    .p4y-zp-text { \n      padding: 0 200px 0 30px; \n    }\n    .p4y-grid-4 { \n      grid-template-columns: repeat(2, 1fr); \n    }\n  }\n\n  @media (max-width: 768px) {\n    .p4y-hero-left-graphic, \n    .p4y-hero-image, \n    .p4y-zp-right-graphic,\n    .ricoh-werkruimte-illustratie {\n      display: none;\n    }\n\n    .p4y-hero { \n      flex-direction: column; \n    }\n\n    .p4y-hero-content { \n      padding: 40px 20px; \n      text-align: center; \n      align-items: center;\n    }\n    \n    .p4y-zelf-printen { \n      flex-direction: column; \n      text-align: center; \n    }\n\n    .p4y-zp-text { \n      padding: 20px 20px 0 20px; \n    }\n    \n    .p4y-grid-4 { \n      grid-template-columns: 1fr; \n    }\n    \n    .p4y-nav { \n      flex-wrap: wrap; \n      justify-content: center; \n    }\n    \n    .p4y-footer { \n      flex-direction: column; \n      text-align: center; \n      gap: 20px; \n    }\n  }\n<\/style>\n\n<div class=\"p4y-wrapper\" id=\"p4y-force-colors\">\n  \n\n  <div id=\"print-widget-target\" data-print-id=\"949\"><\/div>\n\n  <div class=\"p4y-hero-section p4y-bg-white\">\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    <section class=\"p4y-hero\">\n      <div class=\"p4y-hero-content\">\n        <h1>\n          <span class=\"p4y-text-cyan\">BRENG JOUW IDEE\u00cbN<\/span> TOT LEVEN MET <br>\n          <span class=\"p4y-text-magenta\">KRACHTIGE KLEUREN<\/span> EN CREATIVE PRINTS.\n        <\/h1>\n        <p>Van Visitekaartjes tot grootformaat posters: Wij printen alles Met passie, precisie en de beste kwaliteit.<\/p>\n        <a href=\"https:\/\/p4ybv.nl\/?page_id=149\" class=\"p4y-btn\">ONZE DIENSTEN ONTDEKKEN<\/a>\n      <\/div>\n      <div class=\"p4y-hero-image\">\n        <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/Mask-Group-4.png\" alt=\"Printshop illustratie\">\n      <\/div>\n    <\/section>\n  <\/div>\n\n  <div class=\"p4y-bg-grey\">\n    <div class=\"p4y-container\">\n      <section class=\"p4y-section\">\n        <h2><span class=\"p4y-text-cyan\">ONZE<\/span> WERKWIJZE<\/h2>\n        <div class=\"p4y-grid-4\">\n          <div class=\"p4y-card\">\n            <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/Group-43.png\" alt=\"Bestanden aanleveren\">\n            <h3>BESTANDEN AANLEVEREN<\/h3>\n            <p>Stuur uw bestanden eenvoudig via ons contact formulier op onze website<\/p>\n          <\/div>\n          <div class=\"p4y-card\">\n            <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/Group-23.png\" alt=\"Bestandscontrole\">\n            <h3>BESTANDSCONTROLE<\/h3>\n            <p>Wij controleren uw bestanden zorgvuldig op kwaliteit en technische specificaties.<\/p>\n          <\/div>\n          <div class=\"p4y-card\">\n            <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/Group-24.png\" alt=\"In Productie\">\n            <h3>IN PRODUCTIE<\/h3>\n            <p>Na goedkeuring nemen wij uw opdracht direct in productie.<\/p>\n          <\/div>\n          <div class=\"p4y-card\">\n            <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/Scroll-Group-2.png\" alt=\"Ophalen &amp; Betalen\">\n            <h3>OPHALEN &amp; BETALEN<\/h3>\n            <p>Haal uw bestelling op in onze winkel en reken daar direct af bij de kassa.<\/p>\n          <\/div>\n        <\/div>\n      <\/section>\n    <\/div>\n  <\/div>\n\n  <div class=\"p4y-slider-section\">\n    <div class=\"p4y-container\"> \n      <section class=\"p4y-slider-container\">\n        <div class=\"p4y-slider-track\" id=\"p4y-slider\">\n          <div class=\"p4y-slide\">\n            <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_y5nev4y5nev4y5ne.png\" alt=\"Grootformaat printen 1\">\n          <\/div>\n          <div class=\"p4y-slide\">\n            <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_y5nev4y5nev4y5ne-01-scaled.jpg\" alt=\"Grootformaat printen 2\">\n          <\/div>\n          <div class=\"p4y-slide\">\n            <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/afbeelding-slide-3-01-scaled.jpg\" alt=\"Grootformaat printen 3\">\n          <\/div>\n        <\/div>\n        <div class=\"p4y-slider-dots\">\n          <div class=\"p4y-dot active\" onclick=\"p4yGoToSlide(0)\"><\/div>\n          <div class=\"p4y-dot\" onclick=\"p4yGoToSlide(1)\"><\/div>\n          <div class=\"p4y-dot\" onclick=\"p4yGoToSlide(2)\"><\/div>\n        <\/div>\n      <\/section>\n    <\/div>\n  <\/div>\n\n  <!-- Zelf printen met GRIJZE achtergrond -->\n  <div class=\"p4y-zelf-printen-section p4y-bg-grey\">\n    <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/vierkantjes-rechts-01.png\" class=\"p4y-zp-right-graphic\" alt=\"Kleurrijke vierkantjes\">\n\n    <div class=\"p4y-container\">\n      <section class=\"p4y-zelf-printen\">\n        <div class=\"p4y-zp-icon\">\n          <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/Group-44.png\" alt=\"Zelf printen icoon\" width=\"200\">\n        <\/div>\n        <div class=\"p4y-zp-text\">\n          <h2><span class=\"p4y-text-magenta\">ZELF PRINTEN<\/span> IN ONZE WINKEL<\/h2>\n          <p>Heeft u zelf geen printer, maar wilt u toch snel een document afdrukken op A4- of A3-formaat? Dat kan! In onze winkel staan vijf gebruiksvriendelijke printers voor u klaar die u volledig zelfstandig kunt bedienen. Print eenvoudig uw documenten en reken deze na afloop af bij ons aan de kassa.<\/p>\n        <\/div>\n      <\/section>\n    <\/div>\n  <\/div>\n\n  <!-- Waarom bij Print4You met WITTE achtergrond -->\n  <div class=\"p4y-bg-white\">\n    <div class=\"p4y-container\">\n      <section class=\"p4y-section\">\n        <h2><span class=\"p4y-text-cyan\">WAAROM<\/span> BIJ PRINT4YOU<\/h2>\n        <div class=\"p4y-grid-4\">\n          <div class=\"p4y-card\">\n            <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/trioffe.png\" alt=\"Kwaliteit\">\n            <h3>KWALITEIT<\/h3>\n          <\/div>\n          <div class=\"p4y-card\">\n            <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/Scroll-Group-5.png\" alt=\"Snelheid\">\n            <h3>SNELHEID<\/h3>\n          <\/div>\n          <div class=\"p4y-card\">\n            <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/anker.png\" alt=\"Betrouwbaar\">\n            <h3>BETROUWBAAR<\/h3>\n          <\/div>\n          <div class=\"p4y-card\">\n            <img decoding=\"async\" src=\"https:\/\/p4ybv.nl\/wp-content\/uploads\/2026\/07\/Printer-kwal.png\" alt=\"Passie voor print\">\n            <h3>PASSIE VOOR PRINT<\/h3>\n          <\/div>\n        <\/div>\n      <\/section>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<script>\n  let p4yCurrentSlide = 0;\n  const p4yTotalSlides = 3;\n  let p4ySlideInterval;\n\n  function p4yUpdateSlider() {\n    const track = document.getElementById('p4y-slider');\n    const dots = document.querySelectorAll('.p4y-dot');\n    track.style.transform = `translateX(-${p4yCurrentSlide * (100 \/ p4yTotalSlides)}%)`;\n    dots.forEach((dot, index) => {\n      if (index === p4yCurrentSlide) {\n        dot.classList.add('active');\n      } else {\n        dot.classList.remove('active');\n      }\n    });\n  }\n\n  function p4yNextSlide() {\n    p4yCurrentSlide = (p4yCurrentSlide + 1) % p4yTotalSlides;\n    p4yUpdateSlider();\n  }\n\n  function p4yGoToSlide(index) {\n    p4yCurrentSlide = index;\n    p4yUpdateSlider();\n    clearInterval(p4ySlideInterval);\n    p4yStartSlider();\n  }\n\n  function p4yStartSlider() {\n    p4ySlideInterval = setInterval(p4yNextSlide, 5000);\n  }\n\n  document.addEventListener('DOMContentLoaded', p4yStartSlider);\n<\/script>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>BRENG JOUW IDEE\u00cbN TOT LEVEN MET KRACHTIGE KLEUREN EN CREATIVE PRINTS. Van Visitekaartjes tot grootformaat posters: Wij printen alles Met passie, precisie en de beste kwaliteit. ONZE DIENSTEN ONTDEKKEN ONZE WERKWIJZE BESTANDEN AANLEVEREN Stuur uw bestanden eenvoudig via ons contact formulier op onze website BESTANDSCONTROLE Wij controleren uw bestanden zorgvuldig op kwaliteit en technische specificaties. [&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-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/p4ybv.nl\/index.php?rest_route=\/wp\/v2\/pages\/2","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=2"}],"version-history":[{"count":62,"href":"https:\/\/p4ybv.nl\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":492,"href":"https:\/\/p4ybv.nl\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/492"}],"wp:attachment":[{"href":"https:\/\/p4ybv.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}