

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Server Side Tracking by Taggrs.io -->
 <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://play.shuffly.com/wZgm6blTno.js?tg='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','KP9NTZWH');</script> 
<!-- End Server Side Tracking by Taggrs.io -->

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-2ELQHZN633"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-2ELQHZN633');
</script>
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
    <meta name="referrer" content="origin-when-cross-origin" />

                        
                                                                    <link rel="alternate" hreflang="en" href="https://shuffly.com/en" />
                                    <link rel="alternate" hreflang="x-default" href="https://shuffly.com/en" />
                                        
                                                                    
                                                                    <link rel="alternate" hreflang="nl" href="https://shuffly.com/nl" />
                                        
                                        
    <link href="/dist/output.css"   rel="stylesheet">
    <link href="/styles/navbar.css" rel="stylesheet">
    <script src="/scripts/default.js"></script>
    
            
<title>Premium-Quality Shuffleboard Tables by Shuffly</title>
<meta name="title" content="Premium-Quality Shuffleboard Tables by Shuffly">
<meta name="description" content="Specialist in High-Quality Shuffleboards ✔ Electric &amp; Analog Shuffleboards ✔ Handcrafted in the Netherlands. ⮕ Get in Touch!">
<link rel="canonical" href="https://shuffly.com/en">

<script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "image": "https://shuffly.com/uploads/Logos/ShufflyLogo.svg",
      "url": "https://www.shuffly.com",
      "logo": "https://shuffly.com/uploads/Logos/ShufflyLogo.svg",
      "name": "Shuffly",
      "description": "Shuffleboards from the Netherlands",
      "email": "contact@shuffly.com",
      "telephone": "0636463303",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "Dillenburgstraat 11B",
        "addressLocality": "Eindhoven",
        "addressCountry": "NL",
        "addressRegion": "North Brabant",
        "postalCode": "5652 AM"
      }
}
</script>

        <style>
                    </style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<style>
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yellowtail&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap');

@font-face {
    font-family: "Thunder";
    src: url("https://shuffly.com/uploads/Fonts/Thunder/Thunder-MediumLC.otf") format("truetype");
}
@font-face {
    font-family: "Thunder Bold";
    src: url("https://shuffly.com/uploads/Fonts/Thunder/Thunder-BoldLC.otf") format("truetype");
}
@font-face {
    font-family: "Thunder special";
    src: url("https://shuffly.com/uploads/Fonts/Thunder/Thunder-MediumHCItalic.otf") format("truetype");
}


@font-face {
    font-family: "Rocket Clouds";
    src: url("https://shuffly.com/uploads/Fonts/Rocket%20Clouds.ttf") format("truetype");
}
@font-face {
    font-family: "Gotham Regular";
    src: url("https://shuffly.com/uploads/Fonts/GothamHTF-Book.otf") format("truetype");
    src: url("https://shuffly.com/uploads/Fonts/barlow/Barlow-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Gotham Bold";
    src: url("https://shuffly.com/uploads/Fonts/GothamHTF-Bold.otf") format("truetype");
}

.fa-star {
 font-size: 24px;
 margin-right: 2px;
 color: rgba(0,0,0,0.6);
}

.checked {
  color: var(--secondary);
}

:root, html, body {
  max-width: 100vw;
}

html {
  background: var(--background);
}

body {
  padding: 0 10vw 0 10vw;
  color:      var(--text-primary);
  background-image: url("/uploads/page-bg.png"), linear-gradient(transparent 90%, var(--primary));
background-image: unset;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  z-index: -100;
  overflow-x: hidden;
}
#navbar {
  left: 0;
}

img:not(#navbar > div > div > a > img) {
  width: 100%;
}

#navbar {
  top: 0;
}

#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > div * {
  font-size: 16px;
}

#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul {
  gap: 35px;
  padding-right: 30px;
  font-size: clamp(12px, 1.4vw, 22px);
}

#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul .grid .grid:not(#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul > li:nth-child(5) *) {
  right: unset !important;
  left: 0px;
}

#navbar-bar .product-card-layout {
  padding-top: 0px !important;
}
@keyframes open-subnav {
  0%   {opacity: 0; scale: 1 0.9;}
  100% {opacity: 1; scale: 1 1;}
}
#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul > li > .grid > .grid:has(.prod-card) {
  transform-origin: top center;
  animation-name: open-subnav;
  animation-duration: 0.75s;
}

#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul > li > .grid > .grid:has(.prod-card)::before {
  content: " ";
  position: absolute;
  width: 100%;
  height: calc(100% - 50px);
  left: 0;
  top: 60px;
  background: var(--dark);
}
#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul > li:nth-child(5) > div > div {
  right: 0px !important;
  left: unset !important;
}


#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul .grid .grid > ul:not(#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul > li:nth-child(5) *) {
  justify-items: start;
}

#navbar-bar .fa.fa-times {
    display: unset;
    top: 90px;
    right: 10vw;
    translate: -50% 0;
}

body > div.default > * {
  margin-bottom: 120px;
  overflow-x: clip;
  overflow-x: visible;
}

input, textarea {
  width: 100%;
  background: rgba(50, 38, 105, 0.5);
  border-radius: 20px;
  padding: 5px 15px;
  margin-bottom: 20px;
}

.input-label {
  margin-bottom: 5px;
}

@media only screen and (max-width: 600px) {
  body {
    padding: 0 5vw 0 5vw;
  }

  body > div:nth-child(3) > * {
    margin-bottom: 80px;
  }
}

ul.breadcrumb {
  display: flex;
  gap: 20px;
  row-gap: 5px;
  flex-wrap: wrap;
}
.breadcrumb a, .breadcrumb li {
  color: var(--secondary);
}
div.breadcrumb {
  position: absolute;
  margin-top: -90px;
}

video {
  min-width: 100%;
}

.ac-collapsed {
  max-height: 0px !important;
  overflow: hidden;
  opacity: 0 !important;
  margin-bottom: 0 !important;
}
.accordion .component-column * {
transition: all 0.25s;
  max-height: 1000px;
  opacity: 1;
}
.accordion h3 {
  font-size: 24px;
}

.header-layout {
  background-size: cover;
  min-height: 275px;
  position: relative;
}
.header-small-layout{
  background-size: cover;
  min-height: 275px;
  position: relative;
}
.header-small-layout * {
  position: relative;
  z-index: 10;
}
.header-small-layout:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}

.fourth-layout figure {
 border-radius: 20px;
 overflow: hidden;
}
.fourth-layout > .component-column > * {
 margin-bottom: 20px;
}
.centered-content-layout > .component-column > * {
 margin-bottom: 10px;
}
.centered-content-layout > .component-column > h1, .centered-content-layout > .component-column > h2, .centered-content-layout > .component-column > h3, .centered-content-layout > .component-column > h4, .centered-content-layout > .component-column > h5 {
 margin-bottom: 0px;
}
.centered-content-layout .component-column ul li {
 margin-bottom: 10px;
 list-style-type: disc;
}

.centered-content-layout .component-column ul li *, .f50-50-layout .component-column ul li * {
 display: inline;
}

.centered-content-layout .component-column ul {
 padding-left: 15px;
}
.centered-content-layout {
  max-width: 1400px;
}

.default {
  max-width: 87vw;
}

.sixth-layoutXXXX figure {
    background: rgba(255, 255, 255, 0.6);
    height: 100%;
    align-content: center;
    border-radius: 200px;
}
.sixth-layout figure {
    height: 100%;
    align-content: center;
}
.sixth-layoutXXXX figure img {
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.6));
}

@media only screen and (min-width: 900px) {
.sixth-container {
    display: flex;
    justify-content: space-evenly;
}
.sixth-layout {
  grid-template-columns: unset;
  width: 150px;
}
}

.fourth-layout img:not(figure img) {
    aspect-ratio: 2 / 3;
    object-fit: cover;
    min-height: 300px;
}
.fourth-layout img {
    border-radius: 5px;
    object-fit: cover;
    height: 100%;
}
.fourth-layout figure {
    height: 100%;
}

.fourth-layout:has(div > a) {
    grid-column: span 12;
}
.fourth-layout:has(div > a) > div {
    display: flex; gap: 20px;
}
.fourth-layout .component-column:has(img:not(figure img)) {
    height: fit-content;
}
.fourth-layout .component-column {
    height: fit-content;
}
.fourth-layout p a {
    color: var(--primary);
}

form {
  margin-top: 30px;
}

.component-column li{
 list-style: disc;
}

#navbar-bar > div > ul > li > div {
  position: relative;
}

.accordion a {
  color: var(--primary);
}
.accordion h3{
  position: relative;
}
.accordion .fa {
  position: absolute;
  right: 0;
  top: 25px;
  pointer-events: none;
}

#socials {
  display: flex;
  filter: invert(1);
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 20px;
}

#socials a > * {
  aspect-ratio: 1 / 1;
  max-width: 30px;
  pointer-events: none;
}


footer strong {
  color: var(--secondary);

  font-family: "Gotham Bold";
  display: block;
  margin-bottom: -15px;
}
body > footer > div > div > div > div:nth-child(5) > p:nth-child(1) > strong {
  display: block;
  margin-bottom: 15px;
}

.gallery img {
  cursor: pointer;
}

.modal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px);
}

@keyframes modal-popup {
  0%   {opacity:0; scale:0.75;}
  100% {opacity:1; scale:1;}
}
.modal * {
   animation-name: modal-popup;
   animation-duration: 0.6s;
   max-width: min(1200px, 90vw);
   max-height: min(1200px, 70vh);
   object-fit: contain;
   margin: auto;
   margin-top: 150px;
}

footer {
  position: relative;
  padding-top: 60px;
}
footer * {
  color: var(--gray) !important;
}
footer:after {
    content: "";
    position: absolute;
    width: 3000px;
    height: 110%;
    background: linear-gradient(0deg, black 90%, transparent);
    z-index: -1;
    left: -600px;
    top: -50px;
}

.header-small-layout {
  margin-top: 0px;
  padding-top: 200px;
  margin-left: -10vw;
  width: 130%;
  padding-bottom: 100px;
}
.header-small-layout, .header-layout, .video-header-layout video {
  mask-image: linear-gradient(0deg, transparent, black 5%);
}

.sub-layout.f50-width-container:nth-child(1) {
  padding-right: 1vw;
}
.sub-layout.f50-width-container:nth-child(2) {
  padding-left: 1vw;
}

.f50-width-layout:not(*:has(img)) {
  max-width: 600px;
}

.f50-50-layout {
      gap: 2vw !important;
}

li {
    list-style-position: inside !important;
}

#home-boost {
  position: relative;
  z-index: 5;
  max-width: 800px;
  margin-bottom: 30px;
}
#home-boost-2 {
  display: flex;
}
#home-boost-2 .sixth-layout {
  width: max-content !important;
}
#home-boost-2 button {
  margin-top: 30px;
}
#home-boost-2 a:has(img) {
    max-width: 800px;
    position: absolute;
    top: -65%;
    border-radius: 10px;
    width: 50%;
    right: 0%;
    z-index: -10;
    opacity: 0.75;
}
#home-boost em {
  color: var(--secondary);
}
#home-boost h1 {
  color: var(--primary);
  padding-top: 15px;
  line-height: 0.9;
    background: unset;
    -webkit-background-clip: unset;
    background-clip: unset;
    -webkit-text-fill-color: unset;
  font-size: clamp(60px, 6vw, 120px);
}

@media only screen and (min-width: 1400px) {
#home-boost-2 a:has(img) {
    opacity: 1;
    top: -225%;
}
}

.centered-content-layout:not(.centered-content-layout:has(p, a)) {
  padding: 0;
  margin-bottom: 0;
}
.unstyled-layout:not(.unstyled-layout:has(p, a)) {
  padding: 0;
  margin-bottom: 30px;
}

.chiplist .inner-col .component-column > * {
  margin-bottom: 15px;
}
.chiplist .inner-col .component-column li {
  margin-top: 10px;
}

#gRecaptchaContainer {
  display: none;
}

/* MOBILE SECTION */
/* MOBILE SECTION */
/* MOBILE SECTION */


#navbar .fa-times {
  position: absolute;
  top: 2rem; right: 2.5rem;
  font-size: 30px;
  display: none;
}
@media only screen and (max-width: 641px) {
  #navbar:has(.open) .fa-times {
    display: block;
  }
}
@media only screen and (max-width: 500px) {
  .header-small-layout {
    width: 100vw !important;
    margin-left: -5vw !important;
  }
  .header-layout {
    width: 100vw !important;
    padding-top: 50px;
  }
  footer:after, footer .empty-column, .vid-header div:nth-child(1):not(.vimeo, .vimeo *), .banner-bg:after {
    left: -5vw !important;
    max-width: 100vw !important;
  }
  .inner-col .component-column > * {
    margin-bottom: 20px !important;
   }
   .inner-col .component-column > h2 {
    margin-bottom: 10px !important;
   }
   #home-boost h1 {
     line-height: 0.9 !important;
   }
   #home-boost-2 h3 {
     margin-bottom: 5px;
     font-size: 28px;
   }
   #home-boost-2 {
    flex-direction: column-reverse;
    gap: 0px;
   }
   .fourth-layout img {
      aspect-ratio: 1 / 1;
      min-height: unset;
      height: 200px;
    }
   .team-grid-custom img {
      aspect-ratio: 3 / 4;
      min-height: unset;
      height: unset;
    }
    .footer-layout {
      column-gap: unset;
    }
    .footer-layout .component-column:nth-child(5) {
      grid-row-start: 1;
      grid-column-start: 7;
    }
    body > footer > div > div > div > div:nth-child(8) > div {
      flex-wrap: wrap;
    }
    .vid-header h2, .header-layout > .component-column > h2, .header-small-layout > .component-column > h2, blockquote  {
        font-size: 26px !important;
        line-height: 1 !important;
    }
    .header-small-layout > .component-column > h1, .header-small-layout > .component-column > h2 {
       padding-left: 16px;
    }
    .vid-header h1, .header h1, .header-small-layout > .component-column > h1 {
      font-size: 44px !important;
      line-height: 42px !important;
      background: repeating-linear-gradient(to bottom, white, var(--gray) 42px) !important;
      -webkit-background-clip: text !important;
              background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
    }

  /* 08-04-2025 mobile updates */
  .header-small-layout:not(:has(h1)) {
    margin-top: -90px !important;
  }
  div.header-small-layout {
    padding-top: 90px !important;
  }
  div.vid-header {
    height: 50vh;
    margin-bottom: 60px !important;
  }
}
    #navbar > div.collapsable.mobile-menu > div > ul > li > div > a{
       grid-column: span 8;
       place-self: start;
       text-align: right;
       font-size: 28px;
    }
    #navbar > div.collapsable.mobile-menu > div > ul > li > div > button {
       grid-column: span 4;
       place-self: end;
       width: 100%;
       text-align: right;
       font-size: 26px;
       padding-right: 20px;
       padding-bottom: 10px;
    }
    #navbar > div.collapsable.mobile-menu > div > ul > li > div:has(.opened) > button::before {
       content: "\f00d";
       transition: rotate 0.6s;
       display: inline-block;
       rotate: 180deg;
    }
    #navbar > div.collapsable.mobile-menu > div > ul > li > div:has(.opened) > button::before {
       rotate: 90deg;
    }
    #navbar > div.collapsable.mobile-menu > div > ul > li > div > .hidden * {
       font-size: 26px;
       line-height: 1.2;
    }
    #navbar > div.collapsable.mobile-menu > div > ul > li > div > .hidden {
       transition: height 0.3s, padding-top 0.6s;
       grid-column: span 12;
       width: 100%;
       flex-direction: column;
       align-items: center;
       /*padding-right: 5vw;*/
       display: flex;
       overflow: hidden;
       gap: 5px;
       height: 0;
       padding-top: 0px;
    }
    #navbar > div.collapsable.mobile-menu > div > ul > li > div > .hidden.opened {
       height: 100%;
       padding-top: 20px;
    }
#navbar .collapsable li:not(.mobile-nest li) {
    font-size: 28px;
    margin-bottom: 18px;
    border-top: solid 1px var(--primary);
    padding-top: 10px;
}
#navbar .collapsable > span.col-span-6 {
  display: none;
}
#navbar .collapsable > div.col-span-5 {
  grid-column: span 12 !important;
  margin-top: 90px;
}
.nvbr.collapsable {
  padding-right: 1rem;
  width: 100vw;
}
#nav-item-support {
    color: var(--primary);
}

#navbar .mobile-menu .hidden a, #navbar .mobile-menu .hidden li {
    padding: 0 !important;
    width: 100%;
    text-align: left;
}
.nvbr.collapsable > button {
   display: none;
   /*position: absolute;
   width: 60px;
   right: 1rem;*/
}
#hamburger > .collapsable > div {
  gap: 30px;
  justify-content: flex-start;
}
.collapsable #languages {
  position: relative;
}
.collapsable #languages .languages-content {
    left: -50%;
    top: -50%;
    border-radius: 15px;
    padding-right: unset;
    background: var(--dark);
}

#messagesuccess, .message.notice {
  display: none;
}
@keyframes notification {
  0%    {opacity: 0; -webkit-opacity: 0;}
  10%   {opacity: 1; -webkit-opacity: 1;}
  90%   {opacity: 1; -webkit-opacity: 1;}
  100%  {opacity: 0; -webkit-opacity: 0;}
}
#messagesuccess.notice {
    display: unset;
    opacity: 0;
    animation-name: notification;
    animation-duration: 6s;
    pointer-events: none;
    margin: auto auto;
    z-index: 101;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.9);
    padding: 5vw;
    text-align: center;
    font-size: 30px;
    border-radius: 0 0 20px 20px;
}
form button {
  margin-top: 30px;
}

#special-cta img {
  height: unset !important;
  position: unset !important;
}

/* 08-04-2025 updates */

div.header-small-layout {
  padding-top: 150px;
  padding-bottom: 20px;
  background-image: none !important;
}
div.header-small-layout::after {
  content: unset;
}

.header-small-layout:not(:has(h1)) {
    margin-top: -20px;
    margin-bottom: 0px !important;
}

/* 22-04-2025 formie updates */
.fui-form-container {
  margin-bottom: 40px;
}
.fui-form-container * {
  font-size: clamp(16px, 1vw, 20px) !important;
  color: var(--text-primary) !important;
  font-weight: 700;
  font-family: "Gotham Regular" !important;
}
.fui-form-container button {
  font-weight: 900 !important;
  transition-duration: 1s !important;
  transition-property: unset !important;
}
.fui-submit:hover {
  background-color: var(--primary) !important;
}
.fui-i * {
  border: none !important;
}
.fui-input {
  background-color: rgba(50, 38, 105, 0.5) !important;
  border-radius: 20px;
}


/* updates may */
@media (max-width: 639px) {
.mobile-hidden {
  display: none !important;
}
}
@media (min-width: 640px) {
.desktop-hidden, #navbar-content > a {
  display: none !important;
}
}

#navbar-content > a {
  position: absolute;
  left: 130%;
  top: 15px;
  padding: 10px 25px;
  background: var(--primary);
}

.iti__country-list {
  background-color: var(--input) !important;
}


/* WEBSITE LOCKDOWN */
/*
#navbar, footer {
  display: none !important;
}

body {
  width: 100vw;
}
*/
/* ----------------- */
        :root {
            --background : #070b22;
            --text-primary : #ffffff;
            --primary : #c445cd;
            --primary-contrast : #ffffff;
            --secondary : #37b8c2;
            --third : #9747ff;
            --gray : #dedede;
            --input : #322669;
            --third : #d761ff;
            --dark : #100038;
    }
        body {
    font-family: "Roboto";
    font-family: "Gotham Regular";
  }
  p strong {
    font-family: "Gotham Bold";
  }
  h1 {
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1 !important;
    font-family: "Thunder Bold", "Gotham Bold";
  }
  h2 {
    text-transform: uppercase;
  }
  .cta-custom-card h2 {
    letter-spacing: 3 !important;
  }
  b, h2, h3, h4 {
    letter-spacing: 2 !important;
    font-family: "Thunder", "Gotham Bold";
  }
  .centered-content-layout .component-column a:not(.testimonials), .inner-col .component-column a:not(.testimonials) {
    color: var(--primary);
  }
  
  a {
    border-radius: 30px;
  }
  
  h1, h2, h3 {
    /*font-style: italic;*/
    /*text-transform: uppercase;*/
    padding: 0 0 0 0;
  }
  .prod-card h1, .prod-card h3, .prod-card h2, .prod-card h4 {
    letter-spacing: 1 !important;
    text-transform: unset;
    font-style: unset;
  }
  
  b, strong {
    font-weight: 700;
  }
  
  p, li {
    font-size: 20px;
    line-height: 1.6;
  }
  footer p, #navbar p {
    font-size: 16px;
    line-height: 24px;
  }
  .header-small-layout h1 {
    font-size: max(60px, 5vw) !important;
    line-height: max(66px, 5.6vw) !important;
    color: white;
  }
  
  .vid-header h1, .header h1 {
    position: relative;
    text-align: center;
    font-size: max(90px, 6.5vw);
    line-height: 0.9;
    color: white;
      letter-spacing: 1px;
      margin-bottom: 10px;
  }
  
  .vid-header h2, .header h2 {
    text-align: center;
    font-size: 80px;
    line-height: 96px;
    color: var(--primary);
    font-family: "Thunder special", "Yellowtail";
    font-style: normal;
    font-weight: 400;
    background: unset;
    -webkit-background-clip: unset;
            background-clip: unset;
    -webkit-text-fill-color: unset;
    text-transform: unset;
    padding-bottom: 10px;
    font-size: 40px;
    line-height: 50px;
    max-width: 700px;
    margin: auto;
  }
  .header h2, .header-small-layout h2 {
    font-family: "Thunder special", "Yellowtail";
    font-size: 44px;
    font-size: max(44px, 2.3vw);
    text-transform: unset;
    color: var(--text);
  }
  
  .centered-content-layout blockquote {
    letter-spacing: 3;
    text-align: center;
    font-size: 44px;
    line-height: 52.8px;
    color: var(--secondary);
    font-weight: 400;
    font-style: normal;
    font-family: 'Thunder special';
  }
  
  h1 {
    font-size: 64px;
    font-size: 74px;
    line-height:80px;
    color: white;
  }
  h2 {
    color: var(--third);
    font-size: 56px;
    line-height: 59px;
    /* background: repeating-linear-gradient(to bottom, white, var(--gray) 59px);
      -webkit-background-clip: text;
              background-clip: text;
      -webkit-text-fill-color: transparent; */
  }
  h3 {
    font-size: 40px;
    font-style: normal;
    font-size: 34px;
  }
  h4 {
    font-size: 30px;
    line-height: 34px;
  }
  
  footer * {
    line-height: 1.75;
  }
  
  @media only screen and (max-width: 1200px) {
    #navbar-bar ul {
      font-size: 12px;
    }
  }
  @media only screen and (max-width: 1200px) {
    h1, h2:not(.prod-card h2, .vid-header h2) {
      font-size: clamp(32px, 1.5vw, 44px) !important;
      line-height: 52.8px !important;
    }
    h2:not(.prod-card h2, .vid-header h2) {
      line-height: 1 !important;
    }
    .vid-header h2 {
      font-size: clamp(32px, 1.5vw, 44px);
      line-height: 1.2;
    }
    h2, .header-layout h2 {
      font-size: 40px;
      line-height: 50px;
    }
    h3 {
      font-size: 36px;
      line-height: 40px;
    }
    .vid-header h1, .header h1 {
      background: repeating-linear-gradient(to bottom, white, var(--gray) 52.8px);
      -webkit-background-clip: text !important;
              background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
    }
  }
  em {
      color: var(--secondary);
      font-style: unset;
  }
  
  #meet-the-team strong {
     color: var(--primary);
  }
  
  .header-small-layout *, .header-layout * {
      letter-spacing: 1px;
  }
  
  /* updates april*/
  h4, h3 {
    letter-spacing: 1px;
  }
        .disappear {
  transition: all 2s;
  display: grid;
  position: absolute;
  opacity: 0;
  translate: -200px;
  pointer-events: none;
}
.fadedout {
  pointer-events: none;
  transition: all 0.5s;
  opacity: 0 !important;
  translate: 0px -200px !important;
}
.fadedin {
  transition: all 0.5s;
  opacity: 1;
  translate: 0px 0px;
}
.appear {
  transition: all 2s;
  display: grid;
  opacity: 1;
  translate: 0;
}

a {
  transition: all 1s;
}

a:hover {
  scale: 1.05;
}

button, figure:has(a) {
  transition: all 1s;
}

button:hover, figure:has(a):hover, a:hover:not(.prod-card > div > p > a) {
  scale: 1.02;
  filter: drop-shadow(0px 0px 30px var(--third));
}
        
        .default-button button {
            background: var(--primary);
            color: var(--primary-contrast);
            padding: 8px 24px;
            border-radius: 50px;
            }
        #navbar-bar a {
text-wrap: nowrap;
}

#navbar > div:not(#navbar-bar, .collapsable) {
background: var(--dark);
margin-top: -100px;
}
#navbar > div:not(#navbar-bar, .collapsable) > ul {
padding-top: 104px;
height: unset;
}
#navbar > div:not(#navbar-bar, .collapsable) > ul > li {
padding: 5px;
}

#navbar-contentXXX {
    max-height: 74px;
    top: 0; left: 0; right: 0;
    position: absolute;
    justify-self: center !important;
    width: fit-content !important;
}
#navbar-barXXX > div.self-center {
    width: 100%;
    grid-column: span 12;
}
#navbar-barXXX > div.self-center > ul {
    justify-content: unset;
}
#navbar-barXXX > div.self-center > ul > li:nth-child(4){
    margin-left: auto;
}

.nvbr.collapsable {
    --tw-backdrop-blur: 6px;
    backdrop-filter: blur(6px);
    z-index: -1;
    top: 0;
    height: 100%;
    position: fixed;
    background-image: linear-gradient(var(--background), rgba(16, 0, 56, 0.7));
    padding-top: 85px;
}

.nvbr .collapsable.col-end-12 {
grid-column-end: 13 !important;
}
#navbar .collapsable li {
font-size: 28px;
margin-bottom: 18px;
}
#navbar .collapsable > div.col-span-5 {
grid-column: span 10;

    overflow-y: scroll;
    scrollbar-width: none;
}
#navbar .collapsable > span.col-span-6 {
grid-column: span 1;
}

/*
#languages > a {
    position: absolute;
    text-transform: uppercase;
    top: 0px;
}
*/

.languages-content {
    border: none !important;
    top: -30px;
    z-index: 999;
    width: 90px;
    padding: 30px;
    padding-bottom: 10px;
    background: var(--dark);
    border-radius: 15px;
}

#nav-item-get-shuffly:hover, #navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > div > button:nth-child(1):hover {
    opacity: 1;
}

#nav-item-get-shuffly, #navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > div > button:nth-child(1) {
    border: solid 1px var(--primary);
    padding: 6px 24px;
    border-radius: 30px;
    margin-top: -6px;
    margin-left: -24px;
    font-weight: 900;
    font-size: clamp(16px, 1.5vw, 22px);
}

/* #nav-item-get-shuffly, #navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > div > button:nth-child(2) {
    background: var(--input);
    padding: 6px 24px;
    border-radius: 30px;
    margin-top: -6px;
    font-size: clamp(16px, 1vw, 22px);
} */

#nav-item-get-shuffly, #navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > div > #languages {
    text-transform: uppercase;
    padding: 6px 30px;
    border-radius: 30px;
    margin-top: -6px;
    border: 1px solid gray;
}
#languages a {
    font-size: clamp(16px, 1vw, 22px) !important;
}

@media only screen and (max-width: 1000px) {
#nav-item-get-shuffly {
    padding: 6px 12px;
}

#navbar-bar .product-card-container {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
@media only screen and (min-width: 1900px) {
#navbar-bar .product-card-container {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}
}

#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > div {
    font-size: 12px;
    padding-bottom: 10px;
    z-index: 50;
}

.mobile-menu a {
    text-align: end;
    font-size: 16px;
}
.mobile-menu .col-span-12 {
    grid-column: span 11;
    place-self: end;
    font-size: 20px;
}
.mobile-menu li .col-span-9 {
grid-column: span 11;
}

#hamburger > .collapsable {
    position: fixed;
    left: 1rem;
    top: 90px;
    padding: 0;
font-size: 20px;
}

#hamburger > div.collapsable.w-full.block > div > button:nth-child(1) {
    background: var(--primary);
    padding: 10px 25px;
    border-radius: 30px;
    font-weight: 900;
    font-size: 28px;
}


#navbar .nested {
    padding-left: 30px !important;
}
#navbar .mobile-nest .nested {
    padding-right: 6vw !important;
    margin-bottom: 0 !important;
}
#navbar .mobile-nest li.nested {
    height: fit-content;
    font-size: 0px;
}

#navbar-bar > div > ul > li > div ul {
    background: var(--dark) !important;
    padding-left: 30px; padding-right: 30px !important;
    border-radius: 10px;
    margin-left: -30px;
}

#navbar-bar.expanded:before {
    height: 350%;
}

#navbar-bar > div {
    padding-top: 10px;
    position: relative;
    z-index: 10;
}

#navbar-bar a.opacity-60 {
    opacity: 1;
    color: var(--secondary);
    filter: drop-shadow(0px 0px 7px var(--secondary));
}
#navbar-bar a:hover {
    opacity: 1 !important;
    color: var(--primary);
    filter: drop-shadow(0px 0px 7px var(--primary));
}

#hamburger >.collapsable > .flex {
    align-items: center;
}
#hamburger >.collapsable > .flex #languages > a {
    position: relative;
    text-transform: uppercase;
}
#hamburger >.collapsable > .flex #languages > .languages-content {
    right: -60px;
    top: -10px;
}

/* Custom slider navbar */
#navbar-bar > div.hidden.col-span-9.self-center.grid.grid-cols-12 > ul .grid .grid:has(.products-layout) > ul {
    display: none;
}
#navbar-bar > div.hidden.col-span-9.self-center.grid.grid-cols-12 > ul .grid .grid:has(.products-layout) {
    position: fixed !important;
    z-index: 10;
    right: 0 !important;
    left: 0;
    padding-left: 5vw;
    padding-right: 5vw;
    width: 100%;
    min-height: 600px;
}
#navbar-bar .products-layout h2 {
    padding-top: 95px;
    padding-left: 30px;
    font-size: clamp(36px, 2vw, 48px);
    line-height: 1.5;
}
#navbar-bar .products-layout img {
    filter: none;
}
#navbar-bar .products-layout p:has(a) {
    display: none;
}
#navbar-bar .prod-card {
    margin-top: 0px;
    transition: all 0.6s;
    /* filter: drop-shadow(0px 0px 10px var(--third)); */
}
#navbar-bar .prod-card:hover {
    filter: drop-shadow(0px 0px 5px var(--third));
    scale: 1.02;
    color: var(--secondary) !important;
}
#navbar-bar .fa {
    display: none;
    top: 30px;
}
#navbar-bar .product-card-layout {
    grid-column: span 1;
    min-width: unset !important;
    max-width: unset !important;
}

#navbar-bar .products-layout > *:has(img) {
    padding: 30px;
}

#navbar-bar .product-card-container {
    gap: 0px;
    row-gap: 30px;
    display: grid;
    justify-content: start;
    overflow-x: visible !important;
    justify-items: stretch;
    align-items: start;
    align-content: space-evenly;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow-y: scroll;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 300px;
    max-height: calc(100vh - 250px);
}
#navbar-bar .prod-card h3 {
    /* margin-top: -40%; */
    padding-left: 10px;
    text-transform: uppercase;
    font-family: 'Thunder';
    /*font-style: italic;*/
    font-size: 26px;
    line-height: 1.1;
}

#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 > ul .grid .grid:not(*:has(img)){
    padding-top:20px;
}

@media (min-width: 900px) {
#navbar-bar > div.hidden.sm\:block.col-span-9.self-center.grid.grid-cols-12 {
    display: flex;
    flex-direction: row-reverse;
    gap: 30px;
}
}

@media (max-width: 639px) {
#navbar-bar {
    padding-top: 0px;
    padding-bottom: 10px;
}
}
        .nvbr {
            background: var(--dark);
            height: 74px;
            height: unset;
            }.nvbr img {
            filter: invert(1);
            }.nvbr a img {
            filter: none;
            height: 50px;
            }.nvbr button {
            height: fit-content;
            }.nvbr .navbar-bar {
            position: relative;
            }
                
        footer .empty-column:nth-child(1) {
    position: absolute;
    top: 0;
    left: -10vw;
    margin-left: unset;
}

footer .empty-column {
    margin-left: -10vw;
    width: 130%;
  height: 0.5px;
  background: var(--text-primary);
}
        .footer figure {
            max-width: 100px;
            }
        .prod-card > div > * {
  margin-bottom: 20px;
}

.prod-card:has(button) > div {
  margin-bottom: 40px;
}
        .prod-card {
            margin: 40px 40px 0 0;
            }.prod-card img {
            width: 100%;
            overflow: hidden;
            aspect-ratio: 6 / 5;
            border-radius: 5%;
            object-fit: cover;
            }.prod-card a {
            color: var(--primary);
            position: absolute;
            bottom: 15px;
            }.prod-card h1,.prod-card h2,.prod-card h3 {
            font-size: clamp(24px, 2vw, 36px);
            line-height: 1.2;
            }.prod-card p {
            font-size: clamp(16px, 1vw, 20px);
            line-height: 1.5;
            text-overflow: ellipsis;
            overflow-y: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            }.prod-card div {
            position: relative;
            }.prod-card button {
            position: absolute;
            width: max-content;
            margin-top: 15px;
            }.prodloc > div:nth-child(1) > p > a {
  position: absolute;
  bottom: -75px;
  bottom: 0px;
    border: solid 1px var(--primary);
    padding: 12px 24px;
    border-radius: 50px;
}

.prodloc > div:nth-child(1) > p:not(:has(> a)) {
  max-width: 500px;
  margin-top: 20px;
}

.prodloc > div:nth-child(1) > p > a:hover {
  background: var(--primary);
}

.products-layout:has(p:not(.sub-layout p) > a) .sub-layout {
    padding-bottom: 90px;
}
        .prodloc {
            position: relative;
            }.prodloc .prod-card {
            min-width: 250px !important;
            max-width: 250px !important;
            }.prodloc .product-card-container {
            overflow-x: scroll;
            display: flex;
            scrollbar-width: none;
            }.prodloc .fa-chevron-right {
            font-size: 24px;
            right: 0;
            top: 0;
            position: absolute;
            }.prodloc .fa-chevron-left {
            font-size: 24px;
            right: 30px;
            top: 0;
            position: absolute;
            }.prodloc .prod-card p {
            margin-bottom: 40px;
            }.prodloc .prod-card h1,.prodloc .prod-card h2,.prodloc .prod-card h3 {
            }.prod-card > div > * {
  margin-bottom: 20px;
}

.prod-card:has(button) > div {
  margin-bottom: 40px;
}
        .prod-card {
            margin: 40px 40px 0 0;
            }.prod-card img {
            width: 100%;
            overflow: hidden;
            aspect-ratio: 6 / 5;
            border-radius: 5%;
            object-fit: cover;
            }.prod-card a {
            color: var(--primary);
            position: absolute;
            bottom: 15px;
            }.prod-card h1,.prod-card h2,.prod-card h3 {
            font-size: clamp(24px, 2vw, 36px);
            line-height: 1.2;
            }.prod-card p {
            font-size: clamp(16px, 1vw, 20px);
            line-height: 1.5;
            text-overflow: ellipsis;
            overflow-y: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            }.prod-card div {
            position: relative;
            }.prod-card button {
            position: absolute;
            width: max-content;
            margin-top: 15px;
            }.prodloc > div:nth-child(1) > p > a {
  position: absolute;
  bottom: -75px;
  bottom: 0px;
    border: solid 1px var(--primary);
    padding: 12px 24px;
    border-radius: 50px;
}

.prodloc > div:nth-child(1) > p:not(:has(> a)) {
  max-width: 500px;
  margin-top: 20px;
}

.prodloc > div:nth-child(1) > p > a:hover {
  background: var(--primary);
}

.products-layout:has(p:not(.sub-layout p) > a) .sub-layout {
    padding-bottom: 90px;
}
        .prodloc {
            position: relative;
            }.prodloc .prod-card {
            min-width: 250px !important;
            max-width: 250px !important;
            }.prodloc .product-card-container {
            overflow-x: scroll;
            display: flex;
            scrollbar-width: none;
            }.prodloc .fa-chevron-right {
            font-size: 24px;
            right: 0;
            top: 0;
            position: absolute;
            }.prodloc .fa-chevron-left {
            font-size: 24px;
            right: 30px;
            top: 0;
            position: absolute;
            }.prodloc .prod-card p {
            margin-bottom: 40px;
            }.prodloc .prod-card h1,.prodloc .prod-card h2,.prodloc .prod-card h3 {
            }.banner-bg:after {
    content: "";
    position: absolute;
    width: 3000px;
    height: 160%;
    background: var(--input);
    z-index: -1;
    left: -600px;
    top: -20%;
}

@media only screen and (max-width: 640px) {
.banner-bg:after {
    height: 110%;
    top: -5%;
}
}
        .banner-bg:after {
    content: "";
    position: absolute;
    width: 3000px;
    height: 160%;
    background: var(--input);
    z-index: -1;
    left: -600px;
    top: -20%;
}

@media only screen and (max-width: 640px) {
.banner-bg:after {
    height: 110%;
    top: -5%;
}
}
        @media only screen and (max-height: 700px) {
    .vid-header div:nth-child(2) {
      margin-top: 50px !important;
    }
    .vid-header div:nth-child(2) {
      margin-top: auto;
    }
  }
  
  .vid-header .component-column:nth-child(3) {
    display: flex; gap: 20px;
  }
  .vid-header .component-column:nth-child(3) a:nth-child(2) button {
    background: var(--input);
  }
  .vid-header button {
    padding: 12px 24px;
    font-size: 20px !important;
  }
  .vid-header button:hover {
    background: var(--primary) !important;
  }
  
  .vid-header .vimeo {
      /*width: 100%;
      height: 100%;*/
      mask-image: linear-gradient(0deg, transparent, black 5%);
  }
  
  .vimeo .container {
    position: absolute;
  
    /* ensure positioning regardless of parent flex settings */
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  
    width: 100%;
    height: 100%;
  
    /* important */
    container-type: size;
  
    /* cut off overflowing video */
    overflow: hidden;
  }
  
  .vimeo .container > iframe {
    position: absolute;
    /* keep video centered both vertically and horizontally */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  
    width: 100%;
    height: 100%;
    /* prevent interaction */
    pointer-events: none;
  }
  
    /* force aspect ratio based on parent container */
    @container (min-aspect-ratio: 16/9) {
      .vimeo .container > iframe {
        height: 56.25cqw;
      }
    }
  
    @container (max-aspect-ratio: 16/9) {
      .vimeo .container > iframe {
        width: 177.78cqh;
      }
    }
        .vid-header {
            height: fit-content;
            margin-bottom: 240px !important;
            position: relative;
            overflow-x: visible !important;
            height: 70vh;
            }.vid-header .col-span-7,.vid-header .col-span-5,.vid-header .col-span-4,.vid-header .col-span-3,.vid-header .col-span-2 {
            margin-top: -250px;
            justify-self: center;
            max-width: 90vw;
            }.vid-header h1 {
            text-align: center;
            max-width: 1300px;
            }.vid-header div:nth-child(2) {
            justify-self: center;
            margin-top: 280px;
            height: fit-content;
            margin-bottom: -60px;
            margin-top: 20%;
            padding-top: 30px;
            margin-bottom: 30px;
            }.vid-header video {
            width: 100%;
            height: 100%;
            object-fit: cover;
            }.vid-header div:nth-child(1) {
            position: absolute;
            top: 0;
            bottom: -15%;
            left: -10vw;
            right: -10vw;
            z-index: -10;
            opacity: 0.8;
            }.vid-header div:nth-child(3) {
            justify-self: center;
            }.prod-card > div > * {
  margin-bottom: 20px;
}

.prod-card:has(button) > div {
  margin-bottom: 40px;
}
        .prod-card {
            margin: 40px 40px 0 0;
            }.prod-card img {
            width: 100%;
            overflow: hidden;
            aspect-ratio: 6 / 5;
            border-radius: 5%;
            object-fit: cover;
            }.prod-card a {
            color: var(--primary);
            position: absolute;
            bottom: 15px;
            }.prod-card h1,.prod-card h2,.prod-card h3 {
            font-size: clamp(24px, 2vw, 36px);
            line-height: 1.2;
            }.prod-card p {
            font-size: clamp(16px, 1vw, 20px);
            line-height: 1.5;
            text-overflow: ellipsis;
            overflow-y: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            }.prod-card div {
            position: relative;
            }.prod-card button {
            position: absolute;
            width: max-content;
            margin-top: 15px;
            }.prodloc > div:nth-child(1) > p > a {
  position: absolute;
  bottom: -75px;
  bottom: 0px;
    border: solid 1px var(--primary);
    padding: 12px 24px;
    border-radius: 50px;
}

.prodloc > div:nth-child(1) > p:not(:has(> a)) {
  max-width: 500px;
  margin-top: 20px;
}

.prodloc > div:nth-child(1) > p > a:hover {
  background: var(--primary);
}

.products-layout:has(p:not(.sub-layout p) > a) .sub-layout {
    padding-bottom: 90px;
}
        .prodloc {
            position: relative;
            }.prodloc .prod-card {
            min-width: 250px !important;
            max-width: 250px !important;
            }.prodloc .product-card-container {
            overflow-x: scroll;
            display: flex;
            scrollbar-width: none;
            }.prodloc .fa-chevron-right {
            font-size: 24px;
            right: 0;
            top: 0;
            position: absolute;
            }.prodloc .fa-chevron-left {
            font-size: 24px;
            right: 30px;
            top: 0;
            position: absolute;
            }.prodloc .prod-card p {
            margin-bottom: 40px;
            }.prodloc .prod-card h1,.prodloc .prod-card h2,.prodloc .prod-card h3 {
            }
    </style>
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

<script src="https://consent.cookiefirst.com/sites/shuffly.com-206eb955-4632-4114-bb81-7ed917218bb3/consent.js"></script>


<!-- Facebook Pixel Code -->
<script>
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s)}(window, document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', '413794804861205');
  fbq('track', 'PageView');
</script>
<noscript>
  <img height="1" width="1" style="display:none" 
       src="https://www.facebook.com/tr?id=413794804861205&ev=PageView&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->
<link href="https://shuffly.com/cpresources/ff724868/css/fields/phone-country.css?v=1744795560" rel="stylesheet">
<link href="https://shuffly.com/cpresources/ff724868/css/formie-theme.css?v=1744795560" rel="stylesheet"></head>
<body>
    
    
<div id="navbar" class="fixed" onmouseleave="exit_all()">
        <script>
        function search() {
            window.location.href = "/search?q=" + encodeURIComponent(document.getElementById('query').value);
        }
    </script>
        <div id="navbar-bar" class="grid grid-cols-12 content-center closed
        
        nvbr 
         px-4
     py-6
     pr-12
    sm:pr-20
    md:pl-6
    lg:px-20
    ">
                <div id="navbar-content" class="col-span-5 sm:col-span-3 content-center h-full">
                

            <figure><a href="/en"><img src="/uploads/Logos/Shuffly.svg" alt="Shuffly Logo" /></a></figure>

            </div>

                <div class="hidden sm:block col-span-9 self-center grid grid-cols-12">

                                            <div class="no-hide col-span-12 flex flex-nowrap gap-[2vw]
         justify-end
        ">
                                        <button 
                href="/en/about/contact"
                class="button"
                >Contact</button>
            
                                    <div id="languages" class="self-center">
                                                                                                                                                                                    <a>en</a>
                <div class="languages-content sub-dropdown ">
                    <div class="grid grid-cols-12">
                                                    
                                                    
                                                                    <a class="col-span-12 opacity-60">en</a> 
                                                                                            
                                                    
                                                                    <a class="col-span-12 hover:opacity-50" hreflang="nl" href="https://shuffly.com/nl">nl</a> 
                                                                                            
                                                    
                                        </div>
                </div>
            </div>
            
                        
                                </div>
    

            <ul class="
            col-span-12 flex flex-nowrap justify-end gap-[5vw]">
                            <li>    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-what-we-do" 
    href="https://shuffly.com/en/what-we-do"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >What we do</a>
    
    
        </div>
</li>
                            <li>    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-our-advice" 
    href="https://shuffly.com/en/our-advice"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >Our advice</a>
    
    
        </div>
</li>
                            <li>    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-shuffleboards-for-your-business" 
    href="https://shuffly.com/en/shuffleboards-for-your-business"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >Industries</a>
    
    
        </div>
</li>
                            <li>    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-shuffleboard-tables" 
    href="https://shuffly.com/en/shuffleboard-tables"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >Products</a>
    
    
        </div>
</li>
                            <li>    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-projects" 
    href="https://shuffly.com/en/projects"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >Projects</a>
    
    
        </div>
</li>
                            <li>    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-about" 
    href="https://shuffly.com/en/about"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >About us</a>
    
    
        </div>
</li>
                                        
            </ul>
        </div>

                <div id="hamburger" class="block sm:hidden col-span-7 self-center
        ">
            <div class="collapsable w-full hidden">
                                            <div class="no-hide col-span-12 flex flex-nowrap gap-[2vw]
         justify-end
        ">
                                        <button 
                href="/en/about/contact"
                class="button"
                >Contact</button>
            
                                    <div id="languages" class="self-center">
                                                                                                                                                                                    <a>en</a>
                <div class="languages-content sub-dropdown ">
                    <div class="grid grid-cols-12">
                                                    
                                                    
                                                                    <a class="col-span-12 opacity-60">en</a> 
                                                                                            
                                                    
                                                                    <a class="col-span-12 hover:opacity-50" hreflang="nl" href="https://shuffly.com/nl">nl</a> 
                                                                                            
                                                    
                                        </div>
                </div>
            </div>
            
                        
                                </div>
    
            </div>
            <div class="grid grid-cols-12">
                <div class="col-span-1
                 col-end-12                collapsable hidden">
                        
                </div>
                <button class="collapsable col-span-1 w-[20px] 
                 col-end-12" onclick="toggle()">
                    <img src="/icons/defaults/hamburger.svg"/>
                </button>
            </div>
            
        </div>

        
    </div>
                                    <div 
    id="nav-sub-items-our-advice" 
    class="grid grid-cols-12 hidden">
        <ul 
        class="
        grid grid-cols-12 justify-items-end
            nvbr 
             px-4
     py-6
     pr-12
    sm:pr-20
    md:pl-6
    lg:px-20
    ">
                                                        <li class="col-span-12 sub-li sub-li-blog">
            <a 
             href="https://shuffly.com/en/our-advice/blog"             class="subpage hover:opacity-40 "
            >Blogs</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-shuffleboards-for-venues">
            <a 
             href="https://shuffly.com/en/our-advice/shuffleboards-for-venues"             class="subpage hover:opacity-40 "
            >Why shuffleboards boost your venue</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-best-shuffleboards-table-sizes">
            <a 
             href="https://shuffly.com/en/our-advice/best-shuffleboards-table-sizes"             class="subpage hover:opacity-40 "
            >Best shuffleboard table sizes</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-how-to-play-shuffleboard">
            <a 
             href="https://shuffly.com/en/our-advice/how-to-play-shuffleboard"             class="subpage hover:opacity-40 "
            >How to play</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-where-to-play-shuffleboard">
            <a 
             href="https://shuffly.com/en/our-advice/where-to-play-shuffleboard"             class="subpage hover:opacity-40 "
            >Where to play</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-how-to-choose-shuffleboards">
            <a 
             href="https://shuffly.com/en/our-advice/how-to-choose-shuffleboards"             class="subpage hover:opacity-40 "
            >How to choose the best shuffleboard</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-shuffleboard-tournament-guide">
            <a 
             href="https://shuffly.com/en/our-advice/shuffleboard-tournament-guide"             class="subpage hover:opacity-40 "
            >Shuffleboard tournament guide</a>
            </li>
                            </ul>
    </div>
                                                <div 
    id="nav-sub-items-about" 
    class="grid grid-cols-12 hidden">
        <ul 
        class="
        grid grid-cols-12 justify-items-end
            nvbr 
             px-4
     py-6
     pr-12
    sm:pr-20
    md:pl-6
    lg:px-20
    ">
                                                        <li class="col-span-12 sub-li sub-li-shuffly-shuffleboards">
            <a 
             href="https://shuffly.com/en/about/shuffly-shuffleboards"             class="subpage hover:opacity-40 "
            >Why Shuffly</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-how-shuffleboards-are-made">
            <a 
             href="https://shuffly.com/en/about/how-shuffleboards-are-made"             class="subpage hover:opacity-40 "
            >How it&#039;s made</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-team">
            <a 
             href="https://shuffly.com/en/about/team"             class="subpage hover:opacity-40 "
            >Team</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-vacancies">
            <a 
             href="https://shuffly.com/en/about/vacancies"             class="subpage hover:opacity-40 "
            >Vacancies</a>
            </li>
                                                                    <li class="col-span-12 sub-li sub-li-contact">
            <a 
             href="https://shuffly.com/en/about/contact"             class="subpage hover:opacity-40 "
            >Contact</a>
            </li>
                            </ul>
    </div>
        

                    <div class="collapsable grid grid-cols-12 hidden sm:hidden h-[95vh] expand-right  mobile-menu
            nvbr 
             px-4
     py-6
     pr-12
    sm:pr-20
    md:pl-6
    lg:px-20
    ">

            <button class="col-span-1 flex justify-center" onclick="toggle()">
                <img 
                src="/icons/defaults/expand-up.svg"
                height="60px"/>
            </button>
            <span class="col-span-6"></span>
            <div class="col-span-5" >
            <ul class="flex flex-col justify-end">
                            <li >    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-what-we-do" 
    href="https://shuffly.com/en/what-we-do"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >What we do</a>
    
    
        </div>
</li>
                            <li >    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-our-advice" 
    href="https://shuffly.com/en/our-advice"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >Our advice</a>
    
    
        <span class="col-span-3"></span>
        <a 
    id="nav-item-blog" 
    href="https://shuffly.com/en/our-advice/blog"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Blogs</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-shuffleboards-for-venues" 
    href="https://shuffly.com/en/our-advice/shuffleboards-for-venues"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Why shuffleboards boost your venue</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-best-shuffleboards-table-sizes" 
    href="https://shuffly.com/en/our-advice/best-shuffleboards-table-sizes"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Best shuffleboard table sizes</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-how-to-play-shuffleboard" 
    href="https://shuffly.com/en/our-advice/how-to-play-shuffleboard"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >How to play</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-where-to-play-shuffleboard" 
    href="https://shuffly.com/en/our-advice/where-to-play-shuffleboard"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Where to play</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-how-to-choose-shuffleboards" 
    href="https://shuffly.com/en/our-advice/how-to-choose-shuffleboards"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >How to choose the best shuffleboard</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-shuffleboard-tournament-guide" 
    href="https://shuffly.com/en/our-advice/shuffleboard-tournament-guide"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Shuffleboard tournament guide</a>
    
                        
                </div>
</li>
                            <li >    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-shuffleboards-for-your-business" 
    href="https://shuffly.com/en/shuffleboards-for-your-business"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >Industries</a>
    
    
        </div>
</li>
                            <li >    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-shuffleboard-tables" 
    href="https://shuffly.com/en/shuffleboard-tables"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >Products</a>
    
    
        </div>
</li>
                            <li >    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-projects" 
    href="https://shuffly.com/en/projects"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >Projects</a>
    
    
        </div>
</li>
                            <li >    <div class="grid grid-cols-12">
            
        <a 
    id="nav-item-about" 
    href="https://shuffly.com/en/about"    class="
        col-span-12 place-self-start
        hover:opacity-40 
    "
    >About us</a>
    
    
        <span class="col-span-3"></span>
        <a 
    id="nav-item-shuffly-shuffleboards" 
    href="https://shuffly.com/en/about/shuffly-shuffleboards"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Why Shuffly</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-how-shuffleboards-are-made" 
    href="https://shuffly.com/en/about/how-shuffleboards-are-made"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >How it&#039;s made</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-team" 
    href="https://shuffly.com/en/about/team"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Team</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-vacancies" 
    href="https://shuffly.com/en/about/vacancies"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Vacancies</a>
    
                        
        <span class="col-span-3"></span>
        <a 
    id="nav-item-contact" 
    href="https://shuffly.com/en/about/contact"    class="
        col-span-9 place-self-end
        hover:opacity-40 
    "
    >Contact</a>
    
                        
                </div>
</li>
                        </ul>
            </div>
        </div>
        
</div>

<script>
    updateBar();
        function toggle() {
        let collapsables = document.getElementsByClassName("collapsable");
        let navbar       = document.getElementById        ("navbar-bar" );
        let open         = navbar.classList.contains      ("open"       );
        navbar.classList.remove(open ? "open"   : "closed");
        navbar.classList.add   (open ? "closed" : "open"  );
        for (var i = 0; i < collapsables.length; i++) {
            let collapsed = collapsables[i].classList.contains("hidden");
            collapsables[i].classList.remove(collapsed ? "hidden" : "block" );
            collapsables[i].classList.add   (collapsed ? "block"  : "hidden");
        };
        updateBar(true)
    }

        window.addEventListener("scroll", (event) => {
        updateBar();
    });
    window.addEventListener('resize', (event) => {
        updateBar(true);
        exit_all();
    });

    function updateBar(freshOpen = false) {
        let collapsables = document.getElementsByClassName("scroll-hide"); //sub bar
        let navbar       = document.getElementById  ("navbar-bar");
        let content      = document.getElementById  ("navbar-content");
        let open         = navbar.classList.contains("open"  );
        let scroll       = this.scrollY;
        let shrink       = "shrink";
        let transparent  = "opacity-100";

        if(scroll < 50 || open || freshOpen) {
            for (var i = 0; i < collapsables.length; i++) {  //sub bar reveal
                let collapsed = collapsables[i].classList.contains("hidden");
                if(collapsed) {
                    collapsables[i].classList.remove("hidden");
                    collapsables[i].classList.add   ("block");
                }
            };
            if(0 && navbar.classList.contains(shrink)) {
                content.style.width    = "unset";
                                navbar.classList.remove(shrink);
            }
            if(1  && navbar.classList.contains(transparent))
                navbar.classList.remove(transparent);
        } else {
            for (var i = 0; i < collapsables.length; i++) {  //sub bar hide
                let collapsed = collapsables[i].classList.contains("hidden");
                if(!collapsed) {
                    collapsables[i].classList.remove("block");
                    collapsables[i].classList.add   ("hidden");
                }
            };
            if(0 && !navbar.classList.contains(shrink)) {
                content.style.width    = "60%";
                                navbar.classList.add(shrink);
            }
            if(1  && !navbar.classList.contains(transparent))
                navbar.classList.add(transparent);
        }
    }

            let page_what_we_do    = document.getElementById("nav-item-what-we-do");
    page_what_we_do.addEventListener("mouseover", hover_what_we_do);

        function hover_what_we_do(event) {
        exit_all();
    }
            let page_our_advice    = document.getElementById("nav-item-our-advice");
    page_our_advice.addEventListener("mouseover", hover_our_advice);

        let subList_our_advice = document.getElementById("nav-sub-items-our-advice");
    function hover_our_advice(event) {
        exit_all();
        page_our_advice.style.textDecoration = "underline solid var(--navbar-special) 5px";
        page_our_advice.style.textUnderlineOffset = "15px";
        page_our_advice.style.opacity = page_our_advice.getAttribute('href')!=null? "0.25" : "1";
        subList_our_advice.style.display = "block";
    }
    
    function exit_our_advice() {
        page_our_advice.style.textDecoration = "unset";
        page_our_advice.style.opacity        = "unset";
        subList_our_advice.style.display = "none";
    }
                let page_shuffleboards_for_your_business    = document.getElementById("nav-item-shuffleboards-for-your-business");
    page_shuffleboards_for_your_business.addEventListener("mouseover", hover_shuffleboards_for_your_business);

        function hover_shuffleboards_for_your_business(event) {
        exit_all();
    }
            let page_shuffleboard_tables    = document.getElementById("nav-item-shuffleboard-tables");
    page_shuffleboard_tables.addEventListener("mouseover", hover_shuffleboard_tables);

        function hover_shuffleboard_tables(event) {
        exit_all();
    }
            let page_projects    = document.getElementById("nav-item-projects");
    page_projects.addEventListener("mouseover", hover_projects);

        function hover_projects(event) {
        exit_all();
    }
            let page_about    = document.getElementById("nav-item-about");
    page_about.addEventListener("mouseover", hover_about);

        let subList_about = document.getElementById("nav-sub-items-about");
    function hover_about(event) {
        exit_all();
        page_about.style.textDecoration = "underline solid var(--navbar-special) 5px";
        page_about.style.textUnderlineOffset = "15px";
        page_about.style.opacity = page_about.getAttribute('href')!=null? "0.25" : "1";
        subList_about.style.display = "block";
    }
    
    function exit_about() {
        page_about.style.textDecoration = "unset";
        page_about.style.opacity        = "unset";
        subList_about.style.display = "none";
    }
        function exit_all() {
        exit_our_advice();
        exit_about();
    }

</script>


            <div class="default animations default-button  w-full">
        
            
<div id="" class="video-header-layout
grid grid-cols-12
vid-header 
col-span-12  
 
gap-2
    
 p-0
    xl:px-20
    2xl:px-32
    3xl:px-48
    
mb-12
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                    
    
            <div class="vimeo">
<div class="container">
<iframe src="https://player.vimeo.com/video/1062381310?h=0fb66c6602&autoplay=1&loop=1&app_id=58479&background=1" width="640" height="360" frameborder="0" allow="autoplay"></iframe>
</div>
</div>

        
            </div>
             
                                                                        <div class="component-column
    col-span-12 
    
    
    ">
                                <h2><br /></h2>
<h1>Innovative shuffleboard experiences</h1>
    
            </div>
             
                                                                        <div class="component-column
    col-span-12 
    
    
    ">
                                <a href="/en/shuffleboard-tables" title="/en/shuffleboard-tables"  >
        <button>Discover our shuffleboards</button>
        </a>    
            </div>
             
                    </div>    
            
    
<div id="" class="centered-content-layout
grid grid-cols-12

col-span-12  
 

 p-3
    xs:pl-0
    xs:pr-6
    sm:pr-20
    md:pr-32
    lg:pr-48
    xl:pr-64
    

"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                
    
            </div>
             
                    </div>    
                
            
<div id="" class="unstyled-layout
grid grid-cols-12

col-span-12  
 

"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                    
                
<div id="" class="products-layout
grid grid-cols-12
prodloc 
col-span-12  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h2>Our <em>best-selling</em> shuffleboards</h2>
                <p><a href="https://shuffly.com/en/shop/">View all Shuffleboards</a></p>
    
            </div>
             
                                            <div class="sub-layout product-card-container 
                                    grid grid-cols-12
            col-span-12  
            
            
            ">
                                                         

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/Producten/Shuffleboard-bar/Shuffleboard-bar-without-stools.jpg"/>
<h2>Modular Shuffleboard</h2>
<p><a href="https://shuffly.com/en/shuffleboard-tables/modular-shuffleboard">View this Shuffleboard &gt; </a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/Shuffle-Showdown-Short-Lightbeam.jpg"/>
<h2>Shuffle Showdown</h2>
<p><a href="https://shuffly.com/en/shuffleboard-tables/shuffle-showdown">View this Shuffleboard &gt; </a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/Producten/Shuffleboard-bar/Shuffleboard-bar-without-stools.jpg"/>
<h2>Shuffleboard Bar</h2>
<p><a href="https://shuffly.com/en/shuffleboard-tables/shuffleboard-bar">View this Shuffleboard &gt; </a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/Producten/LED-Shuffleboard/led-shuffleboard.jpg"/>
<h2>LED Shuffleboard</h2>
<p><a href="https://shuffly.com/en/shuffleboard-tables/led-shuffleboard">View this Shuffleboard &gt; </a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/Producten/Original-Shuffleboard/original-shuffleboard.jpg"/>
<h2>Original Shuffleboard</h2>
<p><a href="https://shuffly.com/en/shuffleboard-tables/original-shuffleboard">View this Shuffleboard &gt; </a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/Producten/Steel-DreamX-Shuffleboard/Steel-DreamX-Shuffleboard-3.jpg"/>
<h2>Steel DreamX Shuffleboard</h2>
<p><a href="https://shuffly.com/en/shuffleboard-tables/steel-dreamx-shuffleboard">View this Shuffleboard &gt; </a></p> 
                
    
            </div>
             
                    </div>
                                                        </div>
                    </div>    
    

            </div>
             
                    </div>    
            
    
<div id="home-boost" class="unstyled-layout
grid grid-cols-12

col-span-12  
 

"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h1><em>BOOST YOUR LEISURE BUSINESS</em> WITH SHUFFLEBOARD</h1>
    
            </div>
             
                    </div>    
            
    
<div id="home-boost-2" class="sxth-col-layout
grid grid-cols-12

col-span-12  
 
gap-6
    

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h3>✔ Drive revenue</h3>
<h3>✔ Extend customer stays</h3>
                <a href="https://shuffly.com/en/shuffleboards-for-your-business" title="https://shuffly.com/en/shuffleboards-for-your-business"  >
        <button>Boost your business</button>
        </a>    
            </div>
             
                                            <div class="sub-layout sixth-container 
                                    grid grid-cols-12
            col-span-12  
            gap-6
    
            
            ">
                                                         

<div  class="sixth-layout
grid grid-cols-12

col-span-4 sm:col-span-3 md:col-span-2  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h3>✔ Create shareable moments</h3>
<h3>✔ Guaranteed fun!</h3>
    
            </div>
             
                    </div>
                                                                 

<div  class="sixth-layout
grid grid-cols-12

col-span-4 sm:col-span-3 md:col-span-2  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                    
            </div>
             
                    </div>
                                                                 

<div  class="sixth-layout
grid grid-cols-12

col-span-4 sm:col-span-3 md:col-span-2  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                    
            </div>
             
                    </div>
                                                        </div>
                    </div>    
            
    
<div id="" class="unstyled-layout
grid grid-cols-12

col-span-12  
 

"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h2>What we do</h2>
                    
                
<div id="" class="frth-col-layout
grid grid-cols-12

col-span-12  
 
gap-6
    

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                    
            </div>
             
                                            <div class="sub-layout fourth-container 
                                    grid grid-cols-12
            col-span-12  
            gap-6
    
            
            ">
                                                         

<div  class="fourth-layout
grid grid-cols-12

col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-3  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<p><a href="https://shuffly.com/en/what-we-do/social-gaming-advice"><img src="/uploads/Screenshot-2025-07-24-at-15.15.29_2025-07-24-131630_umdl.png"/></a></p>
<h4><strong><a href="https://shuffly.com/en/what-we-do/social-gaming-advice"><strong>Social Gaming Advice</strong></a></strong></h4>
<p></p>
<p><a href="https://shuffly.com/en/what-we-do/social-gaming-advice"></a>Expert advice to boost revenue, optimize space, and create social engagement.<br /><a href="https://shuffly.com/en/what-we-do/social-gaming-advice"><br />Read more &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="fourth-layout
grid grid-cols-12

col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-3  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<p><a href="https://shuffly.com/en/what-we-do/shuffleboard-experiences"><img src="/uploads/Schermafbeelding-2025-01-10-om-12.24.30.png"/></a></p>
<h4><strong><a href="https://shuffly.com/en/what-we-do/shuffleboard-experiences"><strong>Shuffleboard Experiences</strong></a></strong></h4>
<p></p>
<p><a href="https://shuffly.com/en/what-we-do/social-gaming-advice"></a>Specialists in concept, design, and master planning of Shuffleboard Experiences.<br /><a href="https://shuffly.com/en/what-we-do/shuffleboard-experiences"><br />Read more &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="fourth-layout
grid grid-cols-12

col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-3  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<p><a href="https://shuffly.com/en/what-we-do/shuffleboard-design"><img src="/uploads/PageContent/Original-Shuffleboard.jpg"/></a></p>
<h4><strong><a href="https://shuffly.com/en/what-we-do/shuffleboard-design"><strong>Shuffleboard Design</strong></a></strong></h4>
<p></p>
<p><a href="https://shuffly.com/en/what-we-do/social-gaming-advice"></a>Custom, premium shuffleboards - from analog to electric - to elevate your venue.<br /><br /><a href="https://shuffly.com/en/what-we-do/shuffleboard-design">Read more &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="fourth-layout
grid grid-cols-12

col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-3  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<p><a href="https://shuffly.com/en/what-we-do/shuffleboard-manufacturing"><img src="/uploads/PageContent/shuffleboard-manufacturing-1-1.jpeg"/></a></p>
<h4><strong><a href="https://shuffly.com/en/what-we-do/shuffleboard-manufacturing"><strong>Shuffleboard Manufacturing</strong></a></strong></h4>
<p></p>
<p><a href="https://shuffly.com/en/what-we-do/social-gaming-advice"></a>Durable shuffleboards made to last a lifetime, crafted in our in-house facility.<br /><a href="https://shuffly.com/en/what-we-do/shuffleboard-manufacturing"><br />Read more &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                        </div>
                    </div>    
    

            </div>
             
                    </div>    
            
    
<div id="" class="frth-col-layout
grid grid-cols-12

col-span-12  
banner-bg  
gap-6
    

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                
    
            </div>
             
                                            <div class="sub-layout fourth-container 
                                    grid grid-cols-12
            col-span-12  
            gap-6
    
            
            ">
                                                         

<div  class="fourth-layout
grid grid-cols-12

col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-3  
banner-bg  


m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h3>✔ 387+ happy customers </h3>
                <p>In 15+ countries and counting.</p>
    
            </div>
             
                    </div>
                                                                 

<div  class="fourth-layout
grid grid-cols-12

col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-3  
banner-bg  


m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h3>✔ Since 2018</h3>
                <p>7 years of shuffleboard expertise.</p>
    
            </div>
             
                    </div>
                                                                 

<div  class="fourth-layout
grid grid-cols-12

col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-3  
banner-bg  


m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h3>✔ Premium quality </h3>
                <p>Built to perform, made to last.</p>
    
            </div>
             
                    </div>
                                                                 

<div  class="fourth-layout
grid grid-cols-12

col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-3  
banner-bg  


m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h3>✔ Made in Holland </h3>
                <p>Handcrafted in-house.</p>
    
            </div>
             
                    </div>
                                                        </div>
                    </div>    
            
    
<div id="" class="products-layout
grid grid-cols-12
prodloc 
col-span-12  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h2><em>Visit</em> our showroom</h2>
<p>Immerse yourself in the world of shuffleboard in Europe's biggest showroom. Experience a variety of shuffleboards, get expert advice and discover the power of social gaming!</p>
                <p><a href="https://shuffly.com/en/about/contact">Make an appointment</a></p>
    
            </div>
             
                                            <div class="sub-layout product-card-container 
                                    grid grid-cols-12
            col-span-12  
            
            
            ">
                                                         

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <figure><img src="/uploads/PageContent/Micky-en-Paul-2.jpeg" alt="" /></figure>
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <figure><img src="/uploads/Shuffly-Showroom-1.jpg" alt="Shuffly Showroom" /></figure>
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <figure><img src="/uploads/Shuffle-Showdown-alternatief-ontwerp-1-foto2.jpg" alt="Shuffle Showdown" /></figure>
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <figure><img src="/uploads/PageContent/Shuffly-showroom_2024-12-13-120942_yyss.jpg" alt="" /></figure>
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                    
            </div>
             
                    </div>
                                                        </div>
                    </div>    
                
            
<div id="" class="unstyled-layout
grid grid-cols-12

col-span-12  
 

"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                    
                
<div id="" class="products-layout
grid grid-cols-12
prodloc 
col-span-12  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h2>Projects we're <em>proud</em> of<br /></h2>
                <p><a href="https://shuffly.com/en/projects">See all projects</a></p>
    
            </div>
             
                                            <div class="sub-layout product-card-container 
                                    grid grid-cols-12
            col-span-12  
            
            
            ">
                                                         

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/CasesProjects/D-fool-shuffleboard-202.jpg"/>
<h2>Shuffleboard Bar at D-Fool Liège</h2>
<p>Increased fun and bar revenue and with the Shuffleboard Bar at this fun parc.<br /><a href="https://shuffly.com/en/projects/d-fool">Read more &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/CasesProjects/bud-beer-shuffleboard.jpg"/>
<h2>Custom Bud Beer Shuffleboard</h2>
<p>Bud Beer’s vibrant brand brought to life with a custom shuffleboard design.<br /><a href="https://shuffly.com/en/projects/bud-beer">Read more &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/CasesProjects/Engraved-shuffleboard.jpg"/>
<h2>Shuffleboard at Tapperij de Eeuwige Jeugd</h2>
<p>Old Oak Shuffleboard featuring a custom-engraved wooden cover.<br /><a href="https://shuffly.com/en/projects/eeuwige-jeugd">Read more &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/CasesProjects/Matrix-SIX-Amsterdam-shuffleboard-2.jpg"/>
<h2>Play Shuffleboard at Matrix SIX Amsterdam</h2>
<p>MATRIX SIX is not just a leading-edge and sustainable laboratory building at Amsterdam Science Park; it also offers a unique and refreshing addition to its lobby: shuffleboard! Amidst groundbreaking research and innovation, MATRIX SIX provides a relaxed and enjoyable environment where visitors and scientists alike can partake in a game of shuffleboard in the lobby. Whether you need a break between experiments or are simply looking for a fun pastime after a long day of work, the shuffleboard table at MATRIX SIX offers a welcome change of pace.<br /><a href="https://shuffly.com/en/projects/matrix-six-amsterdam">Read more &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                                 

<div  class="product-card-layout
grid grid-cols-12
prod-card 
col-span-12 md:col-span-6 lg:col-span-4  
 

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                                                                                 
                    
<img src="/uploads/PageContent/CasesProjects/DreamX-Shuffleboards-De-Final-Touch-Amsterdam-1920w.webp"/>
<h2>Play Shuffleboard at Final Touch Amsterdam</h2>
<p>The Final Touch wanted to offer a new experience to their guests. To achieve this, they sacrificed one snooker table to replace it with two 12 feet DreamX shuffleboards. The shuffleboards were specially made to manoeuvre into the basement. They have bumper rails on all sides made of high-quality leather. Additionally, scoring trackers have been added to the shuffleboards. At De Final Touch in Amsterdam, you can rent the pucks and play a game of shuffleboard with your friends!<br /><a href="https://shuffly.com/en/projects/final-touch">Read more &gt;</a></p> 
                
    
            </div>
             
                    </div>
                                                        </div>
                    </div>    
    

            </div>
             
                    </div>    
            
    
<div id="" class="sxth-col-layout
grid grid-cols-12

col-span-12  
banner-bg  
gap-6
    

m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <p></p>
<h2>Our clients</h2>
<p></p>
    
            </div>
             
                                            <div class="sub-layout sixth-container 
                                    grid grid-cols-12
            col-span-12  
            gap-6
    
            
            ">
                                                         

<div  class="sixth-layout
grid grid-cols-12

col-span-4 sm:col-span-3 md:col-span-2  
banner-bg  


m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <figure><img src="/uploads/PageContent/Client-logos/Gamestate-logo.png" alt="Gamestate Shuffleboard" /></figure>
    
            </div>
             
                    </div>
                                                                 

<div  class="sixth-layout
grid grid-cols-12

col-span-4 sm:col-span-3 md:col-span-2  
banner-bg  


m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <figure><img src="/uploads/PageContent/Client-logos/burneys_shuffleboard.png" alt="" /></figure>
    
            </div>
             
                    </div>
                                                                 

<div  class="sixth-layout
grid grid-cols-12

col-span-4 sm:col-span-3 md:col-span-2  
banner-bg  


m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <figure><img src="/uploads/PageContent/Client-logos/Par-59_shuffleboard-removebg-preview.png" alt="" /></figure>
    
            </div>
             
                    </div>
                                                                 

<div  class="sixth-layout
grid grid-cols-12

col-span-4 sm:col-span-3 md:col-span-2  
banner-bg  


m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <figure><img src="/uploads/PageContent/Client-logos/Eeuwige-jeugd-logo.png" alt="" /></figure>
    
            </div>
             
                    </div>
                                                                 

<div  class="sixth-layout
grid grid-cols-12

col-span-4 sm:col-span-3 md:col-span-2  
banner-bg  


m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <figure><img src="/uploads/PageContent/Client-logos/VHB-Logo-wit.png" alt="" /></figure>
    
            </div>
             
                    </div>
                                                                 

<div  class="sixth-layout
grid grid-cols-12

col-span-4 sm:col-span-3 md:col-span-2  
banner-bg  


m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <figure><img src="/uploads/PageContent/Client-logos/aux-ateliers.png" alt="" /></figure>
    
            </div>
             
                    </div>
                                                                 

<div  class="sixth-layout
grid grid-cols-12

col-span-4 sm:col-span-3 md:col-span-2  
banner-bg  


m-0
    
"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <figure><img src="/uploads/PageContent/Client-logos/Papa-Jim-Sports-Bar-Red-1.png" alt="" /></figure>
    
            </div>
             
                    </div>
                                                        </div>
                    </div>    
            
    
<div id="" class="centered-content-layout
grid grid-cols-12

col-span-12  
 

 p-3
    xs:pl-0
    xs:pr-6
    sm:pr-20
    md:pr-32
    lg:pr-48
    xl:pr-64
    

"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <h2><em>Contact us</em></h2>
                    
    
            <div class="fui-i"><form id="fui-contactForm-nhdotp" class="fui-form fui-labels-above-input" method="post" enctype="multipart/form-data" accept-charset="utf-8" data-fui-form="{&quot;formHashId&quot;:&quot;fui-contactForm-nhdotp&quot;,&quot;formId&quot;:151732,&quot;formHandle&quot;:&quot;contactForm&quot;,&quot;registeredJs&quot;:[{&quot;src&quot;:&quot;https:\/\/shuffly.com\/cpresources\/ff724868\/js\/fields\/phone-country.js?v=1744795560&quot;,&quot;module&quot;:&quot;FormiePhoneCountry&quot;},{&quot;src&quot;:&quot;https:\/\/shuffly.com\/cpresources\/ff724868\/js\/captchas\/recaptcha-v2-checkbox.js?v=1744795560&quot;,&quot;module&quot;:&quot;FormieRecaptchaV2Checkbox&quot;,&quot;settings&quot;:{&quot;siteKey&quot;:&quot;6LeC4scqAAAAAKbgopegfIUOhxgTeK2arJ9CyJ00&quot;,&quot;formId&quot;:&quot;fui-contactForm-nhdotp&quot;,&quot;theme&quot;:&quot;dark&quot;,&quot;size&quot;:&quot;normal&quot;,&quot;badge&quot;:&quot;bottomleft&quot;,&quot;language&quot;:&quot;en&quot;,&quot;submitMethod&quot;:&quot;ajax&quot;,&quot;hasMultiplePages&quot;:false,&quot;loadingMethod&quot;:&quot;asyncDefer&quot;,&quot;enterpriseType&quot;:&quot;score&quot;}}],&quot;settings&quot;:{&quot;submitMethod&quot;:&quot;ajax&quot;,&quot;submitActionMessage&quot;:&quot;&lt;p&gt;Submission saved.&lt;\/p&gt;&quot;,&quot;submitActionMessageTimeout&quot;:null,&quot;submitActionMessagePosition&quot;:&quot;top-form&quot;,&quot;submitActionFormHide&quot;:false,&quot;submitAction&quot;:&quot;url&quot;,&quot;submitActionTab&quot;:&quot;same-tab&quot;,&quot;errorMessage&quot;:&quot;&lt;p&gt;Please fill in all required fields.&lt;\/p&gt;&quot;,&quot;errorMessagePosition&quot;:&quot;top-form&quot;,&quot;loadingIndicator&quot;:&quot;spinner&quot;,&quot;loadingIndicatorText&quot;:null,&quot;validationOnSubmit&quot;:true,&quot;validationOnFocus&quot;:false,&quot;scrollToTop&quot;:false,&quot;hasMultiplePages&quot;:false,&quot;pages&quot;:[{&quot;settings&quot;:{&quot;submitButtonLabel&quot;:&quot;Submit&quot;,&quot;backButtonLabel&quot;:&quot;Back&quot;,&quot;showBackButton&quot;:false,&quot;saveButtonLabel&quot;:&quot;Save&quot;,&quot;showSaveButton&quot;:false,&quot;saveButtonStyle&quot;:&quot;link&quot;,&quot;buttonsPosition&quot;:&quot;left&quot;,&quot;cssClasses&quot;:null,&quot;containerAttributes&quot;:null,&quot;inputAttributes&quot;:null,&quot;enableNextButtonConditions&quot;:false,&quot;nextButtonConditions&quot;:[],&quot;enablePageConditions&quot;:false,&quot;pageConditions&quot;:[],&quot;enableJsEvents&quot;:false,&quot;jsGtmEventOptions&quot;:[]},&quot;id&quot;:349,&quot;layoutId&quot;:49,&quot;name&quot;:&quot;Page 1&quot;,&quot;uid&quot;:&quot;19d0626e-8518-4a47-9eb3-4d95afff8784&quot;,&quot;userCondition&quot;:null,&quot;elementCondition&quot;:null}],&quot;themeConfig&quot;:{&quot;loading&quot;:{&quot;class&quot;:&quot;fui-loading&quot;},&quot;errorMessage&quot;:{&quot;class&quot;:&quot;fui-error-message&quot;},&quot;disabled&quot;:{&quot;class&quot;:&quot;fui-disabled&quot;},&quot;tabError&quot;:{&quot;class&quot;:&quot;fui-tab-error&quot;},&quot;tabActive&quot;:{&quot;class&quot;:&quot;fui-tab-active&quot;},&quot;tabComplete&quot;:{&quot;class&quot;:&quot;fui-tab-complete&quot;},&quot;successMessage&quot;:{&quot;class&quot;:&quot;fui-success-message&quot;},&quot;alert&quot;:{&quot;class&quot;:&quot;fui-alert&quot;},&quot;alertError&quot;:{&quot;class&quot;:&quot;fui-alert fui-alert-error fui-alert-top-form&quot;,&quot;role&quot;:&quot;alert&quot;,&quot;data-fui-alert&quot;:true},&quot;alertSuccess&quot;:{&quot;class&quot;:&quot;fui-alert fui-alert-success fui-alert-top-form&quot;,&quot;role&quot;:&quot;alert&quot;,&quot;data-fui-alert&quot;:true},&quot;page&quot;:{&quot;id&quot;:&quot;fui-contactForm-nhdotp-p-349&quot;,&quot;class&quot;:&quot;fui-page&quot;,&quot;data-index&quot;:&quot;0&quot;,&quot;data-id&quot;:&quot;349&quot;,&quot;data-fui-page&quot;:true},&quot;progress&quot;:{&quot;class&quot;:&quot;fui-progress&quot;,&quot;data-fui-progress&quot;:true},&quot;tab&quot;:{&quot;class&quot;:&quot;fui-tab&quot;},&quot;success&quot;:{&quot;class&quot;:&quot;fui-success&quot;},&quot;error&quot;:{&quot;class&quot;:&quot;fui-error-message&quot;},&quot;fieldErrors&quot;:{&quot;class&quot;:&quot;fui-errors&quot;},&quot;fieldError&quot;:{&quot;class&quot;:&quot;fui-error-message&quot;}},&quot;redirectUrl&quot;:&quot;\/en\/thank-you?q=\/en&amp;srsltid=AfmBOoqnDV2P-0E0zOC5WJpUJLqVwDTlu2FHdGU1JLiH-iyl9kTzgdot&quot;,&quot;currentPageId&quot;:349,&quot;outputJsTheme&quot;:true,&quot;enableUnloadWarning&quot;:true,&quot;enableBackSubmission&quot;:true,&quot;ajaxTimeout&quot;:10,&quot;baseActionUrl&quot;:&quot;https:\/\/shuffly.com\/index.php?p=actions&quot;,&quot;refreshTokenUrl&quot;:&quot;https:\/\/shuffly.com\/index.php?p=actions\/formie\/forms\/refresh-tokens&amp;form=FORM_PLACEHOLDER&quot;,&quot;scriptAttributes&quot;:[]}}" data-form-submit-method="ajax" data-form-submit-action="url" data-loading-indicator="spinner" data-redirect="/en/thank-you?q=/en&amp;srsltid=AfmBOoqnDV2P-0E0zOC5WJpUJLqVwDTlu2FHdGU1JLiH-iyl9kTzgdot"><input type="hidden" name="CRAFT_CSRF_TOKEN" value="e33pBd1GjaRFBjfIyGCKE2mxICo6w0K6ZdpbDbSg3UDn69WjjST8mU4ok32KGezRNn96iY8O7l4FiUkcaZEv-zGeYzrg2oUqvYaK67VgluM=" autocomplete="off"><input type="hidden" name="action" value="formie/submissions/submit"><input type="hidden" name="submitAction" value="submit"><input type="hidden" name="handle" value="contactForm"><input type="hidden" name="siteId" value="13"><input type="hidden" name="redirect" value="f386fd5f49a2fa0f50322786db6cdeff1aa509fa9ce9cc9d5698e6d31a3693b0/en/thank-you?q=/en&amp;srsltid=AfmBOoqnDV2P-0E0zOC5WJpUJLqVwDTlu2FHdGU1JLiH-iyl9kTzgdot"><div class="fui-form-container"><div id="fui-contactForm-nhdotp-p-349" class="fui-page" data-index="0" data-id="349" data-fui-page><div class="fui-page-container"><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-single-line-text fui-label-above-input fui-subfield-label-above-input fui-instructions-above-input fui-field-required fui-page-field" data-field-handle="name1" data-field-type="single-line-text"><div class="fui-field-container"><label class="fui-label" for="fui-contactForm-nhdotp-fields-name1">Name&nbsp;<span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-container"><input type="text" id="fui-contactForm-nhdotp-fields-name1" class="fui-input" name="fields[name1]" value="" required data-fui-id="contactForm-name1"></div></div></div></div><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-single-line-text fui-label-above-input fui-subfield-label-above-input fui-instructions-above-input fui-page-field" data-field-handle="companyName" data-field-type="single-line-text"><div class="fui-field-container"><label class="fui-label" for="fui-contactForm-nhdotp-fields-companyName">Company name</label><div class="fui-input-container"><input type="text" id="fui-contactForm-nhdotp-fields-companyName" class="fui-input" name="fields[companyName]" value="" data-fui-id="contactForm-companyName"></div></div></div></div><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-email fui-label-above-input fui-subfield-label-above-input fui-instructions-above-input fui-field-required fui-page-field" data-field-handle="email" data-field-type="email"><div class="fui-field-container"><label class="fui-label" for="fui-contactForm-nhdotp-fields-email">Email&nbsp;<span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-container"><input type="email" id="fui-contactForm-nhdotp-fields-email" class="fui-input" name="fields[email]" value="" autocomplete="email" required data-fui-id="contactForm-email"></div></div></div></div><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-phone fui-label-above-input fui-subfield-label-above-input fui-instructions-above-input fui-field-required fui-page-field" data-field-handle="phoneNumber" data-field-type="phone" data-field-config="[{&quot;countryShowDialCode&quot;:true,&quot;countryDefaultValue&quot;:&quot;NL&quot;,&quot;module&quot;:&quot;FormiePhoneCountry&quot;}]"><div class="fui-field-container"><label class="fui-label" for="fui-contactForm-nhdotp-fields-phoneNumber">Phone number&nbsp;<span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-container"><input type="tel" id="fui-contactForm-nhdotp-fields-phoneNumber" class="fui-input" name="fields[phoneNumber][number]" autocomplete="tel" required data-fui-id="contactForm-phoneNumber-number"><input type="hidden" id="fui-contactForm-nhdotp-fields-phoneNumber-country" name="fields[phoneNumber][country]" data-fui-id="contactForm-phoneNumber-country" data-country></div></div></div></div><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-multi-line-text fui-label-above-input fui-subfield-label-above-input fui-instructions-above-input fui-field-required fui-page-field" data-field-handle="message" data-field-type="multi-line-text"><div class="fui-field-container"><label class="fui-label" for="fui-contactForm-nhdotp-fields-message">Message&nbsp;<span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-container"><textarea id="fui-contactForm-nhdotp-fields-message" class="fui-input" name="fields[message]" required data-fui-id="contactForm-message"></textarea></div></div></div></div></div><div class="formie-recaptcha-placeholder" data-recaptcha-placeholder></div><div class="fui-btn-wrapper fui-btn-left"><button type="submit" class="fui-btn fui-submit" data-submit-action="submit">Submit</button></div></div></div></form></div>

        
            </div>
             
                    </div>    
    </div>
        <footer class="default animations default-button  w-full z-[-1]">
        
            
<div id="" class="unstyled-layout
grid grid-cols-12

col-span-12  
 

"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                    
            
<div id="" class="footer-layout
grid grid-cols-12
footer 
col-span-12  
 
gap-y-9
    gap-x-12
    
 pb-20
    
m-0
    
"
>
                                             <div class="empty-column
    col-span-12 
    
    
    ">
    </div>
 
                                                                        <div class="component-column
    col-span-5 sm:col-span-6 md:col-span-3 xl:col-span-2 
    
    
    ">
                                    
    
            <p><strong>QUICK LINKS</strong><br /><a href="https://shuffly.com/en/about">About</a><a href="https://shuffly.com/en/what-we-do"><br />What we do</a><a href="https://shuffly.com/en/shuffleboards-for-your-business"><br />Industries</a><a href="https://shuffly.com/en/projects"><br />Projects</a><a href="https://shuffly.com/en/our-advice"><br />Advice</a><br /><a href="https://shuffly.com/en/blog">Blogs</a><a href="https://shuffly.com/en/our-advice"><br /></a><a href="https://shuffly.com/en/about/vacancies">Vacancies<br /></a><a href="https://shuffly.com/en/about/contact">Contact</a><br /></p>

        
            </div>
             
                                                                        <div class="component-column
    col-span-12 sm:col-span-6 md:col-span-5 xl:col-span-3 
    
    
    ">
                                    
    
            <p><strong><a href="https://shuffly.com/en/shuffleboard-tables">PRODUCTS</a></strong><a href="https://shuffly.com/en/shuffleboard-tables/shuffle-showdown"><br />Shuffle Showdown</a><br /><a href="https://shuffly.com/en/shuffleboard-tables/modular-shuffleboard">Shuffleboard Bar</a><a href="https://shuffly.com/en/shuffleboard-tables/led-shuffleboard"><br />LED Shuffleboard<br /></a><a href="https://shuffly.com/en/shuffleboard-tables/dining-shuffleboard">Dining Shuffleboard</a><a href="https://shuffly.com/en/shuffleboard-tables/steel-dreamx-shuffleboard"><br />DreamX Shuffleboard</a><a href="https://shuffly.com/en/shuffleboard-tables/old-oak-shuffleboard"><br />Old Oak Shuffleboard</a><a href="https://shuffly.com/en/shuffleboard-tables/original-shuffleboard"><br />Original Shuffleboard</a><a href="https://shuffly.com/en/shuffleboard-tables/buffalo-shuffleboard-solid-oak"><br />Buffalo Solid Oak Shuffleboard</a><a href="https://shuffly.com/en/shuffleboard-tables/buffalo-shuffleboard-ash-wood"><br />Buffalo Ash Wood Shuffleboard</a><a href="https://shuffly.com/en/shuffleboard-tables/modular-shuffleboard"><br />Custom Shuffleboard</a></p>

        
            </div>
             
                                                                        <div class="component-column
    col-span-12 sm:col-span-6 md:col-span-4 xl:col-span-2 
    
    
    ">
                                    
    
            <p><strong><a href="https://shuffly.com/en/competitive-socializing-games">COMPETITIVE SOCIALIZING GAMES</a></strong><a href="https://shuffly.com/en/competitive-socializing-games/shuffleboards"><br />Shuffleboards</a><a href="https://shuffly.com/en/competitive-socializing-games/augmented-reality-darts"><br />Augmented Reality Darts</a><a href="https://shuffly.com/en/competitive-socializing-games/interactive-darts"><br />Interactive Darts</a><a href="https://shuffly.com/en/competitive-socializing-games/bowling"><br />Bowling</a><a href="https://shuffly.com/en/competitive-socializing-games/billiards"><br />Billiards</a><a href="https://shuffly.com/en/competitive-socializing-games/arcade"><br />Arcade</a><a href="https://shuffly.com/en/competitive-socializing-games/axe-throwing"><br />Axe Throwing</a><a href="https://shuffly.com/en/competitive-socializing-games/pinball"><br />Pinball</a><a href="https://shuffly.com/en/competitive-socializing-games/foosball"><br />Foossball</a><a href="https://shuffly.com/en/competitive-socializing-games/jenga"><br />Jenga</a><a href="https://shuffly.com/en/competitive-socializing-games/jeu-de-boules-petanque"><br />Jeu De Boules</a><a href="https://shuffly.com/en/competitive-socializing-games/sjoelen"><br />Sjoelen</a></p>

        
            </div>
             
                                                                        <div class="component-column
    col-span-5 sm:col-span-6 md:col-span-4 xl:col-span-2 
    
    
    ">
                                    
    
            <p><strong><a href="https://shuffly.com/en/about/contact">CONTACT</a></strong></p>
<p><a href="tel:+31636463303"></a><a href="tel:0636463303" target="_blank" rel="noreferrer noopener"></a><a href="tel:0624661067">+31 6 36463303</a></p>
<p><a href="mailto:info@shuffly.nl">info@shuffly.nl</a></p>
<p><br />Shuffly B.V.</p>
<p>Dillenburgstraat 11b</p>
<p>5652 AM Eindhoven</p>
<p>The Netherlands</p>

        
            </div>
             
                                                                        <div class="component-column
    col-span-12 md:col-span-4 xl:col-span-3 
    
    
    ">
                                <figure><img src="/uploads/Logos/Shuffly.svg" alt="Shuffly - innovative shuffleboards" /></figure>
                <div id="socials" style="display: flex;">
<a href="https://nl.linkedin.com/company/playshuffly/" target="_blank"><object data="/uploads/Logos/socials/linkedin.svg" type="image/svg+xml"></object></a>

<a href="http://instagram.com/playshuffly" target="_blank"><object data="/uploads/Logos/socials/instagram.svg" type="image/svg+xml"></object></a>

<a href="https://facebook.com/playshuffly" target="_blank"><object data="/uploads/Logos/socials/facebook.svg" type="image/svg+xml"></object></a>

<a href="https://www.youtube.com/@PlayShuffly" target="_blank"><object data="/uploads/Logos/socials/youtube.svg" type="image/svg+xml"></object></a>
</div>
    
            </div>
             
                                                <div class="empty-column
    col-span-12 
    
    
    ">
    </div>
 
                                                                        <div class="component-column
    col-span-12 
    
    
    ">
                                <div style="display: flex; gap: 20px; margin-top: -10px;">
                    
    
            <p><a href="https://shuffly.com/uploads/pdfs/SHUFFLY-privacycookie-statement-UK.pdf" target="_blank" rel="noreferrer noopener">Privacy and Cookie Policy</a><br /></p>

                    <p>|</p>
                    
    
            <p><a href="https://shuffly.com/uploads/pdfs/General-terms-of-conditions-EN.pdf" target="_blank" rel="noreferrer noopener">Terms and conditions</a></p>

                    <p>|</p>
                    
    
            <p>© 2025 Shuffly. All rights reserved.</p>

                    </div
    
            </div>
             
                    </div>    
    

            </div>
             
                    </div>    
            
    
<div id="messagesuccess" class="unstyled-layout
grid grid-cols-12

col-span-12  
 

"
>
                                                                     <div class="component-column
    col-span-12 
    
    
    ">
                                <p>Your query has been sent. We'll get back to you soon.</p>
    
            </div>
             
                    </div>    
    </footer>
    <script>clean();</script>
    <script>
    const baseUrl = window.location.origin;
    const blogLink = document.querySelector('a[href="'+baseUrl+'/en/our-advice/blog"], a[href="'+baseUrl+'/nl/ons-advies/blog"]');
    blogLink.href = blogLink.href.replace("our-advice/","").replace("ons-advies/","");
</script>

<script>
var testimonial  = 1;
var testimonials = 0;

  function drawBG(color) {
    const top = Math.random() * window.innerHeight - 250;
    const left = Math.random() * 125 - 50;
    const size = 40 + Math.random() * 80;
    const canvas = document.createElement('canvas');
    canvas.style.position = "fixed"; 
    canvas.style.top = top + "px";
    canvas.style.left = left + "vw";
    canvas.style.zIndex = -100;
    canvas.style.opacity = 0.6;
    canvas.style.background = "radial-gradient(var("+color+"), transparent, transparent)";
    canvas.style.width = size + "vw";
    canvas.style.aspectRatio = "1 / 1";
    canvas.classList.add("blob");
    document.body.appendChild(canvas);
  }
  const colors = ["--primary", "--secondary", "third"];
  drawBG(colors[Math.floor(Math.random() * colors.length)] ?? "--primary");
  drawBG(colors[Math.floor(Math.random() * colors.length)] ?? "--primary");
  drawBG(colors[Math.floor(Math.random() * colors.length)] ?? "--primary");
  document.addEventListener("scroll", (event) => {
    [].forEach.call(document.getElementsByClassName("blob"), (blob) => blob.style.marginTop = window.scrollY * -0.4);
  });

  function doubleSlash() {
  if(window.location.pathname.includes("//"))
    window.location. replace(window.location.pathname.replaceAll("//", "/"));
  }

  function beforeLoad() {
    notifications();
    doubleSlash();
    animateFadeIn();
    loadAllTestimonials();
    loadAllAuthors();
    loadAllStars();
    navbarFix();
    navbuttons();
    loadAccordionArrows();
    navbarLists();
    getQuoteFunctionality();
  }

  function afterLoad() {
    //industries();
    setGalleryImageClicks();
    loadAccordion();
    loadAllTeamMembers();
    loadGalleryArrows() ;
    loadNestedNavbar();
    makeProductsClickable();
    mobileNavbarFixes();
    unhideCaptcha();
    navbarCloseCross();
  }

  function getQuoteFunctionality() {
    console.log("testing quotes");
    let s        = (JSON.parse(localStorage.getItem("selectedChips")) ?? []).join(", ");
    if(!s) return;
    let inserter = document.querySelector("#selected-items-for-quote > div");
    let form     = document.querySelector("body:has(#selected-items-for-quote) form");
    console.log(s, inserter, form);
    if(inserter) inserter.innerText = s;
    if(form) {
      let chips   = createElement("input", "", "hidden");
      chips.name  = "message[selected]"
      chips.id    = chips.name;
      chips.type  = "hidden";
      chips.value = s;
      form.insertBefore(chips, form.childNodes[0]);
    }
  }

  function makeProductsClickable() {
    let products = document.querySelectorAll(".prod-card > .component-column:has(a)");
    products.forEach((product) => {
      let link = product.querySelector("a");
      if(link.href) {
        product.style.cursor = "pointer";
        product.onclick = () => window.location = link.href;
      }
    });
  }

  function loadAllTeamMembers() {
     let members = document.querySelectorAll(".team-card-layout .component-column figure");
     members.forEach((member) => {
       if(member.childNodes.length >= 1) {
         let linked = member.childNodes[0].tagName == "A";
         let name = createElement("h2", linked ? member.childNodes[0].childNodes[0].alt :  member.childNodes[0].alt);
         if(member.childNodes.length >= 2)
           member.insertBefore(name, member.childNodes[1]);
         else
           member.appendChild(name);
       }
     });
  }

  function loadAllTestimonials() {
     var i = 1;
     let testimonials_ = document.querySelectorAll(".testimonials-layout .blog-card-layout");
     testimonials_.forEach((testimonial_) => {
       testimonial_.classList.add("testimonial-"+i);
       testimonial_.classList.remove(i > 1 ? "appear" : "disappear");
       testimonial_.classList.add(i > 1 ? "disappear" : "appear");
       //testimonial_.style.display = i > 1 ? "none" : "grid";
       let container = testimonial_.querySelector(".blog-card-layout > div:nth-child(2)");
       let e = createElement("span", "", "fa");
           e.classList.add("fa-chevron-right");
           e.onclick = () => {
            displayTestimonial(testimonial);
            testimonial = testimonial == testimonials ? 1 : testimonial + 1;
            displayTestimonial(testimonial);
          };
       container.appendChild(e);
       i++; testimonials++;
     });
  }
  function displayTestimonial(i) {
    let t = document.querySelector(".testimonial-"+i);
    if(t) {
     let b = t.classList.contains("appear");
     t.classList.remove(b ? "appear" : "disappear");
     t.classList.add(b ? "disappear" : "appear");
      //t.style.display = t.style.display == "grid" ? "none" : "grid";
    }
  }

  
  function loadAllAuthors() {
     let authors = document.querySelectorAll(".author-layout .component-column figure");
     authors.forEach((author) => {
       if(author.childNodes.length >= 1) {
         let linked = author.childNodes[0].tagName == "A" ;
         let name = createElement("h2", linked ? author.childNodes[0].childNodes[0].alt :  author.childNodes[0].alt);
         if(author.childNodes.length >= 2)
           author.insertBefore(name, author.childNodes[1]);
         else
           author.appendChild(name);
       }
       let right    = createElement("div", "", "col-span-2");
           right.classList.add("md:col-span-1");
       let contents = author.querySelectorAll("*:not(img)");
       contents.forEach((c) => right.insertBefore(c, null));
       author.insertBefore(right, null);
     });
  }  

  function loadAllStars() {
     let ratings = document.querySelectorAll(".testimonials-layout > div > div > div > p:nth-child(2)");
     ratings.forEach((rating) => {
       if(rating.textContent && parseInt(rating.textContent)) {
         let rate = parseInt(rating.textContent);
         rating.textContent = "";
         for(i = 1; i <= 5; i++) {
           let star = createElement("span", "", "fa");
           star.classList.add("fa-star");
           if(rate >= i)
             star.classList.add("checked");
           rating.appendChild(star);
          }
       }
     });
  }

function createElement(element, content, classnames) {
  var    e           = document.createElement(element);
         e.innerHTML = content.trim();
  if(classnames)
    e.classList.add(classnames);
  return e;
}

function elementInViewport(el, strict) {
  var top = el.offsetTop;
  //while(el.offsetParent) {
  //  el = el.offsetParent;
  //  top += el.offsetTop;
  //}

  return (top < window.pageYOffset + window.innerHeight*(strict? 1.5 : 0.75));
}

 function animateFadeIn () {
     let sections = document.querySelectorAll("body > div.default > div:not(body > div.default > div:nth-child(1))");
     sections.forEach((section) => {
       section.classList.add( elementInViewport(section, true) ? "fadedin" : "fadedout");
       document.addEventListener("scroll", (event) => {
         if(elementInViewport(section)) {
           section.classList.remove( "fadedout" );
           section.classList.add( "fadedin");
          }
       });
     });
 }


  function loadGalleryArrows() {
     var i = 1;
     let galleries = document.querySelectorAll(".gallery-layout, .products-layout");
     galleries.forEach((gallery) => {
       let right = createElement("span", "", "fa");
           right.classList.add("fa-chevron-right");
           right.onclick = () => {
            gallery.children[1].scrollBy({left: 630, behavior: "smooth"});
          };
       let left = createElement("span", "", "fa");
           left.classList.add("fa-chevron-left");
           left.onclick = () => {
            gallery.children[1].scrollBy({left: -630, behavior: "smooth"});
          };
       gallery.appendChild(right);
       gallery.appendChild(left);
     });
  }

  function loadAccordion() {
     let accordions = document.querySelectorAll(".accordion .component-column");
     accordions.forEach((accordion) => {
       if (accordion.children.length > 1) {
         for(i = 1; i < accordion.children.length; i++) {
           if(accordion.children[i]?.tagName != "H3")
             accordion.children[i]?.classList?.add("ac-collapsed");
           else {
             accordion.children[i]?.classList?.add("ac-"+i);
             accordion.children[i].index = i;

             //console.log("setOnclick", i, accordion.children[i].classList, accordion.children[i]);
             accordion.children[i].onclick = (e) => {
               for(i_ = e.target.index+1; i_ < accordion.children.length && accordion.children[i_]?.tagName != "H3"; i_++) {
                  accordion.children[i_]?.classList?.contains("ac-collapsed") ? accordion.children[i_]?.classList?.remove("ac-collapsed") : accordion.children[i_]?.classList?.add("ac-collapsed");
                }
              };
            }
         }
       }
     });
  }

  function loadNestedNavbar() {
    let sublis = document.querySelectorAll(".sub-li:not(.nested) a");
    for(i = 0; i < sublis.length; i++) {
      const hide = (e) => {
        let class_ = e.parentElement.classList[2];
        let nest   = e.parentElement.parentElement.querySelectorAll("." + class_ + ".nested");
        for(i_ = 0; i_ < nest.length; i_++) {
          nest[i_].style.display = nest[i_].style.display == "none" ? "block" : "none";
        }
        if(nest.length) {
        if     (e.innerText.startsWith("^"))
          e.innerText = e.innerText.replace("^", "∨");
        else if(e.innerText.startsWith("∨"))
          e.innerText = e.innerText.replace("∨", "^");
        else
          e.innerText = "∨ " + e.innerText;
        }
      };
      hide(sublis[i]);
      sublis[i].onclick = (e) => hide(e.srcElement);
    }
  }

  let submenus = [];
  function navbarFix() {
    let links = document.querySelectorAll("#navbar-bar li a");
    links.forEach((link) => {
      if(link.id.startsWith("nav-item-")) {
        link.style.position = "relative";
        link.style.zIndex   = 100;
        let topic   = link.id.replace("nav-item-", "");
        let submenu = document.querySelector("#nav-sub-items-" + topic);
        if(submenu) {
          link.parentElement.appendChild(submenu);
          submenus.push(submenu);
          submenu.style.display  = "none";
          submenu.style.position = "absolute";
          submenu.style.zIndex   = 10;
          submenu.style.right    = "0px";
          let subsub = submenu.querySelector("ul");
          if(subsub) {
            subsub.style.width        = "max-content";
            subsub.style.paddingRight = "0px";
            subsub.style.paddingRight = "0px";
            subsub.style.background   = "none";
          }
        }
      }
    });
  }

function navbarCloseCross() {
    let links = document.querySelectorAll("#navbar-bar li a");
    links.forEach((link) => {
      if(link.id.startsWith("nav-item-")) {
        let topic   = link.id.replace("nav-item-", "");
        let submenu = document.querySelector("#nav-sub-items-" + topic + ":has(.prod-card)");
        if(submenu) {
          let cross = createElement("span", "", "fa");
           cross.classList.add("fa-times");
           cross.onclick = () => {submenu.style.display = "none"};
           submenu.appendChild(cross);
        }
      }
    });
  }

  function industries() {
    let links = document.querySelectorAll(".branches-10 a");
    links.forEach((link) => {
      if(link.href == window.location.href || link.href == window.location.pathname)
        link.parentElement.style.filter = "brightness(0.35)";
    });
  }

  function navbuttons() {
    let links = document.querySelectorAll("#navbar-bar button");
    links.forEach((link) => {
      if(link.attributes["href"]?.value)
        link.onclick = () => window.location.href = link.attributes["href"]?.value;
    });
  }

  function loadAccordionArrows() {
     let acc = document.querySelectorAll(".accordion h3");
     acc.forEach((ac) => {
       let right = createElement("span", "", "fa");
           right.classList.add("fa-chevron-right");
           right.onclick = () => {
            gallery.children[1].scrollBy({left: 330, behavior: "smooth"});
          };
       ac.appendChild(right);
     });
  }

  function setGalleryImageClicks() {
    let imgs = document.querySelectorAll(".gallery img");
     imgs.forEach((img) => {
       img.onclick = (e) => {
         displayImage(e.target.src);
       };
     });
  }
  function displayImage(src) {
    let modal = createElement("div", "", "modal");
    let img   = createElement("img", "", "");
    img.src = src;
    modal.appendChild(img);
    modal.onclick = modal.remove;
    document.body.appendChild(modal);
  }

  function notifications() {
    let notice = document.querySelector(".message.notice");
    let message = document.querySelector("#messagesuccess");
    if(!message || !notice ) {
      return;
    } else if(message && !notice ) {
      message.remove();
    } else if(message && notice) {
      notice.remove();
      message.classList.add("notice");
      document.body.appendChild(message);
    }
  }

  function navbarLists() {
    let navb = document.querySelector("#navbar-bar > div.hidden.col-span-9.self-center.grid.grid-cols-12 > ul");
    if(!navb) return;
    for(i = 0; i < navb.children.length; i++) {
      let subnav = navb.children[i].querySelector(".hidden");
      let newSubnav = document.querySelector("#subnav-insert-" + (i+1));
      if(subnav && newSubnav) {
        subnav.appendChild(newSubnav);
      }
    }
  }

  function unhideCaptcha() {
    let email = document.querySelector("#fromEmail");
    if(email) {
      email.onchange = () => document.querySelector("#gRecaptchaContainer").style.display = "unset";
      email.onfocus  = () => document.querySelector("#gRecaptchaContainer").style.display = "unset";
    }
  }

  function mobileNavbarFixes() {
    // #navbar > div.collapsable.mobile-menu > div > ul > li > div > *:not(li div *:nth-child(1))
    let navpages = document.querySelectorAll("#navbar > div.collapsable.mobile-menu > div > ul > li > div");
    for(i = 0; i < navpages.length; i++) {

      if (navpages[i].children.length > 1) {
        let menu     = createElement("div", "", "hidden");
        let children = [];
        for(i_ = 0; i_ < navpages[i].children.length; i_++) {
          //console.log("child " + i_, navpages[i].children[i_]);
          if(i_ > 0) {
            if(!navpages[i].children[i_].children.length)
              navpages[i].children[i_].textContent = navpages[i].children[i_].textContent.replace("Shuffleboards for ", "").replace("Shuffleboards voor ", "");
            children.push(navpages[i].children[i_]);
          }
        }
        if(children.length) {
          let button = createElement("button", "", "fa"); button.classList.add("fa-chevron-right");
          button.onclick = () => {
            menu.classList.contains("opened") ? menu.classList.remove("opened") : menu.classList.add("opened");
          };
          navpages[i].appendChild(button);
        }
        children.forEach(c => menu.appendChild(c));
        navpages[i].appendChild(menu);
      }
    }
    
    let close = createElement("button", "", "fa"); close.classList.add("fa-times");
        close.onclick = () => {
            document.querySelector(".mobile-menu > button")?.click();
          };
     document.querySelector("#navbar").appendChild(close);
  }

  beforeLoad();
  document.addEventListener("DOMContentLoaded", afterLoad);
  document.addEventListener("mousemove", () => {
    let navb = document.querySelector("#navbar-bar");
    if(submenus.find((menu) => menu.style.display != "none")) {
      if(!navb.classList.contains("expanded"))
        navb.classList.add("expanded");
    } else if(navb.classList.contains("expanded"))
      navb.classList.remove("expanded");
  });


//datalayer push for google tag manager form submission
window.dataLayer = window.dataLayer || [];
let submitbutton = document.querySelector("form button");
if (submitbutton)
  submitbutton.addEventListener("click", (e) => {window.dataLayer.push({
   'event': 'form_submit'
   }); });

</script>


<!-- LinkedIn Insight Tag --> 
<script type="text/javascript"> _linkedin_partner_id = "6814602"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(l) { if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; window.lintrk.q=[]} var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(window.lintrk); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=6814602&fmt=gif" /> </noscript>


<!-- Service worker -->
<script>
  if ('serviceWorker' in navigator) {
    navigator.serviceWorker.register('/uploads/Scripts/service-worker.js')
      .then(() => console.log('Service Worker registered'))
      .catch(error => console.error('Service Worker registration failed:', error));
  }
</script>

<!-- Server Side Tracking by Taggrs.io (noscript) -->
 <noscript><iframe src="https://play.shuffly.com/wZgm6blTno.html?tg=KP9NTZWH" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 
<!-- End Server Side Tracking by Taggrs.io (noscript) -->

<!-- updated 09-04-2025 -->
<script>
//navbar corrections
(() => {
let hubindex     = 6;
let childindexes = [1, 2, 3];
let hub          = document.querySelector("#navbar-bar > div > ul > li:nth-child("+hubindex+") ul");
let mobilehub    = document.querySelector("#navbar > .mobile-menu > div > ul > li:nth-child("+hubindex+") > div");
if(!hub) return;
let hubchildren  = [];

//desktop
childindexes.forEach((i) => {
  let menuElement = document.querySelector("#navbar-bar > div > ul > li:nth-child("+i+")");
  if(!menuElement) return;
  hubchildren.push(menuElement);
  let oldLink = menuElement.querySelector("a"); if(!oldLink) return;
  let li      = createElement("li", "", "col-span-12"); li.classList.add("sub-li");
  let a       = createElement("a" , "", "subpage"    ); a .classList.add("hover:opacity-40");
  li.classList.add(oldLink.id.replace("nav-item", "sub-li"));
  a.href = oldLink.href;
  a.textContent = oldLink.textContent;
  li.appendChild(a);
  hub.insertBefore(li, hub.childNodes[2]);
});

//mobile
childindexes.forEach((i) => {
  let menuElement = document.querySelector("#navbar> .mobile-menu > div > ul > li:nth-child("+i+")");
  if(!menuElement) return;
  hubchildren.push(menuElement);
  let oldLink = menuElement.querySelector("div > a.col-span-12"); 
  if(!oldLink) return;
  let a       = createElement("a" , "", "");
  a.href        = oldLink.href;
  a.textContent = oldLink.textContent;
  a.id          = oldLink.id;
  mobilehub.insertBefore(a, mobilehub.childNodes[2]);
});

hubchildren.forEach((child) => child.remove());
})()
</script>
<!-- end updated 09-04-2025  -->
    <script>
    let CSRF = "egXVyRUJHKYTVAuSrcJ4_FVdzsTcswvavgozEFgVngA9_fmagJwiszNjhPlYX1qWVzlxxcevLLE7H7f1hftlg-xtBVsWV9xXaMqr2c6uFfU=";
    let hiddenCsrf = document.querySelector("input[name='CRAFT_CSRF_TOKEN']");
    if (hiddenCsrf) {
        console.log("updated CSRF");
        hiddenCsrf.value = CSRF;
    }
        //document.addEventListener('onFormieInit', (event) => {
            //    let Formie = event.detail.formie;
            //    Formie.refreshForCache(event.detail.formId);
    //});
    </script>
<script type="text/javascript">window.FormieTranslations={"File {filename} must be smaller than {filesize} MB.":"File {filename} must be smaller than {filesize} MB.","File must be smaller than {filesize} MB.":"File must be smaller than {filesize} MB.","File must be larger than {filesize} MB.":"File must be larger than {filesize} MB.","Choose up to {files} files.":"Choose up to {files} files.","{startTag}{num}{endTag} character left":"{startTag}{num}{endTag} character left","{startTag}{num}{endTag} characters left":"{startTag}{num}{endTag} characters left","{startTag}{num}{endTag} word left":"{startTag}{num}{endTag} word left","{startTag}{num}{endTag} words left":"{startTag}{num}{endTag} words left","This field is required.":"This field is required.","Please select a value.":"Please select a value.","Please select at least one value.":"Please select at least one value.","Please fill out this field.":"Please fill out this field.","Please enter a valid email address.":"Please enter a valid email address.","Please enter a URL.":"Please enter a URL.","Please enter a number":"Please enter a number","Please match the following format: #rrggbb":"Please match the following format: #rrggbb","Please use the YYYY-MM-DD format":"Please use the YYYY-MM-DD format","Please use the 24-hour time format. Ex. 23:00":"Please use the 24-hour time format. Ex. 23:00","Please use the YYYY-MM format":"Please use the YYYY-MM format","Please match the requested format.":"Please match the requested format.","Please select a value that is no more than {max}.":"Please select a value that is no more than {max}.","Please select a value that is no less than {min}.":"Please select a value that is no less than {min}.","Please shorten this text to no more than {maxLength} characters. You are currently using {length} characters.":"Please shorten this text to no more than {maxLength} characters. You are currently using {length} characters.","Please lengthen this text to {minLength} characters or more. You are currently using {length} characters.":"Please lengthen this text to {minLength} characters or more. You are currently using {length} characters.","There was an error with this field.":"There was an error with this field.","Unable to parse response `{e}`.":"Unable to parse response `{e}`.","Are you sure you want to leave?":"Are you sure you want to leave?","The request timed out.":"The request timed out.","The request encountered a network error. Please try again.":"The request encountered a network error. Please try again.","Invalid number":"Invalid number","Invalid country code":"Invalid country code","Too short":"Too short","Too long":"Too long","Missing Authorization ID for approval.":"Missing Authorization ID for approval.","Payment authorized. Finalize the form to complete payment.":"Payment authorized. Finalize the form to complete payment.","Unable to authorize payment. Please try again.":"Unable to authorize payment. Please try again."};</script><script type="text/javascript" src="https://shuffly.com/cpresources/ff724868/js/formie.js?v=1744795560" defer></script></body>
</html>