{"id":84,"date":"2026-05-03T14:05:49","date_gmt":"2026-05-03T14:05:49","guid":{"rendered":"https:\/\/debataball.be\/?page_id=84"},"modified":"2026-06-16T21:38:59","modified_gmt":"2026-06-16T21:38:59","slug":"elementor-84","status":"publish","type":"page","link":"https:\/\/debataball.be\/?page_id=84","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"84\" class=\"elementor elementor-84\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08f1b2e e-con-full e-flex e-con e-parent\" data-id=\"08f1b2e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9202b60 elementor-widget elementor-widget-html\" data-id=\"9202b60\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"nl\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Contact | Debataball<\/title>\n  <meta name=\"description\" content=\"Neem contact op met Debataball voor een professionele highlight reel van jouw voetbalmoment.\">\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=Bebas+Neue&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n  <style>\n    \/* \u2500\u2500 RESET \u2500\u2500 *\/\n    .db *,.db *::before,.db *::after{box-sizing:border-box;margin:0;padding:0}\n    .db a{color:inherit;text-decoration:none}\n\n    \/* \u2500\u2500 OUTER WRAPPER - overrides Astra white \u2500\u2500 *\/\n    .db{\n      background:#030407 !important;\n      color:#fff !important;\n      font-family:'Inter',sans-serif !important;\n      font-size:16px;\n      line-height:1.6;\n      display:block;\n      position:relative;\n      width:100vw;\n      left:50%;\n      margin-left:-50vw;\n      min-height:100dvh;\n    }\n\n    \/* \u2500\u2500 TOKENS \u2500\u2500 *\/\n    .db{\n      --blue:#0057FF;\n      --blue-l:#2979FF;\n      --blue-b:#4D94FF;\n      --blue-glow:rgba(0,87,255,0.25);\n      --g1:#AAAAAA;\n      --g2:#666;\n      --border:rgba(255,255,255,0.07);\n      --border-b:rgba(0,87,255,0.4);\n    }\n\n    \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n    @keyframes db-glow{0%,100%{box-shadow:0 0 20px rgba(0,87,255,.25),0 0 40px rgba(0,87,255,.25)}50%{box-shadow:0 0 35px rgba(0,87,255,.25),0 0 70px rgba(0,87,255,.25)}}\n    @keyframes db-grid{0%{transform:translateY(0)}100%{transform:translateY(80px)}}\n    @keyframes db-orb{0%,100%{transform:scale(1);opacity:.4}50%{transform:scale(1.05);opacity:.65}}\n    @keyframes db-up{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}\n\n    .db .fu{opacity:0;transform:translateY(32px);transition:opacity .65s ease,transform .65s ease}\n    .db .fu.vis{opacity:1;transform:translateY(0)}\n\n    \/* \u2500\u2500 BACKGROUND \u2500\u2500 *\/\n    .db .bg-wrap{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}\n    .db .bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,87,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,87,255,.06) 1px,transparent 1px);background-size:80px 80px;animation:db-grid 28s linear infinite}\n    .db .bg-ov{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,rgba(0,87,255,.1) 0%,transparent 55%)}\n    .db .bg-orb{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(0,87,255,.1) 0%,transparent 70%);top:10%;right:-100px;animation:db-orb 10s ease-in-out infinite}\n\n    \/* \u2500\u2500 LAYOUT \u2500\u2500 *\/\n    .db .wrap{max-width:1200px;margin:0 auto;padding:0 24px}\n    .db .page{position:relative;z-index:1;min-height:100dvh;display:flex;align-items:center;padding:60px 0 80px}\n\n    \/* \u2500\u2500 GRID \u2500\u2500 *\/\n    .db .contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;align-items:start}\n    @media(max-width:900px){.db .contact-grid{grid-template-columns:1fr;gap:48px}}\n\n    \/* \u2500\u2500 LEFT \u2500\u2500 *\/\n    .db .c-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(0,87,255,.1);border:1px solid rgba(0,87,255,.4);color:#4D94FF;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:6px 16px;border-radius:100px;margin-bottom:28px}\n    .db .c-tag::before{content:'';width:6px;height:6px;background:#2979FF;border-radius:50%;animation:db-glow 2s ease-in-out infinite}\n    .db .c-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.8rem,5vw,5rem);line-height:.92;letter-spacing:.02em;color:#fff !important;margin-bottom:20px}\n    .db .c-title .grad{color:#4D94FF;background:linear-gradient(135deg,#2979FF,#4D94FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\n    .db .c-sub{font-size:1rem;color:#AAAAAA;line-height:1.75;max-width:340px;margin-bottom:44px}\n    .db .c-info{display:flex;flex-direction:column;gap:20px}\n    .db .c-info-item{display:flex;align-items:center;gap:14px;font-size:.9rem;color:#AAAAAA}\n    .db .c-info-item .ic{width:38px;height:38px;border-radius:10px;background:rgba(0,87,255,.1);border:1px solid rgba(0,87,255,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0}\n    .db .c-info-item .ic svg{width:16px;height:16px;fill:#4D94FF}\n\n    \/* \u2500\u2500 FORM \u2500\u2500 *\/\n    .db .form-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:48px 44px;position:relative;overflow:hidden}\n    .db .form-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#0057FF,transparent)}\n    @media(max-width:900px){.db .form-card{padding:36px 28px}}\n\n    .db .field{margin-bottom:22px}\n    .db .field label{display:block;font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#AAAAAA;margin-bottom:10px}\n    .db .field input,.db .field textarea{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:10px;color:#fff !important;font-family:'Inter',sans-serif;font-size:.95rem;padding:14px 18px;outline:none;transition:border-color .2s,background .2s,box-shadow .2s;-webkit-appearance:none}\n    .db .field input::placeholder,.db .field textarea::placeholder{color:#666}\n    .db .field input:focus,.db .field textarea:focus{border-color:#0057FF;background:rgba(0,87,255,.06);box-shadow:0 0 0 3px rgba(0,87,255,.15)}\n    .db .field textarea{resize:vertical;min-height:140px;line-height:1.65}\n    .db .field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}\n    @media(max-width:600px){.db .field-row{grid-template-columns:1fr}}\n\n    .db .submit-btn{width:100%;padding:16px;background:#0057FF;color:#fff !important;border:none;border-radius:10px;font-family:'Inter',sans-serif;font-size:1rem;font-weight:600;letter-spacing:.04em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;transition:background .2s,transform .2s,box-shadow .2s;animation:db-glow 3s ease-in-out infinite}\n    .db .submit-btn:hover{background:#2979FF;transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,87,255,.25)}\n\n    \/* \u2500\u2500 FOOTER STRIP \u2500\u2500 *\/\n    .db .foot-strip{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.07);padding:24px 0;text-align:center;background:#030407 !important}\n    .db .foot-strip p{font-size:.82rem;color:#666}\n    .db .foot-strip a{color:#4D94FF;transition:color .2s}\n    .db .foot-strip a:hover{color:#fff}\n\n    @media(prefers-reduced-motion:reduce){.db *,.db *::before,.db *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}\n  <\/style>\n<\/head>\n<body>\n<div class=\"db\">\n\n  <div class=\"bg-wrap\">\n    <div class=\"bg-grid\"><\/div>\n    <div class=\"bg-ov\"><\/div>\n    <div class=\"bg-orb\"><\/div>\n  <\/div>\n\n  <main class=\"page\">\n    <div class=\"wrap\">\n      <div class=\"contact-grid\">\n\n        <!-- LEFT -->\n        <div>\n          <div class=\"c-tag fu\">Neem contact op<\/div>\n          <h1 class=\"c-title fu\" style=\"transition-delay:.08s\">\n            KLAAR OM<br><span class=\"grad\">VIRAL<\/span><br>TE GAAN?\n          <\/h1>\n          <p class=\"c-sub fu\" style=\"transition-delay:.16s\">\n            Stuur ons je aanvraag en we komen binnen 24 uur bij je terug met een voorstel op maat.\n          <\/p>\n          <div class=\"c-info fu\" style=\"transition-delay:.24s\">\n            <div class=\"c-info-item\">\n              <div class=\"ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg><\/div>\n              Maxime.otten@outlook.be\n            <\/div>\n            <div class=\"c-info-item\">\n              <div class=\"ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z\"\/><\/svg><\/div>\n              Belgi\u00eb &amp; Nederland\n            <\/div>\n            <div class=\"c-info-item\">\n              <div class=\"ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 0 20A10 10 0 0 0 12 2zm1 17.93V18a1 1 0 0 0-2 0v1.93A8.001 8.001 0 0 1 4.07 13H6a1 1 0 0 0 0-2H4.07A8.001 8.001 0 0 1 11 4.07V6a1 1 0 0 0 2 0V4.07A8.001 8.001 0 0 1 19.93 11H18a1 1 0 0 0 0 2h1.93A8.001 8.001 0 0 1 13 19.93z\"\/><\/svg><\/div>\n              Levering binnen 48 uur\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- FORM -->\n        <div class=\"form-card fu\" style=\"transition-delay:.12s\">\n          <form onsubmit=\"return false\">\n            <div class=\"field-row\">\n              <div class=\"field\">\n                <label for=\"naam\">Naam<\/label>\n                <input type=\"text\" id=\"naam\" name=\"naam\" placeholder=\"Jouw naam\" autocomplete=\"name\">\n              <\/div>\n              <div class=\"field\">\n                <label for=\"email\">E-mail<\/label>\n                <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"jouw@email.com\" autocomplete=\"email\">\n              <\/div>\n            <\/div>\n            <div class=\"field\">\n              <label for=\"bedrijf\">Bedrijfsnaam<\/label>\n              <input type=\"text\" id=\"bedrijf\" name=\"bedrijf\" placeholder=\"Optioneel\" autocomplete=\"organization\">\n            <\/div>\n            <div class=\"field\">\n              <label for=\"bericht\">Bericht<\/label>\n              <textarea id=\"bericht\" name=\"bericht\" placeholder=\"Vertel ons over jouw project: welk pakket interesseert je, wat voor footage heb je, voor welk platform...\"><\/textarea>\n            <\/div>\n            <button type=\"submit\" class=\"submit-btn\">\n              Verstuur aanvraag\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/button>\n          <\/form>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/main>\n\n  <div class=\"foot-strip\">\n    <div class=\"wrap\">\n      <p>\u00a9 2025 Debataball. Alle rechten voorbehouden. <a href=\"index.html\">\u2190 Terug naar home<\/a><\/p>\n    <\/div>\n  <\/div>\n\n<\/div><!-- \/db -->\n\n<script>\n  const dbObs = new IntersectionObserver(es => es.forEach(e => {\n    if(e.isIntersecting){e.target.classList.add('vis');dbObs.unobserve(e.target)}\n  }),{threshold:.1});\n  document.querySelectorAll('.db .fu').forEach(el => dbObs.observe(el));\n<\/script>\n<\/body>\n<\/html>\n<index.html><contact.html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c2b4729 e-flex e-con-boxed e-con e-parent\" data-id=\"c2b4729\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact | Debataball Neem contact op KLAAR OMVIRALTE GAAN? Stuur ons je aanvraag en we komen binnen 24 uur bij [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-84","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/debataball.be\/index.php?rest_route=\/wp\/v2\/pages\/84","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/debataball.be\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/debataball.be\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/debataball.be\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/debataball.be\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=84"}],"version-history":[{"count":17,"href":"https:\/\/debataball.be\/index.php?rest_route=\/wp\/v2\/pages\/84\/revisions"}],"predecessor-version":[{"id":209,"href":"https:\/\/debataball.be\/index.php?rest_route=\/wp\/v2\/pages\/84\/revisions\/209"}],"wp:attachment":[{"href":"https:\/\/debataball.be\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=84"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}