{"id":645,"date":"2025-08-11T12:09:41","date_gmt":"2025-08-11T12:09:41","guid":{"rendered":"https:\/\/sparksessions.nl\/home\/"},"modified":"2025-12-11T08:58:45","modified_gmt":"2025-12-11T08:58:45","slug":"home","status":"publish","type":"page","link":"https:\/\/sparksessions.nl\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<section class=\"relative min-h-screen pb-[550px] lg:pb-[650px]\" x-data=\"{ uspSectionHeight: 0 }\" x-init=\"\n  uspSectionHeight = $refs.uspSection.offsetHeight;\n  $el.style.paddingBottom = uspSectionHeight + 'px';\n\">\n  <div x-show=\"false\"><\/div>\n  <!-- Achtergrond afbeelding\/video container -->\n  <div class=\"absolute inset-0\">\n          <img decoding=\"async\" src=\"https:\/\/sparksessions.nl\/wp-content\/uploads\/2025\/08\/de5042fcf315c64adb5d089260ff40f60732c118-scaled.jpg\" alt=\"\" class=\"w-full h-full object-cover object-bottom md:object-[center_20%] scale-120 md:scale-115 origin-bottom\">\n      <\/div>\n\n      <div class=\"relative min-h-screen px-6 lg:px-12 py-8 sm:py-12 grid place-items-center\">\n      <div class=\"max-w-8xl mx-auto text-center\">\n        <style>\n          \/* Mobiele stijlen (standaard) *\/\n          .title-first-line {\n            right: 40%;\n            top: 45px;\n          }\n          .title-second-line {\n            left: 10%;\n            top: 80px;\n          }\n          \n          \/* Desktop stijlen (lg breakpoint en groter) *\/\n          @media (min-width: 1024px) {\n            .title-first-line {\n              right: 30%;\n              left: auto;\n              top: 2px;\n            }\n            .title-second-line {\n              left: -25%;\n              right: auto;\n              top: 70px;\n            }\n          }\n        <\/style>\n        \n        <div class=\"title-container w-full relative\" style=\"height: 120px;\"> <!-- Hoogte aangepast voor mobiel en desktop -->\n          <!-- Eerste regel - absolute positionering met responsive classes -->\n          <div class=\"absolute title-first-line\">\n            <h1 class=\"organetto-font font-light text-[30px] lg:text-[70px] lg:leading-[80px] text-white tracking-normal whitespace-nowrap\">YOU ARE<\/h1>\n          <\/div>\n          \n          <!-- Tweede regel - absolute positionering met responsive classes -->\n          <div class=\"absolute title-second-line\">\n            <h1 class=\"organetto-font font-light text-[30px] lg:text-[70px] lg:leading-[80px] text-white tracking-normal whitespace-nowrap\">\n              <span class=\"georgia-font text-[30px] lg:text-6xl\">the<\/span> <span>CHEETAH<\/span>\n            <\/h1>\n          <\/div>\n        <\/div>\n        \n        <!-- Witte verticale lijn -->\n        <div class=\"flex justify-center my-6 md:my-12\">\n          <div class=\"h-12 md:h-[68px] w-0.5 bg-white\"><\/div>\n        <\/div>\n\n        \n                  <div class=\"block space-y-4 sm:space-y-0 sm:space-x-4 sm:flex mt-6 justify-center\">\n                                        <a\n    href=\"\/proefles\/\"\n        class=\"group\n    !no-underline\n    relative\n    inline-flex\n    flex-none\n    items-center\n    justify-center\n    overflow-hidden\n    rounded-full\n    cursor-pointer\n    transition-all duration-100\n    h-12 px-6 min-w-[165px]\n    georgia-font\n    font-normal italic\n    text-base leading-[100%]\n    text-center align-middle\n    text-white hover:text-white\n    bg-transparent hover:bg-secondary\n    border-2 border-secondary\n    shadow-none\n    w-auto\"\n  >\n    Book a trial session\n  <\/a>\n                      <\/div>\n              <\/div>\n    <\/div>\n    \n  <!-- USP sectie onderaan de hero -->\n  <div class=\"absolute bottom-0 left-0 right-0 z-10\" x-ref=\"uspSection\">\n    <!-- Sectie 1: Driehoek met clip-path (vaste hoogte) -->\n    <div class=\"bg-[#ECEFF2] relative h-[100px] lg:h-[120px]\" \n         style=\"clip-path: polygon(0 0%, 50% 100%, 100% 0%, 100% 100%, 0% 100%);\">\n    <\/div>\n    \n    <!-- Sectie 2: Rechthoekige content sectie (dynamische hoogte) -->\n    <div class=\"bg-[#ECEFF2]\">\n      <div class=\"max-w-8xl mx-auto px-1 lg:px-12 pb-8 lg:pb-12\">\n        \n                  <div class=\"text-center mb-12 lg:mb-16 px-4 pt-12 lg:pt-16\">\n                                      <div class=\"text-gray-700 font-normal text-[18px] md:text-[20px] max-w-3xl mx-auto\" style=\"font-family: 'Host Grotesk', sans-serif;\"><p>Nieuw in Nuenen, EMS-studio Spark Sessions! Wil jij fit zijn of worden in maximaal 15 minuten per sessie? Maak dan kennis met EMS bij Spark Sessions.<\/p>\n<\/div>\n                      <\/div>\n        \n                  \n          <!-- Mobiele slider (verborgen op md en groter) -->\n          <div \n            class=\"md:hidden usp-slider relative overflow-hidden\" \n            x-data=\"{\n              init() {\n                new Splide(this.$el.querySelector('.splide'), {\n                  perPage: 1,\n                  arrows: false,\n                  pagination: false,\n                  autoplay: true,\n                  interval: 4000,\n                  type: 'loop',\n                  speed: 800,\n                  gap: '1rem',\n                  padding: '0',\n                }).mount();\n              }\n            }\"\n          >\n            <div class=\"splide w-full\" aria-label=\"USP Items\">\n              <div class=\"splide__track\">\n                <ul class=\"splide__list\">\n                                                                            <li class=\"splide__slide\">\n                      <div class=\"bg-transparent p-6 my-4 h-[440px] flex flex-col items-center justify-center text-center\">\n                        <div class=\"flex justify-center mb-6\">\n                          <img decoding=\"async\" src=\"https:\/\/sparksessions.nl\/wp-content\/uploads\/2025\/10\/Slimmer.png\" alt=\"\" class=\"w-[111px] h-[111px]\">\n                        <\/div>\n                        <h3 class=\"organetto-font uppercase text-[34px] font-light mb-4\">Smarter<\/h3>\n                        <div class=\"text-gray-700 font-normal text-[18px] md:text-[20px]\" style=\"font-family: 'Host Grotesk', sans-serif;\"><p>Just like a cheetah uses energy efficiently, you train effectively with EMS. You activate up to 90% of your muscles simultaneously. <\/p>\n<p>&nbsp;<\/p>\n<\/div>\n                      <\/div>\n                    <\/li>\n                                                          <li class=\"splide__slide\">\n                      <div class=\"bg-transparent p-6 my-4 h-[440px] flex flex-col items-center justify-center text-center\">\n                        <div class=\"flex justify-center mb-6\">\n                          <img decoding=\"async\" src=\"https:\/\/sparksessions.nl\/wp-content\/uploads\/2025\/10\/Sneller.png\" alt=\"\" class=\"w-[111px] h-[111px]\">\n                        <\/div>\n                        <h3 class=\"organetto-font uppercase text-[34px] font-light mb-4\">Faster<\/h3>\n                        <div class=\"text-gray-700 font-normal text-[18px] md:text-[20px]\" style=\"font-family: 'Host Grotesk', sans-serif;\"><p>You experience results in just fifteen to twenty minutes per session. Perfect if your schedule doesn&#8217;t allow for much, but you still want to stay fit. <\/p>\n<\/div>\n                      <\/div>\n                    <\/li>\n                                                          <li class=\"splide__slide\">\n                      <div class=\"bg-transparent p-6 my-4 h-[440px] flex flex-col items-center justify-center text-center\">\n                        <div class=\"flex justify-center mb-6\">\n                          <img decoding=\"async\" src=\"https:\/\/sparksessions.nl\/wp-content\/uploads\/2025\/10\/Sterker.png\" alt=\"\" class=\"w-[111px] h-[111px]\">\n                        <\/div>\n                        <h3 class=\"organetto-font uppercase text-[34px] font-light mb-4\">Stronger<\/h3>\n                        <div class=\"text-gray-700 font-normal text-[18px] md:text-[20px]\" style=\"font-family: 'Host Grotesk', sans-serif;\"><p>Every leap of a cheetah is on target. EMS works just as purposefully: visibly stronger, fitter, and more energetic, tailored to your personal goals. <\/p>\n<\/div>\n                      <\/div>\n                    <\/li>\n                                  <\/ul>\n              <\/div>\n            <\/div>\n          <\/div>\n          \n          \n          <!-- Desktop grid (verborgen op mobiel) -->\n          <div class=\"hidden md:flex md:justify-between w-full\">\n                                                    <div class=\"px-4 flex-1 flex justify-center\">\n                <div class=\"w-[310px] h-[440px] flex flex-col items-center justify-center text-center\">\n                  <div class=\"flex justify-center mb-6\">\n                    <img decoding=\"async\" src=\"https:\/\/sparksessions.nl\/wp-content\/uploads\/2025\/10\/Slimmer.png\" alt=\"\" class=\"w-[111px] h-[111px]\">\n                  <\/div>\n                  <h3 class=\"organetto-font uppercase text-[38px] font-light mb-4\">Smarter<\/h3>\n                  <div class=\"text-gray-700 font-normal text-[18px] md:text-[20px]\" style=\"font-family: 'Host Grotesk', sans-serif;\"><p>Just like a cheetah uses energy efficiently, you train effectively with EMS. You activate up to 90% of your muscles simultaneously. <\/p>\n<p>&nbsp;<\/p>\n<\/div>\n                <\/div>\n              <\/div>\n              \n                              <!-- Verticale scheidingslijn -->\n                <div class=\"flex items-center\">\n                  <div class=\"h-[248px] w-[2px] bg-black\"><\/div>\n                <\/div>\n                                                      <div class=\"px-4 flex-1 flex justify-center\">\n                <div class=\"w-[310px] h-[440px] flex flex-col items-center justify-center text-center\">\n                  <div class=\"flex justify-center mb-6\">\n                    <img decoding=\"async\" src=\"https:\/\/sparksessions.nl\/wp-content\/uploads\/2025\/10\/Sneller.png\" alt=\"\" class=\"w-[111px] h-[111px]\">\n                  <\/div>\n                  <h3 class=\"organetto-font uppercase text-[38px] font-light mb-4\">Faster<\/h3>\n                  <div class=\"text-gray-700 font-normal text-[18px] md:text-[20px]\" style=\"font-family: 'Host Grotesk', sans-serif;\"><p>You experience results in just fifteen to twenty minutes per session. Perfect if your schedule doesn&#8217;t allow for much, but you still want to stay fit. <\/p>\n<\/div>\n                <\/div>\n              <\/div>\n              \n                              <!-- Verticale scheidingslijn -->\n                <div class=\"flex items-center\">\n                  <div class=\"h-[248px] w-[2px] bg-black\"><\/div>\n                <\/div>\n                                                      <div class=\"px-4 flex-1 flex justify-center\">\n                <div class=\"w-[310px] h-[440px] flex flex-col items-center justify-center text-center\">\n                  <div class=\"flex justify-center mb-6\">\n                    <img decoding=\"async\" src=\"https:\/\/sparksessions.nl\/wp-content\/uploads\/2025\/10\/Sterker.png\" alt=\"\" class=\"w-[111px] h-[111px]\">\n                  <\/div>\n                  <h3 class=\"organetto-font uppercase text-[38px] font-light mb-4\">Stronger<\/h3>\n                  <div class=\"text-gray-700 font-normal text-[18px] md:text-[20px]\" style=\"font-family: 'Host Grotesk', sans-serif;\"><p>Every leap of a cheetah is on target. EMS works just as purposefully: visibly stronger, fitter, and more energetic, tailored to your personal goals. <\/p>\n<\/div>\n                <\/div>\n              <\/div>\n              \n                                    <\/div>\n              <\/div>\n      \n      <!-- Rode balk onderaan -->\n      <div class=\"h-[25px] bg-secondary\"><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Inline script voor slider initialisatie -->\n  <script>\n    document.addEventListener('DOMContentLoaded', function() {\n      \/\/ Initialiseer de preview slider als deze bestaat\n      const uspSliderPreview = document.getElementById('usp-slider-preview');\n      if (uspSliderPreview) {\n        new Splide(uspSliderPreview, {\n          perPage: 1,\n          arrows: false,\n          pagination: false,\n          autoplay: true,\n          interval: 4000,\n          type: 'loop',\n          speed: 800,\n          gap: '1rem',\n          padding: '0',\n        }).mount();\n      }\n    });\n  <\/script>\n\n  <style>\n    \/* Alternatief met CSS klasse voor betere controle *\/\n    .triangle-inverted {\n      clip-path: polygon(0 0%, 0% 0%, 0% 0%, 0 0%, 0 100%, 0% 80%);\n    }\n    \n    \/* Voor responsive aanpassingen *\/\n    @media (max-width: 768px) {\n      .triangle-inverted {\n        clip-path: polygon(0 0%, 100% 0%, 50% 25%, 0 0%, 0 100%, 100% 100%);\n      }\n    }\n  <\/style>\n<\/section><section class=\"relative bg-black text-white\">\n  <div class=\"max-w-8xl mx-auto\">\n    <div class=\"grid grid-cols-1 gap-8 sm:gap-12 md:gap-16 md:grid-cols-2 lg:gap-24\">\n\n    <div class=\"relative order-1\">\n\n      <div class=\"relative overflow-hidden aspect-[24\/19] md:aspect-auto md:h-full md:w-full xl:w-[706px] md:ml-0\">\n        <div class=\"absolute inset-0\">\n          <img decoding=\"async\" class=\"h-full w-full object-cover\" src=\"https:\/\/sparksessions.nl\/wp-content\/uploads\/2025\/10\/Home-1.jpg\" alt=\"\">\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"relative flex items-center px-6 lg:px-18pt-6 pb-12 md:py-28 order-2\">\n      <div class=\"w-full md:max-w-[360px] lg:max-w-[550px] xl:w-[552px] md:flex-shrink-0\">\n        <div class=\"rich-content text-white prose-p:!text-white prose-headings:!text-white prose-ul:!text-white prose-ol:!text-white prose-a:!text-white\">\n                                <h3>Wat is Spark Sessions?<\/h3>\n<p>Spark Sessions is jouw persoonlijke EMS-studio, waar slimme, snelle en doeltreffende trainingen samenkomen. We helpen je fitter, sterker en energieker te worden, met aandacht voor jouw lichaam, doelen en tempo. Net zoals een cheetah effici\u00ebnt en doelgericht beweegt.<\/p>\n<h3>Het concept<\/h3>\n<p>Ons concept draait om korte, krachtige sessies die resultaat opleveren. Persoonlijke begeleiding in kleine groepjes van max 4 personen, maximale effici\u00ebntie en plezier zorgen dat je elk moment benut. Slim trainen, snel resultaat en doeltreffend voor ieder doel, zodat bewegen weer voelt als energie geven in plaats van tijd verliezen.<\/p>\n<h3>EMS<\/h3>\n<p>EMS, oftewel elektrische spierstimulatie, activeert tot wel 90% van je spieren tegelijk. Zo haal je in slechts twintig minuten per week merkbare resultaten, of je nu wilt afvallen, spieren wilt opbouwen of je gewoon fitter en energieker wilt voelen.<\/p>\n\n                  <\/div>\n                  <div class=\"mt-8 flex justify-center md:justify-start\">\n            <div class=\"flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4 items-center sm:items-start\">\n                                              <a\n    href=\"\/over-ons\/\"\n        class=\"group\n    !no-underline\n    relative\n    inline-flex\n    flex-none\n    items-center\n    justify-center\n    overflow-hidden\n    rounded-full\n    cursor-pointer\n    transition-all duration-100\n    h-12 px-8 min-w-[165px]\n    georgia-font\n    font-normal italic\n    text-base leading-[100%]\n    text-center align-middle\n    text-white hover:text-white\n    bg-transparent hover:bg-secondary\n    border-2 border-secondary\n    shadow-none\n    w-auto\"\n  >\n    About us\n  <\/a>\n                          <\/div>\n          <\/div>\n              <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"block-spacer py-6 sm:py-10 \">\n      <\/div>\n\n<section class=\"highlight-carousel relative pb-10 sm:pb-20 w-full\">\n\n      <div class=\"px-6 lg:px-12\">\n      <div class=\"w-[311px] sm:w-auto sm:max-w-[90%] lg:max-w-[1034px] xl:w-[1034px] mx-auto\">\n        <div class=\"relative flex items-center\">\n          <div class=\"rich-content w-full text-center!\">\n                          <h2 class=\"\">\n                Impression\n              <\/h2>\n                                      <div>\n                <div>\n<p style=\"text-align: center;\">Step into Spark Sessions and immediately feel the energy. In our carefully designed studio with high-quality equipment, you train smart and purposefully, just like a cheetah: fast, efficient, and powerful. Thanks to personal guidance, you feel at ease here, enjoy every session, and achieve visible results that you notice and see.  <\/p>\n<\/div>\n\n              <\/div>\n                      <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  \n      \n    <div x-data=\"{\n          splide: null,\n          init() {\n              this.splide = new Splide(this.$refs.splide_1702925016, {\n                  perMove: 1,\n                  perPage: 3,\n                  type: 'loop',\n                  gap: 0,\n                  fixedWidth: 438,\n                  fixedHeight: 399,\n                  padding: { right: '126px', left: 0 },\n                  focus: 0,\n                  isNavigation: false,\n                  trimSpace: false,\n                  pauseOnHover: false,\n                  arrows: true,\n                  pagination: false,\n                  speed: 700,\n                  interval: 4000,\n                  autoplay: false,\n                  easing: 'cubic-bezier(.42,.65,.27,.99)',\n                  rewind: false,\n                  updateOnMove: true,\n                  arrowPath: 'M12.4815 9.05135C12.8721 8.66082 12.8721 8.02766 12.4815 7.63713L6.11757 1.27317C5.72705 0.882647 5.09389 0.882647 4.70336 1.27317C4.31284 1.6637 4.31284 2.29686 4.70336 2.68738L10.3602 8.34424L4.70336 14.0011C4.31284 14.3916 4.31284 15.0248 4.70336 15.4153C5.09388 15.8058 5.72705 15.8058 6.11757 15.4153L12.4815 9.05135ZM0.809082 8.34424L0.809082 9.34424L11.7744 9.34424L11.7744 8.34424L11.7744 7.34424L0.809082 7.34424L0.809082 8.34424Z',\n                  breakpoints: {\n                      1024: {\n                          perPage: 2,\n                          fixedWidth: 400,\n                          fixedHeight: 364,\n                          padding: { right: '100px', left: 0 },\n                      },\n                      768: {\n                          perPage: 1,\n                          fixedWidth: 438,\n                          fixedHeight: 399,\n                          padding: { right: '60px', left: '60px' },\n                      },\n                      480: {\n                          perPage: 1,\n                          fixedWidth: 340,\n                          fixedHeight: 273,\n                          padding: { right: '45px', left: '0px' },\n                          focus: 0,\n                      },\n                  },\n                  arrowPath: 'M5.20585 40C4.43827 39.9988 3.68428 39.8238 3.01804 39.4924C1.51783 38.7533 0.585205 37.3185 0.585205 35.7609V4.2393C0.585205 2.67735 1.51783 1.24692 3.01804 0.507798C3.70014 0.16697 4.47502 -0.00830217 5.26168 0.000302213C6.04834 0.00890659 6.8179 0.201072 7.48992 0.556711L38.4755 16.6827C39.1212 17.0348 39.6536 17.5237 40.0226 18.1035C40.3916 18.6834 40.5852 19.3352 40.5852 19.9979C40.5852 20.6606 40.3916 21.3125 40.0226 21.8923C39.6536 22.4722 39.1212 22.9611 38.4755 23.3131L7.48492 39.4435C6.79719 39.805 6.00948 39.9973 5.20585 40Z',\n\n              }).mount();\n\n              \/\/ Setup custom progressbar\n              const progressBar = this.$refs.progressBar_1702925016;\n              const updateProgressBar = () => {\n                  const end = this.splide.Components.Controller.getEnd() + 1;\n                  const rate = Math.min((this.splide.index + 1) \/ end, 1);\n                  progressBar.style.width = `${rate * 100}%`;\n              };\n\n              \/\/ Set initial value\n              updateProgressBar();\n\n              \/\/ Update progressbar on slide change\n              this.splide.on('moved', updateProgressBar);\n\n          },\n\n      }\"\n         class=\"\"\n    >\n      <div class=\"\">\n\n        <div class=\"relative\">\n          <div x-ref=\"splide_1702925016\" class=\"splide\" aria-label=\"Image carrousel\">\n            <div class=\"splide__track py-6 sm:py-16 pb-12 sm:pb-20\">\n\n              <ul class=\"splide__list\">\n                                                    <li class=\"splide__slide\">\n                    <div class=\"overflow-hidden h-[399px] w-[438px]\">\n                      <img decoding=\"async\" src=\"https:\/\/sparksessions.nl\/wp-content\/uploads\/2025\/10\/Sfeer-1.jpg\" alt=\"\" class=\"object-cover object-center h-full w-full min-h-full min-w-full\">\n                    <\/div>\n                  <\/li>\n                                                    <li class=\"splide__slide\">\n                    <div class=\"overflow-hidden h-[399px] w-[438px]\">\n                      <img decoding=\"async\" src=\"https:\/\/sparksessions.nl\/wp-content\/uploads\/2025\/10\/Sfeer-6.jpg\" alt=\"\" class=\"object-cover object-center h-full w-full min-h-full min-w-full\">\n                    <\/div>\n                  <\/li>\n                                                    <li class=\"splide__slide\">\n                    <div class=\"overflow-hidden h-[399px] w-[438px]\">\n                      <img decoding=\"async\" src=\"https:\/\/sparksessions.nl\/wp-content\/uploads\/2025\/10\/Sfeer-2.jpg\" alt=\"\" class=\"object-cover object-center h-full w-full min-h-full min-w-full\">\n                    <\/div>\n                  <\/li>\n                                                    <li class=\"splide__slide\">\n                    <div class=\"overflow-hidden h-[399px] w-[438px]\">\n                      <img decoding=\"async\" src=\"https:\/\/sparksessions.nl\/wp-content\/uploads\/2025\/10\/Sfeer-4.jpg\" alt=\"\" class=\"object-cover object-center h-full w-full min-h-full min-w-full\">\n                    <\/div>\n                  <\/li>\n                                                    <li class=\"splide__slide\">\n                    <div class=\"overflow-hidden h-[399px] w-[438px]\">\n                      <img decoding=\"async\" src=\"https:\/\/sparksessions.nl\/wp-content\/uploads\/2025\/10\/Sfeer-5.jpg\" alt=\"\" class=\"object-cover object-center h-full w-full min-h-full min-w-full\">\n                    <\/div>\n                  <\/li>\n                                                    <li class=\"splide__slide\">\n                    <div class=\"overflow-hidden h-[399px] w-[438px]\">\n                      <img decoding=\"async\" src=\"https:\/\/sparksessions.nl\/wp-content\/uploads\/2025\/10\/Sfeer-3.jpg\" alt=\"\" class=\"object-cover object-center h-full w-full min-h-full min-w-full\">\n                    <\/div>\n                  <\/li>\n                              <\/ul>\n            <\/div>\n            \n          <\/div>\n        <\/div>\n        \n        <!-- Custom Progress Bar -->\n        <div class=\"w-[311px] sm:w-[394px] h-[7px] sm:h-[10px] mx-auto mt-8 sm:-mt-[35px] relative\">\n          <div class=\"w-full h-full bg-gray-200 rounded-full\">\n            <div x-ref=\"progressBar_1702925016\" class=\"h-full bg-secondary rounded-full\" style=\"width: 0%;\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    \n\n  <\/section>\n\n<section class=\"relative overflow-hidden\">\n  <div class=\"absolute inset-0 bg-cover bg-center scale-450 md:scale-100\" style=\"background-image: url('https:\/\/sparksessions.nl\/wp-content\/uploads\/2025\/08\/fcc9e15abb58473b8413e31cd38ed96c6a8bb600-scaled.jpg');\"><\/div>\n  <div class=\"relative z-10 h-[216px] md:h-[136px] w-full\">\n        <div class=\"max-w-8xl mx-auto h-full\">\n      <div class=\"flex h-full items-center justify-center px-6 sm:px-8 md:px-12\">\n        <div class=\"flex w-full flex-col items-left gap-8 md:flex-row md:items-center md:justify-center\">\n                      <img decoding=\"async\" src=\"https:\/\/sparksessions.nl\/wp-content\/uploads\/2025\/08\/lgoo.png\" alt=\"\" class=\"h-[60px] max-w-[94px] w-auto md:h-20 md:max-w-none\">\n                    \n                      <div class=\"w-full max-w-[252px] text-left md:text-center text-[16px] font-light leading-none tracking-normal text-white md:max-w-[724px] md:text-[20px] organetto-font\">\n              Maximum impact in minimal time\n            <\/div>\n                  <\/div>\n      <\/div>\n    <\/div>\n      <\/div>\n<\/section>\n<div class=\"block-spacer py-6 sm:py-10 \">\n      <\/div>\n\n<div class=\"block-spacer py-1 sm:py-2 \">\n      <\/div>\n\n<section class=\"relative px-6 lg:px-12 feature-grid-scope \">\n\n      <div class=\"relative mx-auto mb-4 flex max-w-6xl items-center sm:mb-16 organetto-font\">\n      <div class=\"w-full text-center\">\n\n                  <h2 class=\"mb-4 text-[20px] font-medium text-blue lg:text-[30px] organetto-font\">\n            More about EMS and Spark Sessions\n          <\/h2>\n                \n      <\/div>\n    <\/div>\n  \n  <div class=\"mx-auto flex flex-wrap justify-center max-w-xs sm:max-w-2xl px-4 sm:px-6 lg:px-12 lg:max-w-8xl feature-grid-cards\">\n    \n                <div x-data=\"{\n          itemHeight: 0,\n          hovering: false,\n          init() {\n            this.setItemHeight();\n          },\n          setItemHeight() {\n            this.itemHeight = this.$refs.item.offsetHeight;\n          }\n      }\"\n         x-ref=\"item\"\n         @mouseenter=\"hovering = true\"\n         @mouseleave=\"hovering = false\"\n         @resize.window=\"setItemHeight\"\n         class=\"relative overflow-hidden text-white bg-green aspect-1\/1 group w-full sm:w-1\/2 lg:w-1\/3 ring-1 ring-black\/5 shadow-[0_8px_18px_rgba(0,0,0,0.10)] lg:shadow-[0_12px_32px_rgba(0,0,0,0.14)] \"\n    >\n      <img decoding=\"async\" src=\"https:\/\/sparksessions.nl\/wp-content\/uploads\/2025\/08\/blog.png\" alt=\"\" class=\"h-full w-full object-cover\"\/>\n      \n      \n      <a href=\"https:\/\/sparksessions.nl\/de-vergeten-succesfactor\/\" class=\"feature-grid-clickable-overlay hidden lg:block absolute inset-0 z-50\"><\/a>\n      \n      <div class=\"absolute inset-0 flex items-end z-10\">\n        <div class=\"p-4 w-full group-hover:transition-height duration-500 bg-secondary\/75 h-16 lg:h-[118px] group-hover:h-full\"\n             :style=\"hovering ? `height: ${itemHeight}px` : ''\"\n        >\n          <div class=\"text-center w-full flex flex-col h-full transition-all duration-500 items-center\"\n               :class=\"{ 'py-4 lg:py-10 justify-between': hovering, 'justify-center': !hovering }\"\n          >\n            <h3 class=\"font-normal text-center leading-none text-base lg:text-2xl organetto-font\"\n                style=\"font-weight: 400; font-style: normal; line-height: 100%; letter-spacing: 0%; vertical-align: middle;\"\n            >\n              The Forgotten Success Factor            <\/h3>\n                        <div x-show=\"hovering\"\n                 x-transition:enter=\"transition-all duration-500 delay-100\"\n                 x-transition:enter-start=\"opacity-0\"\n                 x-transition:enter-end=\"opacity-100\"\n                 x-transition:leave=\"transition-all duration-200\"\n                 x-transition:leave-start=\"opacity-100\"\n                 x-transition:leave-end=\"opacity-0\"\n                 x-cloak\n                 class=\"text-base font-medium leading-none tracking-[0%] text-center font-['HostGrotesk'] line-clamp-4 sm:line-clamp-5 -translate-y-1\"\n            >\n              Everyone knows that drinking water is healthy. Yet many people don&#8217;t realize how big the influence of hydration is on their sports performance, recovery, and energy level.             <\/div>\n            \n                        <div x-show=\"hovering\"\n                 x-transition:enter=\"transition-opacity duration-500 delay-200\"\n                 x-transition:enter-start=\"opacity-0\"\n                 x-transition:enter-end=\"opacity-100\"\n                 x-transition:leave=\"transition-opacity duration-100\"\n                 x-transition:leave-start=\"opacity-100\"\n                 x-transition:leave-end=\"opacity-0\"\n                 x-cloak\n                 class=\"text-base relative z-[60]\"\n            >\n              <a\n    href=\"https:\/\/sparksessions.nl\/de-vergeten-succesfactor\/\"\n        class=\"group\n    !no-underline\n    relative\n    inline-flex\n    flex-none\n    items-center\n    justify-center\n    overflow-hidden\n    rounded-full\n    cursor-pointer\n    transition-all duration-100\n    h-12 px-6 min-w-[165px]\n    georgia-font\n    font-normal italic\n    text-base leading-[100%]\n    text-center align-middle\n    text-primary hover:text-white\n    bg-white hover:bg-secondary\n    border-2 border-primary\n    shadow-none\n    w-auto\"\n  >\n    Lees verder\n  <\/a>\n            <\/div>\n            \n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n\n            <div x-data=\"{\n          itemHeight: 0,\n          hovering: false,\n          init() {\n            this.setItemHeight();\n          },\n          setItemHeight() {\n            this.itemHeight = this.$refs.item.offsetHeight;\n          }\n      }\"\n         x-ref=\"item\"\n         @mouseenter=\"hovering = true\"\n         @mouseleave=\"hovering = false\"\n         @resize.window=\"setItemHeight\"\n         class=\"relative overflow-hidden text-white bg-green aspect-1\/1 group w-full sm:w-1\/2 lg:w-1\/3 ring-1 ring-black\/5 shadow-[0_8px_18px_rgba(0,0,0,0.10)] lg:shadow-[0_12px_32px_rgba(0,0,0,0.14)] hidden sm:block\"\n    >\n      <img decoding=\"async\" src=\"https:\/\/sparksessions.nl\/wp-content\/uploads\/2025\/08\/0e78169985e877c0e37189e3893ded36b8b53b7a.png\" alt=\"\" class=\"h-full w-full object-cover\"\/>\n      \n      \n      <a href=\"https:\/\/sparksessions.nl\/de-perfecte-combinatie-voor-resultaat\/\" class=\"feature-grid-clickable-overlay hidden lg:block absolute inset-0 z-50\"><\/a>\n      \n      <div class=\"absolute inset-0 flex items-end z-10\">\n        <div class=\"p-4 w-full group-hover:transition-height duration-500 bg-secondary\/75 h-16 lg:h-[118px] group-hover:h-full\"\n             :style=\"hovering ? `height: ${itemHeight}px` : ''\"\n        >\n          <div class=\"text-center w-full flex flex-col h-full transition-all duration-500 items-center\"\n               :class=\"{ 'py-4 lg:py-10 justify-between': hovering, 'justify-center': !hovering }\"\n          >\n            <h3 class=\"font-normal text-center leading-none text-base lg:text-2xl organetto-font\"\n                style=\"font-weight: 400; font-style: normal; line-height: 100%; letter-spacing: 0%; vertical-align: middle;\"\n            >\n              The Perfect Combination for Results            <\/h3>\n                        <div x-show=\"hovering\"\n                 x-transition:enter=\"transition-all duration-500 delay-100\"\n                 x-transition:enter-start=\"opacity-0\"\n                 x-transition:enter-end=\"opacity-100\"\n                 x-transition:leave=\"transition-all duration-200\"\n                 x-transition:leave-start=\"opacity-100\"\n                 x-transition:leave-end=\"opacity-0\"\n                 x-cloak\n                 class=\"text-base font-medium leading-none tracking-[0%] text-center font-['HostGrotesk'] line-clamp-4 sm:line-clamp-5 -translate-y-1\"\n            >\n              Anyone who trains with EMS knows that every minute counts. In just twenty minutes, you activate up to 90% of your muscle fibers and put your body to work at its maximum capacity.              <\/div>\n            \n                        <div x-show=\"hovering\"\n                 x-transition:enter=\"transition-opacity duration-500 delay-200\"\n                 x-transition:enter-start=\"opacity-0\"\n                 x-transition:enter-end=\"opacity-100\"\n                 x-transition:leave=\"transition-opacity duration-100\"\n                 x-transition:leave-start=\"opacity-100\"\n                 x-transition:leave-end=\"opacity-0\"\n                 x-cloak\n                 class=\"text-base relative z-[60]\"\n            >\n              <a\n    href=\"https:\/\/sparksessions.nl\/de-perfecte-combinatie-voor-resultaat\/\"\n        class=\"group\n    !no-underline\n    relative\n    inline-flex\n    flex-none\n    items-center\n    justify-center\n    overflow-hidden\n    rounded-full\n    cursor-pointer\n    transition-all duration-100\n    h-12 px-6 min-w-[165px]\n    georgia-font\n    font-normal italic\n    text-base leading-[100%]\n    text-center align-middle\n    text-primary hover:text-white\n    bg-white hover:bg-secondary\n    border-2 border-primary\n    shadow-none\n    w-auto\"\n  >\n    Lees verder\n  <\/a>\n            <\/div>\n            \n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n\n            <div x-data=\"{\n          itemHeight: 0,\n          hovering: false,\n          init() {\n            this.setItemHeight();\n          },\n          setItemHeight() {\n            this.itemHeight = this.$refs.item.offsetHeight;\n          }\n      }\"\n         x-ref=\"item\"\n         @mouseenter=\"hovering = true\"\n         @mouseleave=\"hovering = false\"\n         @resize.window=\"setItemHeight\"\n         class=\"relative overflow-hidden text-white bg-green aspect-1\/1 group w-full sm:w-1\/2 lg:w-1\/3 ring-1 ring-black\/5 shadow-[0_8px_18px_rgba(0,0,0,0.10)] lg:shadow-[0_12px_32px_rgba(0,0,0,0.14)] hidden sm:block\"\n    >\n      <img decoding=\"async\" src=\"https:\/\/sparksessions.nl\/wp-content\/uploads\/2025\/08\/tigre-scaled.jpg\" alt=\"\" class=\"h-full w-full object-cover\"\/>\n      \n      \n      <a href=\"https:\/\/sparksessions.nl\/de-verborgen-oorsprong-van-ems\/\" class=\"feature-grid-clickable-overlay hidden lg:block absolute inset-0 z-50\"><\/a>\n      \n      <div class=\"absolute inset-0 flex items-end z-10\">\n        <div class=\"p-4 w-full group-hover:transition-height duration-500 bg-secondary\/75 h-16 lg:h-[118px] group-hover:h-full\"\n             :style=\"hovering ? `height: ${itemHeight}px` : ''\"\n        >\n          <div class=\"text-center w-full flex flex-col h-full transition-all duration-500 items-center\"\n               :class=\"{ 'py-4 lg:py-10 justify-between': hovering, 'justify-center': !hovering }\"\n          >\n            <h3 class=\"font-normal text-center leading-none text-base lg:text-2xl organetto-font\"\n                style=\"font-weight: 400; font-style: normal; line-height: 100%; letter-spacing: 0%; vertical-align: middle;\"\n            >\n              The hidden origin of EMS            <\/h3>\n                        <div x-show=\"hovering\"\n                 x-transition:enter=\"transition-all duration-500 delay-100\"\n                 x-transition:enter-start=\"opacity-0\"\n                 x-transition:enter-end=\"opacity-100\"\n                 x-transition:leave=\"transition-all duration-200\"\n                 x-transition:leave-start=\"opacity-100\"\n                 x-transition:leave-end=\"opacity-0\"\n                 x-cloak\n                 class=\"text-base font-medium leading-none tracking-[0%] text-center font-['HostGrotesk'] line-clamp-4 sm:line-clamp-5 -translate-y-1\"\n            >\n              Many people think that EMS training is a new gadget, a trendy fitness method that suddenly appeared in modern studios.            <\/div>\n            \n                        <div x-show=\"hovering\"\n                 x-transition:enter=\"transition-opacity duration-500 delay-200\"\n                 x-transition:enter-start=\"opacity-0\"\n                 x-transition:enter-end=\"opacity-100\"\n                 x-transition:leave=\"transition-opacity duration-100\"\n                 x-transition:leave-start=\"opacity-100\"\n                 x-transition:leave-end=\"opacity-0\"\n                 x-cloak\n                 class=\"text-base relative z-[60]\"\n            >\n              <a\n    href=\"https:\/\/sparksessions.nl\/de-verborgen-oorsprong-van-ems\/\"\n        class=\"group\n    !no-underline\n    relative\n    inline-flex\n    flex-none\n    items-center\n    justify-center\n    overflow-hidden\n    rounded-full\n    cursor-pointer\n    transition-all duration-100\n    h-12 px-6 min-w-[165px]\n    georgia-font\n    font-normal italic\n    text-base leading-[100%]\n    text-center align-middle\n    text-primary hover:text-white\n    bg-white hover:bg-secondary\n    border-2 border-primary\n    shadow-none\n    w-auto\"\n  >\n    Lees verder\n  <\/a>\n            <\/div>\n            \n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n\n    \n      <\/div>\n\n  \n      <div class=\"mt-8 sm:mt-12 text-center feature-grid-buttons\">\n      <div class=\"block space-y-4 sm:space-y-0 sm:space-x-4 sm:inline-flex justify-center\">\n                            <a\n    href=\"\/meer-over-ems-en-spark\/\"\n        class=\"group\n    !no-underline\n    relative\n    inline-flex\n    flex-none\n    items-center\n    justify-center\n    overflow-hidden\n    rounded-full\n    cursor-pointer\n    transition-all duration-100\n    h-12 px-6 min-w-[165px]\n    georgia-font\n    font-normal italic\n    text-base leading-[100%]\n    text-center align-middle\n    text-white hover:text-white\n    bg-transparent hover:bg-secondary\n    border-2 border-secondary\n    shadow-none\n    w-auto\n     text-black-override\" style=\"color: black;\"\n  >\n    Check full knowledge base\n  <\/a>\n              <\/div>\n    <\/div>\n    \n  <style>\n    \/* Klikbare overlay voor desktop - standaard geen pointer events *\/\n    .feature-grid-clickable-overlay {\n      cursor: pointer;\n      pointer-events: none;\n    }\n    \n    \/* Alleen op desktop: overlay krijgt pointer events, behalve waar button is *\/\n    @media (min-width: 1024px) {\n      .feature-grid-clickable-overlay {\n        pointer-events: auto;\n      }\n      \n      \/* Maar als er over de button wordt gehoverd, laat overlay door *\/\n      .feature-grid-scope .feature-grid-cards > div:has(.z-\\[60\\]:hover) .feature-grid-clickable-overlay {\n        pointer-events: none;\n      }\n    }\n    \n    \/* Verwijder borders alleen in de grid items, behoud onderliggende sectie *\/\n    .feature-grid-scope .feature-grid-cards a.group {\n      border: none !important;\n      text-decoration: none !important;\n    }\n    \/* Zorg dat de tekstkleur op hover in de kaarten wit is *\/\n    .feature-grid-scope .feature-grid-cards a.group:hover {\n      color: white !important;\n    }\n\n    \/* Forceer tekstkleur zwart in rust (non-hover) ENKEL voor knoppen onder de grid *\/\n    .feature-grid-scope .feature-grid-buttons a.group { color: black !important; }\n    \/* Op hover wit, zodat contrast behouden blijft *\/\n    .feature-grid-scope .feature-grid-buttons a.group:hover { color: white !important; }\n\n    \/* Zeer specifieke selector om zeker de Tailwind classes te overschrijven *\/\n    .feature-grid-scope .feature-grid-buttons a[class*=\"outline\"],\n    .feature-grid-scope .feature-grid-buttons a.outline,\n    .feature-grid-scope .feature-grid-buttons a.group.outline {\n      color: black !important;\n    }\n    .feature-grid-scope .feature-grid-buttons a[class*=\"outline\"]:hover,\n    .feature-grid-scope .feature-grid-buttons a.outline:hover,\n    .feature-grid-scope .feature-grid-buttons a.group.outline:hover {\n      color: white !important;\n    }\n  <\/style>\n<\/section>\n<div class=\"block-spacer py-6 sm:py-10 \">\n      <\/div>\n\n<section class=\"reviews-block bg-gray-100 py-6 md:py-16\">\n  <div class=\"container max-w-9xl mx-auto px-2 sm:px-6 lg:px-12\">\n          <div class=\"w-[311px] sm:w-auto sm:max-w-[90%] lg:max-w-[1034px] xl:w-[1034px] mx-auto\">\n        <div class=\"relative flex items-center\">\n          <div class=\"rich-content w-full text-center!\">\n            <h2>Reviews<\/h2>\n          <\/div>\n        <\/div>\n      <\/div>\n        \n\n    <div class=\"lg:grid lg:grid-cols-[1005px_1fr] lg:gap-8 items-center\">\n      <div class=\"reviews-slider\" data-slider>\n      <div class=\"relative\">\n        <div class=\"overflow-hidden\">\n          <div class=\"flex transition-transform duration-500\" data-track style=\"transform: translateX(0%)\">\n                          <div class=\"w-full shrink-0\" data-slide>\n                <div class=\"flex justify-center lg:justify-start\">\n                                      \n\n                    <article class=\"relative bg-white rounded-none shadow-[0_8px_20px_rgba(0,0,0,0.08)] pr-3 py-3 lg:pr-6 lg:py-6 overflow-hidden w-[311px] h-[136px] lg:w-[479px] lg:h-[195px]\">\n                      <span class=\"absolute inset-y-0 left-0 w-[14px] lg:w-[21px] bg-secondary\"><\/span>\n                      <div class=\"relative z-[1] ml-[35px] lg:ml-[50px]\">\n                        <div class=\"flex items-start\">\n                          <div class=\"shrink-0\" data-avatar>\n                                                          <div class=\"w-[28.57px] h-[28.57px] lg:w-[44px] lg:h-[44px] rounded-full bg-primary text-white flex items-center justify-center\">\n                                <span class=\"font-host text-[12.99px] lg:text-[20px] leading-none\">A<\/span>\n                              <\/div>\n                                                      <\/div>\n                          <div class=\"min-w-0 flex-1 ml-4 lg:ml-6\">\n                            <div class=\"flex items-baseline justify-between\">\n                              <h3 class=\"font-host font-normal text-[10.39px] lg:text-[16px] leading-none truncate\">Anna Janssen<\/h3>\n                              <span class=\"font-host text-[6.49px] lg:text-[10px] leading-none text-[#888888] shrink-0 ml-2\">2 dagen geleden<\/span>\n                            <\/div>\n                            <div class=\"mt-1 flex items-center gap-[2px] text-secondary\">\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                          <\/div>\n                          <\/div>\n                        <\/div>\n                        <div class=\"mt-3\">\n                          <p class=\"text-black font-host font-normal text-[10px] lg:text-[12px] leading-normal line-clamp-3\" data-review-text>Super service en zeer vriendelijk personeel. Zeker een aanrader! <\/p>\n                          <div class=\"mt-2\" style=\"display: none;\">\n                            <button type=\"button\" class=\"text-secondary underline text-[10px] lg:text-[12px] leading-none font-host\" data-read-more style=\"display: none;\">Lees meer<\/button>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/article>\n                                  <\/div>\n              <\/div>\n                          <div class=\"w-full shrink-0\" data-slide>\n                <div class=\"flex justify-center lg:justify-start\">\n                                      \n\n                    <article class=\"relative bg-white rounded-none shadow-[0_8px_20px_rgba(0,0,0,0.08)] pr-3 py-3 lg:pr-6 lg:py-6 overflow-hidden w-[311px] h-[136px] lg:w-[479px] lg:h-[195px]\">\n                      <span class=\"absolute inset-y-0 left-0 w-[14px] lg:w-[21px] bg-secondary\"><\/span>\n                      <div class=\"relative z-[1] ml-[35px] lg:ml-[50px]\">\n                        <div class=\"flex items-start\">\n                          <div class=\"shrink-0\" data-avatar>\n                                                          <div class=\"w-[28.57px] h-[28.57px] lg:w-[44px] lg:h-[44px] rounded-full bg-primary text-white flex items-center justify-center\">\n                                <span class=\"font-host text-[12.99px] lg:text-[20px] leading-none\">M<\/span>\n                              <\/div>\n                                                      <\/div>\n                          <div class=\"min-w-0 flex-1 ml-4 lg:ml-6\">\n                            <div class=\"flex items-baseline justify-between\">\n                              <h3 class=\"font-host font-normal text-[10.39px] lg:text-[16px] leading-none truncate\">Mark de Boer<\/h3>\n                              <span class=\"font-host text-[6.49px] lg:text-[10px] leading-none text-[#888888] shrink-0 ml-2\">1 week geleden<\/span>\n                            <\/div>\n                            <div class=\"mt-1 flex items-center gap-[2px] text-secondary\">\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                          <\/div>\n                          <\/div>\n                        <\/div>\n                        <div class=\"mt-3\">\n                          <p class=\"text-black font-host font-normal text-[10px] lg:text-[12px] leading-normal line-clamp-3\" data-review-text>Snel geholpen en goede kwaliteit. Kleine verbeterpunten, maar overall top.Snel geholpen en goede kwaliteit. Kleine verbeterpunten, maar overall top. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.<\/p>\n                          <div class=\"mt-2\" style=\"display: none;\">\n                            <button type=\"button\" class=\"text-secondary underline text-[10px] lg:text-[12px] leading-none font-host\" data-read-more style=\"display: none;\">Lees meer<\/button>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/article>\n                                  <\/div>\n              <\/div>\n                          <div class=\"w-full shrink-0\" data-slide>\n                <div class=\"flex justify-center lg:justify-start\">\n                                      \n\n                    <article class=\"relative bg-white rounded-none shadow-[0_8px_20px_rgba(0,0,0,0.08)] pr-3 py-3 lg:pr-6 lg:py-6 overflow-hidden w-[311px] h-[136px] lg:w-[479px] lg:h-[195px]\">\n                      <span class=\"absolute inset-y-0 left-0 w-[14px] lg:w-[21px] bg-secondary\"><\/span>\n                      <div class=\"relative z-[1] ml-[35px] lg:ml-[50px]\">\n                        <div class=\"flex items-start\">\n                          <div class=\"shrink-0\" data-avatar>\n                                                          <div class=\"w-[28.57px] h-[28.57px] lg:w-[44px] lg:h-[44px] rounded-full bg-primary text-white flex items-center justify-center\">\n                                <span class=\"font-host text-[12.99px] lg:text-[20px] leading-none\">S<\/span>\n                              <\/div>\n                                                      <\/div>\n                          <div class=\"min-w-0 flex-1 ml-4 lg:ml-6\">\n                            <div class=\"flex items-baseline justify-between\">\n                              <h3 class=\"font-host font-normal text-[10.39px] lg:text-[16px] leading-none truncate\">Sophie van Dijk<\/h3>\n                              <span class=\"font-host text-[6.49px] lg:text-[10px] leading-none text-[#888888] shrink-0 ml-2\">3 weken geleden<\/span>\n                            <\/div>\n                            <div class=\"mt-1 flex items-center gap-[2px] text-secondary\">\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                          <\/div>\n                          <\/div>\n                        <\/div>\n                        <div class=\"mt-3\">\n                          <p class=\"text-black font-host font-normal text-[10px] lg:text-[12px] leading-normal line-clamp-3\" data-review-text>Heel professioneel en meedenkend. Ik kom hier zeker terug.<\/p>\n                          <div class=\"mt-2\" style=\"display: none;\">\n                            <button type=\"button\" class=\"text-secondary underline text-[10px] lg:text-[12px] leading-none font-host\" data-read-more style=\"display: none;\">Lees meer<\/button>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/article>\n                                  <\/div>\n              <\/div>\n                          <div class=\"w-full shrink-0\" data-slide>\n                <div class=\"flex justify-center lg:justify-start\">\n                                      \n\n                    <article class=\"relative bg-white rounded-none shadow-[0_8px_20px_rgba(0,0,0,0.08)] pr-3 py-3 lg:pr-6 lg:py-6 overflow-hidden w-[311px] h-[136px] lg:w-[479px] lg:h-[195px]\">\n                      <span class=\"absolute inset-y-0 left-0 w-[14px] lg:w-[21px] bg-secondary\"><\/span>\n                      <div class=\"relative z-[1] ml-[35px] lg:ml-[50px]\">\n                        <div class=\"flex items-start\">\n                          <div class=\"shrink-0\" data-avatar>\n                                                          <div class=\"w-[28.57px] h-[28.57px] lg:w-[44px] lg:h-[44px] rounded-full bg-primary text-white flex items-center justify-center\">\n                                <span class=\"font-host text-[12.99px] lg:text-[20px] leading-none\">T<\/span>\n                              <\/div>\n                                                      <\/div>\n                          <div class=\"min-w-0 flex-1 ml-4 lg:ml-6\">\n                            <div class=\"flex items-baseline justify-between\">\n                              <h3 class=\"font-host font-normal text-[10.39px] lg:text-[16px] leading-none truncate\">Tom Peters<\/h3>\n                              <span class=\"font-host text-[6.49px] lg:text-[10px] leading-none text-[#888888] shrink-0 ml-2\">1 maand geleden<\/span>\n                            <\/div>\n                            <div class=\"mt-1 flex items-center gap-[2px] text-secondary\">\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                          <\/div>\n                          <\/div>\n                        <\/div>\n                        <div class=\"mt-3\">\n                          <p class=\"text-black font-host font-normal text-[10px] lg:text-[12px] leading-normal line-clamp-3\" data-review-text>Uitstekende ervaring van begin tot eind. Aanrader!<\/p>\n                          <div class=\"mt-2\" style=\"display: none;\">\n                            <button type=\"button\" class=\"text-secondary underline text-[10px] lg:text-[12px] leading-none font-host\" data-read-more style=\"display: none;\">Lees meer<\/button>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/article>\n                                  <\/div>\n              <\/div>\n                          <div class=\"w-full shrink-0\" data-slide>\n                <div class=\"flex justify-center lg:justify-start\">\n                                      \n\n                    <article class=\"relative bg-white rounded-none shadow-[0_8px_20px_rgba(0,0,0,0.08)] pr-3 py-3 lg:pr-6 lg:py-6 overflow-hidden w-[311px] h-[136px] lg:w-[479px] lg:h-[195px]\">\n                      <span class=\"absolute inset-y-0 left-0 w-[14px] lg:w-[21px] bg-secondary\"><\/span>\n                      <div class=\"relative z-[1] ml-[35px] lg:ml-[50px]\">\n                        <div class=\"flex items-start\">\n                          <div class=\"shrink-0\" data-avatar>\n                                                          <div class=\"w-[28.57px] h-[28.57px] lg:w-[44px] lg:h-[44px] rounded-full bg-primary text-white flex items-center justify-center\">\n                                <span class=\"font-host text-[12.99px] lg:text-[20px] leading-none\">L<\/span>\n                              <\/div>\n                                                      <\/div>\n                          <div class=\"min-w-0 flex-1 ml-4 lg:ml-6\">\n                            <div class=\"flex items-baseline justify-between\">\n                              <h3 class=\"font-host font-normal text-[10.39px] lg:text-[16px] leading-none truncate\">Lotte Vermeer<\/h3>\n                              <span class=\"font-host text-[6.49px] lg:text-[10px] leading-none text-[#888888] shrink-0 ml-2\">2 maanden geleden<\/span>\n                            <\/div>\n                            <div class=\"mt-1 flex items-center gap-[2px] text-secondary\">\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                          <\/div>\n                          <\/div>\n                        <\/div>\n                        <div class=\"mt-3\">\n                          <p class=\"text-black font-host font-normal text-[10px] lg:text-[12px] leading-normal line-clamp-3\" data-review-text>Mooie resultaten en prettige communicatie.<\/p>\n                          <div class=\"mt-2\" style=\"display: none;\">\n                            <button type=\"button\" class=\"text-secondary underline text-[10px] lg:text-[12px] leading-none font-host\" data-read-more style=\"display: none;\">Lees meer<\/button>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/article>\n                                  <\/div>\n              <\/div>\n                          <div class=\"w-full shrink-0\" data-slide>\n                <div class=\"flex justify-center lg:justify-start\">\n                                      \n\n                    <article class=\"relative bg-white rounded-none shadow-[0_8px_20px_rgba(0,0,0,0.08)] pr-3 py-3 lg:pr-6 lg:py-6 overflow-hidden w-[311px] h-[136px] lg:w-[479px] lg:h-[195px]\">\n                      <span class=\"absolute inset-y-0 left-0 w-[14px] lg:w-[21px] bg-secondary\"><\/span>\n                      <div class=\"relative z-[1] ml-[35px] lg:ml-[50px]\">\n                        <div class=\"flex items-start\">\n                          <div class=\"shrink-0\" data-avatar>\n                                                          <div class=\"w-[28.57px] h-[28.57px] lg:w-[44px] lg:h-[44px] rounded-full bg-primary text-white flex items-center justify-center\">\n                                <span class=\"font-host text-[12.99px] lg:text-[20px] leading-none\">D<\/span>\n                              <\/div>\n                                                      <\/div>\n                          <div class=\"min-w-0 flex-1 ml-4 lg:ml-6\">\n                            <div class=\"flex items-baseline justify-between\">\n                              <h3 class=\"font-host font-normal text-[10.39px] lg:text-[16px] leading-none truncate\">Daan Willems<\/h3>\n                              <span class=\"font-host text-[6.49px] lg:text-[10px] leading-none text-[#888888] shrink-0 ml-2\">2 maanden geleden<\/span>\n                            <\/div>\n                            <div class=\"mt-1 flex items-center gap-[2px] text-secondary\">\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                              <svg class=\"w-[11.04px] h-[11.04px] lg:w-[17px] lg:h-[17px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n                                <\/svg>\n                                                          <\/div>\n                          <\/div>\n                        <\/div>\n                        <div class=\"mt-3\">\n                          <p class=\"text-black font-host font-normal text-[10px] lg:text-[12px] leading-normal line-clamp-3\" data-review-text>Alles volgens afspraak en snel uitgevoerd.<\/p>\n                          <div class=\"mt-2\" style=\"display: none;\">\n                            <button type=\"button\" class=\"text-secondary underline text-[10px] lg:text-[12px] leading-none font-host\" data-read-more style=\"display: none;\">Lees meer<\/button>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/article>\n                                  <\/div>\n              <\/div>\n                      <\/div>\n        <\/div>\n        <div class=\"mt-6 flex items-center justify-start gap-4\">\n          <button type=\"button\" class=\"reviews-arrow\" data-prev aria-label=\"Vorige\">\n            <svg viewBox=\"0 0 13 16\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"flip-x\">\n              <path d=\"M12.4815 9.05135C12.8721 8.66082 12.8721 8.02766 12.4815 7.63713L6.11757 1.27317C5.72705 0.882647 5.09389 0.882647 4.70336 1.27317C4.31284 1.6637 4.31284 2.29686 4.70336 2.68738L10.3602 8.34424L4.70336 14.0011C4.31284 14.3916 4.31284 15.0248 4.70336 15.4153C5.09388 15.8058 5.72705 15.8058 6.11757 15.4153L12.4815 9.05135ZM0.809082 8.34424L0.809082 9.34424L11.7744 9.34424L11.7744 8.34424L11.7744 7.34424L0.809082 7.34424L0.809082 8.34424Z\" fill=\"currentColor\"\/>\n            <\/svg>\n          <\/button>\n          <button type=\"button\" class=\"reviews-arrow\" data-next aria-label=\"Volgende\">\n            <svg viewBox=\"0 0 13 16\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M12.4815 9.05135C12.8721 8.66082 12.8721 8.02766 12.4815 7.63713L6.11757 1.27317C5.72705 0.882647 5.09389 0.882647 4.70336 1.27317C4.31284 1.6637 4.31284 2.29686 4.70336 2.68738L10.3602 8.34424L4.70336 14.0011C4.31284 14.3916 4.31284 15.0248 4.70336 15.4153C5.09388 15.8058 5.72705 15.8058 6.11757 15.4153L12.4815 9.05135ZM0.809082 8.34424L0.809082 9.34424L11.7744 9.34424L11.7744 8.34424L11.7744 7.34424L0.809082 7.34424L0.809082 8.34424Z\" fill=\"currentColor\"\/>\n            <\/svg>\n          <\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n    <aside class=\"hidden lg:flex flex-col items-center gap-4 lg:pl-6 text-center -mt-32\" aria-label=\"Rating summary\">\n      <div class=\"logo-box mb-2 w-[116px] h-[78px] flex items-center justify-center\">\n        <img decoding=\"async\" src=\"https:\/\/sparksessions.nl\/wp-content\/themes\/sparkcustomtheme-1.0.1\/resources\/images\/Spark-Logo-Black.png\" alt=\"Spark Sessions\" class=\"block mx-auto sm:mx-0 w-[160px] sm:w-[202px]\">\n      <\/div>\n      <div class=\"font-host text-[16px] leading-none\">Google rating score<\/div>\n      <div class=\"font-host leading-none\">\n        <span class=\"rating-score-strong text-[36px] leading-none\">4.5<\/span>\n        <span class=\"text-[36px] font-bold leading-none\"> \/ 5.0<\/span>\n      <\/div>\n      <div class=\"font-host text-[16px] leading-none text-primary\">based on 6 reviews<\/div>\n      <div class=\"flex items-center text-secondary\" aria-hidden=\"true\">\n                  <svg class=\"w-[25px] h-[25px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n          <\/svg>\n                  <svg class=\"w-[25px] h-[25px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n          <\/svg>\n                  <svg class=\"w-[25px] h-[25px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n          <\/svg>\n                  <svg class=\"w-[25px] h-[25px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n          <\/svg>\n                  <svg class=\"w-[25px] h-[25px]\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n          <\/svg>\n              <\/div>\n    <\/aside>\n    <!-- Mobile-only footer row under the slider: logo left, rating right -->\n    <div class=\"lg:hidden -mt-4 flex items-start justify-between px-3\">\n      <div class=\"logo-box w-[130px] h-[98px] flex items-center justify-center\">\n        <img decoding=\"async\" src=\"https:\/\/sparksessions.nl\/wp-content\/themes\/sparkcustomtheme-1.0.1\/resources\/images\/Spark-Logo-Black.png\" alt=\"Spark Sessions\" class=\"block mx-auto sm:mx-0 w-[160px] sm:w-[202px]\">\n      <\/div>\n      <div class=\"text-center\">\n        <div class=\"font-host text-[10px] text-center md:text-[16px] leading-none mb-4\">Google rating score<\/div>\n        <div class=\"font-host text-center leading-none mb-4\">\n          <span class=\"rating-score-strong text-[20px] md:text-[36px] leading-none\">4.5<\/span>\n          <span class=\"text-[20px] font-bold text-center md:text-[36px] leading-none\"> \/ 5.0<\/span>\n        <\/div>\n        <div class=\"font-host text-[10px] md:text-[16px] leading-none text-gray-600 mb-1\">based on 6 reviews<\/div>\n        <div class=\"mt-2 flex items-center justify-center text-secondary\" aria-hidden=\"true\">                      <svg class=\"w-[25px] h-[25px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n            <\/svg>\n                      <svg class=\"w-[25px] h-[25px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n            <\/svg>\n                      <svg class=\"w-[25px] h-[25px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n            <\/svg>\n                      <svg class=\"w-[25px] h-[25px]\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n            <\/svg>\n                      <svg class=\"w-[25px] h-[25px]\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z\"\/>\n            <\/svg>\n                  <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<style>\n  \/* Scoped styling for this block *\/\n  .reviews-block .font-host {\n    \/* Match font-family declared in resources\/css\/fonts.css *\/\n    font-family: 'HostGrotesk', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n    font-weight: 400;\n  }\n  \/* Ensure the rating score can be extra-bold despite the .font-host default *\/\n  .reviews-block .rating-score-strong { font-weight: 800; }\n  \/* Align avatar to the right edge of its grid column for clean alignment with text *\/\n  .reviews-block [data-avatar] { justify-self: end; }\n  .reviews-block [data-slide] { width: 100%; }\n  @media (min-width: 1024px) { \/* lg *\/\n    .reviews-block [data-slide] { width: 50%; }\n  }\n  \/* Ensure 4-line clamp works even without Tailwind line-clamp plugin *\/\n  .reviews-block .line-clamp-4 {\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 4;\n    overflow: hidden;\n  }\n  \/* 3-line clamp for mobile *\/\n  .reviews-block .line-clamp-3 {\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    max-height: calc(3 * 1.5em); \/* 3 regels met line-height 1.5 *\/\n    transition: max-height 0.3s ease;\n  }\n  \/* Arrow buttons styling (42px met 2px border) *\/\n  .reviews-block .reviews-arrow {\n    width: 42px;\n    height: 42px;\n    border: 2px solid;\n    border-color: var(--color-secondary);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n  }\n  .reviews-block .reviews-arrow:hover {\n    background: var(--color-secondary);\n    border-color: var(--color-secondary);\n    color: #fff;\n  }\n  .reviews-block .reviews-arrow svg { width: 13px; height: 16px; }\n  .reviews-block .flip-x { transform: scaleX(-1); }\n  \/* Ensure logo scales nicely inside its container *\/\n  .reviews-block .logo-box svg { width: 100%; height: auto; }\n  .reviews-block .logo-box img { width: 100%; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; }\n  @media (max-width: 767.98px) {\n    .reviews-block .reviews-arrow { display: none; }\n  }\n<\/style>\n\n\n<script>\n  (function(){\n    document.querySelectorAll('[data-slider]').forEach(function(root){\n      var track = root.querySelector('[data-track]');\n      var slides = Array.prototype.slice.call(root.querySelectorAll('[data-slide]'));\n      if (!track || slides.length === 0) return;\n      \n      \/\/ Current position (in individual reviews, not slides)\n      var currentPosition = 0;\n      var totalReviews = slides.length;\n      \n      \/\/ Calculate how many reviews to show at once (viewport width)\n      function viewportSize() {\n        return window.matchMedia('(min-width: 1024px)').matches ? 2 : 1;\n      }\n      \n      \/\/ Update the slider position\n      function updateSlider() {\n        var viewport = track.parentElement; \/\/ the overflow-hidden wrapper\n        if (!viewport) return;\n        \n        var viewWidth = viewport.clientWidth;\n        var slideWidth = viewWidth \/ viewportSize(); \/\/ Width of one review\n        \n        \/\/ Calculate the exact pixel offset for the current position\n        var offset = -currentPosition * slideWidth;\n        \n        \/\/ Apply the transform\n        track.style.transform = 'translateX(' + offset + 'px)';\n      }\n      \n      \/\/ Set up navigation buttons\n      var prev = root.querySelector('[data-prev]');\n      var next = root.querySelector('[data-next]');\n      \n      if (prev) prev.addEventListener('click', function(){\n        \/\/ Move back by 1 review with continuous loop\n        currentPosition = (currentPosition - 1 + totalReviews) % totalReviews;\n        updateSlider();\n        startAutoplay();\n      });\n      \n      if (next) next.addEventListener('click', function(){\n        \/\/ Move forward by 1 review with continuous loop\n        currentPosition = (currentPosition + 1) % totalReviews;\n        updateSlider();\n        startAutoplay();\n      });\n      \n      \/\/ Autoplay on mobile\n      var autoplayTimer = null;\n      var autoplayDelay = 4000; \/\/ ms\n      \n      function isDesktop() {\n        return window.matchMedia('(min-width: 1024px)').matches;\n      }\n      \n      function startAutoplay() {\n        stopAutoplay();\n        if (!isDesktop() && slides.length > 1) {\n          autoplayTimer = setInterval(function() {\n            currentPosition = (currentPosition + 1) % totalReviews;\n            updateSlider();\n          }, autoplayDelay);\n        }\n      }\n      \n      function stopAutoplay() {\n        if (autoplayTimer) {\n          clearInterval(autoplayTimer);\n          autoplayTimer = null;\n        }\n      }\n      \n      \/\/ Basic swipe support\n      var startX = null;\n      \n      track.addEventListener('touchstart', function(e) {\n        if (e.touches && e.touches[0]) startX = e.touches[0].clientX;\n        stopAutoplay();\n      }, { passive: true });\n      \n      track.addEventListener('touchmove', function(e) {\n        \/* noop to keep passive *\/\n      }, { passive: true });\n      \n      track.addEventListener('touchend', function(e) {\n        if (startX === null) return;\n        \n        var endX = (e.changedTouches && e.changedTouches[0]) ? e.changedTouches[0].clientX : startX;\n        var dx = endX - startX;\n        startX = null;\n        \n        var threshold = 40; \/\/ px\n        if (Math.abs(dx) > threshold) {\n          if (dx < 0) {\n            \/\/ Swipe left: advance by 1 review\n            currentPosition = (currentPosition + 1) % totalReviews;\n          } else {\n            \/\/ Swipe right: go back by 1 review\n            currentPosition = (currentPosition - 1 + totalReviews) % totalReviews;\n          }\n          updateSlider();\n        }\n        \n        \/\/ Always resume autoplay after touch interaction on mobile\n        startAutoplay();\n      });\n      \n      \/\/ Handle window resize\n      window.addEventListener('resize', function() {\n        updateSlider();\n        startAutoplay();\n      });\n      \n      \/\/ Initial update\n      updateSlider();\n      startAutoplay();\n      \n      \/\/ Helpers for clamping and read-more visibility\n      function getClampClass(){ return 'line-clamp-3'; }\n      function isClamped(p){ return p.classList.contains('line-clamp-3'); }\n      function setCollapsed(p){ p.classList.remove('line-clamp-3'); p.classList.add('line-clamp-3'); }\n      function setExpanded(p){ p.classList.remove('line-clamp-3'); }\n      function updateReadMoreFor(p, btn){\n        if (!p || !btn) return;\n        var wrapper = btn.parentElement;\n        \n        \/\/ Als de tekst is uitgeklapt, toon dan 'Lees minder'\n        if (!isClamped(p)) { \n          if (wrapper) wrapper.style.display='block'; \n          btn.style.display='inline'; \n          btn.textContent='Lees minder'; \n          return; \n        }\n        \n        \/\/ Nauwkeurigere methode om te bepalen of tekst langer is dan 3 regels\n        \/\/ 1. Maak een tijdelijke div met dezelfde styling maar zonder line-clamp\n        var testDiv = document.createElement('div');\n        testDiv.style.position = 'absolute';\n        testDiv.style.visibility = 'hidden';\n        testDiv.style.width = p.offsetWidth + 'px';\n        testDiv.style.fontSize = window.getComputedStyle(p).fontSize;\n        testDiv.style.fontFamily = window.getComputedStyle(p).fontFamily;\n        testDiv.style.lineHeight = window.getComputedStyle(p).lineHeight;\n        testDiv.style.letterSpacing = window.getComputedStyle(p).letterSpacing;\n        testDiv.style.whiteSpace = 'normal';\n        testDiv.style.wordBreak = 'break-word';\n        testDiv.textContent = p.textContent;\n        \n        \/\/ 2. Voeg toe aan DOM om berekeningen te kunnen doen\n        document.body.appendChild(testDiv);\n        \n        \/\/ 3. Bereken de hoogte van \u00e9\u00e9n regel tekst\n        var singleLineDiv = document.createElement('div');\n        singleLineDiv.style.position = 'absolute';\n        singleLineDiv.style.visibility = 'hidden';\n        singleLineDiv.style.width = p.offsetWidth + 'px';\n        singleLineDiv.style.fontSize = window.getComputedStyle(p).fontSize;\n        singleLineDiv.style.fontFamily = window.getComputedStyle(p).fontFamily;\n        singleLineDiv.style.lineHeight = window.getComputedStyle(p).lineHeight;\n        singleLineDiv.style.letterSpacing = window.getComputedStyle(p).letterSpacing;\n        singleLineDiv.style.whiteSpace = 'nowrap';\n        singleLineDiv.textContent = 'X'; \/\/ E\u00e9n karakter om regelhoogte te meten\n        document.body.appendChild(singleLineDiv);\n        \n        var lineHeight = parseFloat(window.getComputedStyle(singleLineDiv).lineHeight);\n        if (isNaN(lineHeight)) {\n          \/\/ Als lineHeight niet direct beschikbaar is, gebruik de hoogte van het element\n          lineHeight = singleLineDiv.offsetHeight;\n        }\n        \n        \/\/ 4. Bereken het aantal regels\n        var totalHeight = testDiv.offsetHeight;\n        var estimatedLines = Math.round(totalHeight \/ lineHeight);\n        \n        \/\/ 5. Opruimen\n        document.body.removeChild(testDiv);\n        document.body.removeChild(singleLineDiv);\n        \n        \/\/ Toon de knop alleen als de tekst meer dan 3 regels zou innemen\n        if (estimatedLines > 3) { \n          if (wrapper) wrapper.style.display='block'; \n          btn.style.display='inline'; \n          btn.textContent='Lees meer'; \n        } else { \n          if (wrapper) wrapper.style.display='none'; \n          btn.style.display='none'; \n        }\n      }\n      function evaluateAllReadMore(){\n        root.querySelectorAll('[data-read-more]').forEach(function(btn){\n          var card = btn.closest('article');\n          var p = card ? card.querySelector('[data-review-text]') : null;\n          if (!p) { btn.style.display='none'; return; }\n          updateReadMoreFor(p, btn);\n        });\n      }\n      \/\/ Toggle handler\n      root.querySelectorAll('[data-read-more]').forEach(function(btn){\n        btn.addEventListener('click', function(){\n          var card = btn.closest('article');\n          if (!card) return;\n          var p = card.querySelector('[data-review-text]');\n          if (!p) return;\n          \n          if (isClamped(p)) {\n            \/\/ Uitklappen: verwijder line-clamp\n            p.style.maxHeight = p.scrollHeight + 'px'; \/\/ Stel de maximale hoogte in op de volledige hoogte\n            setTimeout(function() {\n              setExpanded(p); \/\/ Verwijder de line-clamp class\n              p.style.maxHeight = 'none'; \/\/ Verwijder de max-height beperking\n              btn.textContent = 'Lees minder';\n            }, 10);\n          } else {\n            \/\/ Meet eerst de huidige hoogte\n            var currentHeight = p.scrollHeight;\n            p.style.maxHeight = currentHeight + 'px';\n            \n            \/\/ Force reflow\n            void p.offsetHeight;\n            \n            \/\/ Voeg line-clamp toe en animeer naar de ingeklapte hoogte\n            setTimeout(function() {\n              setCollapsed(p);\n              \/\/ Wacht even tot de line-clamp is toegepast\n              setTimeout(function() {\n                \/\/ Animeer naar de ingeklapte hoogte\n                p.style.maxHeight = '';\n                btn.textContent = 'Lees meer';\n              }, 10);\n            }, 10);\n          }\n        });\n      });\n      \/\/ Initial evaluation\n      evaluateAllReadMore();\n\n\n      update();\n      startAutoplay();\n      \n      \/\/ Wacht tot alle afbeeldingen zijn geladen voor een nauwkeurige evaluatie van teksthoogtes\n      window.addEventListener('load', function() {\n        setTimeout(function() {\n          evaluateAllReadMore();\n        }, 100); \/\/ Kleine vertraging om zeker te zijn dat alles is gerenderd\n      });\n      \n      \/\/ Re-evaluate clamp + read-more on resize\n      var resizeTimer = null;\n      window.addEventListener('resize', function(){\n        if (resizeTimer) cancelAnimationFrame(resizeTimer);\n        resizeTimer = requestAnimationFrame(function(){\n          \/\/ Ensure collapsed items use the right clamp for the breakpoint\n          root.querySelectorAll('[data-review-text]').forEach(function(p){\n            var card = p.closest('article');\n            if (isClamped(p)) setCollapsed(p);\n            \/\/ Refresh stored collapsed height to match current breakpoint\n            if (card) card.dataset.collapsedHeight = getComputedStyle(card).height;\n          });\n          evaluateAllReadMore();\n        });\n      });\n    });\n  })();\n  <\/script>\n\n<section class=\"contact-form7 relative py-16 md:py-24 overflow-hidden\">\n  \n  <div class=\"absolute w-full h-[400px] md:h-[646px] bg-cover bg-center z-0\" style=\" background-image: url('https:\/\/sparksessions.nl\/wp-content\/uploads\/2025\/10\/Let-go-3.jpg'); ; top: calc(40%); transform: translateY(-50%);\"><\/div>\n  \n  <div class=\"container max-w-8xl mx-auto px-4 sm:px-6 lg:px-12 relative z-10\">\n    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n      \n      <div class=\"form-wrapper bg-black\/90 p-6 sm:p-8 md:p-12 rounded-2xl shadow-lg backdrop-blur-sm w-full md:w-[716px] h-auto md:h-[744px] relative\">\n                  <h2 class=\"!font-['Organetto_SemiExt'] text-4xl font-bold mb-4 text-white\">LET&#8217;S GO<span class=\"exclamation-mark\">!<\/span><\/h2>\n                \n                  <div class=\"mb-8 text-white content-text\">\n            <p style=\"font-weight: 400;\">Dare to take the first step! Fill out the form and experience how personal EMS training makes you fit, strong, and full of energy. <\/p>\n\n          <\/div>\n                \n        \n        <div class=\"contact-form\">\n          <style>\n            \/* Styling voor het Contact Form 7 formulier *\/\n            .contact-form .grid-fields {\n              display: grid;\n              grid-template-columns: 1fr;\n              gap: 20px;\n              margin-bottom: 20px;\n            }\n            \n            \/* Op grotere schermen (tablet en desktop) *\/\n            @media (min-width: 640px) {\n              .contact-form .grid-fields {\n                grid-template-columns: 1fr 1fr;\n              }\n            }\n            \n            .contact-form label {\n              display: block;\n              margin-bottom: 8px;\n              color: white;\n              font-weight: 500;\n            }\n            \n            .contact-form input[type=\"text\"],\n            .contact-form input[type=\"email\"],\n            .contact-form textarea {\n              width: 100%;\n              padding: 12px 16px;\n              background-color: rgba(255, 255, 255, 0.1);\n              border: 1px solid rgba(255, 255, 255, 0.2);\n              border-radius: 4px;\n              color: white;\n              margin-bottom: 0;\n            }\n            \n            .contact-form .full-width-field {\n              margin-bottom: 20px;\n            }\n            \n            \/* Submit button styles are provided globally via theme filter (wpcf7_form_elements) *\/\n            \/* Center submit + place spinner on its own line below *\/\n            .contact-form p:has(> input[type=\"submit\"]) {\n              display: flex;\n              flex-direction: column;\n              align-items: center;\n              gap: 8px; \/* space between button and spinner *\/\n            }\n\n            .contact-form .wpcf7-spinner {\n              display: block;              \/* ensure it sits on its own line in the flex column *\/\n              position: static !important; \/* remove absolute\/relative positioning from CF7 defaults *\/\n              margin: 0 !important;        \/* reset margins so gap controls spacing *\/\n              transform: none !important;\n            }\n          <\/style>\n          \n                      \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f649-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"649\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/645#wpcf7-f649-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"649\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.4\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f649-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<?xml encoding=\"utf-8\" ?><div class=\"grid-fields\">\n\t<div class=\"field-left\">\n\t\t<p><label for=\"your-name\">Name *<\/label><br>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your name\" value=\"\" type=\"text\" name=\"your-name\"><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"field-right\">\n\t\t<p><label for=\"your-email\">Email address *<\/label><br>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"your@email.com\" value=\"\" type=\"email\" name=\"your-email\"><\/span>\n\t\t<\/p>\n\t<\/div>\n<\/div><div class=\"full-width-field\">\n\t<p><label for=\"your-subject\">Subject *<\/label><br>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"What is your message about?\" value=\"\" type=\"text\" name=\"your-subject\"><\/span>\n\t<\/p>\n<\/div><div class=\"full-width-field\">\n\t<p><label for=\"your-message\">Message\/Questions *<\/label><br>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Type your message here...\" name=\"your-message\"><\/textarea><\/span>\n\t<\/p>\n<\/div><p><input class=\"wpcf7-form-control wpcf7-submit has-spinner group !no-underline relative inline-flex flex-none items-center justify-center overflow-hidden rounded-full cursor-pointer transition-all duration-100 !h-12 !px-6 !min-w-[165px] w-auto georgia-font !font-normal italic text-base leading-none text-center align-middle text-primary hover:text-white bg-white hover:bg-secondary border-primary shadow-none\" type=\"submit\" value=\"Send\">\n<\/p>\n<div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n                  <\/div>\n      <\/div>\n      \n      \n      <div class=\"hidden md:block\">\n        \n      <\/div>\n    <\/div>\n    \n    \n      <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-645","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sparksessions.nl\/en\/wp-json\/wp\/v2\/pages\/645","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sparksessions.nl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sparksessions.nl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sparksessions.nl\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/sparksessions.nl\/en\/wp-json\/wp\/v2\/comments?post=645"}],"version-history":[{"count":3,"href":"https:\/\/sparksessions.nl\/en\/wp-json\/wp\/v2\/pages\/645\/revisions"}],"predecessor-version":[{"id":1113,"href":"https:\/\/sparksessions.nl\/en\/wp-json\/wp\/v2\/pages\/645\/revisions\/1113"}],"wp:attachment":[{"href":"https:\/\/sparksessions.nl\/en\/wp-json\/wp\/v2\/media?parent=645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}