{"id":6,"date":"2019-06-30T15:02:46","date_gmt":"2019-06-30T15:02:46","guid":{"rendered":"http:\/\/localhost\/computers\/?page_id=6"},"modified":"2026-03-02T16:34:16","modified_gmt":"2026-03-02T15:34:16","slug":"contact","status":"publish","type":"page","link":"https:\/\/page.be\/computers\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"<div id=\"pl-6\"  class=\"panel-layout\" ><div id=\"pg-6-0\"  class=\"panel-grid panel-has-style\" ><div data-overlay-opactity=\"1\" class=\"panel-row-style panel-row-style-for-6-0\" ><div id=\"pgc-6-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-6-0-0-0\" class=\"so-panel widget widget_themegrill_flash_heading tg-widget section-title-wrapper panel-first-child panel-last-child\" data-index=\"0\" >\t<div class=\"heading heading-center divider-with-icon heading-divider\">\n\t<h3 class=\"section-title\">Contacteer ons<\/h3>\n\t<div class=\"divider\"><i class=\"fa fa-users\"><\/i><\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><div id=\"pg-6-1\"  class=\"panel-grid panel-has-style\" ><div data-overlay-opactity=\"1\" class=\"panel-row-style panel-row-style-for-6-1\" ><div id=\"pgc-6-1-0\"  class=\"panel-grid-cell\" ><div id=\"panel-6-1-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"1\" ><div class=\"textwidget custom-html-widget\"><style>\n\/* --- FLEXBOX CONTAINER VOOR DE KAARTEN (WordPress Safe) --- *\/\n.pcc-grid-container {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 30px;\n    max-width: 1200px;\n    margin: 40px auto;\n    padding: 0 20px;\n    box-sizing: border-box;\n}\n\n\/* --- CONTACT BLOK STYLING --- *\/\n.page-contact-card {\n    background: linear-gradient(145deg, rgba(30, 51, 51, 0.85), rgba(0, 0, 0, 0.7));\n    color: #f8f8f8;\n    border-radius: 15px;\n    border: 3px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n    padding: 25px;\n    width: calc(33.333% - 20px);\n    margin: 0;\n    font-family: inherit;\n    position: relative;\n    overflow: hidden;\n    transition: all 0.3s ease;\n    box-sizing: border-box;\n}\n\n\/* Tablet weergave (2 naast elkaar) *\/\n@media (max-width: 992px) {\n    .page-contact-card {\n        width: calc(50% - 15px);\n    }\n}\n\n\/* Mobiele weergave (1 onder elkaar) *\/\n@media (max-width: 768px) {\n    .page-contact-card {\n        width: 100%;\n    }\n}\n\n\/* Hover effect hele kaart *\/\n.page-contact-card:hover {\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);\n    transform: translateY(-5px) scale(1.02);\n}\n\n\/* De geanimeerde blauwe lijn onderaan *\/\n.page-contact-card::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: -100%;\n    width: 100%;\n    height: 3px;\n    background-color: rgba(0, 139, 203, 0.6);\n    transition: left 0.3s ease;\n    border-radius: 1px;\n    z-index: 2;\n}\n\n.page-contact-card:hover::after {\n    left: 0;\n}\n\n.pcc-header,\n.pcc-contact-list {\n    position: relative;\n    z-index: 1;\n}\n\n\/* --- Foto Gedeelte --- *\/\n.pcc-header {\n    text-align: center;\n    margin-bottom: 12px;\n    padding-bottom: 12px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.pcc-photo-container {\n    width: 100%;\n    margin: 0 auto 12px auto;\n    border-radius: 10px;\n    overflow: hidden;\n    position: relative;\n    transition: transform 0.3s ease;\n}\n\n.pcc-photo-container::before {\n    content: \"\";\n    display: block;\n    padding-top: 75%; \/* 4:3 verhouding *\/\n}\n\n.pcc-photo-container img {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n.page-contact-card:hover .pcc-photo-container {\n    transform: scale(1.03);\n}\n\n\/* --- Naam en Functie --- *\/\n.pcc-name {\n    font-size: 1.5em;\n    font-weight: bold;\n    color: #fff;\n    margin: 0 0 2px 0;\n}\n\n.pcc-function {\n    font-size: 1em;\n    color: #009de0;\n    font-style: italic;\n    font-weight: bold;\n    margin: 0;\n    transition: color 0.3s ease;\n}\n\n.page-contact-card:hover .pcc-function {\n    color: #76ae3e;\n}\n\n\/* --- Contactgegevens Lijst --- *\/\n.pcc-contact-list {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n}\n\n.pcc-contact-list .pcc-contact-row {\n    display: flex !important;\n    justify-content: center;\n    align-items: center;\n    gap: 12px;\n    width: 100%;\n    padding: 8px 0;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    font-size: 1.05em;\n    transition: all 0.2s ease !important;\n    text-decoration: none;\n    transform-origin: center center;\n    box-sizing: border-box;\n}\n\n.pcc-contact-list .pcc-contact-row:last-child {\n    border-bottom: none;\n    padding-bottom: 0;\n}\n\n.pcc-contact-list .pcc-contact-row:hover {\n    transform: scale(1.02) !important;\n}\n\n\/* Icoontjes (Basis Blauw) *\/\n.pcc-contact-list .pcc-icon {\n    font-size: 1.1em;\n    color: #009de0;\n    transition: color 0.3s ease;\n}\n\n\/* Lichter blauw bij hover over de gehele kaart *\/\n.page-contact-card:hover .pcc-icon {\n    color: #1aa3e3;\n}\n\n\/* Groen (#76ae3e) bij hover over de specifieke contactrij *\/\n.pcc-contact-list .pcc-contact-row:hover .pcc-icon {\n    color: #76ae3e !important;\n}\n\n\/* Waarden \/ Nummers (Lichtgrijs) *\/\n.pcc-contact-list .pcc-value {\n    color: lightgrey;\n    text-align: center;\n    font-style: italic;\n    transition: color 0.2s ease;\n}\n\n.pcc-contact-list .pcc-contact-row:hover .pcc-value {\n    color: #f4f4f4 !important;\n}\n\n\/* --- Achtergrond Icoon --- *\/\n.page-contact-card .bg-icon {\n    display: none;\n}\n\n@media (min-width: 992px) {\n    .page-contact-card .bg-icon {\n        display: block;\n        position: absolute;\n        right: -20px;\n        bottom: -30px;\n        font-size: 20rem;\n        color: rgba(255, 255, 255, 0.03);\n        transform: rotate(-15deg);\n        pointer-events: none;\n        transition: all 0.3s ease;\n        z-index: 0;\n    }\n\n    .page-contact-card:hover .bg-icon {\n        color: rgba(0, 157, 224, 0.10);\n        transform: rotate(-10deg) scale(1.1);\n    }\n}\n\n\t\n\n<\/style>\n\n<div class=\"pcc-grid-container\">\n\n    <div class=\"page-contact-card\">\n        <i class=\"fa-regular fa-address-card bg-icon\"><\/i>\n        <div class=\"pcc-header\">\n            <div class=\"pcc-photo-container\">\n                <img decoding=\"async\" src=\"https:\/\/page.be\/wp-content\/uploads\/static\/c\/contact\/luc-page.jpg\" alt=\"Foto van Luc Page\">\n            <\/div>\n            <h2 class=\"pcc-name\">Luc Page<\/h2>\n            <p class=\"pcc-function\">Bestuurder<\/p>\n        <\/div>\n        <div class=\"pcc-contact-list\">\n            <a href=\"tel:+3257346769\" class=\"pcc-contact-row\">\n                <i class=\"fa-solid fa-phone pcc-icon\"><\/i>\n                <span class=\"pcc-value\">057 34 67 69<\/span>\n            <\/a>\n            <a href=\"mailto:luc@page.be\" class=\"pcc-contact-row\">\n                <i class=\"fa-regular fa-envelope pcc-icon\"><\/i>\n                <span class=\"pcc-value\">luc@page.be<\/span>\n            <\/a>\n        <\/div>\n    <\/div>\n\n    <div class=\"page-contact-card\">\n        <i class=\"fa-regular fa-address-card bg-icon\"><\/i>\n        <div class=\"pcc-header\">\n            <div class=\"pcc-photo-container\">\n                <img decoding=\"async\" src=\"https:\/\/page.be\/wp-content\/uploads\/static\/c\/contact\/jan-maes.jpg\" alt=\"Foto van Jan Maes\">\n            <\/div>\n            <h2 class=\"pcc-name\">Jan Maes<\/h2>\n            <p class=\"pcc-function\">Winkelverantw. & Technische Dienst<\/p>\n        <\/div>\n        <div class=\"pcc-contact-list\">\n            <a href=\"tel:+3257346760\" class=\"pcc-contact-row\">\n                <i class=\"fa-solid fa-phone pcc-icon\"><\/i>\n                <span class=\"pcc-value\">057 34 67 60<\/span>\n            <\/a>\n            <a href=\"mailto:jan@page.be\" class=\"pcc-contact-row\">\n                <i class=\"fa-regular fa-envelope pcc-icon\"><\/i>\n                <span class=\"pcc-value\">jan@page.be<\/span>\n            <\/a>\n        <\/div>\n    <\/div>\n\n    <div class=\"page-contact-card\">\n        <i class=\"fa-regular fa-address-card bg-icon\"><\/i>\n        <div class=\"pcc-header\">\n            <div class=\"pcc-photo-container\">\n                <img decoding=\"async\" src=\"https:\/\/page.be\/wp-content\/uploads\/static\/c\/contact\/bjorn-wybo.jpg\" alt=\"Foto van Bjorn Wybo\">\n            <\/div>\n            <h2 class=\"pcc-name\">Bjorn Wybo<\/h2>\n            <p class=\"pcc-function\">Verkoop en Aankoop<\/p>\n        <\/div>\n        <div class=\"pcc-contact-list\">\n            <a href=\"tel:+3257346767\" class=\"pcc-contact-row\">\n                <i class=\"fa-solid fa-phone pcc-icon\"><\/i>\n                <span class=\"pcc-value\">057 34 67 67<\/span>\n            <\/a>\n            <a href=\"mailto:bjorn@page.be\" class=\"pcc-contact-row\">\n                <i class=\"fa-regular fa-envelope pcc-icon\"><\/i>\n                <span class=\"pcc-value\">bjorn@page.be<\/span>\n            <\/a>\n        <\/div>\n    <\/div>\n\n    <div class=\"page-contact-card\">\n        <i class=\"fa-regular fa-address-card bg-icon\"><\/i>\n        <div class=\"pcc-header\">\n            <div class=\"pcc-photo-container\">\n                <img decoding=\"async\" src=\"https:\/\/page.be\/wp-content\/uploads\/static\/c\/contact\/hwee_cheng-chua.jpg\" alt=\"Foto van Hwee Cheng Chua\">\n            <\/div>\n            <h2 class=\"pcc-name\">Hwee Cheng Chua<\/h2>\n            <p class=\"pcc-function\">Technische Dienst Intern<\/p>\n        <\/div>\n        <div class=\"pcc-contact-list\">\n            <a href=\"tel:+3257346760\" class=\"pcc-contact-row\">\n                <i class=\"fa-solid fa-phone pcc-icon\"><\/i>\n                <span class=\"pcc-value\">057 34 67 60<\/span>\n            <\/a>\n            <a href=\"mailto:cheng@page.be\" class=\"pcc-contact-row\">\n                <i class=\"fa-regular fa-envelope pcc-icon\"><\/i>\n                <span class=\"pcc-value\">cheng@page.be<\/span>\n            <\/a>\n        <\/div>\n    <\/div>\n\n    <div class=\"page-contact-card\">\n        <i class=\"fa-regular fa-address-card bg-icon\"><\/i>\n        <div class=\"pcc-header\">\n            <div class=\"pcc-photo-container\">\n                <img decoding=\"async\" src=\"https:\/\/page.be\/wp-content\/uploads\/static\/c\/contact\/tom-dhondt.jpg\" alt=\"Foto van Tom Dhondt\">\n            <\/div>\n            <h2 class=\"pcc-name\">Tom Dhondt<\/h2>\n            <p class=\"pcc-function\">Technische Dienst Extern<\/p>\n        <\/div>\n        <div class=\"pcc-contact-list\">\n            <a href=\"tel:+3257346760\" class=\"pcc-contact-row\">\n                <i class=\"fa-solid fa-phone pcc-icon\"><\/i>\n                <span class=\"pcc-value\">057 34 67 60<\/span>\n            <\/a>\n            <a href=\"mailto:tom.dhondt@page.be\" class=\"pcc-contact-row\">\n                <i class=\"fa-regular fa-envelope pcc-icon\"><\/i>\n                <span class=\"pcc-value\">tom.dhondt@page.be<\/span>\n            <\/a>\n        <\/div>\n    <\/div>\n\n    <div class=\"page-contact-card\">\n        <i class=\"fa-regular fa-address-card bg-icon\"><\/i>\n        <div class=\"pcc-header\">\n            <div class=\"pcc-photo-container\">\n                <img decoding=\"async\" src=\"https:\/\/page.be\/wp-content\/uploads\/static\/c\/contact\/laurens-butstraen.jpg\" alt=\"Foto van Laurens Butstraen\">\n            <\/div>\n            <h2 class=\"pcc-name\">Laurens Butstraen<\/h2>\n            <p class=\"pcc-function\">Verkoop<\/p>\n        <\/div>\n        <div class=\"pcc-contact-list\">\n            <a href=\"tel:+3257346767\" class=\"pcc-contact-row\">\n                <i class=\"fa-solid fa-phone pcc-icon\"><\/i>\n                <span class=\"pcc-value\">057 34 67 67<\/span>\n            <\/a>\n            <a href=\"mailto:laurens@page.be\" class=\"pcc-contact-row\">\n                <i class=\"fa-regular fa-envelope pcc-icon\"><\/i>\n                <span class=\"pcc-value\">laurens@page.be<\/span>\n            <\/a>\n        <\/div>\n    <\/div>\n\n<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-6-2\"  class=\"panel-grid panel-has-style\" ><div data-overlay-opactity=\"1\" class=\"panel-row-style panel-row-style-for-6-2\" ><div id=\"pgc-6-2-0\"  class=\"panel-grid-cell\" ><div id=\"panel-6-2-0-0\" class=\"so-panel widget widget_themegrill_flash_heading tg-widget section-title-wrapper panel-first-child\" data-index=\"2\" >\t<div class=\"heading heading-center divider-with-icon heading-divider\">\n\t<h3 class=\"section-title\">Op de kaart<\/h3>\n\t<div class=\"divider\"><i class=\"fa fa-map-marker\"><\/i><\/div>\n\t<div class=\"section-description\">Casselstraat 222 - 8970 Poperinge<\/div>\n<\/div>\n<\/div><div id=\"panel-6-2-0-1\" class=\"so-panel widget widget_sow-image panel-last-child\" data-index=\"3\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-image so-widget-sow-image-default-c67d20f9f743-6\"\n\t\t\t\n\t\t>\n<div class=\"sow-image-container\">\n\t\t<img \n\tsrc=\"https:\/\/page.be\/computers\/wp-content\/uploads\/sites\/2\/2023\/11\/map_pagecomputers_blauw.png\" width=\"800\" height=\"506\" srcset=\"https:\/\/page.be\/computers\/wp-content\/uploads\/sites\/2\/2023\/11\/map_pagecomputers_blauw.png 800w, https:\/\/page.be\/computers\/wp-content\/uploads\/sites\/2\/2023\/11\/map_pagecomputers_blauw-300x190.png 300w, https:\/\/page.be\/computers\/wp-content\/uploads\/sites\/2\/2023\/11\/map_pagecomputers_blauw-768x486.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" alt=\"\" \t\tclass=\"so-widget-image\"\/>\n\t<\/div>\n\n<\/div><\/div><\/div><\/div><\/div><div id=\"pg-6-3\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch panel-row-style panel-row-style-for-6-3\" data-stretch-type=\"full-width-stretch\" data-overlay-opactity=\"1\" ><div id=\"pgc-6-3-0\"  class=\"panel-grid-cell\" ><div id=\"panel-6-3-0-0\" class=\"so-panel widget widget_sow-hero panel-first-child panel-last-child\" data-index=\"4\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-hero so-widget-sow-hero-default-ea60d6383ac1-6 so-widget-fittext-wrapper\"\n\t\t\t data-fit-text-compressor=\"0.85\"\n\t\t>\t\t\t\t<div class=\"sow-slider-base\" style=\"display: none\" tabindex=\"0\">\n\t\t\t\t\t<ul\n\t\t\t\t\tclass=\"sow-slider-images\"\n\t\t\t\t\tdata-settings=\"{&quot;pagination&quot;:true,&quot;speed&quot;:800,&quot;timeout&quot;:8000,&quot;paused&quot;:false,&quot;pause_on_hover&quot;:false,&quot;swipe&quot;:true,&quot;nav_always_show_desktop&quot;:&quot;&quot;,&quot;nav_always_show_mobile&quot;:&quot;&quot;,&quot;breakpoint&quot;:&quot;780px&quot;,&quot;unmute&quot;:false,&quot;anchor&quot;:null}\"\n\t\t\t\t\tstyle=\"min-height: 400px\"\t\t\t\t\tdata-anchor-id=\"\"\n\t\t\t\t>\t\t<li class=\"sow-slider-image  sow-slider-image-cover\" style=\"visibility: visible;;background-color: #333333;background-image: url(https:\/\/page.be\/wp-content\/uploads\/static\/c\/bg\/desktop_bg.jpg)\" >\n\t\t\t\t\t<div class=\"sow-slider-image-container\">\n\t\t\t<div class=\"sow-slider-image-wrapper\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/li>\n\t\t\t\t<li class=\"sow-slider-image  sow-slider-image-cover\" style=\"visibility: hidden;;background-color: #333333\" data-background=\"url(https:\/\/page.be\/wp-content\/uploads\/static\/c\/bg\/laptops_bg.jpg)\" >\n\t\t\t\t\t<div class=\"sow-slider-image-container\">\n\t\t\t<div class=\"sow-slider-image-wrapper\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/li>\n\t\t\t\t<li class=\"sow-slider-image  sow-slider-image-cover\" style=\"visibility: hidden;;background-color: #333333\" data-background=\"url(https:\/\/page.be\/wp-content\/uploads\/static\/c\/bg\/printers_bg.jpg)\" >\n\t\t\t\t\t<div class=\"sow-slider-image-container\">\n\t\t\t<div class=\"sow-slider-image-wrapper\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/li>\n\t\t\t\t<li class=\"sow-slider-image  sow-slider-image-cover\" style=\"visibility: hidden;;background-color: #333333\" data-background=\"url(https:\/\/page.be\/wp-content\/uploads\/static\/c\/bg\/computers_bg.jpg)\" >\n\t\t\t\t\t<div class=\"sow-slider-image-container\">\n\t\t\t<div class=\"sow-slider-image-wrapper\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/li>\n\t\t\t\t<li class=\"sow-slider-image  sow-slider-image-cover\" style=\"visibility: hidden;;background-color: #333333\" data-background=\"url(https:\/\/page.be\/wp-content\/uploads\/static\/c\/bg\/smartphones_bg.jpg)\" >\n\t\t\t\t\t<div class=\"sow-slider-image-container\">\n\t\t\t<div class=\"sow-slider-image-wrapper\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/li>\n\t\t<\/ul>\t\t\t\t<ol class=\"sow-slider-pagination\">\n\t\t\t\t\t\t\t\t\t\t\t<li><a href=\"#\" data-goto=\"0\" aria-label=\"Toon slide 1\"><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li><a href=\"#\" data-goto=\"1\" aria-label=\"Toon slide 2\"><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li><a href=\"#\" data-goto=\"2\" aria-label=\"Toon slide 3\"><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li><a href=\"#\" data-goto=\"3\" aria-label=\"Toon slide 4\"><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li><a href=\"#\" data-goto=\"4\" aria-label=\"Toon slide 5\"><\/a><\/li>\n\t\t\t\t\t\t\t\t\t<\/ol>\n\n\t\t\t\t<div class=\"sow-slide-nav sow-slide-nav-next\">\n\t\t\t\t\t<a href=\"#\" data-goto=\"next\" aria-label=\"Volgende slide\" data-action=\"next\">\n\t\t\t\t\t\t<em class=\"sow-sld-icon-thin-right\"><\/em>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"sow-slide-nav sow-slide-nav-prev\">\n\t\t\t\t\t<a href=\"#\" data-goto=\"previous\" aria-label=\"Vorige slide\" data-action=\"prev\">\n\t\t\t\t\t\t<em class=\"sow-sld-icon-thin-left\"><\/em>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Contacteer ons Luc Page Bestuurder 057 34 67 69 luc@page.be Jan Maes Winkelverantw. &#038; Technische Dienst 057 34 67 60 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width.php","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/page.be\/computers\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/page.be\/computers\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/page.be\/computers\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/page.be\/computers\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/page.be\/computers\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":0,"href":"https:\/\/page.be\/computers\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"wp:attachment":[{"href":"https:\/\/page.be\/computers\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}