{"id":639,"date":"2025-08-13T13:44:28","date_gmt":"2025-08-13T13:44:28","guid":{"rendered":"https:\/\/sparksessions.nl\/about-us\/"},"modified":"2025-10-09T13:28:13","modified_gmt":"2025-10-09T13:28:13","slug":"about-us","status":"publish","type":"page","link":"https:\/\/sparksessions.nl\/en\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"<section class=\"relative\">\n  <div class=\"relative h-[259px] md:h-[325px] lg:h-[391px]\">\n\n    <div class=\"absolute inset-0\">\n\n              <img decoding=\"async\" src=\"https:\/\/sparksessions.nl\/wp-content\/uploads\/2025\/08\/ba8a301dfd9f010cbffe817181dc9aa1b65a54e7-scaled.jpg\" alt=\"\" class=\"w-full h-full object-cover\">\n      \n    <\/div>\n\n    \n    <div class=\"absolute inset-0 bg-primary\/40\"><\/div>\n\n          <div class=\"relative h-full flex items-center justify-center px-6 lg:px-12\">\n        <div class=\"text-center\">\n          <h1 class=\"text-[20px] md:text-[48px] organetto-font text-white font-bold\">About Us<\/h1>\n        <\/div>\n      <\/div>\n    \n    \n    \n\n  <\/div>\n\n  \n  \n\n<\/section>\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                Welcome\n              <\/h2>\n                                      <div>\n                <p style=\"text-align: center;\">The world races by. Deadlines, appointments, obligations, and somewhere in between, you try to stay fit. Spark Sessions is made for people like you: driven, demanding, and sharp with their time. Here you don&#8217;t train <em>longer<\/em>, but <em data-start=\"1203\" data-end=\"1210\">better<\/em>. With technology, coaching, and focus, we put your body into high gear. Twenty minutes. One session. And you feel the difference.       <\/p>\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_1538786204, {\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_1538786204;\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_1538786204\" 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_1538786204\" 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=\"missie-visie relative overflow-hidden\">\n  <style>\n    .missie-visie .mv-title {}\n    \n    .missie-visie .mv-content {}\n    .missie-visie .mv-content * {}\n    \/* Overlay helper to avoid inline style *\/\n    .missie-visie .mv-overlay { background-color: var(--color-secondary, rgba(255, 61, 46, 0.8)); }\n    \/* Width handled via Tailwind classes on wrappers *\/\n  <\/style>\n  \n  <div class=\"absolute inset-0 bg-cover bg-center z-0\" style=\"\"><\/div>\n\n  \n      <div class=\"absolute inset-0 z-10 pointer-events-none mv-overlay opacity-80\"><\/div>\n  \n  <div class=\"relative z-20\">\n    <div class=\"container max-w-8xl mx-auto px-4 sm:px-6 lg:px-12\">\n      <div class=\"relative min-h-[385px] py-12 md:py-16\">\n        \n        <div class=\"hidden md:block absolute left-1\/2 top-1\/2 -translate-x-1\/2 -translate-y-1\/2 h-[296px] w-px bg-white\/40 pointer-events-none z-[15]\"><\/div>\n\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-2 md:gap-0 items-start md:items-center\">\n          \n          <div class=\"md:flex md:justify-start\">\n            <div class=\"text-white mv-content-wrapper md:max-w-[530px] lg:w-[530px]\">\n                          <h3 class=\"mv-title organetto-font mb-6 font-normal leading-none text-[26px] sm:text-[28px] lg:text-[30px]\">\n                Mission\n              <\/h3>\n                                      <div class=\"mv-content host-grotesk-font font-bold text-[16px] leading-normal\">\n                <p>We challenge the conventional fitness world. No endless hours in the gym, but 20 minutes full of impact. With precision, technology, and personal guidance, we transform every session into pure progress: tangible, measurable, and lasting.  <\/p>\n\n              <\/div>\n                        <\/div>\n          <\/div>\n\n          \n          <div class=\"md:hidden h-px w-3\/4 mx-auto my-6 bg-white\/40 pointer-events-none z-[15]\"><\/div>\n\n          \n          <div class=\"md:flex md:justify-end\">\n            <div class=\"text-white mv-content-wrapper md:max-w-[530px] lg:w-[530px]\">\n                          <h3 class=\"mv-title organetto-font mb-6 font-normal leading-none text-[26px] sm:text-[28px] lg:text-[30px]\">\n                Vision\n              <\/h3>\n                                      <div class=\"mv-content host-grotesk-font font-bold text-[16px] leading-normal\">\n                <p>Spark Sessions believes in a new way of performing: smarter, faster, and stronger. We create a world where progress isn&#8217;t about grinding, but about strategy. A world where ambitious people master both their body and their time.  <\/p>\n\n              <\/div>\n                      <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<div class=\"block-spacer py-3 sm:py-6 \">\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\/tigre-1-scaled.jpg\" alt=\"\" class=\"h-full w-full object-cover\"\/>\n      \n      \n      <a href=\"\/lorem-ipsum\/\" 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 Surprising History 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              What if we told you that the technology behind EMS training was once developed for astronauts and elite athletes? Chances are you&#8217;ll never look at an EMS suit the same way again. What&#8217;s known today as an innovative and accessible way to get fitter actually has an impressive history that begins in the medical world and space travel. We&#8217;ll take you back to the origins of Electro Muscle Stimulation and show you why this isn&#8217;t a hype, but a method with decades of proven results.               <\/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=\"\/lorem-ipsum\/\"\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\/57a06018bbe9b5842247a5a2a763f2490db9787d-1.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 an impact hydration has on their athletic performance, recovery, and energy levels.             <\/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              Those who train with EMS know that every minute counts. In just twenty minutes, you activate up to 90% of your muscle fibers and put your body to maximum work.              <\/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    \n      <\/div>\n\n  \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<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<\/h2>\n                \n                  <div class=\"mb-8 text-white content-text\">\n            <p>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\/639#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-639","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sparksessions.nl\/en\/wp-json\/wp\/v2\/pages\/639","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=639"}],"version-history":[{"count":2,"href":"https:\/\/sparksessions.nl\/en\/wp-json\/wp\/v2\/pages\/639\/revisions"}],"predecessor-version":[{"id":641,"href":"https:\/\/sparksessions.nl\/en\/wp-json\/wp\/v2\/pages\/639\/revisions\/641"}],"wp:attachment":[{"href":"https:\/\/sparksessions.nl\/en\/wp-json\/wp\/v2\/media?parent=639"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}