{"id":11360,"date":"2026-03-18T15:35:23","date_gmt":"2026-03-18T14:35:23","guid":{"rendered":"https:\/\/brendly.nl\/website-laten-maken-v2\/"},"modified":"2026-04-15T10:33:17","modified_gmt":"2026-04-15T08:33:17","slug":"webdesign-amsterdam","status":"publish","type":"page","link":"https:\/\/brendly.nl\/en\/webdesign-amsterdam\/","title":{"rendered":"Webdesign"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11360\" class=\"elementor elementor-11360 elementor-10307\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71ed0533 e-flex e-con-boxed e-con e-parent\" data-id=\"71ed0533\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17fbf739 elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"17fbf739\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"animElem\">\n <div class=\"animElem__container\">\n  <div class=\"shape__top--media\">\n   <div class=\"wrapper shape__top\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/8F8A5841-1.webp\" alt=\"\" role=\"img\" class=\"heroImg\">\n    <video poster=\"\/wp-content\/uploads\/poster_michiel_01-1.png\" class=\"video__step video__step1\">\n     <source src=\"\/wp-content\/uploads\/1.-Michiel-kick-off-1.mp4\" type=\"video\/mp4\">\n    <\/video>\n    <video poster=\"\/wp-content\/uploads\/danae_poster-1.png\" class=\"video__step video__step2\">\n     <source src=\"\/wp-content\/uploads\/2.-Danae-content-1.mp4\" type=\"video\/mp4\">\n    <\/video>\n    <video poster=\"\/wp-content\/uploads\/max_poster-1.png\" class=\"video__step video__step3\">\n     <source src=\"\/wp-content\/uploads\/3.-Max-design_Trim-1.mp4\" type=\"video\/mp4\">\n    <\/video>\n    <video poster=\"\/wp-content\/uploads\/poster_kevin_04-1.png\" class=\"video__step video__step4\">\n     <source src=\"\/wp-content\/uploads\/4.-Kevin-development-1.mp4\" type=\"video\/mp4\">\n    <\/video>\n    <video poster=\"\/wp-content\/uploads\/poster_michiel_05-1.png\" class=\"video__step video__step5\">\n     <source src=\"\/wp-content\/uploads\/5.-Michiel-livegang-1.mp4\" type=\"video\/mp4\">\n    <\/video>\n    <video poster=\"\/wp-content\/uploads\/poster_corne_06-1.png\" class=\"video__step video__step6\">\n     <source src=\"\/wp-content\/uploads\/6.-Corne-marketing-1.mp4\" type=\"video\/mp4\">\n    <\/video>\n   <\/div>\n  <\/div>\n  <div class=\"shape__top shape__top--reg1\"><\/div>\n  <div class=\"shape__top shape__top--reg2\"><\/div>\n  <div class=\"shape__top shape__top--reg3\"><\/div>\n  <div class=\"shape__accolade shape__accolade--reg1\"><\/div>\n  <div class=\"shape__accolade shape__accolade--reg2\"><\/div>\n <\/div>\n<\/div>\n\n<script>\n document.addEventListener(\"DOMContentLoaded\", (event) => {\n  gsap.registerPlugin(ScrollTrigger);\n\n  const adminBar = document.getElementById('wpadminbar');\n  if (adminBar) {\n   ScrollTrigger.config({ ignoreMobileResize: true });\n   ScrollTrigger.scrollerProxy(document.body, {\n    scrollTop(value) {\n     if (arguments.length) { document.documentElement.scrollTop = value; }\n     return document.documentElement.scrollTop;\n    },\n    getBoundingClientRect() {\n     return { top: 0, left: 0, width: window.innerWidth, height: window.innerHeight };\n    }\n   });\n  }\n\n  let mm = gsap.matchMedia();\n\n  mm.add(\n   {\n    isXlDesktop: '(min-width: 1500px)',\n    isDesktop: '(min-width: 1025px)',\n    isTablet: '(max-width: 1024px)',\n    isMobile: '(max-width:767px)'\n   },\n   (context) => {\n    let { isXlDesktop, isDesktop, isTablet, isMobile } = context.conditions;\n\n    const SCRUB = 0.3;\n\n    gsap.set('.video__step', { opacity: 0, visibility: 'hidden' });\n    gsap.set('.shape__top--reg1', { width: 2000, left: '-50%', top: '20%', rotate: -38 });\n    gsap.set('.shape__top--media', { width: 780, left: '55%', top: '20%' });\n    gsap.to('.shape__top', { scale: 1, stagger: 0.1, duration: 0.5, ease: 'power3.inOut()', delay: 0.5 });\n\n    let tl = gsap.timeline({ ease: 'power3.inOut()' });\n\n    \/\/ Stap 1 \u2014 kickoff\n    tl.to('.shape__top--media', {\n     scrollTrigger: { trigger: '#step-kickoff', start: '20% bottom', end: '75% 80%', scrub: SCRUB, markers: false},\n     width: '30%', top: '48%', left: '70%', translate: 0, '--_rotate': '180deg', immediateRender: false,\n    })\n     .to('.shape__top--reg1', {\n      scrollTrigger: { trigger: '#step-kickoff', start: '20% bottom', end: '75% 80%', scrub: SCRUB, markers: false},\n      width: '25%', top: '28%', left: '55%', rotate: '-90deg', translate: 0, immediateRender: false,\n     })\n     .to('.video__step1', {\n      scrollTrigger: { trigger: '#step-kickoff', start: '20% bottom', end: '75% 80%', scrub: SCRUB, markers: false},\n      autoAlpha: 1, scale: 1.2, immediateRender: false,\n     })\n     .to('.heroImg', {\n      scrollTrigger: { trigger: '#step-kickoff', start: 'center center', end: 'center center', scrub: SCRUB, markers: false},\n      autoAlpha: 0, scale: 1, immediateRender: false,\n     });\n\n    \/\/ Stap 2 \u2014 content\n    const animElem = document.querySelector('#animElem');\n    const containerWidth = animElem ? animElem.offsetWidth : window.innerWidth;\n\n    tl.to('.shape__top--media', {\n     scrollTrigger: { trigger: '#step-content', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n     scale: 1, width: '25%', top: '37%', left: '67.8%', translate: 0, immediateRender: false,\n    })\n     .to('.shape__top--reg1', {\n      scrollTrigger: { trigger: '#step-content', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      width: '40%', top: isTablet ? '31.5%' : '30%', left: isTablet ? '59.5%' :'60%', rotate: 180, translate: 0, backgroundColor: '#FFA200', immediateRender: false,\n     })\n     .to('.video__step1', {\n      scrollTrigger: { trigger: '#step-content', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      autoAlpha: 0, scale: 0.8, immediateRender: false,\n     })\n     .to('.video__step2', {\n      scrollTrigger: { trigger: '#step-content', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      autoAlpha: 1, scale: 1.2, immediateRender: false,\n     });\n\n    \/\/ Stap 3 \u2014 webdesign\n    tl.to('.shape__top--media', {\n     scrollTrigger: { trigger: '#step-webdesign', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n     width: '40%', top: isTablet ? '30%' : '33%', left: isTablet ? '2%' : '0', translate: 0, '--_rotate': '270deg', immediateRender: false,\n    })\n     .to('.shape__top--reg1', {\n      scrollTrigger: { trigger: '#step-webdesign', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      width: '25%', top: isTablet ? '57.8%' : '67.4%', left: isTablet ? '2%' : 0, rotate: 0, translate: 0, immediateRender: false,\n     })\n     .to('.shape__top--reg2', {\n      scrollTrigger: { trigger: '#step-webdesign', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      width: '15%', top: isTablet ? '60.3%' : '72%', left: isTablet ? '27%' : '25%', rotate: 90, translate: 0, backgroundColor: '#053250', immediateRender: false,\n     })\n     .to('.shape__top--reg3', {\n      scrollTrigger: { trigger: '#step-webdesign', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      width: '10%', top: isTablet ? '53.6%' : '63.6%', left: isTablet ? '27%' : '25%', rotate: 0, translate: 0, zIndex: 110, backgroundColor: '#F7053F', immediateRender: false,\n     })\n     .to('.video__step2', {\n      scrollTrigger: { trigger: '#step-webdesign', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      autoAlpha: 0, scale: 0.8, immediateRender: false,\n     })\n     .to('.video__step3', {\n      scrollTrigger: { trigger: '#step-webdesign', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      autoAlpha: 1, scale: 1.2, immediateRender: false,\n     });\n\n    \/\/ Stap 4 \u2014 ontwikkeling\n    tl.set('.shape__accolade--reg1', { width: 82, rotate: 180, scale: 0.5, left: '55%', autoAlpha: 0 })\n     .set('.shape__accolade--reg2', { width: 151, top: '200vh', scale: 5, left: '87%', autoAlpha: 0 })\n     .to('.shape__top--media', {\n      scrollTrigger: { trigger: '#step-development', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      width: isTablet ? '25%' : '22%', top: isTablet ? '45%' : '42%', left: isTablet ? '65%' : '64%', translate: 0, '--_rotate': '180deg', immediateRender: false,\n     })\n     .to('.shape__top--reg1', {\n      scrollTrigger: { trigger: '#step-development', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      width: isTablet ? '12%' : '10%', top: isTablet ? '69.3%' : '67.8%', left: isTablet ? '72%' : '73%', rotate: 0, translate: 0, immediateRender: false,\n     })\n     .to('.shape__top--reg2', {\n      scrollTrigger: { trigger: '#step-development', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      width: isTablet ? '13%' : '10%', top: isTablet ? '36%' : '33.4%', left: isTablet ? '71%' : '70%', rotate: 90, translate: 0, immediateRender: false,\n     })\n     .to('.shape__top--reg3', {\n      scrollTrigger: { trigger: '#step-development', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      width: isTablet ? '10%' : '8%', top: isTablet ? '62.4%' : '61%', left: isTablet ? '75%' : '71%', rotate: 270, translate: 0, zIndex: 90, immediateRender: false,\n     })\n     .to('.shape__accolade--reg1', {\n      scrollTrigger: { trigger: '#step-development', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      scale: 1, top: isTablet ? '42%' : '44%', left: isTablet ? '53%' : '55%', autoAlpha: 1, immediateRender: false,\n     })\n     .to('.shape__accolade--reg2', {\n      scrollTrigger: { trigger: '#step-development', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      scale: 1, top: '34%', left: isTablet ? '91%' : '87%', autoAlpha: 1, immediateRender: false,\n     })\n     .to('.video__step3', {\n      scrollTrigger: { trigger: '#step-development', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      autoAlpha: 0, scale: 0.8, immediateRender: false,\n     })\n     .to('.video__step4', {\n      scrollTrigger: { trigger: '#step-development', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      autoAlpha: 1, scale: 1.2, immediateRender: false,\n     });\n\n    \/\/ Stap 5 \u2014 champagne\n    tl.to('.shape__top--media', {\n     scrollTrigger: { trigger: '#step-champagne', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n     width: '25%', top: isTablet ? '55%' : '59%', left: isTablet ? '2%' : '0', translate: 0, '--_rotate': '270deg', immediateRender: false,\n    })\n     .to('.shape__top--reg1', {\n      scrollTrigger: { trigger: '#step-champagne', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      width: '30%', top: isTablet ? '51.6%' : '54.7%', left: isTablet ? '2%' : '0%', rotate: 270, translate: 0, backgroundColor: '#FFA200', opacity: 0.8, immediateRender: false,\n     })\n     .to('.shape__top--reg2', {\n      scrollTrigger: { trigger: '#step-champagne', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      width: '35%', top: isTablet ? '48%' : '50.4%', left: isTablet ? '2%' : '0%', rotate: 270, translate: 0, backgroundColor: '#FFA200', opacity: 0.6, immediateRender: false,\n     })\n     .to('.shape__top--reg3', {\n      scrollTrigger: { trigger: '#step-champagne', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      width: '40%', top: isTablet ? '44.6%' : '46.1%', left: isTablet ? '2%' : '0%', rotate: 270, translate: 0, zIndex: 70, backgroundColor: '#FFA200', opacity: 0.4, immediateRender: false,\n     })\n     .to('.shape__accolade--reg1', {\n      scrollTrigger: { trigger: '#step-champagne', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      scale: 2, top: '-50vw', autoAlpha: 0, immediateRender: false,\n     })\n     .to('.shape__accolade--reg2', {\n      scrollTrigger: { trigger: '#step-champagne', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      scale: 0.8, top: '-50vw', autoAlpha: 0, immediateRender: false,\n     })\n     .to('.video__step4', {\n      scrollTrigger: { trigger: '#step-champagne', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      autoAlpha: 0, scale: 0.8, immediateRender: false,\n     })\n     .to('.video__step5', {\n      scrollTrigger: { trigger: '#step-champagne', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      autoAlpha: 1, scale: 1.2, immediateRender: false,\n     });\n\n    \/\/ Stap 6 \u2014 optimalisatie\n    tl.to('.shape__top--media', {\n     scrollTrigger: { trigger: '#step-optimalisatie', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n     width: '25%', top: isTablet ? '54%' : '55%', left: isTablet ? '53%' : '55%', translate: 0, '--_rotate': '270deg', immediateRender: false,\n    })\n     .to('.shape__top--reg1', {\n      scrollTrigger: { trigger: '#step-optimalisatie', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      width: '30%', top: isTablet ? '33.2%' : '29.2%', left: isTablet ? '53%' : '55%', rotate: 0, translate: 0, backgroundColor: '#FFA200', opacity: 1, immediateRender: false,\n     })\n     .to('.shape__top--reg2', {\n      scrollTrigger: { trigger: '#step-optimalisatie', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      width: '15%', top: isTablet ? '47.8%' : '46.3%', left: isTablet ? '78.7%' : '81.3%', rotate: 270, translate: 0, backgroundColor: '#F7053F', opacity: 1, immediateRender: false,\n     })\n     .to('.shape__top--reg3', {\n      scrollTrigger: { trigger: '#step-optimalisatie', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      width: '20%', top: isTablet ? '58.2%' : '59.2%', left: isTablet ? '77.8%' : '80%', rotate: 180, translate: 0, zIndex: 70, backgroundColor: '#053250', opacity: 1, immediateRender: false,\n     })\n     .to('.video__step5', {\n      scrollTrigger: { trigger: '#step-optimalisatie', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      autoAlpha: 0, scale: 0.8, immediateRender: false,\n     })\n     .to('.video__step6', {\n      scrollTrigger: { trigger: '#step-optimalisatie', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      autoAlpha: 1, scale: 1.2, immediateRender: false,\n     });\n\n    \/\/ CTA\n    tl.to('.shape__top--media', {\n     scrollTrigger: { trigger: '#cta', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n     width: '25%', top: '-25vw', left: '55%', translate: 0, '--_rotate': '270deg', autoAlpha: 0, immediateRender: false,\n    })\n     .to('.shape__top--reg1', {\n      scrollTrigger: { trigger: '#cta', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      width: isTablet ? '120%' : '100%', top: '-40%', left: isTablet ? '45%' : '55%', rotate: 0, translate: 0, zIndex: '-1', immediateRender: false,\n     })\n     .to('.shape__top--reg2', {\n      scrollTrigger: { trigger: '#cta', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      width: isTablet ? '60%' : '50%', top: isTablet ? '43.1%' : '44.7%', left: '64.3%', rotate: 320, translate: 0, zIndex: '-1', immediateRender: false,\n     })\n     .to('.shape__top--reg3', {\n      scrollTrigger: { trigger: '#cta', start: 'top+=120px 80%', end: '75% 80%', scrub: SCRUB, markers: false},\n      width: isTablet ? '50%' : '40%', top: isTablet ? '76.2%' : '66.2%', left: isTablet ? '34.3%' : '27.3%', rotate: 340, translate: 0, zIndex: '-1', immediateRender: false,\n     });\n\n    \/\/ \u2500\u2500\u2500 Step 1 - Kick Off Animation \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    const koAnim = gsap.timeline({ repeat: -1, paused: true });\n\n    koAnim\n     .fromTo('.shape__top--reg1, .shape__top--media', { scale: 1 }, { delay: 1, scale: 0.6, duration: 0.6, ease: 'back.out(1.7)' })\n     .to('.shape__top--reg1', { scale: 1, duration: 0.6, ease: 'back.out(1.7)' }, '>0.5')\n     .to('.shape__top--media', { scale: 1, duration: 0.6, ease: 'back.out(1.7)' }, '>0.5');\n\n    ScrollTrigger.create({\n     trigger: '#step-kickoff',\n     start: '75% 80%',\n     end: 'bottom 40%',\n     fastScrollEnd: true,\n     onEnter: () => koAnim.restart(),\n     onEnterBack: () => koAnim.restart(),\n     onLeave: () => koAnim.pause(0),\n     onLeaveBack: () => koAnim.pause(0),\n    });\n\n    \/\/ \u2500\u2500\u2500 Step 2 - Content Animation \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    const cnAnim = gsap.timeline({ repeat: -1, paused: true, repeatDelay: 1 });\n\n    cnAnim\n     .fromTo('.shape__top--reg1', { scale: 1 }, { scale: 0.5, duration: 0.6, ease: 'power3.inOut' })\n     .fromTo('.shape__top--media', { scale: 1 }, { scale: 0.9, duration: 0.5, ease: 'power3.inOut' }, '<')\n     .to('.shape__top--reg1', { scale: 1, duration: 0.6, ease: 'back.out(1.7)' }, '+=0.6')\n     .to('.shape__top--media', { scale: 1, duration: 0.5, ease: 'power3.out' }, '<');\n\n    ScrollTrigger.create({\n     trigger: '#step-content',\n     start: '75% 80%',\n     end: 'bottom 40%',\n     fastScrollEnd: true,\n     onEnter: () => cnAnim.restart(),\n     onEnterBack: () => cnAnim.restart(),\n     onLeave: () => cnAnim.pause(0),\n     onLeaveBack: () => cnAnim.pause(0),\n    });\n\n    \/\/ \u2500\u2500\u2500 Step 3 - Webdesign Animation \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    const wdAnim = gsap.timeline({ repeat: -1, paused: true, repeatDelay: 1 });\n\n    wdAnim\n     .fromTo('.shape__top--media', { scale: 1 }, { scale: 0.6, duration: 0.6, ease: 'power3.inOut' })\n     .fromTo('.shape__top--reg1', { scale: 1 }, { scale: 0, duration: 0.6, ease: 'power3.inOut' }, '<')\n     .fromTo('.shape__top--reg2', { scale: 1 }, { scale: 0, duration: 0.6, ease: 'power3.inOut' }, '<')\n     .fromTo('.shape__top--reg3', { scale: 1 }, { scale: 0, duration: 0.6, ease: 'power3.inOut' }, '<')\n     .to('.shape__top--media', { scale: 0.7, duration: 0.4, ease: 'power3.inOut' }, '+=0.4')\n     .to('.shape__top--reg1', { scale: 0.8, duration: 0.4, ease: 'power3.inOut' }, '<')\n     .to('.shape__top--media', { scale: 0.8, duration: 0.2, ease: 'power3.inOut' }, '+=0.4')\n     .to('.shape__top--reg1', { scale: 1, duration: 0.2, ease: 'power3.inOut' }, '<')\n     .to('.shape__top--reg2', { scale: 0.5, duration: 0.2, ease: 'power3.inOut' }, '<')\n     .to('.shape__top--reg3', { scale: 0.4, duration: 0.2, ease: 'power3.inOut' }, '<')\n     .to('.shape__top--media', { scale: 1, duration: 0.2, ease: 'power3.inOut' }, '+=0.4')\n     .to('.shape__top--reg2', { scale: 1, duration: 0.2, ease: 'power3.inOut' }, '<')\n     .to('.shape__top--reg3', { scale: 1, duration: 0.2, ease: 'power3.inOut' }, '<');\n\n    ScrollTrigger.create({\n     trigger: '#step-webdesign',\n     start: '75% 80%',\n     end: 'bottom 40%',\n     fastScrollEnd: true,\n     onEnter: () => wdAnim.restart(),\n     onEnterBack: () => wdAnim.restart(),\n     onLeave: () => wdAnim.pause(0),\n     onLeaveBack: () => wdAnim.pause(0),\n    });\n\n    \/\/ \u2500\u2500\u2500 Video play controls \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    const mediaEl = document.querySelector('.shape__top--media');\n    let activeVideo = null;\n\n    const showPlay = () => mediaEl.classList.add('show-play');\n    const hidePlay = () => mediaEl.classList.remove('show-play');\n\n    document.querySelectorAll('.video__step').forEach(video => {\n     video.addEventListener('click', () => {\n      if (activeVideo !== video) return;\n      if (video.paused) {\n       video.play();\n       hidePlay();\n      } else {\n       video.pause();\n       showPlay();\n      }\n     });\n     video.addEventListener('ended', () => {\n      if (activeVideo === video) showPlay();\n     });\n    });\n\n    const videoSteps = [\n     { step: 1, section: '#step-kickoff' },\n     { step: 2, section: '#step-content' },\n     { step: 3, section: '#step-webdesign' },\n     { step: 4, section: '#step-development' },\n     { step: 5, section: '#step-champagne' },\n     { step: 6, section: '#step-optimalisatie' },\n    ];\n\n    videoSteps.forEach(({ step, section }) => {\n     const video = document.querySelector(`.video__step${step}`);\n     if (!video) return;\n\n     const stopVideo = () => { video.pause(); video.currentTime = 0; };\n\n     ScrollTrigger.create({\n      trigger: section,\n      start: '75% 80%',\n      end: 'bottom top',\n      onEnter: () => { activeVideo = video; if (video.paused) showPlay(); },\n      onEnterBack: () => { activeVideo = video; if (video.paused) showPlay(); },\n      onLeave: () => { stopVideo(); activeVideo = null; hidePlay(); },\n      onLeaveBack: () => { stopVideo(); activeVideo = null; hidePlay(); },\n     });\n    });\n\n    window._anim = { tl, koAnim, cnAnim, wdAnim };\n    window.addEventListener('load', () => { ScrollTrigger.refresh(); });\n\n    return () => { delete window._anim; };\n   }\n  );\n });\n<\/script>\n\n<style>\n #animElem {\n  width: 100vw;\n  height: 100lvh;\n  max-width: 1138px;\n  margin: 0px auto;\n  position: fixed;\n  inset: 0;\n  z-index: 100;\n  pointer-events: none;\n }\n\n .shape__top {\n  scale: 0;\n }\n\n .shape__top--media {\n  --_rotate: 180deg;\n  width: 780px;\n  position: absolute;\n  z-index: 100;\n }\n\n .shape__top--media .wrapper {\n  rotate: var(--_rotate) !important;\n  background-color: var(--e-global-color-text);\n }\n\n .shape__top--media * {\n  aspect-ratio: 1;\n  object-fit: cover;\n  object-position: center;\n  pointer-events: auto;\n }\n\n .shape__top--media video {\n  cursor: pointer;\n }\n\n .shape__top--media::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-image: url('\/wp-content\/uploads\/play_circle-1.svg');\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: 22%;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.3s ease;\n  z-index: 101;\n }\n\n .shape__top--media.show-play::after {\n  opacity: 1;\n }\n\n .shape__top--media .wrapper * {\n  position: absolute;\n  inset: 0;\n }\n\n .shape__top--media .heroImg {\n  rotate: calc(var(--_rotate) * -1);\n }\n\n .shape__top--media .video__step1,\n .shape__top--media .video__step2,\n .shape__top--media .video__step4 {\n  rotate: 180deg;\n }\n\n .shape__top--media .video__step3,\n .shape__top--media .video__step5,\n .shape__top--media .video__step6 {\n  rotate: 90deg;\n }\n\n .shape__top.shape__top--reg1 {\n  z-index: 90;\n }\n\n .shape__top.shape__top--reg2 {\n  z-index: 80;\n }\n\n .shape__top.shape__top--reg3 {\n  z-index: 70;\n }\n\n .shape__top.shape__top--reg1,\n .shape__top.shape__top--reg2,\n .shape__top.shape__top--reg3 {\n  background-color: #F7053F;\n  position: absolute;\n }\n\n .shape__top.shape__top--reg2,\n .shape__top.shape__top--reg3,\n .shape__accolade.shape__accolade--reg1,\n .shape__accolade.shape__accolade--reg2 {\n  top: 120vh;\n }\n\n .shape__accolade.shape__accolade--reg1,\n .shape__accolade.shape__accolade--reg2 {\n  position: absolute;\n  background-color: var(--e-global-color-color_5);\n }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<section class=\"elementor-element elementor-element-4b094d34 mpbrContainer e-flex e-con-boxed e-con e-parent\" data-id=\"4b094d34\" data-element_type=\"container\" data-e-type=\"container\" id=\"hero\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30bc7a3 elementor-absolute elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-html\" data-id=\"30bc7a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"m-hero\">\n <div class=\"m-hero__media\">\n  <div class=\"m-hero__wrapper shape__top\">\n   <img decoding=\"async\" src=\"\/wp-content\/uploads\/8F8A5841-1.webp\" alt=\"\" role=\"img\" class=\"m-hero__img\">\n  <\/div>\n <\/div>\n <div class=\"m-hero__reg1 shape__top\"><\/div>\n<\/div>\n\n<script>\n (function () {\n  function init() {\n   if (typeof gsap === 'undefined') { setTimeout(init, 100); return; }\n   gsap.registerPlugin(ScrollTrigger);\n\n   const root = document.querySelector('.m-hero');\n   if (!root) return;\n   const media = root.querySelector('.m-hero__media');\n   const reg1 = root.querySelector('.m-hero__reg1');\n\n   gsap.set(media, { width: 300, top: '8%', left: '35%' });\n   gsap.set(reg1, { width: '150vw', top: '20%', left: '-35%', rotate: -38 });\n\n   ScrollTrigger.create({\n    trigger: root, start: 'top 80%', end: 'bottom top',\n    onEnter: enter, onEnterBack: enter, onLeave: leave, onLeaveBack: leave,\n   });\n  }\n\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);\n  else init();\n })();\n<\/script>\n\n<style>\n .m-hero {\n  position: absolute;\n  width: 100vw;\n  height: 100vh;\n  inset: 0\n }\n\n .m-hero__media {\n  position: absolute;\n  aspect-ratio: 1;\n  --_rotate: 180deg;\n  z-index: 10;\n }\n\n .m-hero__wrapper {\n  width: 100%;\n  aspect-ratio: 1;\n  rotate: var(--_rotate) !important;\n  overflow: hidden;\n  background-color: var(--e-global-color-text, #0a1e30);\n }\n\n .m-hero__img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  rotate: calc(-1 * var(--_rotate));\n  display: block;\n }\n\n .m-hero__reg1 {\n  position: absolute;\n  aspect-ratio: 1;\n  background-color: #F7053F;\n }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-55f3e5b1 e-con-full e-flex e-con e-child\" data-id=\"55f3e5b1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6a106d99 e-con-full e-flex e-con e-child\" data-id=\"6a106d99\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-705c0ccd elementor-widget elementor-widget-heading\" data-id=\"705c0ccd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Webdesign creation<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4fa0d0fe elementor-widget elementor-widget-text-editor\" data-id=\"4fa0d0fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Having a website created with us means a distinctive design, a well-thought-out website structure and tight code with a personal approach.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t<section class=\"elementor-element elementor-element-66c467d mpbrContainer e-flex e-con-boxed e-con e-parent\" data-id=\"66c467d\" data-element_type=\"container\" data-e-type=\"container\" id=\"step-kickoff\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-18c2d474 e-con-full e-flex e-con e-child\" data-id=\"18c2d474\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5efb4d70 e-con-full e-flex e-con e-child\" data-id=\"5efb4d70\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b24b7b elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-html\" data-id=\"7b24b7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"m-s1\">\n <div class=\"m-s1__media\">\n  <div class=\"m-s1__wrapper shape__top\">\n   <video class=\"m-s1__video\" poster=\"\/wp-content\/uploads\/poster_michiel_01-1.png\" playsinline>\n    <source src=\"\/wp-content\/uploads\/1.-Michiel-kick-off-1.mp4\" type=\"video\/mp4\">\n   <\/video>\n  <\/div>\n <\/div>\n <div class=\"m-s1__reg1 shape__top\"><\/div>\n<\/div>\n\n<script>\n (function () {\n  function init() {\n   if (typeof gsap === 'undefined') { setTimeout(init, 100); return; }\n   gsap.registerPlugin(ScrollTrigger);\n\n   const root = document.querySelector('.m-s1');\n   if (!root) return;\n   const media = root.querySelector('.m-s1__media');\n   const reg1 = root.querySelector('.m-s1__reg1');\n   const video = root.querySelector('.m-s1__video');\n\n   gsap.set(media, { width: '40%', top: '45%', left: '50%' });\n   gsap.set(reg1, { width: '40%', top: '0%', left: '10%', rotate: -90 });\n   gsap.set([media, reg1], { scale: 0 });\n\n   const pulse = gsap.timeline({ repeat: -1, paused: true });\n   pulse\n    .fromTo([reg1, media], { scale: 1 }, { delay: 1, scale: 0.6, duration: 0.6, ease: 'back.out(1.7)' })\n    .to(reg1, { scale: 1, duration: 0.6, ease: 'back.out(1.7)' }, '>0.5')\n    .to(media, { scale: 1, duration: 0.6, ease: 'back.out(1.7)' }, '>0.5');\n\n   function enter() {\n    pulse.pause(0);\n    gsap.to([reg1, media], {\n     scale: 1, duration: 0.5, stagger: 0.1, ease: 'back.out(1.7)',\n     onComplete: () => { pulse.restart(); if (video.paused) media.classList.add('show-play'); }\n    });\n   }\n   function leave() {\n    pulse.pause(0);\n    video.pause(); video.currentTime = 0;\n    media.classList.remove('show-play');\n    gsap.set([media, reg1], { scale: 0 });\n   }\n\n   video.addEventListener('click', () => {\n    if (video.paused) { video.play(); media.classList.remove('show-play'); }\n    else { video.pause(); media.classList.add('show-play'); }\n   });\n   video.addEventListener('ended', () => media.classList.add('show-play'));\n\n   ScrollTrigger.create({\n    trigger: root, start: 'top 80%', end: 'bottom top',\n    onEnter: enter, onEnterBack: enter, onLeave: leave, onLeaveBack: leave,\n   });\n  }\n\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);\n  else init();\n })();\n<\/script>\n\n<style>\n .m-s1 {\n  position: relative;\n  width: 100%;\n  height: auto;\n  min-height: 250px;\n  aspect-ratio: 16 \/ 9;\n }\n\n .m-s1__media {\n  position: absolute;\n  aspect-ratio: 1;\n  --_rotate: 180deg;\n }\n\n .m-s1__media::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: url('\/wp-content\/uploads\/play_circle-1.svg') no-repeat center \/ 22%;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.3s ease;\n  z-index: 2;\n }\n\n .m-s1__media.show-play::after {\n  opacity: 1;\n }\n\n .m-s1__wrapper {\n  width: 100%;\n  aspect-ratio: 1;\n  rotate: var(--_rotate) !important;\n  overflow: hidden;\n  background-color: var(--e-global-color-text, #0a1e30);\n }\n\n .m-s1__video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  rotate: calc(-1 * var(--_rotate));\n  cursor: pointer;\n  display: block;\n }\n\n .m-s1__reg1 {\n  position: absolute;\n  aspect-ratio: 1;\n  background-color: #F7053F;\n }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-266a4209 elementor-widget elementor-widget-text-editor\" data-id=\"266a4209\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>step 1<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ccbc80e elementor-widget elementor-widget-heading\" data-id=\"ccbc80e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Kick-off<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a0233b8 elementor-widget elementor-widget-text-editor\" data-id=\"3a0233b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We start with three meetings in which we map out everything: from the structure and creative direction to the technical details.<\/p><p>Together we provide a well thought out website structure that aligns with your business and marketing goals.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-15dc246 e-con-full e-flex e-con e-child\" data-id=\"15dc246\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2eb0e742 elementor-widget elementor-widget-text-editor\" data-id=\"2eb0e742\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>We work out the website design based on your business goals<\/li><li>The creative direction sets you apart from your competitors<\/li><li>The components of the site focus on serving your target audiences<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-330dd5e8 e-con-full e-flex e-con e-child\" data-id=\"330dd5e8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e79f843 elementor-widget elementor-widget-heading\" data-id=\"1e79f843\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">\"Brendly knows how to get to the heart of what a website really needs\"<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18c477af elementor-widget elementor-widget-text-editor\" data-id=\"18c477af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>&#8211; Philippe Neven, Marketing Manager | Ciphix<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t<section class=\"elementor-element elementor-element-36727e34 mpbrContainer e-flex e-con-boxed e-con e-parent\" data-id=\"36727e34\" data-element_type=\"container\" data-e-type=\"container\" id=\"step-content\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1f1e4205 e-con-full e-flex e-con e-child\" data-id=\"1f1e4205\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-40babe79 e-con-full e-flex e-con e-child\" data-id=\"40babe79\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69315e06 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-html\" data-id=\"69315e06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"m-s2\">\n <div class=\"m-s2__media\">\n  <div class=\"m-s2__wrapper shape__top\">\n   <video class=\"m-s2__video\" poster=\"\/wp-content\/uploads\/danae_poster-1.png\" playsinline>\n    <source src=\"\/wp-content\/uploads\/2.-Danae-content-1.mp4\" type=\"video\/mp4\">\n   <\/video>\n  <\/div>\n <\/div>\n <div class=\"m-s2__reg1 shape__top\"><\/div>\n<\/div>\n\n<script>\n (function () {\n  function init() {\n   if (typeof gsap === 'undefined') { setTimeout(init, 100); return; }\n   gsap.registerPlugin(ScrollTrigger);\n\n   const root = document.querySelector('.m-s2');\n   if (!root) return;\n   const media = root.querySelector('.m-s2__media');\n   const reg1 = root.querySelector('.m-s2__reg1');\n   const video = root.querySelector('.m-s2__video');\n\n   gsap.set(media, { width: '40%', top: '25%', left: '26%' });\n   gsap.set(reg1, { width: '60%', top: '10%', left: '15%', rotate: 180 });\n   gsap.set([media, reg1], { scale: 0 });\n\n   const pulse = gsap.timeline({ repeat: -1, paused: true, repeatDelay: 1 });\n   pulse\n    .fromTo(reg1, { scale: 1 }, { scale: 0.5, duration: 0.6, ease: 'power3.inOut' })\n    .fromTo(media, { scale: 1 }, { scale: 0.9, duration: 0.5, ease: 'power3.inOut' }, '<')\n    .to(reg1, { scale: 1, duration: 0.6, ease: 'back.out(1.7)' }, '+=0.6')\n    .to(media, { scale: 1, duration: 0.5, ease: 'power3.out' }, '<');\n\n   function enter() {\n    pulse.pause(0);\n    gsap.to([reg1, media], {\n     scale: 1, duration: 0.5, stagger: 0.1, ease: 'back.out(1.7)',\n     onComplete: () => { pulse.restart(); if (video.paused) media.classList.add('show-play'); }\n    });\n   }\n   function leave() {\n    pulse.pause(0);\n    video.pause(); video.currentTime = 0;\n    media.classList.remove('show-play');\n    gsap.set([media, reg1], { scale: 0 });\n   }\n\n   video.addEventListener('click', () => {\n    if (video.paused) { video.play(); media.classList.remove('show-play'); }\n    else { video.pause(); media.classList.add('show-play'); }\n   });\n   video.addEventListener('ended', () => media.classList.add('show-play'));\n\n   ScrollTrigger.create({\n    trigger: root, start: 'top 80%', end: 'bottom top',\n    onEnter: enter, onEnterBack: enter, onLeave: leave, onLeaveBack: leave,\n   });\n  }\n\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);\n  else init();\n })();\n<\/script>\n\n<style>\n .m-s2 {\n  position: relative;\n  width: 100%;\n  height: auto;\n  min-height: 250px;\n  aspect-ratio: 16 \/ 9;\n }\n\n .m-s2__media {\n  position: absolute;\n  aspect-ratio: 1;\n  --_rotate: 180deg;\n  z-index: 10;\n }\n\n .m-s2__media::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: url('\/wp-content\/uploads\/play_circle-1.svg') no-repeat center \/ 22%;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.3s ease;\n  z-index: 2;\n }\n\n .m-s2__media.show-play::after {\n  opacity: 1;\n }\n\n .m-s2__wrapper {\n  width: 100%;\n  height: 100%;\n  aspect-ratio: 1;\n  rotate: var(--_rotate) !important;\n  overflow: hidden;\n  background-color: var(--e-global-color-text, #0a1e30);\n }\n\n .m-s2__video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  cursor: pointer;\n  display: block;\n  \n  rotate: calc(-1 * var(--_rotate));\n }\n\n .m-s2__reg1 {\n  position: absolute;\n  aspect-ratio: 1;\n  background-color: #FFA200;\n }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fd599b7 elementor-widget elementor-widget-text-editor\" data-id=\"7fd599b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>step 2<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39748d4a elementor-widget elementor-widget-heading\" data-id=\"39748d4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Content<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-424f20b6 elementor-widget elementor-widget-text-editor\" data-id=\"424f20b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We will develop the website content together. You will provide input based on your expertise, allowing us to write texts that perfectly complement your website.<\/p><p>Of course, we take keywords into account so that the findability of your website improves.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-18926f68 e-con-full e-flex e-con e-child\" data-id=\"18926f68\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23ad787b elementor-widget elementor-widget-text-editor\" data-id=\"23ad787b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Short and concise text that focuses on SEO<\/li><li>Compelling texts that prompt action<\/li><li>Goes perfectly with the designs of the website<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7abd5db7 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"7abd5db7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-445abd1b elementor-widget elementor-widget-heading\" data-id=\"445abd1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">\u201cBrendly weet goed tot de kern te komen van wat een website \u00e9cht nodig heeft\u201d<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e4bb324 elementor-widget elementor-widget-text-editor\" data-id=\"5e4bb324\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>&#8211; Philippe Neven, Marketing Manager | Ciphix<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t<section class=\"elementor-element elementor-element-5c2275b7 mpbrContainer e-flex e-con-boxed e-con e-parent\" data-id=\"5c2275b7\" data-element_type=\"container\" data-e-type=\"container\" id=\"step-webdesign\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a5f1305 e-con-full e-flex e-con e-child\" data-id=\"a5f1305\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-32d01b31 e-con-full e-flex e-con e-child\" data-id=\"32d01b31\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-352f8e04 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-html\" data-id=\"352f8e04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"m-s3\">\n <div class=\"m-s3__media\">\n  <div class=\"m-s3__wrapper shape__top\">\n   <video class=\"m-s3__video\" poster=\"\/wp-content\/uploads\/max_poster-1.png\" playsinline>\n    <source src=\"\/wp-content\/uploads\/3.-Max-design_Trim-1.mp4\" type=\"video\/mp4\">\n   <\/video>\n  <\/div>\n <\/div>\n <div class=\"m-s3__reg1 shape__top\"><\/div>\n <div class=\"m-s3__reg2 shape__top\"><\/div>\n <div class=\"m-s3__reg3 shape__top\"><\/div>\n<\/div>\n\n<script>\n (function () {\n  function init() {\n   if (typeof gsap === 'undefined') { setTimeout(init, 100); return; }\n   gsap.registerPlugin(ScrollTrigger);\n\n   const root = document.querySelector('.m-s3');\n   if (!root) return;\n   const media = root.querySelector('.m-s3__media');\n   const reg1 = root.querySelector('.m-s3__reg1');\n   const reg2 = root.querySelector('.m-s3__reg2');\n   const reg3 = root.querySelector('.m-s3__reg3');\n   const video = root.querySelector('.m-s3__video');\n\n   gsap.set(media, { width: '40%', top: '0%', left: '30%' });\n   gsap.set(reg1, { width: '25%', top: '58.5%', left: '30%', rotate: 0 });\n   gsap.set(reg2, { width: '15%', top: '65%', left: '55%', rotate: 90 });\n   gsap.set(reg3, { width: '11%', top: '49%', left: '56%', rotate: 0, zIndex: 20 });\n   gsap.set([media, reg1, reg2, reg3], { scale: 0 });\n\n   const pulse = gsap.timeline({ repeat: -1, paused: true, repeatDelay: 1 });\n   pulse\n    .fromTo(media, { scale: 1 }, { scale: 0.6, duration: 0.6, ease: 'power3.inOut' })\n    .fromTo(reg1, { scale: 1 }, { scale: 0, duration: 0.6, ease: 'power3.inOut' }, '<')\n    .fromTo(reg2, { scale: 1 }, { scale: 0, duration: 0.6, ease: 'power3.inOut' }, '<')\n    .fromTo(reg3, { scale: 1 }, { scale: 0, duration: 0.6, ease: 'power3.inOut' }, '<')\n    .to(media, { scale: 0.7, duration: 0.4, ease: 'power3.inOut' }, '+=0.4')\n    .to(reg1, { scale: 0.8, duration: 0.4, ease: 'power3.inOut' }, '<')\n    .to(media, { scale: 0.8, duration: 0.2, ease: 'power3.inOut' }, '+=0.4')\n    .to(reg1, { scale: 1, duration: 0.2, ease: 'power3.inOut' }, '<')\n    .to(reg2, { scale: 0.5, duration: 0.2, ease: 'power3.inOut' }, '<')\n    .to(reg3, { scale: 0.4, duration: 0.2, ease: 'power3.inOut' }, '<')\n    .to(media, { scale: 1, duration: 0.2, ease: 'power3.inOut' }, '+=0.4')\n    .to(reg2, { scale: 1, duration: 0.2, ease: 'power3.inOut' }, '<')\n    .to(reg3, { scale: 1, duration: 0.2, ease: 'power3.inOut' }, '<');\n\n   function enter() {\n    pulse.pause(0);\n    gsap.to([reg1, reg2, reg3, media], {\n     scale: 1, duration: 0.5, stagger: 0.1, ease: 'back.out(1.7)',\n     onComplete: () => { pulse.restart(); if (video.paused) media.classList.add('show-play'); }\n    });\n   }\n   function leave() {\n    pulse.pause(0);\n    video.pause(); video.currentTime = 0;\n    media.classList.remove('show-play');\n    gsap.set([media, reg1, reg2, reg3], { scale: 0 });\n   }\n\n   video.addEventListener('click', () => {\n    if (video.paused) { video.play(); media.classList.remove('show-play'); }\n    else { video.pause(); media.classList.add('show-play'); }\n   });\n   video.addEventListener('ended', () => media.classList.add('show-play'));\n\n   ScrollTrigger.create({\n    trigger: root, start: 'top 80%', end: 'bottom top',\n    onEnter: enter, onEnterBack: enter, onLeave: leave, onLeaveBack: leave,\n   });\n  }\n\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);\n  else init();\n })();\n<\/script>\n\n<style>\n .m-s3 {\n  position: relative;\n  width: 100%;\n  height: auto;\n  min-height: 250px;\n  aspect-ratio: 16 \/ 9;\n }\n\n .m-s3__media {\n  position: absolute;\n  aspect-ratio: 1;\n  --_rotate: 270deg;\n  z-index: 10;\n }\n\n .m-s3__media::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: url('\/wp-content\/uploads\/play_circle-1.svg') no-repeat center \/ 22%;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.3s ease;\n  z-index: 2;\n }\n\n .m-s3__media.show-play::after {\n  opacity: 1;\n }\n\n .m-s3__wrapper {\n  width: 100%;\n  aspect-ratio: 1;\n  rotate: var(--_rotate) !important;\n  overflow: hidden;\n  background-color: var(--e-global-color-text, #0a1e30);\n }\n\n .m-s3__video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  rotate: calc(-1 * var(--_rotate));\n  cursor: pointer;\n  display: block;\n }\n\n .m-s3__reg1 {\n  position: absolute;\n  aspect-ratio: 1;\n  background-color: #FFA200;\n }\n\n .m-s3__reg2 {\n  position: absolute;\n  aspect-ratio: 1;\n  background-color: #053250;\n }\n\n .m-s3__reg3 {\n  position: absolute;\n  aspect-ratio: 1;\n  background-color: #F7053F;\n  z-index: 20;\n }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-549872ef elementor-widget elementor-widget-text-editor\" data-id=\"549872ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>step 3<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a20c653 elementor-widget elementor-widget-heading\" data-id=\"1a20c653\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Web design<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-68912ed5 elementor-widget elementor-widget-text-editor\" data-id=\"68912ed5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We design all unique templates, starting with a wireframe and then creating a visual design. Think of a strong homepage, a compelling expertise page, and a user-friendly contact page.<\/p><p>Each design is custom made, timeless and optimised for any device.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-70945aa1 e-con-full e-flex e-con e-child\" data-id=\"70945aa1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f6ac24c elementor-widget elementor-widget-text-editor\" data-id=\"2f6ac24c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>We consider the designs on each device<\/li><li>Unique and customised designs based on your branding<\/li><li>A web design that is timeless and lasts for years<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c43cdeb e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"7c43cdeb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3270f3a5 elementor-widget elementor-widget-heading\" data-id=\"3270f3a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">\u201cBrendly weet goed tot de kern te komen van wat een website \u00e9cht nodig heeft\u201d<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13c3b2f7 elementor-widget elementor-widget-text-editor\" data-id=\"13c3b2f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>&#8211; Philippe Neven, Marketing Manager | Ciphix<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t<section class=\"elementor-element elementor-element-1a71569a mpbrContainer e-flex e-con-boxed e-con e-parent\" data-id=\"1a71569a\" data-element_type=\"container\" data-e-type=\"container\" id=\"step-development\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7fec8599 e-con-full e-flex e-con e-child\" data-id=\"7fec8599\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7f100371 e-con-full e-flex e-con e-child\" data-id=\"7f100371\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d98066f elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-html\" data-id=\"7d98066f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"m-s4\">\n <div class=\"m-s4__media\">\n  <div class=\"m-s4__wrapper shape__top\">\n   <video class=\"m-s4__video\" poster=\"\/wp-content\/uploads\/poster_kevin_04-1.png\" playsinline>\n    <source src=\"\/wp-content\/uploads\/4.-Kevin-development-1.mp4\" type=\"video\/mp4\">\n   <\/video>\n  <\/div>\n <\/div>\n <div class=\"m-s4__reg1 shape__top\"><\/div>\n <div class=\"m-s4__reg2 shape__top\"><\/div>\n <div class=\"m-s4__reg3 shape__top\"><\/div>\n <div class=\"m-s4__acc1 shape__accolade\"><\/div>\n <div class=\"m-s4__acc2 shape__accolade\"><\/div>\n<\/div>\n\n<script>\n (function () {\n  function init() {\n   if (typeof gsap === 'undefined') { setTimeout(init, 100); return; }\n   gsap.registerPlugin(ScrollTrigger);\n\n   const root = document.querySelector('.m-s4');\n   if (!root) return;\n   const media = root.querySelector('.m-s4__media');\n   const reg1 = root.querySelector('.m-s4__reg1');\n   const reg2 = root.querySelector('.m-s4__reg2');\n   const reg3 = root.querySelector('.m-s4__reg3');\n   const acc1 = root.querySelector('.m-s4__acc1');\n   const acc2 = root.querySelector('.m-s4__acc2');\n   const video = root.querySelector('.m-s4__video');\n\n   gsap.set(media, { width: '40%', top: '10%', left: '28%' });\n   gsap.set(reg1, { width: '15%', top: '67%', left: '37%', rotate: 270 });\n   gsap.set(reg2, { width: '15%', top: '-12%', left: '39%', rotate: 0 });\n   gsap.set(reg3, { width: '20%', top: '89%', left: '41%', rotate: 0 });\n   gsap.set(acc1, { width: 75, top: '-3%', left: '-5%', rotate: 180, scale: 1 });\n   gsap.set(acc2, { width: 100, top: '-20%', right: '-5%', scale: 1 });\n   gsap.set([media, reg1, reg2, reg3, acc1, acc2], { scale: 0 });\n\n   \/\/ Simple gentle pulse for steps without a defined looping animation\n   const pulse = gsap.timeline({ repeat: -1, paused: true, repeatDelay: 1.5 });\n   pulse\n    .to([media, reg1, reg2, reg3], { scale: 0.92, duration: 0.5, ease: 'power2.inOut', stagger: 0.05 })\n    .to([media, reg1, reg2, reg3], { scale: 1, duration: 0.5, ease: 'power2.inOut', stagger: 0.05 });\n\n   function enter() {\n    pulse.pause(0);\n    gsap.to([reg1, reg2, reg3, acc1, acc2, media], {\n     scale: 1, duration: 0.5, stagger: 0.08, ease: 'back.out(1.7)',\n     onComplete: () => {\n      pulse.restart();\n      if (video.paused) media.classList.add('show-play');\n     }\n    });\n   }\n\n   function leave() {\n    pulse.pause(0);\n    video.pause(); video.currentTime = 0;\n    media.classList.remove('show-play');\n    gsap.set([media, reg1, reg2, reg3, acc1, acc2], { scale: 0 });\n   }\n\n   video.addEventListener('click', () => {\n    if (video.paused) { video.play(); media.classList.remove('show-play'); }\n    else { video.pause(); media.classList.add('show-play'); }\n   });\n   video.addEventListener('ended', () => media.classList.add('show-play'));\n\n   ScrollTrigger.create({\n    trigger: root, start: 'top 80%', end: 'bottom top',\n    onEnter: enter, onEnterBack: enter, onLeave: leave, onLeaveBack: leave,\n   });\n  }\n\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);\n  else init();\n })();\n<\/script>\n\n<style>\n .m-s4 {\n  position: relative;\n  width: 100%;\n  height: auto;\n  min-height: 250px;\n  aspect-ratio: 16 \/ 9;\n }\n\n .m-s4__media {\n  position: absolute;\n  aspect-ratio: 1;\n  --_rotate: 180deg;\n }\n\n .m-s4__media::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: url('\/wp-content\/uploads\/play_circle-1.svg') no-repeat center \/ 22%;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.3s ease;\n  z-index: 2;\n }\n\n .m-s4__media.show-play::after {\n  opacity: 1;\n }\n\n .m-s4__wrapper {\n  width: 100%;\n  aspect-ratio: 1;\n  rotate: var(--_rotate) !important;\n  overflow: hidden;\n  background-color: var(--e-global-color-text, #0a1e30);\n }\n\n .m-s4__video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  rotate: calc(-1 * var(--_rotate)) !important;\n  cursor: pointer;\n  display: block;\n }\n\n .m-s4__reg1 {\n  position: absolute;\n  aspect-ratio: 1;\n  background-color: #F7053F;\n }\n\n .m-s4__reg2 {\n  position: absolute;\n  aspect-ratio: 1;\n  background-color: #053250;\n }\n\n .m-s4__reg3 {\n  position: absolute;\n  aspect-ratio: 1;\n  background-color: #FFA200;\n }\n\n .m-s4__acc1,\n .m-s4__acc2 {\n  position: absolute;\n  background: var(--e-global-color-color_5);\n }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3246e99f elementor-widget elementor-widget-text-editor\" data-id=\"3246e99f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>step 4<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-151ee6d6 elementor-widget elementor-widget-heading\" data-id=\"151ee6d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Development<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30ec47c2 elementor-widget elementor-widget-text-editor\" data-id=\"30ec47c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Your website will be built in WordPress with a builder so you can easily manage it yourself. We provide a user-friendly setup and provide a workshop so you can make changes effortlessly.<\/p><p>Of course, we take into account SEO and the scalability of your website.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-63d55a2c e-con-full e-flex e-con e-child\" data-id=\"63d55a2c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a7055a elementor-widget elementor-widget-text-editor\" data-id=\"5a7055a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Fully deployable for marketing and scalable in use<\/li><li>Full consideration is given to SEO<\/li><li>We combine the efficiency of WordPress with the power of custom design<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7036a62f e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"7036a62f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48267aba elementor-widget elementor-widget-heading\" data-id=\"48267aba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">\u201cBrendly weet goed tot de kern te komen van wat een website \u00e9cht nodig heeft\u201d<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c77611b elementor-widget elementor-widget-text-editor\" data-id=\"5c77611b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>&#8211; Philippe Neven, Marketing Manager | Ciphix<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t<section class=\"elementor-element elementor-element-145e190 mpbrContainer e-flex e-con-boxed e-con e-parent\" data-id=\"145e190\" data-element_type=\"container\" data-e-type=\"container\" id=\"step-champagne\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-477e3957 e-con-full e-flex e-con e-child\" data-id=\"477e3957\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-773a430c e-con-full e-flex e-con e-child\" data-id=\"773a430c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-303c600f elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-html\" data-id=\"303c600f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"m-s5\">\n <div class=\"m-s5__media\">\n  <div class=\"m-s5__wrapper shape__top\">\n   <video class=\"m-s5__video\" poster=\"\/wp-content\/uploads\/poster_michiel_05-1.png\" playsinline>\n    <source src=\"\/wp-content\/uploads\/5.-Michiel-livegang-1.mp4\" type=\"video\/mp4\">\n   <\/video>\n  <\/div>\n <\/div>\n <div class=\"m-s5__reg1 shape__top\"><\/div>\n <div class=\"m-s5__reg2 shape__top\"><\/div>\n <div class=\"m-s5__reg3 shape__top\"><\/div>\n<\/div>\n\n<script>\n (function () {\n  function init() {\n   if (typeof gsap === 'undefined') { setTimeout(init, 100); return; }\n   gsap.registerPlugin(ScrollTrigger);\n\n   const root = document.querySelector('.m-s5');\n   if (!root) return;\n   const media = root.querySelector('.m-s5__media');\n   const reg1 = root.querySelector('.m-s5__reg1');\n   const reg2 = root.querySelector('.m-s5__reg2');\n   const reg3 = root.querySelector('.m-s5__reg3');\n   const video = root.querySelector('.m-s5__video');\n\n   gsap.set(media, { width: '30%', top: '53.5%', left: '22%', rotate: 0 });\n   gsap.set(reg1, { width: '40%', top: '39%', left: '22%', rotate: 270 });\n   gsap.set(reg2, { width: '50%', top: '24.5%', left: '22%', rotate: 270 });\n   gsap.set(reg3, { width: '60%', top: '10%', left: '22%', rotate: 270 });\n   gsap.set([media, reg1, reg2, reg3], { scale: 0 });\n\n   const pulse = gsap.timeline({ repeat: -1, paused: true, repeatDelay: 1.5 });\n   pulse\n    .to([reg3, reg2, reg1, media], { scale: 0.92, duration: 0.5, ease: 'power2.inOut', stagger: 0.06 })\n    .to([reg3, reg2, reg1, media], { scale: 1, duration: 0.5, ease: 'power2.inOut', stagger: 0.06 });\n\n   function enter() {\n    pulse.pause(0);\n    \/\/ Stagger in from back to front\n    gsap.to([reg3, reg2, reg1, media], {\n     scale: 1, duration: 0.5, stagger: 0.1, ease: 'back.out(1.7)',\n     onComplete: () => {\n      pulse.restart();\n      if (video.paused) media.classList.add('show-play');\n     }\n    });\n   }\n\n   function leave() {\n    pulse.pause(0);\n    video.pause(); video.currentTime = 0;\n    media.classList.remove('show-play');\n    gsap.set([media, reg1, reg2, reg3], { scale: 0 });\n   }\n\n   video.addEventListener('click', () => {\n    if (video.paused) { video.play(); media.classList.remove('show-play'); }\n    else { video.pause(); media.classList.add('show-play'); }\n   });\n   video.addEventListener('ended', () => media.classList.add('show-play'));\n\n   ScrollTrigger.create({\n    trigger: root, start: 'top 80%', end: 'bottom top',\n    onEnter: enter, onEnterBack: enter, onLeave: leave, onLeaveBack: leave,\n   });\n  }\n\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);\n  else init();\n })();\n<\/script>\n\n<style>\n .m-s5 {\n  position: relative;\n  width: 100%;\n  height: auto;\n  min-height: 250px;\n  aspect-ratio: 16 \/ 9;\n }\n\n .m-s5__media {\n  position: absolute;\n  aspect-ratio: 1;\n  --_rotate: 270deg;\n  z-index: 100;\n }\n\n .m-s5__media::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: url('\/wp-content\/uploads\/play_circle-1.svg') no-repeat center \/ 22%;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.3s ease;\n  z-index: 2;\n }\n\n .m-s5__media.show-play::after {\n  opacity: 1;\n }\n\n .m-s5__wrapper {\n  width: 100%;\n  aspect-ratio: 1;\n  rotate: var(--_rotate) !important;\n  overflow: hidden;\n  background-color: var(--e-global-color-text, #0a1e30);\n }\n\n .m-s5__video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  rotate: 90deg;\n  cursor: pointer;\n  display: block;\n }\n\n \/* Concentric circles \u2014 decreasing opacity back to front *\/\n .m-s5__reg1 {\n  position: absolute;\n  aspect-ratio: 1;\n  background-color: #FFA200;\n  opacity: 0.8;\n }\n\n .m-s5__reg2 {\n  position: absolute;\n  aspect-ratio: 1;\n  background-color: #FFA200;\n  opacity: 0.6;\n }\n\n .m-s5__reg3 {\n  position: absolute;\n  aspect-ratio: 1;\n  background-color: #FFA200;\n  opacity: 0.4;\n }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1eb3035a elementor-widget elementor-widget-text-editor\" data-id=\"1eb3035a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>step 5<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c9088fa elementor-widget elementor-widget-heading\" data-id=\"4c9088fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Champagne<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-27d1d50f elementor-widget elementor-widget-text-editor\" data-id=\"27d1d50f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Together we walk through the website and conduct a workshop on the &#8220;back end&#8221;. Together we populate the content in the website and go live!<\/p><p>To celebrate the launch, we\u2019ll create a press kit and schedule a no-obligation meeting to get your marketing off to a flying start.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-693b8900 e-con-full e-flex e-con e-child\" data-id=\"693b8900\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66567797 elementor-widget elementor-widget-text-editor\" data-id=\"66567797\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>We test everything thoroughly before going live and always perform an SEO migration<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b7c0b8 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"3b7c0b8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ec8f11a elementor-widget elementor-widget-heading\" data-id=\"6ec8f11a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">\u201cBrendly weet goed tot de kern te komen van wat een website \u00e9cht nodig heeft\u201d<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-581c8efc elementor-widget elementor-widget-text-editor\" data-id=\"581c8efc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>&#8211; Philippe Neven, Marketing Manager | Ciphix<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t<section class=\"elementor-element elementor-element-651fa8e5 mpbrContainer e-flex e-con-boxed e-con e-parent\" data-id=\"651fa8e5\" data-element_type=\"container\" data-e-type=\"container\" id=\"step-optimalisatie\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4c0ce0ee e-con-full e-flex e-con e-child\" data-id=\"4c0ce0ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7959f4df e-con-full e-flex e-con e-child\" data-id=\"7959f4df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b21074 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-html\" data-id=\"b21074\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"m-s6\">\n <div class=\"m-s6__media\">\n  <div class=\"m-s6__wrapper shape__top\">\n   <video class=\"m-s6__video\" poster=\"\/wp-content\/uploads\/poster_corne_06-1.png\" playsinline>\n    <source src=\"\/wp-content\/uploads\/6.-Corne-marketing-1.mp4\" type=\"video\/mp4\">\n   <\/video>\n  <\/div>\n <\/div>\n <div class=\"m-s6__reg1 shape__top\"><\/div>\n <div class=\"m-s6__reg2 shape__top\"><\/div>\n <div class=\"m-s6__reg3 shape__top\"><\/div>\n<\/div>\n\n<script>\n (function () {\n  function init() {\n   if (typeof gsap === 'undefined') { setTimeout(init, 100); return; }\n   gsap.registerPlugin(ScrollTrigger);\n\n   const root = document.querySelector('.m-s6');\n   if (!root) return;\n   const media = root.querySelector('.m-s6__media');\n   const reg1 = root.querySelector('.m-s6__reg1');\n   const reg2 = root.querySelector('.m-s6__reg2');\n   const reg3 = root.querySelector('.m-s6__reg3');\n   const video = root.querySelector('.m-s6__video');\n\n   gsap.set(media, { width: '30%', top: '58%', left: '23%', rotate: 0 });\n   gsap.set(reg1, { width: '40%', top: '0%', left: '23%', rotate: 0 });\n   gsap.set(reg2, { width: '16%', top: '43.5%', left: '55.5%', rotate: 270 });\n   gsap.set(reg3, { width: '24%', top: '66.9%', left: '53%', rotate: 180 });\n   gsap.set([media, reg1, reg2, reg3], { scale: 0 });\n\n   const pulse = gsap.timeline({ repeat: -1, paused: true, repeatDelay: 1.5 });\n   pulse\n    .to([media, reg1, reg2, reg3], { scale: 0.92, duration: 0.5, ease: 'power2.inOut', stagger: 0.05 })\n    .to([media, reg1, reg2, reg3], { scale: 1, duration: 0.5, ease: 'power2.inOut', stagger: 0.05 });\n\n   function enter() {\n    pulse.pause(0);\n    gsap.to([reg1, reg2, reg3, media], {\n     scale: 1, duration: 0.5, stagger: 0.1, ease: 'back.out(1.7)',\n     onComplete: () => {\n      pulse.pause();\n      if (video.paused) media.classList.add('show-play');\n     }\n    });\n   }\n\n   function leave() {\n    pulse.pause(0);\n    video.pause(); video.currentTime = 0;\n    media.classList.remove('show-play');\n    gsap.set([media, reg1, reg2, reg3], { scale: 0 });\n   }\n\n   video.addEventListener('click', () => {\n    if (video.paused) { video.play(); media.classList.remove('show-play'); }\n    else { video.pause(); media.classList.add('show-play'); }\n   });\n   video.addEventListener('ended', () => media.classList.add('show-play'));\n\n   ScrollTrigger.create({\n    trigger: root, start: 'top 80%', end: 'bottom top',\n    onEnter: enter, onEnterBack: enter, onLeave: leave, onLeaveBack: leave,\n   });\n  }\n\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);\n  else init();\n })();\n<\/script>\n\n<style>\n .m-s6 {\n  position: relative;\n  width: 100%;\n  height: auto;\n  min-height: 250px;\n  aspect-ratio: 16 \/ 9;\n }\n\n .m-s6__media {\n  position: absolute;\n  aspect-ratio: 1;\n  --_rotate: 270deg;\n }\n\n .m-s6__media::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: url('\/wp-content\/uploads\/play_circle-1.svg') no-repeat center \/ 22%;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.3s ease;\n  z-index: 2;\n }\n\n .m-s6__media.show-play::after {\n  opacity: 1;\n }\n\n .m-s6__wrapper {\n  width: 100%;\n  aspect-ratio: 1;\n  rotate: var(--_rotate) !important;\n  overflow: hidden;\n  background-color: var(--e-global-color-text, #0a1e30);\n }\n\n .m-s6__video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  rotate: calc(-1 * var(--_rotate));\n  cursor: pointer;\n  display: block;\n }\n\n .m-s6__reg1 {\n  position: absolute;\n  aspect-ratio: 1;\n  background-color: #FFA200;\n }\n\n .m-s6__reg2 {\n  position: absolute;\n  aspect-ratio: 1;\n  background-color: #F7053F;\n }\n\n .m-s6__reg3 {\n  position: absolute;\n  aspect-ratio: 1;\n  background-color: #053250;\n }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11a1527f elementor-widget elementor-widget-text-editor\" data-id=\"11a1527f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>step 6<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7743ba71 elementor-widget elementor-widget-heading\" data-id=\"7743ba71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Optimization\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c7b240 elementor-widget elementor-widget-text-editor\" data-id=\"5c7b240\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Even after delivery, we are still there for you. We are happy to help you manage your website yourself, answer questions or further develop your website.<\/p><p>The best websites move with you, and we like to contribute to that.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-613aa88c e-con-full e-flex e-con e-child\" data-id=\"613aa88c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40651132 elementor-widget elementor-widget-text-editor\" data-id=\"40651132\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Use the website for your marketing plans and campaigns<\/li><li>We keep your website updated so it lasts much longer<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7494e972 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"7494e972\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f51a1d7 elementor-widget elementor-widget-heading\" data-id=\"7f51a1d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">\u201cBrendly weet goed tot de kern te komen van wat een website \u00e9cht nodig heeft\u201d<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55613bfe elementor-widget elementor-widget-text-editor\" data-id=\"55613bfe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>&#8211; Philippe Neven, Marketing Manager | Ciphix<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t<section class=\"elementor-element elementor-element-107c75cb e-con-full mpbrContainer e-flex e-con e-parent\" data-id=\"107c75cb\" data-element_type=\"container\" data-e-type=\"container\" id=\"cta\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d2ece3a elementor-absolute elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-html\" data-id=\"2d2ece3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"m-cta\">\n <div class=\"m-cta__reg1\"><\/div>\n <div class=\"m-cta__reg2\"><\/div>\n <div class=\"m-cta__reg3\"><\/div>\n<\/div>\n\n<script>\n (function () {\n  function init() {\n   if (typeof gsap === 'undefined') { setTimeout(init, 100); return; }\n   gsap.registerPlugin(ScrollTrigger);\n\n   const root = document.querySelector('.m-cta');\n   if (!root) return;\n   const reg1 = root.querySelector('.m-cta__reg1');\n   const reg2 = root.querySelector('.m-cta__reg2');\n   const reg3 = root.querySelector('.m-cta__reg3');\n\n   gsap.set(reg1, { width: '90%', top: '0%', left: '50%', rotate: 0 });\n   gsap.set(reg2, { width: '50%', top: '50%', left: '60%', rotate: 320 });\n   gsap.set(reg3, { width: '40%', top: '90%', left: '5%', rotate: 340 });\n   gsap.set([reg1, reg2, reg3], { scale: 0 });\n\n   const pulse = gsap.timeline({ repeat: -1, paused: true, repeatDelay: 2 });\n   pulse\n    .to([reg1, reg2, reg3], { scale: 0.96, duration: 1, ease: 'power2.inOut', stagger: 0.1 })\n    .to([reg1, reg2, reg3], { scale: 1, duration: 1, ease: 'power2.inOut', stagger: 0.1 });\n\n   function enter() {\n    pulse.pause(0);\n    gsap.to([reg3, reg2, reg1], {\n     scale: 1, duration: 0.5, stagger: 0.1, ease: 'back.out(1.7)',\n     onComplete: () => { pulse.restart(); }\n    });\n   }\n   function leave() {\n    pulse.pause(0);\n    gsap.set([reg1, reg2, reg3], { scale: 0 });\n   }\n\n   ScrollTrigger.create({\n    trigger: root, start: 'top 80%', end: 'bottom top',\n    onEnter: enter, onEnterBack: enter, onLeave: leave, onLeaveBack: leave,\n   });\n  }\n\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);\n  else init();\n })();\n<\/script>\n\n<style>\n .m-cta {\n  position: absolute;\n  width: 100vw;\n  height: 100vh;\n  aspect-ratio: 16 \/ 9;\n  overflow: visible;\n }\n\n .m-cta__reg1 {\n  position: absolute;\n  aspect-ratio: 1;\n  background-color: #FFA200;\n  border-radius: 50%;\n  z-index: -1;\n }\n\n .m-cta__reg2 {\n  position: absolute;\n  aspect-ratio: 1;\n  background-color: #F7053F;\n  border-radius: 50%;\n  z-index: -1;\n }\n\n .m-cta__reg3 {\n  position: absolute;\n  aspect-ratio: 1;\n  background-color: #053250;\n  border-radius: 50%;\n  z-index: -1;\n }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-434312a7 e-flex e-con-boxed e-con e-child\" data-id=\"434312a7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-128c1a2f e-con-full e-flex e-con e-child\" data-id=\"128c1a2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6239d77c elementor-widget elementor-widget-heading\" data-id=\"6239d77c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">This is what happens after your email is sent:<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37aa5936 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"37aa5936\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M10.3654 17.3663L18.5904 9.14134L16.957 7.50801L10.3654 14.0997L7.04037 10.7747L5.40703 12.408L10.3654 17.3663ZM11.9987 23.6663C10.3848 23.6663 8.86814 23.3601 7.4487 22.7476C6.02925 22.1351 4.79453 21.3038 3.74453 20.2538C2.69453 19.2038 1.86328 17.9691 1.25078 16.5497C0.638281 15.1302 0.332031 13.6136 0.332031 11.9997C0.332031 10.3858 0.638281 8.86912 1.25078 7.44968C1.86328 6.03023 2.69453 4.79551 3.74453 3.74551C4.79453 2.69551 6.02925 1.86426 7.4487 1.25176C8.86814 0.639258 10.3848 0.333008 11.9987 0.333008C13.6126 0.333008 15.1293 0.639258 16.5487 1.25176C17.9681 1.86426 19.2029 2.69551 20.2529 3.74551C21.3029 4.79551 22.1341 6.03023 22.7466 7.44968C23.3591 8.86912 23.6654 10.3858 23.6654 11.9997C23.6654 13.6136 23.3591 15.1302 22.7466 16.5497C22.1341 17.9691 21.3029 19.2038 20.2529 20.2538C19.2029 21.3038 17.9681 22.1351 16.5487 22.7476C15.1293 23.3601 13.6126 23.6663 11.9987 23.6663ZM11.9987 21.333C14.6043 21.333 16.8112 20.4288 18.6195 18.6205C20.4279 16.8122 21.332 14.6052 21.332 11.9997C21.332 9.39412 20.4279 7.18718 18.6195 5.37884C16.8112 3.57051 14.6043 2.66634 11.9987 2.66634C9.39314 2.66634 7.1862 3.57051 5.37787 5.37884C3.56953 7.18718 2.66536 9.39412 2.66536 11.9997C2.66536 14.6052 3.56953 16.8122 5.37787 18.6205C7.1862 20.4288 9.39314 21.333 11.9987 21.333Z\" fill=\"#FFA200\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">We will contact you to schedule the consultation.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M10.3654 17.3663L18.5904 9.14134L16.957 7.50801L10.3654 14.0997L7.04037 10.7747L5.40703 12.408L10.3654 17.3663ZM11.9987 23.6663C10.3848 23.6663 8.86814 23.3601 7.4487 22.7476C6.02925 22.1351 4.79453 21.3038 3.74453 20.2538C2.69453 19.2038 1.86328 17.9691 1.25078 16.5497C0.638281 15.1302 0.332031 13.6136 0.332031 11.9997C0.332031 10.3858 0.638281 8.86912 1.25078 7.44968C1.86328 6.03023 2.69453 4.79551 3.74453 3.74551C4.79453 2.69551 6.02925 1.86426 7.4487 1.25176C8.86814 0.639258 10.3848 0.333008 11.9987 0.333008C13.6126 0.333008 15.1293 0.639258 16.5487 1.25176C17.9681 1.86426 19.2029 2.69551 20.2529 3.74551C21.3029 4.79551 22.1341 6.03023 22.7466 7.44968C23.3591 8.86912 23.6654 10.3858 23.6654 11.9997C23.6654 13.6136 23.3591 15.1302 22.7466 16.5497C22.1341 17.9691 21.3029 19.2038 20.2529 20.2538C19.2029 21.3038 17.9681 22.1351 16.5487 22.7476C15.1293 23.3601 13.6126 23.6663 11.9987 23.6663ZM11.9987 21.333C14.6043 21.333 16.8112 20.4288 18.6195 18.6205C20.4279 16.8122 21.332 14.6052 21.332 11.9997C21.332 9.39412 20.4279 7.18718 18.6195 5.37884C16.8112 3.57051 14.6043 2.66634 11.9987 2.66634C9.39314 2.66634 7.1862 3.57051 5.37787 5.37884C3.56953 7.18718 2.66536 9.39412 2.66536 11.9997C2.66536 14.6052 3.56953 16.8122 5.37787 18.6205C7.1862 20.4288 9.39314 21.333 11.9987 21.333Z\" fill=\"#FFA200\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">We meet during a no-obligation consultation and go over your needs after which we provide advice.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M10.3654 17.3663L18.5904 9.14134L16.957 7.50801L10.3654 14.0997L7.04037 10.7747L5.40703 12.408L10.3654 17.3663ZM11.9987 23.6663C10.3848 23.6663 8.86814 23.3601 7.4487 22.7476C6.02925 22.1351 4.79453 21.3038 3.74453 20.2538C2.69453 19.2038 1.86328 17.9691 1.25078 16.5497C0.638281 15.1302 0.332031 13.6136 0.332031 11.9997C0.332031 10.3858 0.638281 8.86912 1.25078 7.44968C1.86328 6.03023 2.69453 4.79551 3.74453 3.74551C4.79453 2.69551 6.02925 1.86426 7.4487 1.25176C8.86814 0.639258 10.3848 0.333008 11.9987 0.333008C13.6126 0.333008 15.1293 0.639258 16.5487 1.25176C17.9681 1.86426 19.2029 2.69551 20.2529 3.74551C21.3029 4.79551 22.1341 6.03023 22.7466 7.44968C23.3591 8.86912 23.6654 10.3858 23.6654 11.9997C23.6654 13.6136 23.3591 15.1302 22.7466 16.5497C22.1341 17.9691 21.3029 19.2038 20.2529 20.2538C19.2029 21.3038 17.9681 22.1351 16.5487 22.7476C15.1293 23.3601 13.6126 23.6663 11.9987 23.6663ZM11.9987 21.333C14.6043 21.333 16.8112 20.4288 18.6195 18.6205C20.4279 16.8122 21.332 14.6052 21.332 11.9997C21.332 9.39412 20.4279 7.18718 18.6195 5.37884C16.8112 3.57051 14.6043 2.66634 11.9987 2.66634C9.39314 2.66634 7.1862 3.57051 5.37787 5.37884C3.56953 7.18718 2.66536 9.39412 2.66536 11.9997C2.66536 14.6052 3.56953 16.8122 5.37787 18.6205C7.1862 20.4288 9.39314 21.333 11.9987 21.333Z\" fill=\"#FFA200\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">If you want, we will prepare a proposal with a fixed price for your website.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M10.3654 17.3663L18.5904 9.14134L16.957 7.50801L10.3654 14.0997L7.04037 10.7747L5.40703 12.408L10.3654 17.3663ZM11.9987 23.6663C10.3848 23.6663 8.86814 23.3601 7.4487 22.7476C6.02925 22.1351 4.79453 21.3038 3.74453 20.2538C2.69453 19.2038 1.86328 17.9691 1.25078 16.5497C0.638281 15.1302 0.332031 13.6136 0.332031 11.9997C0.332031 10.3858 0.638281 8.86912 1.25078 7.44968C1.86328 6.03023 2.69453 4.79551 3.74453 3.74551C4.79453 2.69551 6.02925 1.86426 7.4487 1.25176C8.86814 0.639258 10.3848 0.333008 11.9987 0.333008C13.6126 0.333008 15.1293 0.639258 16.5487 1.25176C17.9681 1.86426 19.2029 2.69551 20.2529 3.74551C21.3029 4.79551 22.1341 6.03023 22.7466 7.44968C23.3591 8.86912 23.6654 10.3858 23.6654 11.9997C23.6654 13.6136 23.3591 15.1302 22.7466 16.5497C22.1341 17.9691 21.3029 19.2038 20.2529 20.2538C19.2029 21.3038 17.9681 22.1351 16.5487 22.7476C15.1293 23.3601 13.6126 23.6663 11.9987 23.6663ZM11.9987 21.333C14.6043 21.333 16.8112 20.4288 18.6195 18.6205C20.4279 16.8122 21.332 14.6052 21.332 11.9997C21.332 9.39412 20.4279 7.18718 18.6195 5.37884C16.8112 3.57051 14.6043 2.66634 11.9987 2.66634C9.39314 2.66634 7.1862 3.57051 5.37787 5.37884C3.56953 7.18718 2.66536 9.39412 2.66536 11.9997C2.66536 14.6052 3.56953 16.8122 5.37787 18.6205C7.1862 20.4288 9.39314 21.333 11.9987 21.333Z\" fill=\"#FFA200\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Within 10 to 12 weeks, your website with wow effect will be online!<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-275bfc75 e-con-full e-flex e-con e-child\" data-id=\"275bfc75\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-288ecce elementor-widget elementor-widget-template\" data-id=\"288ecce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"8329\" class=\"elementor elementor-8329 elementor-6728 elementor-6728\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4013eee6 e-con-full e-flex e-con e-child\" data-id=\"4013eee6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31762d56 elementor-widget elementor-widget-heading\" data-id=\"31762d56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Contact us directly<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-585c3edf elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-text-editor\" data-id=\"585c3edf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Call us directly on <span style=\"text-decoration: underline;\"><a href=\"tel:0031202101505\">020 &#8211; 2101505<\/a><\/span>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5002b216 elementor-button-align-start elementor-widget elementor-widget-form\" data-id=\"5002b216\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" id=\"home_contact\" name=\"Home - Contact\" aria-label=\"Home - Contact\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"8329\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"5002b216\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50 elementor-md-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tName\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"What is your name? *\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_phone elementor-col-50 elementor-md-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_phone\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tPhone number\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_phone]\" id=\"form-field-field_phone\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"What is your phone number?\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-50 elementor-md-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"What is your email address? *\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_1d2fad5 elementor-col-50 elementor-md-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_1d2fad5\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tWebsite\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_1d2fad5]\" id=\"form-field-field_1d2fad5\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"What is the URL of your website?\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tMessage\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Fire away!\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-checkbox elementor-field-group elementor-column elementor-field-group-field_a231400 elementor-col-100\">\n\t\t\t\t\t<div class=\"elementor-field-subgroup  \"><span class=\"elementor-field-option\"><input type=\"checkbox\" value=\"Website\" id=\"form-field-field_a231400-0\" name=\"form_fields[field_a231400][]\"> <label for=\"form-field-field_a231400-0\">Website<\/label><\/span><span class=\"elementor-field-option\"><input type=\"checkbox\" value=\"Branding\" id=\"form-field-field_a231400-1\" name=\"form_fields[field_a231400][]\"> <label for=\"form-field-field_a231400-1\">Branding<\/label><\/span><span class=\"elementor-field-option\"><input type=\"checkbox\" value=\"Marketing\" id=\"form-field-field_a231400-2\" name=\"form_fields[field_a231400][]\"> <label for=\"form-field-field_a231400-2\">Marketing<\/label><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-recaptcha_v3 elementor-field-group elementor-column elementor-field-group-field_882a7df elementor-col-100 recaptcha_v3-bottomright\">\n\t\t\t\t\t<div class=\"elementor-field\" id=\"form-field-field_882a7df\"><div class=\"elementor-g-recaptcha\" data-sitekey=\"6LcKcAssAAAAAAkUTU1uwoaJCE8XhMeS8n4oRKAA\" data-type=\"v3\" data-action=\"Form\" data-badge=\"bottomright\" data-size=\"invisible\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"57\" height=\"26\" viewBox=\"0 0 57 26\" fill=\"none\"><path d=\"M0 13H56M56 13L43.6571 1M56 13L43.6571 25\" stroke=\"white\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Send<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Having a website created with us means a distinctive design, a well-thought-out website structure and tight code with a personal approach.<\/p>\n","protected":false},"author":3,"featured_media":9948,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-11360","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/brendly.nl\/en\/wp-json\/wp\/v2\/pages\/11360","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brendly.nl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brendly.nl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brendly.nl\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/brendly.nl\/en\/wp-json\/wp\/v2\/comments?post=11360"}],"version-history":[{"count":18,"href":"https:\/\/brendly.nl\/en\/wp-json\/wp\/v2\/pages\/11360\/revisions"}],"predecessor-version":[{"id":11440,"href":"https:\/\/brendly.nl\/en\/wp-json\/wp\/v2\/pages\/11360\/revisions\/11440"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/brendly.nl\/en\/wp-json\/wp\/v2\/media\/9948"}],"wp:attachment":[{"href":"https:\/\/brendly.nl\/en\/wp-json\/wp\/v2\/media?parent=11360"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}