{"id":19487,"date":"2025-06-02T16:06:36","date_gmt":"2025-06-02T14:06:36","guid":{"rendered":"http:\/\/innersparklife.com\/?page_id=19487"},"modified":"2026-03-12T22:22:21","modified_gmt":"2026-03-12T21:22:21","slug":"individual-drum-journey-spark","status":"publish","type":"page","link":"https:\/\/innersparklife.com\/individual-drum-journey-spark\/","title":{"rendered":"Individual Drum Journey"},"content":{"rendered":"\n<p class=\"eplus-wrapper wp-block-paragraph\"><\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Inner Spark &#8211; Individual Drum Journey<\/title>\n    \n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    \n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"><\/script>\n    \n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&#038;family=Open+Sans:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n    \n    <!-- Preload the new hero image for faster loading -->\n    <link rel=\"preload\" as=\"image\" href=\"https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/09\/20250914_142401-1.jpg\">\n\n    <script>\n        \/\/ Custom configuration for Tailwind CSS\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        'sans': ['Open Sans', 'sans-serif'],\n                        'display': ['Luckiest Guy', 'cursive'],\n                    },\n                    colors: {\n                        'brand-blue': '#0D2B45',\n                        'brand-gold': '#D4AF37', \/\/ A slightly richer gold\n                        'brand-light': '#F7F4F0',\n                    },\n                }\n            }\n        }\n    <\/script>\n\n    <style>\n        \/* Custom Styles for better aesthetics *\/\n        html { scroll-behavior: smooth; }\n        .btn {\n            transition: all 0.3s ease-in-out;\n            padding: 0.85rem 2rem; \/* Slightly larger buttons *\/\n            border-radius: 0.5rem; \/* More rounded corners *\/\n            text-transform: uppercase;\n            letter-spacing: 0.075em; \/* Wider letter spacing *\/\n            font-weight: 600;\n            display: inline-block;\n            text-align: center;\n            cursor: pointer;\n            border: 2px solid transparent;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n        }\n        .btn-primary {\n            background-color: #d4c083;\n            color: #202e39;\n        }\n        .btn-primary:hover {\n            background-color: #c0ae74;\n            transform: translateY(-3px);\n            box-shadow: 0 7px 20px rgba(0,0,0,0.15);\n        }\n        .btn-secondary {\n            background-color: transparent;\n            color: #202e39; \n            border-color: #202e39;\n        }\n        .btn-secondary:hover {\n            background-color: #202e39;\n            color: #ffffff;\n            transform: translateY(-3px);\n            box-shadow: 0 7px 20px rgba(32, 46, 57, 0.2);\n        }\n        .popup-transition { \n            transition: opacity 0.3s ease, transform 0.3s ease;\n        }\n        .popup-backdrop {\n            transition: opacity 0.3s ease;\n        }\n    <\/style>\n<\/head>\n<body class=\"font-sans bg-brand-light\">\n\n    <!-- \u25bc\u25bc\u25bc HERO SECTION \u25bc\u25bc\u25bc -->\n    <section id=\"home\" class=\"w-full bg-cover bg-center\" style=\"background-image: url('https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/09\/20250914_142401-1.jpg');\">\n        <!-- Overlay for better text readability -->\n        <div class=\"w-full h-full bg-black\/40 backdrop-blur-sm flex items-center\">\n            <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 py-32 md:py-40 lg:py-48 text-center\">\n                \n                <img decoding=\"async\" src=\"https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/04\/Untitled-design-1.png\" alt=\"Inner Spark Logo\" class=\"h-24 md:h-28 mx-auto mb-8\">\n\n                <h1 class=\"font-display text-4xl md:text-5xl lg:text-7xl text-white uppercase tracking-wider leading-tight drop-shadow-lg\">\n                    Individual Drum Journey\n                <\/h1>\n\n                <p class=\"text-lg md:text-2xl max-w-3xl mx-auto text-gray-200 mt-6 drop-shadow-md\">\n                    A deep connection with your inner rhythm and the healing power of vibration.\n                <\/p>\n                \n                <div class=\"mt-12 flex flex-col sm:flex-row gap-4 justify-center\">\n                    <button id=\"open-pablo-popup\" class=\"btn btn-primary\">Book Session with Teiwaz<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <!-- \u25b2\u25b2\u25b2 HERO SECTION \u25b2\u25b2\u25b2 -->\n\n\n    <!-- \u25bc\u25bc\u25bc POP-UP MODALS \u25bc\u25bc\u25bc -->\n\n    <!-- Pablo's Booking Pop-up -->\n    <div id=\"pablo-popup\" class=\"popup-backdrop fixed inset-0 bg-black\/60 flex items-center justify-center p-4 z-50 opacity-0 pointer-events-none\">\n        <div class=\"popup-transition bg-white rounded-2xl shadow-2xl w-full max-w-3xl max-h-[90vh] flex flex-col transform scale-95\">\n            <div class=\"flex justify-between items-center p-4 border-b\">\n                <h3 class=\"font-display text-lg text-brand-blue\">Book your session with Teiwaz<\/h3>\n                <button id=\"close-pablo-popup\" class=\"text-gray-400 hover:text-brand-blue text-3xl leading-none\">&times;<\/button>\n            <\/div>\n            <div class=\"p-4 sm:p-6 overflow-y-auto w-full\">\n                <!-- LeadConnector Widget for Pablo (FIXED) -->\n                <div style=\"min-height: 700px; width: 100%;\">\n                    <iframe data-src=\"https:\/\/api.leadconnectorhq.com\/widget\/booking\/dt0gUZfeP2dCmB31mouP\" style=\"width: 100%; border: none; overflow-y: auto; height: 700px;\" scrolling=\"yes\" id=\"dt0gUZfeP2dCmB31mouP_1773349295315\"><\/iframe>\n                <\/div>\n                <script src=\"https:\/\/link.msgsndr.com\/js\/form_embed.js\" type=\"text\/javascript\"><\/script>\n            <\/div>\n        <\/div>\n    <\/div>\n    <!-- \u25b2\u25b2\u25b2 POP-UP MODALS \u25b2\u25b2\u25b2 -->\n\n    <script>\n        \/\/ JS for Pop-ups\n       document.addEventListener('DOMContentLoaded', () => {\n            \/\/ Popup elements\n            const pabloPopup = document.getElementById('pablo-popup');\n\n            \/\/ Open buttons\n            const openPabloBtn = document.getElementById('open-pablo-popup');\n\n            \/\/ Close buttons\n            const closePabloBtn = document.getElementById('close-pablo-popup');\n\n            \/\/ Generic function to open a popup\n            const openPopup = (popup) => {\n                if (!popup) return;\n                const popupContent = popup.querySelector('.popup-transition');\n                popup.classList.remove('opacity-0', 'pointer-events-none');\n                \n                \/\/ FIX: Cargamos el calendario de LeadConnector SOLO cuando el pop-up se abre.\n                \/\/ Esto evita errores de c\u00e1lculo de altura porque ahora el contenedor ya es visible.\n                const iframe = popup.querySelector('iframe');\n                if (iframe && !iframe.src) {\n                    iframe.src = iframe.getAttribute('data-src');\n                }\n\n                setTimeout(() => {\n                    popupContent.classList.remove('scale-95');\n                }, 10); \/\/ Start transition\n                document.body.style.overflow = 'hidden';\n            };\n\n            \/\/ Generic function to close a popup\n            const closePopup = (popup) => {\n                if (!popup) return;\n                const popupContent = popup.querySelector('.popup-transition');\n                popupContent.classList.add('scale-95');\n                popup.classList.add('opacity-0');\n                setTimeout(() => {\n                    popup.classList.add('pointer-events-none');\n                    document.body.style.overflow = 'auto';\n                }, 300); \/\/ Match transition duration\n            };\n\n            \/\/ Event Listeners for opening popups\n            openPabloBtn.addEventListener('click', () => openPopup(pabloPopup));\n\n            \/\/ Event Listeners for closing popups\n            closePabloBtn.addEventListener('click', () => closePopup(pabloPopup));\n\n            \/\/ Close popup when clicking on the backdrop\n            pabloPopup.addEventListener('click', (e) => { if (e.target === pabloPopup) closePopup(pabloPopup); });\n            \n            \/\/ Close popup with Escape key\n            document.addEventListener('keydown', (e) => {\n                if (e.key === 'Escape') {\n                    if (!pabloPopup.classList.contains('pointer-events-none')) {\n                        closePopup(pabloPopup);\n                    }\n                }\n            });\n        });\n    <\/script>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Inner Spark &#8211; Session Summary<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <!-- Font Awesome for icons -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&#038;family=Open+Sans:wght@400;600&#038;display=swap\" rel=\"stylesheet\">\n    <script>\n        \/\/ Custom configuration for Tailwind CSS\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        'sans': ['Open Sans', 'sans-serif'],\n                        'display': ['Luckiest Guy', 'cursive'],\n                    },\n                    colors: {\n                        'brand-blue': '#0D2B45',\n                        'brand-gold': '#D4AF37',\n                        'brand-light': '#F7F4F0',\n                    },\n                }\n            }\n        }\n    <\/script>\n<\/head>\n<body class=\"bg-white\">\n\n<!-- \u25bc\u25bc\u25bc Session at a Glance Section \u25bc\u25bc\u25bc -->\n<section id=\"session-summary\" class=\"py-16 sm:py-24 bg-brand-light\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        <div class=\"text-center\">\n            <h2 class=\"font-display text-4xl text-brand-blue sm:text-5xl uppercase tracking-wider\">Your Session at a Glance<\/h2>\n            <p class=\"mt-4 max-w-2xl mx-auto text-xl leading-7 text-gray-600 font-sans\">The key details of your personal journey.<\/p>\n        <\/div>\n\n        <div class=\"mt-20 grid gap-x-8 gap-y-12 sm:grid-cols-2 lg:grid-cols-3\">\n\n            <!-- Card 1: What is it? -->\n            <div class=\"pt-6\">\n                <div class=\"flow-root bg-white rounded-lg px-6 pb-8 h-full shadow-lg hover:shadow-xl transition-shadow duration-300\">\n                    <div class=\"-mt-6\">\n                        <div>\n                            <span class=\"inline-flex items-center justify-center p-3 bg-brand-blue rounded-md shadow-lg\">\n                                <i class=\"fa-solid fa-drum h-6 w-6 text-white\"><\/i>\n                            <\/span>\n                        <\/div>\n                        <h3 class=\"mt-8 font-display text-xl text-brand-blue\">What is it?<\/h3>\n                        <p class=\"mt-5 text-base text-gray-700 font-sans\">\n                            A transformative individual session that combines a personal consultation, a deep shamanic drum journey, and a tarot reading to illuminate your path.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Card 2: Duration -->\n            <div class=\"pt-6\">\n                <div class=\"flow-root bg-white rounded-lg px-6 pb-8 h-full shadow-lg hover:shadow-xl transition-shadow duration-300\">\n                    <div class=\"-mt-6\">\n                        <div>\n                            <span class=\"inline-flex items-center justify-center p-3 bg-brand-blue rounded-md shadow-lg\">\n                                <i class=\"fa-solid fa-clock h-6 w-6 text-white\"><\/i>\n                            <\/span>\n                        <\/div>\n                        <h3 class=\"mt-8 font-display text-xl text-brand-blue\">Duration<\/h3>\n                        <p class=\"mt-5 text-base text-gray-700 font-sans\">\n                           Approximately 90 minutes, a time dedicated entirely to you and your process.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Card 3: Investment -->\n            <div class=\"pt-6\">\n                <div class=\"flow-root bg-white rounded-lg px-6 pb-8 h-full shadow-lg hover:shadow-xl transition-shadow duration-300\">\n                    <div class=\"-mt-6\">\n                        <div>\n                            <span class=\"inline-flex items-center justify-center p-3 bg-brand-blue rounded-md shadow-lg\">\n                                <i class=\"fa-solid fa-euro-sign h-6 w-6 text-white\"><\/i>\n                            <\/span>\n                        <\/div>\n                        <h3 class=\"mt-8 font-display text-xl text-brand-blue\">Investment<\/h3>\n                        <p class=\"mt-5 text-base text-gray-700 font-sans\">\n                            Your investment in this journey of self-discovery is \u20ac87.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Card 4: Where? -->\n            <div class=\"pt-6 sm:col-span-2 lg:col-span-3\">\n                 <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-x-8 gap-y-12 max-w-4xl mx-auto\">\n                    <div class=\"pt-6\">\n                        <div class=\"flow-root bg-white rounded-lg px-6 pb-8 h-full shadow-lg hover:shadow-xl transition-shadow duration-300\">\n                            <div class=\"-mt-6\">\n                                <div>\n                                    <span class=\"inline-flex items-center justify-center p-3 bg-brand-blue rounded-md shadow-lg\">\n                                        <i class=\"fa-solid fa-map-location-dot h-6 w-6 text-white\"><\/i>\n                                    <\/span>\n                                <\/div>\n                                <h3 class=\"mt-8 font-display text-xl text-brand-blue\">Where?<\/h3>\n                                <p class=\"mt-5 text-base text-gray-700 font-sans\">\n                                    You can choose the option that best suits you: online from the comfort of your home or in-person at our space in Brussels.\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Card 5: What is it for? -->\n                    <div class=\"pt-6\">\n                        <div class=\"flow-root bg-white rounded-lg px-6 pb-8 h-full shadow-lg hover:shadow-xl transition-shadow duration-300\">\n                            <div class=\"-mt-6\">\n                                <div>\n                                    <span class=\"inline-flex items-center justify-center p-3 bg-brand-blue rounded-md shadow-lg\">\n                                        <i class=\"fa-solid fa-seedling h-6 w-6 text-white\"><\/i>\n                                    <\/span>\n                                <\/div>\n                                <h3 class=\"mt-8 font-display text-xl text-brand-blue\">What is it for?<\/h3>\n                                <p class=\"mt-5 text-base text-gray-700 font-sans\">\n                                    Designed to bring you clarity, find answers, promote emotional release, and provide a deep sense of grounding and peace, realigning you with your purpose.\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n<!-- \u25b2\u25b2\u25b2 Session at a Glance Section \u25b2\u25b2\u25b2 -->\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Inner Spark &#8211; Drum Journey Benefits<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <!-- Font Awesome for icons -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&#038;family=Open+Sans:wght@400;600&#038;display=swap\" rel=\"stylesheet\">\n    <script>\n        \/\/ Custom configuration for Tailwind CSS\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        'sans': ['Open Sans', 'sans-serif'],\n                        'display': ['Luckiest Guy', 'cursive'],\n                    },\n                    colors: {\n                        'brand-blue': '#0D2B45',\n                        'brand-gold': '#D4AF37',\n                        'brand-light': '#F7F4F0',\n                    },\n                }\n            }\n        }\n    <\/script>\n<\/head>\n<body class=\"bg-white\">\n\n<!-- \u25bc\u25bc\u25bc What the Drum Reveals Section \u25bc\u25bc\u25bc -->\n<section id=\"benefits\" class=\"py-16 sm:py-24 bg-white\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        <div class=\"text-center\">\n            <h2 class=\"font-display text-4xl text-brand-blue sm:text-5xl uppercase tracking-wider\">What the Drum Reveals<\/h2>\n            <p class=\"mt-4 max-w-2xl mx-auto text-xl leading-7 text-gray-600 font-sans\">This is more than a session. It&#8217;s a journey into the heart of what matters.<\/p>\n        <\/div>\n\n        <div class=\"mt-20 grid gap-x-8 gap-y-16 sm:grid-cols-1 lg:grid-cols-3\">\n\n            <!-- Benefit 1: Release -->\n            <div class=\"pt-6\">\n                <div class=\"flow-root bg-brand-light rounded-lg px-6 pb-8 h-full shadow-lg hover:shadow-xl hover:scale-105 transition-all duration-300\">\n                    <div class=\"-mt-6\">\n                        <div>\n                            <span class=\"inline-flex items-center justify-center p-3 bg-brand-blue rounded-md shadow-lg\">\n                                <i class=\"fa-solid fa-box-open h-6 w-6 text-white\"><\/i>\n                            <\/span>\n                        <\/div>\n                        <h3 class=\"mt-8 font-display text-xl text-brand-blue\">Release What Holds You Back<\/h3>\n                        <p class=\"mt-5 text-base text-gray-700 font-sans\">\n                            The rhythmic pulse of the drum creates a safe space to let go of old tensions, anxieties, and emotional weight you no longer need to carry.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Benefit 2: Awaken -->\n            <div class=\"pt-6\">\n                <div class=\"flow-root bg-brand-light rounded-lg px-6 pb-8 h-full shadow-lg hover:shadow-xl hover:scale-105 transition-all duration-300\">\n                    <div class=\"-mt-6\">\n                        <div>\n                            <span class=\"inline-flex items-center justify-center p-3 bg-brand-blue rounded-md shadow-lg\">\n                                <i class=\"fa-solid fa-fire h-6 w-6 text-white\"><\/i>\n                            <\/span>\n                        <\/div>\n                        <h3 class=\"mt-8 font-display text-xl text-brand-blue\">Awaken Your Vital Energy<\/h3>\n                        <p class=\"mt-5 text-base text-gray-700 font-sans\">\n                            Feel the vibration reignite your inner fire. This journey is designed to boost your vitality, creativity, and enthusiasm for life.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Benefit 3: Align -->\n            <div class=\"pt-6\">\n                <div class=\"flow-root bg-brand-light rounded-lg px-6 pb-8 h-full shadow-lg hover:shadow-xl hover:scale-105 transition-all duration-300\">\n                    <div class=\"-mt-6\">\n                        <div>\n                            <span class=\"inline-flex items-center justify-center p-3 bg-brand-blue rounded-md shadow-lg\">\n                                <i class=\"fa-solid fa-compass h-6 w-6 text-white\"><\/i>\n                            <\/span>\n                        <\/div>\n                        <h3 class=\"mt-8 font-display text-xl text-brand-blue\">Align With Your True North<\/h3>\n                        <p class=\"mt-5 text-base text-gray-700 font-sans\">\n                            Cut through the noise. The drum journey helps you connect with your soul&#8217;s purpose and gain clarity on your unique path, revealing your next steps.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n<!-- \u25b2\u25b2\u25b2 What the Drum Reveals Section \u25b2\u25b2\u25b2 -->\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Your Personalized Path to Insight &#8211; Inner Spark<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&#038;family=Open+Sans:wght@400;600&#038;display=swap\" rel=\"stylesheet\">\n    <script>\n        \/\/ Custom configuration for Tailwind CSS\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        'sans': ['Open Sans', 'sans-serif'],\n                        'display': ['Luckiest Guy', 'cursive'],\n                    },\n                    colors: {\n                        'brand-blue': '#0D2B45',\n                        'brand-gold': '#D4AF37',\n                        'brand-light': '#F7F4F0',\n                    },\n                }\n            }\n        }\n    <\/script>\n<\/head>\n<body class=\"bg-brand-light\">\n\n<!-- \u25bc\u25bc\u25bc Your Personalized Path Section \u25bc\u25bc\u25bc -->\n<section id=\"personalized-path\" class=\"py-16 sm:py-24\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        <!-- Section Header -->\n        <div class=\"text-center mb-16 sm:mb-20\">\n            <h2 class=\"font-display text-4xl text-brand-blue sm:text-5xl uppercase tracking-wider\">Your Personalized Path to Insight &#038; Transformation<\/h2>\n        <\/div>\n\n        <div class=\"space-y-16 sm:space-y-24\">\n\n            <!-- Feature 1: Individualized Drum Journey -->\n            <div class=\"lg:grid lg:grid-cols-2 lg:gap-16 lg:items-center\">\n                <div class=\"w-full rounded-lg overflow-hidden shadow-xl aspect-[4\/3] lg:aspect-auto lg:h-full\">\n                    <img decoding=\"async\" class=\"w-full h-full object-cover\" \n                         src=\"https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/09\/photo_2025-09-25_16-31-39.jpg\" \n                         alt=\"Individualized drum journey representation\"\n                         onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/800x600\/e2e8f0\/334155?text=Personalized+Journey';\">\n                <\/div>\n                <div class=\"mt-12 lg:mt-0\">\n                    <h3 class=\"font-display text-3xl text-brand-blue sm:text-4xl uppercase tracking-wider\">Individualized Drum Journey<\/h3>\n                    <p class=\"mt-4 text-lg text-gray-700 font-sans\">\n                        Experience a drum journey completely tailored to your unique situation and personal intention. We create a sacred space focused on your specific needs and goals for the session. This personalized approach allows for a deeper, more resonant experience, guiding you effectively on your path.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Feature 2: Receive Specific Insights -->\n            <div class=\"lg:grid lg:grid-cols-2 lg:gap-16 lg:items-center\">\n                <div class=\"w-full rounded-lg overflow-hidden shadow-xl aspect-[4\/3] lg:aspect-auto lg:h-full lg:order-last\">\n                    <img decoding=\"async\" class=\"w-full h-full object-cover\" \n                         src=\"https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/09\/MVI_5513-00.01.04.959.jpeg\" \n                         alt=\"Receiving specific insights and guidance\"\n                         onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/800x600\/e2e8f0\/334155?text=Specific+Insights';\">\n                <\/div>\n                <div class=\"mt-12 lg:mt-0\">\n                    <h3 class=\"font-display text-3xl text-brand-blue sm:text-4xl uppercase tracking-wider\">Receive Specific Insights &#038; Ask Your Questions<\/h3>\n                    <p class=\"mt-4 text-lg text-gray-700 font-sans\">\n                        Gain specific insights relevant to your personal journey and current questions. The drum journey can illuminate your path and provide clarity. After the journey, you&#8217;ll have the opportunity to discuss your experience and ask the shamans any questions you may have, receiving guidance and support.\n                    <\/p>\n                <\/div>\n            <\/div>\n            \n            <!-- Feature 3: Optional Tarot Reading -->\n            <div class=\"lg:grid lg:grid-cols-2 lg:gap-16 lg:items-center\">\n                <div class=\"w-full rounded-lg overflow-hidden shadow-xl aspect-[4\/3] lg:aspect-auto lg:h-full\">\n                    <img decoding=\"async\" class=\"w-full h-full object-cover\" \n                         src=\"https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/09\/DJI_20250615143734_0018_D-00.00.12.294.jpeg\" \n                         alt=\"Optional Tarot reading after session\"\n                         onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/800x600\/e2e8f0\/334155?text=Tarot+Reading';\">\n                <\/div>\n                <div class=\"mt-12 lg:mt-0\">\n                    <h3 class=\"font-display text-3xl text-brand-blue sm:text-4xl uppercase tracking-wider\">Optional Tarot Reading<\/h3>\n                    <p class=\"mt-4 text-lg text-gray-700 font-sans\">\n                        If you wish, you can request a Tarot reading at the end of your session. This can be focused on any intention you hold, offering further layers of insight and guidance to complement your drum journey.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n<!-- \u25b2\u25b2\u25b2 Your Personalized Path Section \u25b2\u25b2\u25b2 -->\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Session Flow &#8211; Inner Spark<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&#038;family=Open+Sans:wght@400;600&#038;display=swap\" rel=\"stylesheet\">\n    <script>\n        \/\/ Custom configuration for Tailwind CSS\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        'sans': ['Open Sans', 'sans-serif'],\n                        'display': ['Luckiest Guy', 'cursive'],\n                    },\n                    colors: {\n                        'brand-blue': '#0D2B45',\n                        'brand-gold': '#D4AF37',\n                        'brand-light': '#F7F4F0',\n                    },\n                }\n            }\n        }\n    <\/script>\n<\/head>\n<body class=\"bg-white\">\n\n<!-- \u25bc\u25bc\u25bc The Flow of Your Session Section \u25bc\u25bc\u25bc -->\n<section id=\"session-flow\" class=\"py-16 sm:py-24\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        <div class=\"lg:grid lg:grid-cols-2 lg:gap-16 lg:items-center\">\n            \n            <!-- Agenda\/Flow Column -->\n            <div class=\"mt-12 lg:mt-0\">\n                <h2 class=\"font-display text-4xl text-brand-blue sm:text-5xl uppercase tracking-wider\">The Flow of Your Session<\/h2>\n                <p class=\"mt-4 text-lg text-gray-700 font-sans\">\n                    Your 90-minute journey is a carefully held space, structured to guide you from start to finish.\n                <\/p>\n                <ul class=\"mt-8 space-y-6\">\n                    <li class=\"flex items-start\">\n                        <div class=\"flex-shrink-0 flex items-center justify-center h-10 w-10 rounded-full bg-brand-gold\/10 text-brand-gold\">\n                            <svg class=\"h-6 w-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z\" \/><\/svg>\n                        <\/div>\n                        <div class=\"ml-4\">\n                            <h4 class=\"text-lg font-sans font-semibold text-brand-blue\">Intention Setting<\/h4>\n                            <p class=\"mt-1 text-gray-600 font-sans\">Clarifying your focus for the journey (~15-20 min).<\/p>\n                        <\/div>\n                    <\/li>\n                    <li class=\"flex items-start\">\n                        <div class=\"flex-shrink-0 flex items-center justify-center h-10 w-10 rounded-full bg-brand-gold\/10 text-brand-gold\">\n                             <svg class=\"h-6 w-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 9l10.5-3m0 6.553v3.75a2.25 2.25 0 01-1.632 2.163l-1.32.377a1.803 1.803 0 11-.99-3.467l2.31-.66a2.25 2.25 0 001.632-2.163zm0 0V2.25L9 5.25v10.303m0 0v3.75a2.25 2.25 0 01-1.632 2.163l-1.32.377a1.803 1.803 0 01-.99-3.467l2.31-.66A2.25 2.25 0 009 15.553z\" \/><\/svg>\n                        <\/div>\n                        <div class=\"ml-4\">\n                            <h4 class=\"text-lg font-sans font-semibold text-brand-blue\">Drum Journey<\/h4>\n                            <p class=\"mt-1 text-gray-600 font-sans\">A deep, guided shamanic drum meditation (~40-50 min).<\/p>\n                        <\/div>\n                    <\/li>\n                    <li class=\"flex items-start\">\n                        <div class=\"flex-shrink-0 flex items-center justify-center h-10 w-10 rounded-full bg-brand-gold\/10 text-brand-gold\">\n                            <svg class=\"h-6 w-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15.59 14.37a6 6 0 01-5.84 7.38v-4.82m5.84-2.56v4.82a6 6 0 01-1.24-.69l-4.6-3.95m0 0l-4.6 3.95a6 6 0 01-5.84-7.38m5.84 2.56l4.6-3.95m-4.6 3.95v-4.82l-4.6 3.95a6 6 0 010 7.38l4.6-3.95z\" \/><\/svg>\n                        <\/div>\n                        <div class=\"ml-4\">\n                            <h4 class=\"text-lg font-sans font-semibold text-brand-blue\">Integration &#038; Insights<\/h4>\n                            <p class=\"mt-1 text-gray-600 font-sans\">Sharing experiences and weaving wisdom with Tarot (~15-20 min).<\/p>\n                        <\/div>\n                    <\/li>\n                <\/ul>\n                 <div class=\"mt-8 pt-6 border-t border-gray-200\">\n                    <div class=\"flex items-start\">\n                        <div class=\"flex-shrink-0\">\n                           <span class=\"text-brand-gold text-xl\">\ud83d\udca1<\/span>\n                        <\/div>\n                        <div class=\"ml-3\">\n                            <p class=\"text-sm text-gray-600 font-sans\">Session timings are a gentle guide and can be adapted to honor the natural flow of your unique experience.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Image Column -->\n            <div class=\"w-full rounded-lg overflow-hidden shadow-xl aspect-[4\/3] lg:aspect-auto lg:h-full\">\n                <img decoding=\"async\" class=\"w-full h-full object-cover\" \n                     src=\"https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/07\/51-20250728184220.jpg\" \n                     alt=\"Sacred space prepared for a shamanic drum journey\"\n                     onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/800x600\/e2e8f0\/334155?text=Session+Space';\">\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n<!-- \u25b2\u25b2\u25b2 The Flow of Your Session Section \u25b2\u25b2\u25b2 -->\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Practical Details &#8211; Inner Spark<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <!-- Font Awesome for icons -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&#038;family=Open+Sans:wght@400;600&#038;display=swap\" rel=\"stylesheet\">\n    <script>\n        \/\/ Custom configuration for Tailwind CSS\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        'sans': ['Open Sans', 'sans-serif'],\n                        'display': ['Luckiest Guy', 'cursive'],\n                    },\n                    colors: {\n                        'brand-blue': '#0D2B45',\n                        'brand-gold': '#D4AF37',\n                        'brand-light': '#F7F4F0',\n                    },\n                }\n            }\n        }\n    <\/script>\n<\/head>\n<body class=\"bg-brand-light\">\n\n<!-- \u25bc\u25bc\u25bc Practical Details Section \u25bc\u25bc\u25bc -->\n<section id=\"practical-details\" class=\"py-16 sm:py-24\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        <div class=\"text-center\">\n            <h2 class=\"font-display text-4xl text-brand-blue sm:text-5xl uppercase tracking-wider\">Good to Know<\/h2>\n            <p class=\"mt-4 max-w-2xl mx-auto text-xl leading-7 text-gray-700 font-sans\">Everything you need to prepare for your session.<\/p>\n        <\/div>\n\n        <div class=\"mt-20 grid gap-x-8 gap-y-16 sm:grid-cols-2 lg:grid-cols-3\">\n\n            <!-- Card 1: Location & Options -->\n            <div class=\"pt-6\">\n                <div class=\"flow-root bg-white rounded-lg px-6 pb-8 h-full shadow-md hover:shadow-xl transition-shadow duration-300\">\n                    <div class=\"-mt-6\">\n                        <div>\n                            <span class=\"inline-flex items-center justify-center p-3 bg-brand-blue rounded-md shadow-lg\">\n                                <i class=\"fa-solid fa-map-location-dot h-6 w-6 text-white\"><\/i>\n                            <\/span>\n                        <\/div>\n                        <h3 class=\"mt-8 font-display text-xl text-brand-blue\">Location &#038; Options<\/h3>\n                        <p class=\"mt-5 text-base text-gray-700 font-sans\">\n                            Sessions are available online or in-person at <strong>Av Des Franciscaines 22, 1150 Brussels<\/strong>. Specific details are confirmed upon booking.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Card 2: What to Wear -->\n            <div class=\"pt-6\">\n                <div class=\"flow-root bg-white rounded-lg px-6 pb-8 h-full shadow-md hover:shadow-xl transition-shadow duration-300\">\n                    <div class=\"-mt-6\">\n                        <div>\n                            <span class=\"inline-flex items-center justify-center p-3 bg-brand-blue rounded-md shadow-lg\">\n                                <i class=\"fa-solid fa-shirt h-6 w-6 text-white\"><\/i>\n                            <\/span>\n                        <\/div>\n                        <h3 class=\"mt-8 font-display text-xl text-brand-blue\">What to Wear<\/h3>\n                        <p class=\"mt-5 text-base text-gray-700 font-sans\">\n                            Just wear comfortable clothes. For in-person sessions, you can bring your own mat or blanket if you wish, but it&#8217;s not essential.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Card 3: Online Setup -->\n            <div class=\"pt-6\">\n                <div class=\"flow-root bg-white rounded-lg px-6 pb-8 h-full shadow-md hover:shadow-xl transition-shadow duration-300\">\n                    <div class=\"-mt-6\">\n                        <div>\n                            <span class=\"inline-flex items-center justify-center p-3 bg-brand-blue rounded-md shadow-lg\">\n                                <i class=\"fa-solid fa-headset h-6 w-6 text-white\"><\/i>\n                            <\/span>\n                        <\/div>\n                        <h3 class=\"mt-8 font-display text-xl text-brand-blue\">Online Setup<\/h3>\n                        <p class=\"mt-5 text-base text-gray-700 font-sans\">\n                            Please ensure a stable internet connection and a quiet space. Headphones are highly recommended for the best experience.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Card 4: Getting Here (Brussels) -->\n            <div class=\"pt-6\">\n                <div class=\"flow-root bg-white rounded-lg px-6 pb-8 h-full shadow-md hover:shadow-xl transition-shadow duration-300\">\n                    <div class=\"-mt-6\">\n                        <div>\n                            <span class=\"inline-flex items-center justify-center p-3 bg-brand-blue rounded-md shadow-lg\">\n                                <i class=\"fa-solid fa-route h-6 w-6 text-white\"><\/i>\n                            <\/span>\n                        <\/div>\n                        <h3 class=\"mt-8 font-display text-xl text-brand-blue\">Getting Here (Brussels)<\/h3>\n                        <p class=\"mt-5 text-base text-gray-700 font-sans\">\n                            <strong>Bus:<\/strong> Line 36 (stops &#8220;Kelle&#8221; or &#8220;Mareyde&#8221;).<br>\n                            <strong>Metro:<\/strong> Hankar (Line 5), ~15-min walk.<br>\n                            <strong>Parking:<\/strong> Free street parking is generally available.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Card 5: Your Facilitator -->\n            <div class=\"pt-6\">\n                <div class=\"flow-root bg-white rounded-lg px-6 pb-8 h-full shadow-md hover:shadow-xl transition-shadow duration-300\">\n                    <div class=\"-mt-6\">\n                        <div>\n                            <span class=\"inline-flex items-center justify-center p-3 bg-brand-blue rounded-md shadow-lg\">\n                                <i class=\"fa-solid fa-user-check h-6 w-6 text-white\"><\/i>\n                            <\/span>\n                        <\/div>\n                        <h3 class=\"mt-8 font-display text-xl text-brand-blue\">Your Facilitator<\/h3>\n                        <p class=\"mt-5 text-base text-gray-700 font-sans\">\n                           Sessions are led by Pablo or Monika. If you have a preference, please let us know before booking to confirm their availability.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Card 6: Booking & Queries -->\n            <div class=\"pt-6\">\n                <div class=\"flow-root bg-white rounded-lg px-6 pb-8 h-full shadow-md hover:shadow-xl transition-shadow duration-300\">\n                    <div class=\"-mt-6\">\n                        <div>\n                            <span class=\"inline-flex items-center justify-center p-3 bg-brand-blue rounded-md shadow-lg\">\n                                <i class=\"fa-solid fa-envelope-open-text h-6 w-6 text-white\"><\/i>\n                            <\/span>\n                        <\/div>\n                        <h3 class=\"mt-8 font-display text-xl text-brand-blue\">Booking &#038; Queries<\/h3>\n                        <p class=\"mt-5 text-base text-gray-700 font-sans\">\n                            If our dates don\u2019t work for you, or for any other questions, please contact Pablo at <a href=\"mailto:pablo@innersparklife.com\" class=\"text-brand-blue font-semibold hover:text-brand-gold\">pablo@innersparklife.com<\/a>.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n<!-- \u25b2\u25b2\u25b2 Practical Details Section \u25b2\u25b2\u25b2 -->\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Our Sacred Spaces &#8211; Inner Spark<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <!-- Font Awesome for icons -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&#038;family=Open+Sans:wght@400;600&#038;display=swap\" rel=\"stylesheet\">\n    <script>\n        \/\/ Custom configuration for Tailwind CSS\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        'sans': ['Open Sans', 'sans-serif'],\n                        'display': ['Luckiest Guy', 'cursive'],\n                    },\n                    colors: {\n                        'brand-blue': '#0D2B45',\n                        'brand-gold': '#D4AF37',\n                        'brand-light': '#F7F4F0',\n                    },\n                }\n            }\n        }\n    <\/script>\n<\/head>\n<body class=\"bg-brand-light\">\n\n<!-- \u25bc\u25bc\u25bc Venue Section \u25bc\u25bc\u25bc -->\n<section id=\"venue\" class=\"py-16 sm:py-24\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        <div class=\"text-center\">\n            <h2 class=\"font-display text-4xl text-brand-blue sm:text-5xl uppercase tracking-wider\">Our Sacred Spaces<\/h2>\n            <p class=\"mt-4 max-w-3xl mx-auto text-xl leading-8 text-gray-700 font-sans\">Whether in-person or online, we create a sanctuary for your transformation.<\/p>\n        <\/div>\n\n        <div class=\"mt-20 lg:grid lg:grid-cols-2 lg:gap-16 lg:items-center\">\n            \n            <!-- Image Gallery Column -->\n            <div class=\"grid grid-cols-2 gap-4\">\n                <div class=\"aspect-[4\/3] rounded-lg overflow-hidden shadow-lg\">\n                    <img decoding=\"async\" src=\"https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/04\/5-1.jpg\" alt=\"Meditative ashram space view 1\" class=\"w-full h-full object-cover\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x450\/e2e8f0\/334155?text=Ashram+View';\">\n                <\/div>\n                <div class=\"aspect-[4\/3] rounded-lg overflow-hidden shadow-lg\">\n                    <img decoding=\"async\" src=\"https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/04\/3-1.jpg\" alt=\"Meditative ashram space detail 1\" class=\"w-full h-full object-cover\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x450\/e2e8f0\/334155?text=Altar+Detail';\">\n                <\/div>\n                 <div class=\"aspect-[4\/3] rounded-lg overflow-hidden shadow-lg\">\n                    <img decoding=\"async\" src=\"https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/04\/2-1.jpg\" alt=\"Meditative ashram space view 2\" class=\"w-full h-full object-cover\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x450\/e2e8f0\/334155?text=Sacred+Items';\">\n                <\/div>\n                 <div class=\"aspect-[4\/3] rounded-lg overflow-hidden shadow-lg\">\n                    <img decoding=\"async\" src=\"https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/04\/6-1.jpg\" alt=\"Meditative ashram space detail 2\" class=\"w-full h-full object-cover\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x450\/e2e8f0\/334155?text=Meditation+Space';\">\n                <\/div>\n            <\/div>\n\n            <!-- Text Content Column -->\n            <div class=\"mt-12 lg:mt-0\">\n                \n                <!-- In-Person Section -->\n                <div>\n                    <div class=\"flex items-center\">\n                        <span class=\"flex items-center justify-center h-12 w-12 rounded-md bg-brand-blue text-white\">\n                            <i class=\"fa-solid fa-gopuram text-2xl\"><\/i>\n                        <\/span>\n                        <h3 class=\"ml-4 font-display text-2xl text-brand-blue\">Our Ashram (Brussels)<\/h3>\n                    <\/div>\n                    <p class=\"mt-4 text-lg text-gray-700 font-sans\">\n                        A peaceful space in Woluwe Saint Pierre dedicated to self-discovery. Infused with spiritual elements, it\u2019s an intimate and magical place to connect with yourself and others.\n                    <\/p>\n                <\/div>\n\n                <!-- Online Section -->\n                <div class=\"mt-10\">\n                    <div class=\"flex items-center\">\n                        <span class=\"flex items-center justify-center h-12 w-12 rounded-md bg-brand-blue text-white\">\n                            <i class=\"fa-solid fa-globe text-2xl\"><\/i>\n                        <\/span>\n                        <h3 class=\"ml-4 font-display text-2xl text-brand-blue\">Your Online Sanctuary<\/h3>\n                    <\/div>\n                    <p class=\"mt-4 text-lg text-gray-700 font-sans\">\n                        Connect from the comfort of your home. We hold a focused energetic space online to help you quiet your mind and access deep peace, no matter where you are.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<!-- \u25b2\u25b2\u25b2 Venue Section \u25b2\u25b2\u25b2 -->\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Meet Your Guides &#8211; Inner Spark<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <!-- Font Awesome for icons -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&#038;family=Open+Sans:wght@400;600&#038;display=swap\" rel=\"stylesheet\">\n    <script>\n        \/\/ Custom configuration for Tailwind CSS\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        'sans': ['Open Sans', 'sans-serif'],\n                        'display': ['Luckiest Guy', 'cursive'],\n                    },\n                    colors: {\n                        'brand-blue': '#0D2B45',\n                        'brand-gold': '#D4AF37',\n                        'brand-light': '#F7F4F0',\n                    },\n                }\n            }\n        }\n    <\/script>\n<\/head>\n<body class=\"bg-white\">\n\n<!-- \u25bc\u25bc\u25bc Meet Your Guides Section \u25bc\u25bc\u25bc -->\n<section id=\"facilitators\" class=\"py-16 sm:py-24\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-16 items-center\">\n            \n            <!-- Image Column -->\n            <div class=\"flex justify-center\">\n                <img decoding=\"async\" class=\"rounded-lg shadow-xl object-cover w-full max-w-md lg:max-w-none aspect-square\" \n                     src=\"https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/04\/Untitled-design-5.jpg\"\n                     alt=\"Facilitators Pablo Teiwas Le\u00f3n and Monika Marek\"\n                     onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600\/e2e8f0\/334155?text=Guides';\">\n            <\/div>\n\n            <!-- Text Column -->\n            <div class=\"text-center lg:text-left\">\n                <h2 class=\"font-display text-4xl text-brand-blue sm:text-5xl uppercase tracking-wider\">Meet Your Guides<\/h2>\n                <div class=\"mt-6 space-y-4 text-lg text-gray-700 font-sans\">\n                    <p>\n                        Inner Spark is warmly led by Shaman Pablo Teiwas Le\u00f3n and Shaman Monika Marek\u2014both initiated under the lineage of Master Northern Deer Alexander and deeply rooted in the Siberian shamanic tradition. We&#8217;re here to share this journey with you.\n                    <\/p>\n                    <p>\n                        With over a decade of experience holding sacred spaces, Pablo and Monika will guide you towards profound healing, renewed vitality, and clear purpose. Their approach beautifully combines direct spiritual experiences with practical, actionable wisdom for modern life.\n                    <\/p>\n                <\/div>\n\n                <!-- Teachings List -->\n                <div class=\"mt-8 pt-6 border-t border-gray-200\">\n                    <p class=\"font-sans font-semibold text-brand-blue\">Their teachings draw from a rich well of:<\/p>\n                    <ul class=\"mt-4 space-y-3\">\n                        <li class=\"flex items-center\">\n                            <span class=\"flex items-center justify-center h-8 w-8 rounded-full bg-brand-gold\/10 text-brand-gold\">\n                                <i class=\"fa-solid fa-feather-pointed\"><\/i>\n                            <\/span>\n                            <span class=\"ml-3 font-sans text-gray-700\">Classical Siberian Shamanism<\/span>\n                        <\/li>\n                        <li class=\"flex items-center\">\n                             <span class=\"flex items-center justify-center h-8 w-8 rounded-full bg-brand-gold\/10 text-brand-gold\">\n                                <i class=\"fa-solid fa-om\"><\/i>\n                            <\/span>\n                            <span class=\"ml-3 font-sans text-gray-700\">The path of Patanjali Yoga<\/span>\n                        <\/li>\n                        <li class=\"flex items-center\">\n                             <span class=\"flex items-center justify-center h-8 w-8 rounded-full bg-brand-gold\/10 text-brand-gold\">\n                                <i class=\"fa-solid fa-brain\"><\/i>\n                            <\/span>\n                            <span class=\"ml-3 font-sans text-gray-700\">Modern integrative spiritual practices<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<!-- \u25b2\u25b2\u25b2 Meet Your Guides Section \u25b2\u25b2\u25b2 -->\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Our Impact &#8211; Inner Spark<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&#038;family=Open+Sans:wght@400;600&#038;display=swap\" rel=\"stylesheet\">\n    <script>\n        \/\/ Custom configuration for Tailwind CSS\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        'sans': ['Open Sans', 'sans-serif'],\n                        'display': ['Luckiest Guy', 'cursive'],\n                    },\n                    colors: {\n                        'brand-blue': '#0D2B45',\n                        'brand-gold': '#D4AF37',\n                        'brand-light': '#F7F4F0',\n                    },\n                }\n            }\n        }\n    <\/script>\n<\/head>\n<body class=\"bg-brand-light\">\n\n<!-- \u25bc\u25bc\u25bc Achievements Section \u25bc\u25bc\u25bc -->\n<section id=\"achievements\" class=\"py-16 sm:py-24\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        <div class=\"text-center\">\n            <h2 class=\"font-display text-4xl text-brand-blue sm:text-5xl uppercase tracking-wider\">Proven Experience &#038; Impact<\/h2>\n            <p class=\"mt-4 max-w-2xl mx-auto text-xl leading-7 text-gray-700 font-sans\">We&#8217;ve been guiding journeys of transformation for over a decade.<\/p>\n        <\/div>\n\n        <div class=\"mt-16 max-w-4xl mx-auto\">\n            <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-8 text-center\">\n                \n                <!-- Stat 1: Years of Experience -->\n                <div class=\"px-4\">\n                    <p class=\"font-display text-5xl md:text-6xl text-brand-gold\">10+<\/p>\n                    <p class=\"mt-2 text-sm font-sans text-gray-600 uppercase tracking-wider font-semibold\">Years of Experience<\/p>\n                <\/div>\n\n                <!-- Stat 2: Sessions Facilitated -->\n                <div class=\"px-4 border-t sm:border-t-0 sm:border-l sm:border-r border-gray-300\/70 pt-8 sm:pt-0\">\n                    <p class=\"font-display text-5xl md:text-6xl text-brand-gold\">100+<\/p>\n                    <p class=\"mt-2 text-sm font-sans text-gray-600 uppercase tracking-wider font-semibold\">Sessions Facilitated<\/p>\n                <\/div>\n\n                <!-- Stat 3: Happy Meditators -->\n                 <div class=\"border-t sm:border-t-0 border-gray-300\/70 pt-8 sm:pt-0 px-4\">\n                    <p class=\"font-display text-5xl md:text-6xl text-brand-gold\">200+<\/p>\n                    <p class=\"mt-2 text-sm font-sans text-gray-600 uppercase tracking-wider font-semibold\">Happy Meditators<\/p>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<!-- \u25b2\u25b2\u25b2 Achievements Section \u25b2\u25b2\u25b2 -->\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"eplus-wrapper wp-block-paragraph\"><\/p>\n\n\n<div class=\"gb-container gb-container-ea75eab2 alignwide\">\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Testimonials &#8211; Inner Spark<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <!-- Font Awesome for icons -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&#038;family=Open+Sans:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <script>\n        \/\/ Custom configuration for Tailwind CSS\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        'sans': ['Open Sans', 'sans-serif'],\n                        'display': ['Luckiest Guy', 'cursive'],\n                    },\n                    colors: {\n                        'brand-blue': '#0D2B45',\n                        'brand-gold': '#D4AF37',\n                        'brand-light': '#F7F4F0',\n                    },\n                }\n            }\n        }\n    <\/script>\n    <style>\n        \/* Custom scrollbar for testimonial carousel *\/\n        #testimonial-carousel::-webkit-scrollbar { height: 8px; }\n        #testimonial-carousel::-webkit-scrollbar-track { background: #e5e7eb; border-radius: 10px; }\n        #testimonial-carousel::-webkit-scrollbar-thumb { background-color: #D4AF37; border-radius: 10px; }\n        #testimonial-carousel { scrollbar-width: thin; scrollbar-color: #D4AF37 #e5e7eb; }\n        .testimonial-slide { scroll-snap-align: start; }\n    <\/style>\n<\/head>\n<body class=\"bg-white\">\n\n<!-- \u25bc\u25bc\u25bc Testimonials Section \u25bc\u25bc\u25bc -->\n<section id=\"testimonials\" class=\"py-16 sm:py-24 bg-white\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        <div class=\"text-center\">\n            <h2 class=\"font-display text-4xl text-brand-blue sm:text-5xl uppercase tracking-wider\">Stories of Transformation<\/h2>\n            <p class=\"mt-4 max-w-2xl mx-auto text-xl leading-7 text-gray-700 font-sans\">Hear from those who have walked this path before you.<\/p>\n        <\/div>\n\n        <div class=\"mt-16 relative\">\n            <!-- Prev Button -->\n            <button id=\"prev-testimonial\" class=\"absolute left-0 top-1\/2 -translate-y-1\/2 z-10 bg-white\/80 backdrop-blur-sm hover:bg-brand-gold text-brand-blue disabled:opacity-50 disabled:cursor-not-allowed transition duration-300 rounded-full w-12 h-12 flex items-center justify-center shadow-lg border border-gray-200 -ml-6\" aria-label=\"Previous Testimonial\">\n                <i class=\"fa-solid fa-chevron-left\"><\/i>\n            <\/button>\n\n            <div id=\"testimonial-carousel\" class=\"flex overflow-x-auto snap-x snap-mandatory gap-6 md:gap-8 pb-4 scroll-smooth\">\n                \n                <!-- Testimonial 1 -->\n                <div class=\"testimonial-slide flex-shrink-0 w-full sm:w-[48%] md:w-[45%] lg:w-[31.5%] snap-start bg-brand-light rounded-xl shadow-lg p-8 flex flex-col items-center text-center\">\n                    <i class=\"fa-solid fa-quote-left text-brand-gold text-3xl mb-4\"><\/i>\n                    <img decoding=\"async\" src=\"https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/04\/5.jpg\" alt=\"Inge\" class=\"w-20 h-20 rounded-full object-cover border-4 border-white shadow-md\">\n                    <cite class=\"block font-display text-xl text-brand-blue mt-4 not-italic\">\u2014 Inge<\/cite>\n                    <blockquote class=\"mt-2 text-gray-700 font-sans flex-grow\">\u201cThe rituals deeply connected me to my life\u2019s purpose and brought clarity through the powerful energy of nature and community.\u201d<\/blockquote>\n                <\/div>\n\n                <!-- Testimonial 2 -->\n                 <div class=\"testimonial-slide flex-shrink-0 w-full sm:w-[48%] md:w-[45%] lg:w-[31.5%] snap-start bg-brand-light rounded-xl shadow-lg p-8 flex flex-col items-center text-center\">\n                    <i class=\"fa-solid fa-quote-left text-brand-gold text-3xl mb-4\"><\/i>\n                    <img decoding=\"async\" src=\"https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/04\/6.jpg\" alt=\"Eve\" class=\"w-20 h-20 rounded-full object-cover border-4 border-white shadow-md\">\n                    <cite class=\"block font-display text-xl text-brand-blue mt-4 not-italic\">\u2014 Eve<\/cite>\n                    <blockquote class=\"mt-2 text-gray-700 font-sans flex-grow\">\u201cThis retreat profoundly deepened my spiritual connection. I left with practical tools to understand my energy and enhance my everyday life.\u201d<\/blockquote>\n                <\/div>\n\n                <!-- Testimonial 3 -->\n                 <div class=\"testimonial-slide flex-shrink-0 w-full sm:w-[48%] md:w-[45%] lg:w-[31.5%] snap-start bg-brand-light rounded-xl shadow-lg p-8 flex flex-col items-center text-center\">\n                    <i class=\"fa-solid fa-quote-left text-brand-gold text-3xl mb-4\"><\/i>\n                    <img decoding=\"async\" src=\"https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/04\/4.jpg\" alt=\"Fabian\" class=\"w-20 h-20 rounded-full object-cover border-4 border-white shadow-md\">\n                    <cite class=\"block font-display text-xl text-brand-blue mt-4 not-italic\">\u2014 Fabian<\/cite>\n                    <blockquote class=\"mt-2 text-gray-700 font-sans flex-grow\">\u201cI rediscovered my inner power and joy. I now feel confident to manifest my dreams into reality.\u201d<\/blockquote>\n                <\/div>\n\n                <!-- Testimonial 4 -->\n                <div class=\"testimonial-slide flex-shrink-0 w-full sm:w-[48%] md:w-[45%] lg:w-[31.5%] snap-start bg-brand-light rounded-xl shadow-lg p-8 flex flex-col items-center text-center\">\n                    <i class=\"fa-solid fa-quote-left text-brand-gold text-3xl mb-4\"><\/i>\n                    <img decoding=\"async\" src=\"https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/04\/12.jpg\" alt=\"Maya\" class=\"w-20 h-20 rounded-full object-cover border-4 border-white shadow-md\">\n                    <cite class=\"block font-display text-xl text-brand-blue mt-4 not-italic\">\u2014 Maya<\/cite>\n                    <blockquote class=\"mt-2 text-gray-700 font-sans flex-grow\">\u201cI finally found the clarity I needed to merge spirituality and business into a purposeful, energized project\u2014I can\u2019t wait to begin!\u201d<\/blockquote>\n                <\/div>\n                \n                <!-- Testimonial 5 -->\n                <div class=\"testimonial-slide flex-shrink-0 w-full sm:w-[48%] md:w-[45%] lg:w-[31.5%] snap-start bg-brand-light rounded-xl shadow-lg p-8 flex flex-col items-center text-center\">\n                    <i class=\"fa-solid fa-quote-left text-brand-gold text-3xl mb-4\"><\/i>\n                    <img decoding=\"async\" src=\"https:\/\/innersparklife.com\/wp-content\/uploads\/2025\/04\/7.jpg\" alt=\"Ana\" class=\"w-20 h-20 rounded-full object-cover border-4 border-white shadow-md\">\n                    <cite class=\"block font-display text-xl text-brand-blue mt-4 not-italic\">\u2014 Ana<\/cite>\n                    <blockquote class=\"mt-2 text-gray-700 font-sans flex-grow\">\u201cIt was like living a dream. I discovered parts of myself that would have taken years to uncover otherwise.\u201d<\/blockquote>\n                <\/div>\n\n                <!-- Add other testimonials following the same structure -->\n\n            <\/div>\n\n            <!-- Next Button -->\n            <button id=\"next-testimonial\" class=\"absolute right-0 top-1\/2 -translate-y-1\/2 z-10 bg-white\/80 backdrop-blur-sm hover:bg-brand-gold text-brand-blue disabled:opacity-50 disabled:cursor-not-allowed transition duration-300 rounded-full w-12 h-12 flex items-center justify-center shadow-lg border border-gray-200 -mr-6\" aria-label=\"Next Testimonial\">\n                <i class=\"fa-solid fa-chevron-right\"><\/i>\n            <\/button>\n        <\/div>\n    <\/div>\n<\/section>\n<!-- \u25b2\u25b2\u25b2 Testimonials Section \u25b2\u25b2\u25b2 -->\n\n<script>\n    document.addEventListener('DOMContentLoaded', () => {\n        const carousel = document.getElementById('testimonial-carousel');\n        const prevButton = document.getElementById('prev-testimonial');\n        const nextButton = document.getElementById('next-testimonial');\n        \n        if (!carousel || !prevButton || !nextButton) return;\n\n        const scrollAmount = () => {\n            const firstSlide = carousel.querySelector('.testimonial-slide');\n            if (!firstSlide) return 0;\n            const slideWidth = firstSlide.offsetWidth;\n            const gap = parseFloat(getComputedStyle(carousel).gap);\n            return slideWidth + gap;\n        };\n\n        nextButton.addEventListener('click', () => {\n            carousel.scrollBy({ left: scrollAmount(), behavior: 'smooth' });\n        });\n\n        prevButton.addEventListener('click', () => {\n            carousel.scrollBy({ left: -scrollAmount(), behavior: 'smooth' });\n        });\n\n        const checkButtons = () => {\n            const currentScroll = Math.round(carousel.scrollLeft);\n            const maxScroll = Math.round(carousel.scrollWidth - carousel.clientWidth);\n            const tolerance = 5;\n\n            prevButton.disabled = currentScroll <= tolerance;\n            nextButton.disabled = currentScroll >= maxScroll - tolerance;\n        };\n        \n        carousel.addEventListener('scroll', () => setTimeout(checkButtons, 150), { passive: true });\n        \/\/ Initial check\n        setTimeout(checkButtons, 100);\n        \/\/ Check on resize\n        new ResizeObserver(() => setTimeout(checkButtons, 150)).observe(carousel);\n    });\n<\/script>\n\n<\/body>\n<\/html>\n\n<\/div>\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Book Your Session &#8211; Inner Spark<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&#038;family=Open+Sans:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        'sans': ['Open Sans', 'sans-serif'],\n                        'display': ['Luckiest Guy', 'cursive'],\n                    },\n                    colors: {\n                        'brand-blue': '#0D2B45',\n                        'brand-gold': '#D4AF37',\n                        'brand-light': '#F7F4F0',\n                    },\n                }\n            }\n        }\n    <\/script>\n    <style>\n        .btn {\n            transition: all 0.3s ease-in-out; padding: 0.85rem 2rem; border-radius: 0.5rem;\n            text-transform: uppercase; letter-spacing: 0.075em; font-weight: 600;\n            display: inline-block; text-align: center; cursor: pointer;\n            border: 2px solid transparent; box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n        }\n        .btn-primary { background-color: #d4c083; color: #202e39; }\n        .btn-primary:hover { background-color: #c0ae74; transform: translateY(-3px); box-shadow: 0 7px 20px rgba(0,0,0,0.15); }\n        .btn-secondary { background-color: transparent; color: #202e39; border-color: #202e39; }\n        .btn-secondary:hover { background-color: #202e39; color: #ffffff; transform: translateY(-3px); box-shadow: 0 7px 20px rgba(32, 46, 57, 0.2); }\n        .popup-transition { transition: opacity 0.3s ease, transform 0.3s ease; }\n        .popup-backdrop { transition: opacity 0.3s ease; }\n    <\/style>\n<\/head>\n<body class=\"bg-brand-light\">\n\n<!-- \u25bc\u25bc\u25bc FINAL CTA SECTION \u25bc\u25bc\u25bc -->\n<section id=\"book-final\" class=\"py-16 sm:py-24\">\n    <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n        <h2 class=\"font-display text-4xl text-brand-blue sm:text-5xl uppercase tracking-wider\">Your Journey Awaits<\/h2>\n        <p class=\"mt-4 max-w-2xl mx-auto text-xl leading-8 text-gray-700 font-sans\">\n            You&#8217;re invited to a transformative guided drum journey (~90 mins) available online or in-person in <strong>Brussels<\/strong>. A powerful way to reconnect with yourself.\n        <\/p>\n        <div class=\"mt-8 bg-white\/70 p-6 rounded-xl shadow-lg border border-gray-200 inline-block\">\n             <p class=\"font-sans text-brand-blue text-lg\">Investment: <span class=\"font-bold text-2xl\">\u20ac87<\/span><\/p>\n        <\/div>\n        <p class=\"mt-8 font-sans text-gray-600\">If the proposed dates don\u2019t work for you, contact Pablo at <a href=\"mailto:pablo@innersparklife.com\" class=\"text-brand-blue font-semibold hover:underline\">pablo@innersparklife.com<\/a> to arrange a time.<\/p>\n\n        <div class=\"mt-10 flex flex-col sm:flex-row gap-4 justify-center\">\n            <button id=\"open-pablo-popup-final\" class=\"btn btn-primary\">Book Session with Teiwaz<\/button>\n        <\/div>\n    <\/div>\n<\/section>\n<!-- \u25b2\u25b2\u25b2 FINAL CTA SECTION \u25b2\u25b2\u25b2 -->\n\n\n<!-- \u25bc\u25bc\u25bc FINAL POP-UP MODALS \u25bc\u25bc\u25bc -->\n<!-- NOTE: These have unique IDs (-final) to avoid conflicts with the hero section popups -->\n\n<!-- Pablo's Final Booking Pop-up -->\n<div id=\"pablo-popup-final\" class=\"popup-backdrop fixed inset-0 bg-black\/60 flex items-center justify-center p-4 z-50 opacity-0 pointer-events-none\">\n    <div class=\"popup-transition bg-white rounded-2xl shadow-2xl w-full max-w-3xl max-h-[90vh] flex flex-col transform scale-95\">\n        <div class=\"flex justify-between items-center p-4 border-b\">\n            <h3 class=\"font-display text-lg text-brand-blue\">Book your session with Teiwaz<\/h3>\n            <button id=\"close-pablo-popup-final\" class=\"text-gray-400 hover:text-brand-blue text-3xl leading-none\">&times;<\/button>\n        <\/div>\n        <div class=\"p-4 sm:p-6 overflow-y-auto w-full\">\n            <!-- LeadConnector Widget for Pablo (FIXED) -->\n            <div style=\"min-height: 700px; width: 100%;\">\n                <iframe data-src=\"https:\/\/api.leadconnectorhq.com\/widget\/booking\/dt0gUZfeP2dCmB31mouP\" style=\"width: 100%; border: none; overflow-y: auto; height: 700px;\" scrolling=\"yes\" id=\"dt0gUZfeP2dCmB31mouP_1773349295315\"><\/iframe>\n            <\/div>\n            <script src=\"https:\/\/link.msgsndr.com\/js\/form_embed.js\" type=\"text\/javascript\"><\/script>\n        <\/div>\n    <\/div>\n<\/div>\n<!-- \u25b2\u25b2\u25b2 FINAL POP-UP MODALS \u25b2\u25b2\u25b2 -->\n\n<script>\n    \/\/ JS for FINAL CTA Pop-ups. This script uses unique IDs to avoid conflicts.\n   document.addEventListener('DOMContentLoaded', () => {\n        \/\/ Final CTA Popup elements\n        const pabloPopup = document.getElementById('pablo-popup-final');\n\n        \/\/ Final CTA Open buttons\n        const openPabloBtn = document.getElementById('open-pablo-popup-final');\n\n        \/\/ Final CTA Close buttons\n        const closePabloBtn = document.getElementById('close-pablo-popup-final');\n\n        const openPopup = (popup) => {\n            if (!popup) return;\n            const popupContent = popup.querySelector('.popup-transition');\n            popup.classList.remove('opacity-0', 'pointer-events-none');\n            \n            \/\/ FIX: Cargamos el calendario SOLO al abrir para evitar altura en 0px\n            const iframe = popup.querySelector('iframe');\n            if (iframe && !iframe.src) {\n                iframe.src = iframe.getAttribute('data-src');\n            }\n\n            setTimeout(() => {\n                if (popupContent) popupContent.classList.remove('scale-95');\n            }, 10);\n            document.body.style.overflow = 'hidden';\n        };\n\n        const closePopup = (popup) => {\n            if (!popup) return;\n            const popupContent = popup.querySelector('.popup-transition');\n            if (popupContent) popupContent.classList.add('scale-95');\n            popup.classList.add('opacity-0');\n            setTimeout(() => {\n                popup.classList.add('pointer-events-none');\n                document.body.style.overflow = 'auto';\n            }, 300);\n        };\n\n        if (openPabloBtn) openPabloBtn.addEventListener('click', () => openPopup(pabloPopup));\n        if (closePabloBtn) closePabloBtn.addEventListener('click', () => closePopup(pabloPopup));\n        if (pabloPopup) pabloPopup.addEventListener('click', (e) => { if (e.target === pabloPopup) closePopup(pabloPopup); });\n        \n        document.addEventListener('keydown', (e) => {\n            if (e.key === 'Escape') {\n                if (pabloPopup && !pabloPopup.classList.contains('pointer-events-none')) closePopup(pabloPopup);\n            }\n        });\n    });\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"editor_plus_copied_stylings":"{}","_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"class_list":["post-19487","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/innersparklife.com\/wp-json\/wp\/v2\/pages\/19487","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/innersparklife.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/innersparklife.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/innersparklife.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/innersparklife.com\/wp-json\/wp\/v2\/comments?post=19487"}],"version-history":[{"count":54,"href":"https:\/\/innersparklife.com\/wp-json\/wp\/v2\/pages\/19487\/revisions"}],"predecessor-version":[{"id":22474,"href":"https:\/\/innersparklife.com\/wp-json\/wp\/v2\/pages\/19487\/revisions\/22474"}],"wp:attachment":[{"href":"https:\/\/innersparklife.com\/wp-json\/wp\/v2\/media?parent=19487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}