{"id":2232,"date":"2025-12-24T13:52:27","date_gmt":"2025-12-24T13:52:27","guid":{"rendered":"https:\/\/kiyaya.nl\/?p=2232"},"modified":"2026-04-08T08:45:19","modified_gmt":"2026-04-08T08:45:19","slug":"banner-glow","status":"publish","type":"post","link":"https:\/\/kiyaya.nl\/en\/banner-glow\/","title":{"rendered":"banner glow"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"2232\" class=\"elementor elementor-2232\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85994e4 e-flex e-con-boxed e-con e-parent\" data-id=\"85994e4\" 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-39e835d elementor-widget elementor-widget-shortcode\" data-id=\"39e835d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div id=\"kbb-69f239f6dba4c\"\n     class=\"kbb-banner\"\n     style=\"width:100%;max-width:1200px;\">\n\n  <div class=\"kbb-banner-shadow\"\n       style=\"border-radius:0px;box-shadow:0 12px 19px #000000;\">\n\n    <div class=\"kbb-banner-inner\"\n         style=\"width:1200px;                height:630px;                position:relative;                overflow:hidden;                border-radius:0px;background:linear-gradient(125deg,#000000,#000000);border:none;box-shadow:inset 0 0 0 44px #2271e3;\">\n\n      \n      \n        \n          <div class=\"kbb-layer kbb-layer-image\" style=\"left:28px;top:22px;width:1143px;height:596px;opacity:1;border-radius:16px;border:0px solid transparent;box-shadow:none;\">\n                          <img decoding=\"async\" src=\"https:\/\/sos.singles\/wp-content\/uploads\/2026\/02\/3D_Animation_Style_het_typische_groninger_landschap_1.jpg\" alt=\"\"\n                   style=\"width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;\" \/>\n                      <\/div>\n\n        \n      \n        \n          <div class=\"kbb-layer kbb-layer-image kbb-anim-fade\" style=\"left:1061px;top:474px;width:79px;height:79px;opacity:1;border-radius:16px;border:0px solid transparent;box-shadow:none;\">\n                          <img decoding=\"async\" src=\"https:\/\/sos.singles\/wp-content\/uploads\/2026\/02\/lammetje.png\" alt=\"\"\n                   style=\"width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;\" \/>\n                      <\/div>\n\n        \n      \n        \n          <div class=\"kbb-layer kbb-layer-image kbb-anim-glow\" style=\"left:826px;top:48px;width:157px;height:218px;opacity:1;border-radius:16px;border:0px solid transparent;box-shadow:none;\">\n                          <img decoding=\"async\" src=\"https:\/\/sos.singles\/wp-content\/uploads\/2026\/02\/luchtballon.png\" alt=\"\"\n                   style=\"width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;\" \/>\n                      <\/div>\n\n        \n      \n        \n          <div class=\"kbb-layer kbb-layer-image kbb-anim-glow\" style=\"left:689px;top:113px;width:112px;height:145px;opacity:1;border-radius:16px;border:0px solid transparent;box-shadow:none;\">\n                          <img decoding=\"async\" src=\"https:\/\/sos.singles\/wp-content\/uploads\/2026\/02\/ballon2.png\" alt=\"\"\n                   style=\"width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;\" \/>\n                      <\/div>\n\n        \n      \n        \n          <div class=\"kbb-layer kbb-layer-image kbb-anim-glow\" style=\"left:505px;top:174px;width:144px;height:111px;opacity:1;border-radius:16px;border:0px solid transparent;box-shadow:none;\">\n                          <img decoding=\"async\" src=\"https:\/\/sos.singles\/wp-content\/uploads\/2026\/02\/adelaar.png\" alt=\"\"\n                   style=\"width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;\" \/>\n                      <\/div>\n\n        \n      \n        \n          <div class=\"kbb-layer kbb-layer-image\" style=\"left:128px;top:49px;width:323px;height:581px;opacity:1;border-radius:16px;border:0px solid transparent;box-shadow:none;\">\n                          <img decoding=\"async\" src=\"https:\/\/sos.singles\/wp-content\/uploads\/2026\/02\/amma1-1.png\" alt=\"\"\n                   style=\"width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;\" \/>\n                      <\/div>\n\n        \n      \n        \n          <div class=\"kbb-layer kbb-layer-text\" style=\"left:459px;top:384px;width:531px;height:172px;opacity:1;border-radius:16px;border:10px solid #2271e3;box-shadow:none;\">\n            <div class=\"kbb-text\" style=\"font-family:Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;font-size:58px;color:#ffffff;text-shadow:0 0 10px #000000, 0 0 22px #000000;\">Spring is in the air!<\/div>\n          <\/div>\n\n        \n      \n        \n          <div class=\"kbb-layer kbb-layer-text\" style=\"left:958px;top:578px;width:213px;height:48px;opacity:1;border-radius:16px;border:0px solid transparent;box-shadow:none;\">\n            <div class=\"kbb-text\" style=\"font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;font-size:11px;color:#ffffff;\">Powered by KIYAYA<\/div>\n          <\/div>\n\n        \n      \n    <\/div><!-- \/.kbb-banner-inner -->\n  <\/div><!-- \/.kbb-banner-shadow -->\n<\/div><!-- \/.kbb-banner -->\n\n<script>\n(function(){\n  var container = document.getElementById('kbb-69f239f6dba4c');\n  if(!container) return;\n\n  var shadowWrap = container.querySelector('.kbb-banner-shadow');\n  var inner = container.querySelector('.kbb-banner-inner');\n  if(!shadowWrap || !inner) return;\n\n  var originalWidth  = 1200;\n  var originalHeight = 630;\n\n  function resizeBanner(){\n    var rect = container.getBoundingClientRect();\n    var containerWidth = rect ? rect.width : container.offsetWidth;\n    if(!containerWidth || !originalWidth) return;\n\n    var scale = containerWidth \/ originalWidth;\n    if(!isFinite(scale) || scale <= 0) return;\n\n    \/\/ Clamp to 3 decimals to avoid subpixel rounding gaps\n    scale = Math.round(scale * 1000) \/ 1000;\n\n    inner.style.transformOrigin = 'top left';\n    inner.style.transform = 'scale(' + scale + ')';\n\n    \/\/ Because transforms don't affect layout, we set the wrapper height explicitly\n    var scaledW = Math.round(originalWidth  * scale);\n    var scaledH = Math.round(originalHeight * scale);\n\n    shadowWrap.style.width  = scaledW + 'px';\n    shadowWrap.style.height = scaledH + 'px';\n    container.style.height  = scaledH + 'px';\n  }\n\n  function init(){\n    resizeBanner();\n    if (window.requestAnimationFrame) window.requestAnimationFrame(resizeBanner);\n    setTimeout(resizeBanner, 50);\n    setTimeout(resizeBanner, 250);\n  }\n\n  if(document.readyState === 'loading'){\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n\n  window.addEventListener('resize', resizeBanner);\n  window.addEventListener('load', resizeBanner);\n})();\n<\/script>\n<\/div>\n\t\t\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<div class=\"elementor-element elementor-element-7c7bc9e e-flex e-con-boxed e-con e-parent\" data-id=\"7c7bc9e\" 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-f6b20d7 elementor-widget elementor-widget-shortcode\" data-id=\"f6b20d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div id=\"kbb-69f239f6dbfd2\"\n     class=\"kbb-banner kbb-hide-mobile\"\n     style=\"width:100%;max-width:1009px;\">\n\n  <div class=\"kbb-banner-shadow\"\n       style=\"border-radius:0px;box-shadow:0 12px 24px #000000;\">\n\n    <div class=\"kbb-banner-inner\"\n         style=\"width:1009px;                height:462px;                position:relative;                overflow:hidden;                border-radius:0px;background:linear-gradient(232deg,#0587eb,#0587eb);border:none;box-shadow:inset 0 0 0 15px #000000;\">\n\n              <a class=\"kbb-click\" href=\"https:\/\/kiyaya.nl\/en\/banner\/\" aria-label=\"Banner link\"><\/a>\n      \n      \n        \n          <div class=\"kbb-layer kbb-layer-text\" style=\"left:265px;top:264px;width:270px;height:108px;opacity:1;border-radius:999px;border:10px solid #000000;box-shadow:0 0 27px #000000;\">\n            <div class=\"kbb-text\" style=\"font-family:Roboto, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;font-size:30px;color:#ffffff;\">I WANT THAT!<\/div>\n          <\/div>\n\n        \n      \n        \n          <div class=\"kbb-layer kbb-layer-text\" style=\"left:271px;top:46px;width:436px;height:122px;opacity:1;border-radius:999px;border:8px solid #000000;box-shadow:0 0 55px #000000;\">\n            <div class=\"kbb-text\" style=\"font-family:Roboto, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;font-size:31px;color:#ffffff;\">WOAH NICE SIGNATURE<\/div>\n          <\/div>\n\n        \n      \n        \n          <div class=\"kbb-layer kbb-layer-image\" style=\"left:497px;top:181px;width:287px;height:282px;opacity:1;border-radius:16px;border:0px solid transparent;box-shadow:none;\">\n                          <img decoding=\"async\" src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/03\/boggle.png\" alt=\"\"\n                   style=\"width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;\" \/>\n                      <\/div>\n\n        \n      \n        \n          <div class=\"kbb-layer kbb-layer-image\" style=\"left:728px;top:40px;width:256px;height:413px;opacity:1;border-radius:16px;border:0px solid transparent;box-shadow:none;\">\n                          <img decoding=\"async\" src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/03\/serenity-transparent.png\" alt=\"\"\n                   style=\"width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;\" \/>\n                      <\/div>\n\n        \n      \n        \n          <div class=\"kbb-layer kbb-layer-image\" style=\"left:6px;top:33px;width:276px;height:422px;opacity:1;border-radius:16px;border:0px solid transparent;box-shadow:none;\">\n                          <img decoding=\"async\" src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/04\/sanne.png\" alt=\"\"\n                   style=\"width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;\" \/>\n                      <\/div>\n\n        \n      \n    <\/div><!-- \/.kbb-banner-inner -->\n  <\/div><!-- \/.kbb-banner-shadow -->\n<\/div><!-- \/.kbb-banner -->\n\n<script>\n(function(){\n  var container = document.getElementById('kbb-69f239f6dbfd2');\n  if(!container) return;\n\n  var shadowWrap = container.querySelector('.kbb-banner-shadow');\n  var inner = container.querySelector('.kbb-banner-inner');\n  if(!shadowWrap || !inner) return;\n\n  var originalWidth  = 1009;\n  var originalHeight = 462;\n\n  function resizeBanner(){\n    var rect = container.getBoundingClientRect();\n    var containerWidth = rect ? rect.width : container.offsetWidth;\n    if(!containerWidth || !originalWidth) return;\n\n    var scale = containerWidth \/ originalWidth;\n    if(!isFinite(scale) || scale <= 0) return;\n\n    \/\/ Clamp to 3 decimals to avoid subpixel rounding gaps\n    scale = Math.round(scale * 1000) \/ 1000;\n\n    inner.style.transformOrigin = 'top left';\n    inner.style.transform = 'scale(' + scale + ')';\n\n    \/\/ Because transforms don't affect layout, we set the wrapper height explicitly\n    var scaledW = Math.round(originalWidth  * scale);\n    var scaledH = Math.round(originalHeight * scale);\n\n    shadowWrap.style.width  = scaledW + 'px';\n    shadowWrap.style.height = scaledH + 'px';\n    container.style.height  = scaledH + 'px';\n  }\n\n  function init(){\n    resizeBanner();\n    if (window.requestAnimationFrame) window.requestAnimationFrame(resizeBanner);\n    setTimeout(resizeBanner, 50);\n    setTimeout(resizeBanner, 250);\n  }\n\n  if(document.readyState === 'loading'){\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n\n  window.addEventListener('resize', resizeBanner);\n  window.addEventListener('load', resizeBanner);\n})();\n<\/script>\n<\/div>\n\t\t\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<div class=\"elementor-element elementor-element-adc05fb e-flex e-con-boxed e-con e-parent\" data-id=\"adc05fb\" 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-415632b elementor-widget elementor-widget-shortcode\" data-id=\"415632b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div id=\"kbb-69f239f6dc4b6\"\n     class=\"kbb-banner\"\n     style=\"width:100%;max-width:800px;\">\n\n  <div class=\"kbb-banner-shadow\"\n       style=\"border-radius:0px;box-shadow:;\">\n\n    <div class=\"kbb-banner-inner\"\n         style=\"width:800px;                height:129px;                position:relative;                overflow:hidden;                border-radius:0px;background:linear-gradient(135deg,#1e73be,#3ad622);border:none;box-shadow:inset 0 0 0 8px #8224e3;\">\n\n              <a class=\"kbb-click\" href=\"https:\/\/howareyoutoday.app\" aria-label=\"Banner link\"><\/a>\n      \n      \n        \n          <div class=\"kbb-layer kbb-layer-text kbb-anim-fade\" style=\"left:96px;top:46px;width:607px;height:70px;opacity:1;border-radius:16px;border:0px solid #eded00;box-shadow:0 0 22px #000000;\">\n            <div class=\"kbb-text\" style=\"font-family:Playfair Display, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;font-size:34px;color:#ffffff;\">Want to create signatures like this?\n<\/div>\n          <\/div>\n\n        \n      \n        \n          <div class=\"kbb-layer kbb-layer-image\" style=\"left:17px;top:11px;width:122px;height:106px;opacity:1;border-radius:16px;border:0px solid transparent;box-shadow:none;\">\n                          <img decoding=\"async\" src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/03\/english-modified.png\" alt=\"\"\n                   style=\"width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;\" \/>\n                      <\/div>\n\n        \n      \n        \n          <div class=\"kbb-layer kbb-layer-image\" style=\"left:679px;top:16px;width:99px;height:97px;opacity:1;border-radius:16px;border:0px solid transparent;box-shadow:none;\">\n                          <img decoding=\"async\" src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/04\/check.png\" alt=\"\"\n                   style=\"width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;\" \/>\n                      <\/div>\n\n        \n      \n    <\/div><!-- \/.kbb-banner-inner -->\n  <\/div><!-- \/.kbb-banner-shadow -->\n<\/div><!-- \/.kbb-banner -->\n\n<script>\n(function(){\n  var container = document.getElementById('kbb-69f239f6dc4b6');\n  if(!container) return;\n\n  var shadowWrap = container.querySelector('.kbb-banner-shadow');\n  var inner = container.querySelector('.kbb-banner-inner');\n  if(!shadowWrap || !inner) return;\n\n  var originalWidth  = 800;\n  var originalHeight = 129;\n\n  function resizeBanner(){\n    var rect = container.getBoundingClientRect();\n    var containerWidth = rect ? rect.width : container.offsetWidth;\n    if(!containerWidth || !originalWidth) return;\n\n    var scale = containerWidth \/ originalWidth;\n    if(!isFinite(scale) || scale <= 0) return;\n\n    \/\/ Clamp to 3 decimals to avoid subpixel rounding gaps\n    scale = Math.round(scale * 1000) \/ 1000;\n\n    inner.style.transformOrigin = 'top left';\n    inner.style.transform = 'scale(' + scale + ')';\n\n    \/\/ Because transforms don't affect layout, we set the wrapper height explicitly\n    var scaledW = Math.round(originalWidth  * scale);\n    var scaledH = Math.round(originalHeight * scale);\n\n    shadowWrap.style.width  = scaledW + 'px';\n    shadowWrap.style.height = scaledH + 'px';\n    container.style.height  = scaledH + 'px';\n  }\n\n  function init(){\n    resizeBanner();\n    if (window.requestAnimationFrame) window.requestAnimationFrame(resizeBanner);\n    setTimeout(resizeBanner, 50);\n    setTimeout(resizeBanner, 250);\n  }\n\n  if(document.readyState === 'loading'){\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n\n  window.addEventListener('resize', resizeBanner);\n  window.addEventListener('load', resizeBanner);\n})();\n<\/script>\n<\/div>\n\t\t\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<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_canvas","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2232","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/posts\/2232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/comments?post=2232"}],"version-history":[{"count":60,"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/posts\/2232\/revisions"}],"predecessor-version":[{"id":4344,"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/posts\/2232\/revisions\/4344"}],"wp:attachment":[{"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/media?parent=2232"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/categories?post=2232"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/tags?post=2232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}