{"id":11,"date":"2021-05-12T10:28:19","date_gmt":"2021-05-12T10:28:19","guid":{"rendered":"https:\/\/creativeresonance.eu\/?page_id=11"},"modified":"2026-07-30T17:48:17","modified_gmt":"2026-07-30T17:48:17","slug":"home","status":"publish","type":"page","link":"https:\/\/creativeresonance.eu\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4878fb3 elementor-section-full_width elementor-section-height-full elementor-section-height-default elementor-section-items-middle\" data-id=\"4878fb3\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-df57e39\" data-id=\"df57e39\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ce2e87e elementor-widget elementor-widget-html\" data-id=\"ce2e87e\" 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<style>\n#cr-under-construction {\n  --cr-bg: #050505;\n  --cr-surface: #0d0d0d;\n  --cr-gold: #d2a44b;\n  --cr-gold-light: #eacd7b;\n  --cr-gold-dark: #9b6928;\n  --cr-ivory: #f4e39c;\n  --cr-white: #f7f4ea;\n  --cr-muted: #bdb6a7;\n  --cr-line: rgba(234, 205, 123, 0.22);\n  --cr-metallic: linear-gradient(135deg, #9b6928 0%, #eacd7b 38%, #b58337 72%, #f4e39c 100%);\n  min-height: 100svh;\n  display: grid;\n  place-items: center;\n  position: relative;\n  overflow: hidden;\n  background:\n    radial-gradient(circle at 20% 20%, rgba(210, 164, 75, 0.08), transparent 30rem),\n    radial-gradient(circle at 80% 80%, rgba(234, 205, 123, 0.06), transparent 28rem),\n    var(--cr-bg);\n  color: var(--cr-white);\n  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  padding: clamp(1.25rem, 3vw, 2.5rem);\n  isolation: isolate;\n}\n\n#cr-under-construction *,\n#cr-under-construction *::before,\n#cr-under-construction *::after {\n  box-sizing: border-box;\n}\n\n#cr-under-construction a {\n  color: inherit;\n}\n\n#cr-under-construction .cr-shell {\n  width: min(100%, 74rem);\n  min-height: min(46rem, calc(100svh - 2.5rem));\n  border: 1px solid var(--cr-line);\n  background: linear-gradient(180deg, rgba(255,255,255,0.025), rgba(255,255,255,0.01));\n  box-shadow: 0 24px 80px rgba(0,0,0,0.42);\n  display: grid;\n  grid-template-columns: 1.15fr 0.85fr;\n  position: relative;\n  overflow: hidden;\n}\n\n#cr-under-construction .cr-content {\n  padding: clamp(2rem, 5vw, 5rem);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: 3rem;\n  position: relative;\n  z-index: 2;\n}\n\n\n#cr-under-construction .cr-copy {\n  max-width: 42rem;\n  margin-block: auto;\n}\n\n\n#cr-under-construction h1 {\n  margin: 0;\n  max-width: 10ch;\n  font-family: Georgia, Cambria, \"Times New Roman\", serif;\n  font-size: clamp(3rem, 8vw, 7rem);\n  line-height: 0.94;\n  font-weight: 500;\n  letter-spacing: -0.04em;\n}\n\n#cr-under-construction h1 span {\n  display: block;\n  background: var(--cr-metallic);\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n}\n\n#cr-under-construction .cr-intro {\n  margin: 1.5rem 0 0;\n  max-width: 38rem;\n  color: var(--cr-muted);\n  font-size: clamp(1rem, 1.7vw, 1.2rem);\n  line-height: 1.75;\n}\n\n#cr-under-construction .cr-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.8rem;\n  margin-top: 2rem;\n}\n\n#cr-under-construction .cr-button {\n  min-height: 3rem;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0.85rem 1.2rem;\n  border: 1px solid var(--cr-gold);\n  text-decoration: none;\n  font-weight: 700;\n  font-size: 0.92rem;\n  transition: transform 180ms ease, background-color 180ms ease, color 180ms ease;\n}\n\n#cr-under-construction .cr-button--primary {\n  background: var(--cr-metallic);\n  color: #080808;\n}\n\n#cr-under-construction .cr-button--secondary {\n  background: transparent;\n  color: var(--cr-white);\n}\n\n#cr-under-construction .cr-button:hover {\n  transform: translateY(-2px);\n}\n\n#cr-under-construction .cr-button--secondary:hover {\n  background: rgba(210, 164, 75, 0.1);\n}\n\n#cr-under-construction .cr-button:focus-visible,\n#cr-under-construction .cr-social a:focus-visible {\n  outline: 3px solid var(--cr-ivory);\n  outline-offset: 4px;\n}\n\n#cr-under-construction .cr-meta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.75rem 1.5rem;\n  color: var(--cr-muted);\n  font-size: 0.9rem;\n}\n\n#cr-under-construction .cr-meta a {\n  text-decoration: none;\n}\n\n#cr-under-construction .cr-meta a:hover {\n  color: var(--cr-gold-light);\n}\n\n#cr-under-construction .cr-visual {\n  position: relative;\n  min-height: 32rem;\n  border-left: 1px solid var(--cr-line);\n  background:\n    linear-gradient(180deg, rgba(210,164,75,0.08), transparent 42%),\n    var(--cr-surface);\n  display: grid;\n  place-items: center;\n  overflow: hidden;\n}\n\n#cr-under-construction .cr-orbit {\n  width: min(78%, 27rem);\n  aspect-ratio: 1;\n  border: 1px solid rgba(234, 205, 123, 0.5);\n  border-radius: 50%;\n  position: relative;\n  animation: cr-spin 28s linear infinite;\n}\n\n#cr-under-construction .cr-orbit::before,\n#cr-under-construction .cr-orbit::after {\n  content: \"\";\n  position: absolute;\n  inset: 10%;\n  border: 1px solid rgba(210, 164, 75, 0.25);\n  border-radius: 50%;\n}\n\n#cr-under-construction .cr-orbit::after {\n  inset: 24%;\n  border-color: rgba(244, 227, 156, 0.2);\n}\n\n#cr-under-construction .cr-mark {\n  position: absolute;\n  inset: 18%;\n  display: grid;\n  place-items: center;\n  border: 1px solid var(--cr-line);\n  background: rgba(5,5,5,0.94);\n  border-radius: 50%;\n  overflow: hidden;\n  padding: 5%;\n  box-shadow:\n    inset 0 0 28px rgba(210, 164, 75, 0.08),\n    0 0 42px rgba(0, 0, 0, 0.32);\n  animation: cr-counter-spin 28s linear infinite;\n}\n\n#cr-under-construction .cr-mark img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n\n#cr-under-construction .cr-node {\n  position: absolute;\n  width: 0.8rem;\n  aspect-ratio: 1;\n  border-radius: 50%;\n  background: var(--cr-gold-light);\n  box-shadow: 0 0 28px rgba(234, 205, 123, 0.55);\n}\n\n#cr-under-construction .cr-node--one { top: 7%; left: 49%; }\n#cr-under-construction .cr-node--two { right: 3%; top: 55%; }\n#cr-under-construction .cr-node--three { left: 10%; bottom: 12%; }\n\n#cr-under-construction .cr-status {\n  position: absolute;\n  left: 1.5rem;\n  bottom: 1.5rem;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.65rem;\n  color: var(--cr-muted);\n  font-size: 0.82rem;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n\n#cr-under-construction .cr-status::before {\n  content: \"\";\n  width: 0.55rem;\n  aspect-ratio: 1;\n  border-radius: 50%;\n  background: var(--cr-gold);\n  box-shadow: 0 0 0 0 rgba(210, 164, 75, 0.5);\n  animation: cr-pulse 2s ease-out infinite;\n}\n\n#cr-under-construction .cr-social {\n  position: absolute;\n  right: 1.5rem;\n  bottom: 1.5rem;\n  display: flex;\n  gap: 0.65rem;\n}\n\n#cr-under-construction .cr-social a {\n  width: 2.75rem;\n  aspect-ratio: 1;\n  display: grid;\n  place-items: center;\n  border: 1px solid var(--cr-line);\n  text-decoration: none;\n  transition: border-color 180ms ease, background-color 180ms ease;\n}\n\n#cr-under-construction .cr-social a:hover {\n  border-color: var(--cr-gold);\n  background: rgba(210, 164, 75, 0.08);\n}\n\n#cr-under-construction .cr-social svg {\n  width: 1.15rem;\n  height: 1.15rem;\n  fill: currentColor;\n}\n\n@keyframes cr-spin {\n  to { transform: rotate(360deg); }\n}\n\n@keyframes cr-counter-spin {\n  to { transform: rotate(-360deg); }\n}\n\n@keyframes cr-pulse {\n  70% { box-shadow: 0 0 0 0.6rem rgba(210, 164, 75, 0); }\n  100% { box-shadow: 0 0 0 0 rgba(210, 164, 75, 0); }\n}\n\n@media (max-width: 820px) {\n  #cr-under-construction {\n    padding: 0;\n  }\n\n  #cr-under-construction .cr-shell {\n    min-height: 100svh;\n    grid-template-columns: 1fr;\n    border-inline: 0;\n  }\n\n  #cr-under-construction .cr-visual {\n    order: -1;\n    min-height: clamp(18rem, 62vw, 22rem);\n    border-left: 0;\n    border-top: 0;\n    border-bottom: 1px solid var(--cr-line);\n  }\n\n  #cr-under-construction .cr-content {\n    min-height: auto;\n    padding: 1.4rem;\n    gap: 2.25rem;\n  }\n\n  #cr-under-construction .cr-copy {\n    margin-block: 0;\n  }\n\n  #cr-under-construction h1 {\n    max-width: 8ch;\n  }\n\n  #cr-under-construction .cr-meta {\n    flex-direction: column;\n    gap: 0.55rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #cr-under-construction *,\n  #cr-under-construction *::before,\n  #cr-under-construction *::after {\n    animation: none !important;\n    scroll-behavior: auto !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n<\/style>\n\n<section id=\"cr-under-construction\" aria-labelledby=\"cr-under-construction-title\">\n  <div class=\"cr-shell\">\n    <div class=\"cr-content\">\n\n      <div class=\"cr-copy\">\n        <h1 id=\"cr-under-construction-title\">A new experience is <span>taking shape.<\/span><\/h1>\n        <p class=\"cr-intro\">\n          Our new website is currently under construction. Creative Resonance provides specialist web development and event video production for organisers, venues, production companies and event suppliers.\n        <\/p>\n\n        <div class=\"cr-actions\">\n          <a class=\"cr-button cr-button--primary\" href=\"mailto:info@creativeresonance.eu?subject=Project%20Enquiry\">Start a project<\/a>\n          <a class=\"cr-button cr-button--secondary\" href=\"tel:+31682863123\">Call (+31) 6 82 86 31 23<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"cr-meta\" aria-label=\"Contact details\">\n        <a href=\"mailto:info@creativeresonance.eu\">info@creativeresonance.eu<\/a>\n        <span>The Hague, Netherlands<\/span>\n        <span>Pr. Beatrixlaan 582, 2595 BM Den Haag<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"cr-visual\">\n      <div class=\"cr-orbit\" aria-hidden=\"true\">\n        <span class=\"cr-node cr-node--one\"><\/span>\n        <span class=\"cr-node cr-node--two\"><\/span>\n        <span class=\"cr-node cr-node--three\"><\/span>\n        <div class=\"cr-mark\">\n          <img fetchpriority=\"high\"\n            src=\"https:\/\/creativeresonance.eu\/wp-content\/uploads\/2023\/03\/cropped-Creative-resonance-logo-1.png\"\n            alt=\"\"\n            width=\"512\"\n            height=\"512\"\n            decoding=\"async\"\n          >\n        <\/div>\n      <\/div>\n\n      <div class=\"cr-status\">Website under construction<\/div>\n\n      <div class=\"cr-social\" aria-label=\"Social media\">\n        <a href=\"https:\/\/www.linkedin.com\/company\/54317141\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Creative Resonance on LinkedIn\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5.2 7.2H1.8V22h3.4V7.2ZM3.5 2A2 2 0 1 0 3.5 6a2 2 0 0 0 0-4ZM22 13.5c0-4.5-2.4-6.6-5.6-6.6-2.6 0-3.8 1.4-4.4 2.4V7.2H8.6V22H12v-7.3c0-1.9.4-3.8 2.8-3.8 2.4 0 2.4 2.2 2.4 3.9V22h3.4l1.4-8.5Z\"\/>\n          <\/svg>\n        <\/a>\n        <a href=\"https:\/\/www.youtube.com\/@creativeresonance2381\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Creative Resonance on YouTube\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.6 12 3.6 12 3.6s-7.5 0-9.4.5A3 3 0 0 0 .5 6.2 31.5 31.5 0 0 0 0 12a31.5 31.5 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5a3 3 0 0 0 2.1-2.1A31.5 31.5 0 0 0 24 12a31.5 31.5 0 0 0-.5-5.8ZM9.6 15.6V8.4L15.8 12l-6.2 3.6Z\"\/>\n          <\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>A new experience is taking shape. Our new website is currently under construction. Creative Resonance provides specialist web development and event video production for organisers, venues, production companies and event suppliers. Start a project Call (+31) 6 82 86 31 23 info@creativeresonance.eu The Hague, Netherlands Pr. Beatrixlaan 582, 2595 BM Den Haag Website under construction<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"disabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/creativeresonance.eu\/index.php\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativeresonance.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/creativeresonance.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/creativeresonance.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creativeresonance.eu\/index.php\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":633,"href":"https:\/\/creativeresonance.eu\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":4570,"href":"https:\/\/creativeresonance.eu\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions\/4570"}],"wp:attachment":[{"href":"https:\/\/creativeresonance.eu\/index.php\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}