Buddy Package - Hero CTA Teaser Card<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:ital,wght@0,300;0,500;0,700;0,900;1,400&family=Prompt:ital,wght@0,300;0,500;0,700;0,900;1,400&family=Rajdhani:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n :root {\r\n --neon-red-glow: rgba(220, 38, 38, 0.9);\r\n --neon-glow-strength: 20px;\r\n }\r\n\r\n .cta-teaser-scope {\r\n font-family: 'Prompt', 'Kanit', -apple-system, sans-serif;\r\n background-color: transparent;\r\n }\r\n\r\n .sporty-font {\r\n font-family: 'Rajdhani', 'Kanit', sans-serif;\r\n font-weight: 900;\r\n line-height: 0.85;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n \/* Floating Animation to draw attention *\/\r\n @keyframes floatCard {\r\n 0% { transform: translateY(0px); }\r\n 50% { transform: translateY(-8px); }\r\n 100% { transform: translateY(0px); }\r\n }\r\n\r\n .animate-float-card {\r\n animation: floatCard 4s ease-in-out infinite;\r\n }\r\n\r\n \/* Ambient Glow and Shadows *\/\r\n .neon-glow-red {\r\n box-shadow: 0 0 var(--neon-glow-strength) var(--neon-red-glow),\r\n inset 0 0 calc(var(--neon-glow-strength) * 0.2) var(--neon-red-glow);\r\n }\r\n\r\n .text-glow-red {\r\n text-shadow: 0 0 10px var(--neon-red-glow), 0 0 2px var(--neon-red-glow);\r\n }\r\n\r\n \/* Diagonal stripes for combat sports aesthetic *\/\r\n .combat-stripes {\r\n background: repeating-linear-gradient(\r\n -45deg,\r\n rgba(0, 0, 0, 0) 0px,\r\n rgba(0, 0, 0, 0) 10px,\r\n rgba(220, 38, 38, 0.03) 10px,\r\n rgba(220, 38, 38, 0.03) 20px\r\n );\r\n }\r\n\r\n \/* Premium Glassmorphism styling *\/\r\n .glass-card {\r\n background: rgba(8, 12, 24, 0.88);\r\n backdrop-filter: blur(16px);\r\n -webkit-backdrop-filter: blur(16px);\r\n border: 1.5px solid rgba(220, 38, 38, 0.25);\r\n }\r\n\r\n .glass-card:hover {\r\n border-color: rgba(220, 38, 38, 0.6);\r\n box-shadow: 0 0 25px rgba(220, 38, 38, 0.15);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"cta-teaser-scope text-slate-100 flex items-center justify-center p-2 min-h-fit\">\r\n\r\n \r\n <div class=\"w-full max-w-[420px] glass-card rounded-[24px] overflow-hidden shadow-2xl relative animate-float-card transition-all duration-300\">\r\n \r\n \r\n <div class=\"absolute inset-0 pointer-events-none opacity-40 combat-stripes\"><\/div>\r\n \r\n \r\n <div class=\"absolute -top-16 -right-16 w-36 h-36 bg-red-600\/20 rounded-full blur-2xl pointer-events-none\"><\/div>\r\n\r\n \r\n <div class=\"bg-gradient-to-r from-red-600 via-red-700 to-neutral-950 px-4 py-2 flex items-center justify-between border-b border-red-900\/50\">\r\n <span class=\"text-[9px] font-black uppercase tracking-widest flex items-center gap-1.5 text-white\">\r\n <span class=\"w-2 h-2 rounded-full bg-white animate-ping\"><\/span>\r\n \u23f1\ufe0f \u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e08\u0e33\u0e01\u0e31\u0e14\u0e40\u0e27\u0e25\u0e32 \/ Limited Gym Offer\r\n <\/span>\r\n <span class=\"text-[9px] font-black uppercase tracking-wider text-red-100 sporty-font\">\r\n ENDS 31 JULY 2026\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"p-6 md:p-8 space-y-6 relative z-10\">\r\n \r\n \r\n <div class=\"flex items-center justify-between\">\r\n <div class=\"inline-flex items-center gap-2 bg-slate-950\/90 text-red-500 font-extrabold tracking-widest px-3 py-1.5 rounded-full text-[10px] border border-red-500\/30 shadow-lg\">\r\n <span class=\"w-2 h-2 rounded-full bg-red-500 animate-pulse\"><\/span>\r\n <span class=\"font-bold uppercase tracking-wider text-glow-red\">BETTER TOGETHER \ud83e\udd4a<\/span>\r\n <\/div>\r\n <div class=\"text-xl\">\u26a1<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"space-y-2\">\r\n <h3 class=\"text-3xl md:text-4xl font-extrabold tracking-tight text-white sporty-font flex flex-col uppercase leading-none\">\r\n <span>THE BUDDY<\/span>\r\n <span class=\"text-red-600 text-glow-red mt-0.5\">PACKAGE<\/span>\r\n <\/h3>\r\n <div class=\"space-y-1\">\r\n <p class=\"text-xs text-slate-200 leading-relaxed font-light\">\r\n \u0e08\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e2b\u0e39\u0e21\u0e32\u0e1f\u0e34\u0e15\u0e0b\u0e49\u0e2d\u0e21\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e23\u0e39\u0e1b\u0e23\u0e48\u0e32\u0e07\u0e44\u0e1b\u0e14\u0e49\u0e27\u0e22\u0e01\u0e31\u0e19\u0e43\u0e19\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e19\u0e35\u0e49! \u0e2b\u0e32\u0e23\u0e04\u0e23\u0e36\u0e48\u0e07\u0e23\u0e32\u0e04\u0e32\u0e17\u0e31\u0e19\u0e17\u0e35\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e01\u0e32\u0e23\u0e40\u0e25\u0e48\u0e19\u0e17\u0e38\u0e01\u0e04\u0e25\u0e32\u0e2a\u0e20\u0e32\u0e22\u0e43\u0e19\u0e22\u0e34\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e04\u0e23\u0e31\u0e1a\r\n <\/p>\r\n <p class=\"text-[10px] text-slate-400 leading-normal font-light italic border-l border-slate-700 pl-2\">\r\n Bring a training partner to sign up this month and split the cost down to half with our exclusive package!\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"space-y-3 bg-slate-950\/60 p-4 rounded-xl border border-red-950\/30\">\r\n <span class=\"text-[9px] font-bold text-red-500 uppercase tracking-widest text-glow-red\">\u0e40\u0e23\u0e15\u0e23\u0e32\u0e04\u0e32\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a 2 \u0e17\u0e48\u0e32\u0e19 \/ Special Rates<\/span>\r\n \r\n <div class=\"flex items-center justify-between pt-1 border-b border-slate-900 pb-2\">\r\n <div class=\"space-y-0.5 text-left\">\r\n <span class=\"block text-[10px] font-bold text-slate-300\">\ud83e\udd4a MUAY THAI ONLY<\/span>\r\n <span class=\"block text-[9px] text-slate-500 italic\">\u0e40\u0e02\u0e49\u0e32\u0e1d\u0e36\u0e01\u0e0b\u0e49\u0e2d\u0e21\u0e04\u0e25\u0e32\u0e2a\u0e21\u0e27\u0e22\u0e44\u0e17\u0e22\u0e44\u0e21\u0e48\u0e08\u0e33\u0e01\u0e31\u0e14<\/span>\r\n <\/div>\r\n <div class=\"text-right flex flex-col items-end\">\r\n <span class=\"text-[9.5px] bg-red-950\/70 text-red-400 font-black px-2 py-0.5 rounded border border-red-900\/40 uppercase\">\u0e04\u0e19\u0e25\u0e30 1,000 \u0e1a\u0e32\u0e17!<\/span>\r\n <span class=\"text-[8px] text-slate-500 mt-0.5\">Only 1,000 THB each<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex items-center justify-between pt-1 pb-1\">\r\n <div class=\"space-y-0.5 text-left\">\r\n <span class=\"block text-[10px] font-bold text-slate-300\">\ud83e\udd4b ALL-ACCESS FULL<\/span>\r\n <span class=\"block text-[9px] text-slate-500 italic\">\u0e40\u0e25\u0e48\u0e19\u0e44\u0e14\u0e49\u0e04\u0e23\u0e1a\u0e17\u0e31\u0e49\u0e07\u0e22\u0e34\u0e27\u0e22\u0e34\u0e15\u0e2a\u0e39 (BJJ) \u0e41\u0e25\u0e30\u0e21\u0e27\u0e22\u0e44\u0e17\u0e22<\/span>\r\n <\/div>\r\n <div class=\"text-right flex flex-col items-end\">\r\n <span class=\"text-[9.5px] bg-red-950\/70 text-red-400 font-black px-2 py-0.5 rounded border border-red-900\/40 uppercase\">\u0e04\u0e19\u0e25\u0e30 2,000 \u0e1a\u0e32\u0e17!<\/span>\r\n <span class=\"text-[8px] text-slate-500 mt-0.5\">Only 2,000 THB each<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pt-2\">\r\n <a href=\"#THEBUDDYPACKAGE\" class=\"w-full relative group flex items-center justify-center py-4 px-6 rounded-xl bg-gradient-to-r from-red-600 via-red-700 to-neutral-900 text-white font-black text-xs tracking-wider uppercase shadow-xl transition-all hover:scale-[1.03] active:scale-95 duration-200 neon-glow-red overflow-hidden\">\r\n \r\n <span class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/10 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000 ease-in-out\"><\/span>\r\n \r\n <div class=\"flex flex-col items-center justify-center space-y-0.5 text-center\">\r\n <span class=\"flex items-center gap-1.5 font-bold tracking-widest sporty-font\">\r\n \u0e14\u0e39\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08 & \u0e01\u0e14\u0e23\u0e31\u0e1a\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e2a\u0e48\u0e27\u0e19\u0e25\u0e14\u0e44\u0e14\u0e49\u0e17\u0e35\u0e48\u0e19\u0e35\u0e48 \ud83c\udfaf\r\n <\/span>\r\n <span class=\"text-[8px] text-red-200 font-semibold lowercase tracking-normal normal-case\">\r\n click here to claim discount & view details\r\n <\/span>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-black\/50 py-2.5 px-4 text-center border-t border-slate-900\/60 flex items-center justify-center gap-1 text-[9px] text-slate-500 font-light\">\r\n <i class=\"fa-solid fa-circle-info text-red-600\/70 text-[8px]\"><\/i>\r\n <span>\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e25\u0e07\u0e44\u0e1b\u0e04\u0e33\u0e19\u0e27\u0e13\u0e2a\u0e48\u0e27\u0e19\u0e25\u0e14 \u0e2b\u0e23\u0e37\u0e2d\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e1a\u0e31\u0e15\u0e23\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e0a\u0e31\u0e19<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-adfef3a e-flex e-con-boxed e-con e-parent\" data-id=\"adfef3a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a99c6b8 elementor-widget elementor-widget-heading\" data-id=\"a99c6b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Welcome to\u200b<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf10c24 elementor-widget elementor-widget-heading\" data-id=\"cf10c24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Bangkok Brazilian Jiu Jitsu Grappling Academy<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-40ad3dc elementor-widget elementor-widget-text-editor\" data-id=\"40ad3dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Believe and Achieve<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ead10a9 elementor-widget elementor-widget-text-editor\" data-id=\"ead10a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Welcome to the Brazilian Jiu Jitsu Grappling Academy!<\/p><p>At our academy, we are passionate about sharing the transformative art of Jiu-Jitsu with our vibrant community. Originating from Brazil, Jiu-Jitsu is not just a martial art; it’s a powerful form of self-defense and a practical way to build physical fitness, mental resilience, and discipline.\u00a0<\/p><p>Experience dynamic training sessions led by our skilled instructors, who are dedicated to nurturing talent at all levels. Whether you’re a complete beginner or a seasoned practitioner, you\u2019ll find a welcoming and supportive environment that empowers you to sharpen your techniques and boost your confidence.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8a1853c e-con-full e-flex e-con e-child\" data-id=\"8a1853c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2c0e9da e-con-full e-flex e-con e-child\" data-id=\"2c0e9da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab8a98b elementor-widget elementor-widget-image\" data-id=\"ab8a98b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1150\" height=\"1280\" src=\"https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/bjj-8111393_1920.jpg\" class=\"elementor-animation-bounce-in attachment-full size-full wp-image-5826\" alt=\"Brazilian Jiu Jitsu\" srcset=\"https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/bjj-8111393_1920.jpg 1150w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/bjj-8111393_1920-270x300.jpg 270w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/bjj-8111393_1920-920x1024.jpg 920w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/bjj-8111393_1920-768x855.jpg 768w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/bjj-8111393_1920-11x12.jpg 11w\" sizes=\"(max-width: 1150px) 100vw, 1150px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d33ec94 e-con-full e-flex e-con e-child\" data-id=\"d33ec94\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edacc2e elementor-widget elementor-widget-text-editor\" data-id=\"edacc2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Practicing Brazilian Jiu Jitsu offers a multitude of benefits, including:<\/strong><\/p><p>– Enhanced Physical Fitness**: Develop strength, flexibility, and endurance while having fun.<\/p><p>– Self-Defense Skills: Learn effective techniques to protect yourself in real-world situations.<\/p><p>– Mental Benefits: Improve focus, problem-solving skills, and stress relief through engaging, strategic training.<\/p><p>– Community and Camaraderie: Forge lifelong friendships with fellow practitioners who share your passion.<\/p><p>By joining us, you take the first step towards personal growth, tackling challenges, and embracing a lifestyle that promotes health, respect, and camaraderie.\u00a0<\/p><p>Let\u2019s embark on this incredible journey together! Join us today!\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4c7bf98 e-con-full e-flex e-con e-parent\" data-id=\"4c7bf98\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-7a9b301 e-con-full e-flex e-con e-child\" data-id=\"7a9b301\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-28cb398 e-con-full e-flex e-con e-child\" data-id=\"28cb398\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4631a7 elementor-widget elementor-widget-image\" data-id=\"e4631a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/10\/Personalized-Coaching-300x300.png\" class=\"attachment-medium size-medium wp-image-5742\" alt=\"-\" srcset=\"https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/10\/Personalized-Coaching-300x300.png 300w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/10\/Personalized-Coaching-1024x1024.png 1024w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/10\/Personalized-Coaching-150x150.png 150w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/10\/Personalized-Coaching-768x768.png 768w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/10\/Personalized-Coaching.png 1080w\" sizes=\"(max-width: 300px) 100vw, 300px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38aa0a7 elementor-widget elementor-widget-heading\" data-id=\"38aa0a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Personalized Coaching<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c8b529 elementor-widget elementor-widget-text-editor\" data-id=\"0c8b529\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Our experienced trainers bring a wealth of knowledge and real-world fighting experience to every class, ensuring you learn the most effective techniques in grappling. We are focused on bringing to each member personalized attention and coaching.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8bf861d e-con-full e-flex e-con e-child\" data-id=\"8bf861d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa54023 elementor-widget elementor-widget-image\" data-id=\"fa54023\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/Comprehensive-Programs-2-300x300.png\" class=\"attachment-medium size-medium wp-image-5775\" alt=\"-\" srcset=\"https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/Comprehensive-Programs-2-300x300.png 300w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/Comprehensive-Programs-2-1024x1024.png 1024w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/Comprehensive-Programs-2-150x150.png 150w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/Comprehensive-Programs-2-768x768.png 768w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/Comprehensive-Programs-2.png 1080w\" sizes=\"(max-width: 300px) 100vw, 300px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e21bc92 elementor-widget elementor-widget-heading\" data-id=\"e21bc92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Comprehensive Programs<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5776029 elementor-widget elementor-widget-text-editor\" data-id=\"5776029\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Whether you want to learn self-defense, compete at a higher level, or just get in shape, we have programs tailored for all ages and skill levels.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-890a8aa e-con-full e-flex e-con e-child\" data-id=\"890a8aa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb1235f elementor-widget elementor-widget-image\" data-id=\"fb1235f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/Community-Focused-2-300x300.png\" class=\"attachment-medium size-medium wp-image-5776\" alt=\"-\" srcset=\"https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/Community-Focused-2-300x300.png 300w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/Community-Focused-2-1024x1024.png 1024w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/Community-Focused-2-150x150.png 150w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/Community-Focused-2-768x768.png 768w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/Community-Focused-2.png 1080w\" sizes=\"(max-width: 300px) 100vw, 300px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d85821 elementor-widget elementor-widget-heading\" data-id=\"7d85821\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Community-Focused<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f29510e elementor-widget elementor-widget-text-editor\" data-id=\"f29510e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Become part of a supportive community that encourages growth, discipline, and respect both inside and outside the gym.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9ec6344 e-con-full e-flex e-con e-child\" data-id=\"9ec6344\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1de1359 elementor-widget elementor-widget-image\" data-id=\"1de1359\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/A-Friendly-Setting-to-Hone-Your-Skill-2-300x300.png\" class=\"attachment-medium size-medium wp-image-5777\" alt=\"-\" srcset=\"https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/A-Friendly-Setting-to-Hone-Your-Skill-2-300x300.png 300w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/A-Friendly-Setting-to-Hone-Your-Skill-2-1024x1024.png 1024w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/A-Friendly-Setting-to-Hone-Your-Skill-2-150x150.png 150w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/A-Friendly-Setting-to-Hone-Your-Skill-2-768x768.png 768w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/A-Friendly-Setting-to-Hone-Your-Skill-2.png 1080w\" sizes=\"(max-width: 300px) 100vw, 300px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0956a71 elementor-widget elementor-widget-heading\" data-id=\"0956a71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A Friendly Setting to Hone Your Skill<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bba30b elementor-widget elementor-widget-text-editor\" data-id=\"4bba30b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">We are dedicated to providing a warm and friendly space where members feel comfortable and supported. We want everyone, regardless of skill level, to feel welcome at our gym.\u00a0 We are all here to learn new skills. Believe and Achieve! <\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff37c99 e-con-full e-flex e-con e-parent\" data-id=\"ff37c99\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-b0d8d1c e-con-full e-flex e-con e-child\" data-id=\"b0d8d1c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a939629 e-con-full e-flex e-con e-child\" data-id=\"a939629\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1740a92 elementor-widget elementor-widget-image\" data-id=\"1740a92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/10\/pexels-photo-7988831-1-1024x683.png\" class=\"attachment-large size-large wp-image-5754\" alt=\"Welcome to the Brazilian Jiu-Jitsu Grappling Academy\" srcset=\"https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/10\/pexels-photo-7988831-1-1024x683.png 1024w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/10\/pexels-photo-7988831-1-300x200.png 300w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/10\/pexels-photo-7988831-1-768x512.png 768w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/10\/pexels-photo-7988831-1.png 1125w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-22da8ae e-con-full e-flex e-con e-child\" data-id=\"22da8ae\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e465e46 elementor-widget elementor-widget-heading\" data-id=\"e465e46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Brazilian Jiu Jitsu Classes<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8915f93 elementor-widget elementor-widget-text-editor\" data-id=\"8915f93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">We invite you to explore the world of Jiu Jitsu, where inclusivity is paramount. Regardless of whether you are a businessman, a housewife, or a student, we offer tailored programs to meet your needs. Our classes are designed for individuals of all levels, providing the right environment for personal growth and development. Join us in this enriching journey and discover your capabilities.<\/span><span style=\"font-weight: 400;\">Our classes cater to all skill levels, from beginners to advanced practitioners. Our Academy will have both private and group classes available for both children and adults.\u00a0 All our members will be drilled in the fundamentals of Brazilian Jiu-jitsu. \u00a0 <\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8673a8b elementor-widget elementor-widget-button\" data-id=\"8673a8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-bounce-in\" href=\"https:\/\/brazilianjiujitsubkk.com\/pricing-plans\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">View More<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf2c220 e-flex e-con-boxed e-con e-parent\" data-id=\"cf2c220\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-744a42f elementor-widget elementor-widget-heading\" data-id=\"744a42f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Brazilian Jiu Jitsu Coach - Marcelo Silva Do Nascimento\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a519435 elementor-widget elementor-widget-text-editor\" data-id=\"a519435\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Personalized coaching and Group Classes to improve your skills.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bdad478 e-con-full e-flex e-con e-child\" data-id=\"bdad478\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7b0ba50 e-con-full e-flex e-con e-child\" data-id=\"7b0ba50\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-436af26 e-transform elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"436af26\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_transform_scale_effect_hover":{"unit":"px","size":1.2,"sizes":[]},"_transform_scale_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"708\" height=\"1024\" src=\"https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/8390282-708x1024.jpg\" class=\"attachment-large size-large wp-image-5782\" alt=\"Trainer Brazilian Jiu Jitsu\" srcset=\"https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/8390282-708x1024.jpg 708w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/8390282-207x300.jpg 207w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/8390282-768x1111.jpg 768w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/8390282-1062x1536.jpg 1062w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/11\/8390282.jpg 1080w\" sizes=\"(max-width: 708px) 100vw, 708px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-18eacae e-con-full e-flex e-con e-child\" data-id=\"18eacae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ab8ba9 elementor-widget elementor-widget-heading\" data-id=\"6ab8ba9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Marcelo Silva Do Nascimento<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e879dd elementor-widget elementor-widget-text-editor\" data-id=\"6e879dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Trainer<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76462bf elementor-widget elementor-widget-text-editor\" data-id=\"76462bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>My name is Marcelo Silva, and I am originally from Rio de Janeiro, Brazil. I began my Jiu-Jitsu journey in 2000 as a young practitioner, and by 2013, I transitioned into teaching. Since then, I have dedicated myself to training athletes who have gone on to become champions at the state, national, and world levels in both Jiu-Jitsu and no-gi wrestling.<\/p>\n<p><span style=\"text-align: var(--text-align); background-color: var( --e-global-color-secondary );\"><font face=\"var( --e-global-typography-text-font-family ), Sans-serif\"><span style=\"font-weight: var( --e-global-typography-text-font-weight );\">As a certified referee, I have completed courses with multiple federations and remain actively involved in the refereeing community. I was honored to receive the Best Referee of the Year award from the Brazilian Confederation of No-Gi <\/span><\/font>Luta Livre<font face=\"var( --e-global-typography-text-font-family ), Sans-serif\"><span style=\"font-weight: var( --e-global-typography-text-font-weight );\"> in 2018, recognizing my commitment and expertise in the field.<\/span><\/font><\/span><\/p>\n<p><span style=\"text-align: center;\">Marcelo, our Black Belt practitioner, is committed to ensuring that our Academy offers the best group programs and personalized coaching. His expertise will help create an exceptional experience for all our members. With Marcelo’s guidance, you can look forward to a supportive environment that fosters growth and skill development. Join us and discover the difference!<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9edfe81 e-con-full e-flex e-con e-parent\" data-id=\"9edfe81\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27d17b5 elementor-widget elementor-widget-menu-anchor\" data-id=\"27d17b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"THEBUDDYPACKAGE\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f30bb17 elementor-widget elementor-widget-html\" data-id=\"f30bb17\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"th\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Buddy Package Poster - Section Widget Bilingual<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:ital,wght@0,300;0,500;0,700;0,900;1,400&family=Prompt:ital,wght@0,300;0,500;0,700;0,900;1,400&family=Rajdhani:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script>\r\n \r\n <style>\r\n :root {\r\n --neon-primary-color: rgba(220, 38, 38, 0.95); \/* Sporty Fierce Red *\/\r\n --neon-secondary-color: rgba(24, 24, 27, 0.95); \/* Deep Carbon Black *\/\r\n --neon-glow-strength: 15px;\r\n }\r\n\r\n .buddy-widget-scope {\r\n font-family: 'Prompt', 'Kanit', -apple-system, sans-serif;\r\n background-color: #020617;\r\n }\r\n\r\n .sporty-font {\r\n font-family: 'Rajdhani', 'Kanit', sans-serif;\r\n font-weight: 900;\r\n line-height: 0.85;\r\n letter-spacing: -0.03em;\r\n }\r\n\r\n \/* High-contrast black and white cinematic background style similar to image_3d59bd.png *\/\r\n .cinematic-bg {\r\n background-image: \r\n linear-gradient(to right, rgba(2, 6, 23, 0.98) 35%, rgba(2, 6, 23, 0.8) 65%, rgba(2, 6, 23, 0.92) 100%),\r\n url('https:\/\/images.unsplash.com\/photo-1517838277536-f5f99be501cd?q=80&w=1800');\r\n background-size: cover;\r\n background-position: center;\r\n filter: grayscale(0.2) contrast(1.05);\r\n transition: background 0.5s ease-in-out;\r\n }\r\n\r\n .grid-pattern {\r\n background-size: 30px 30px;\r\n background-image: \r\n linear-gradient(to right, rgba(255, 255, 255, 0.015) 1px, transparent 1px),\r\n linear-gradient(to bottom, rgba(255, 255, 255, 0.015) 1px, transparent 1px);\r\n }\r\n\r\n .diagonal-stripes {\r\n background: repeating-linear-gradient(\r\n -45deg,\r\n rgba(0, 0, 0, 0) 0px,\r\n rgba(0, 0, 0, 0) 12px,\r\n rgba(220, 38, 38, 0.02) 12px,\r\n rgba(220, 38, 38, 0.02) 24px\r\n );\r\n }\r\n\r\n \/* Dynamic Glow Utilizing CSS Variables *\/\r\n .neon-glow-dynamic {\r\n box-shadow: 0 0 var(--neon-glow-strength) var(--neon-primary-color),\r\n inset 0 0 calc(var(--neon-glow-strength) * 0.3) var(--neon-primary-color);\r\n }\r\n\r\n .text-glow-dynamic {\r\n text-shadow: 0 0 12px var(--neon-primary-color), 0 0 2px var(--neon-primary-color);\r\n }\r\n\r\n \/* Glassmorphism panel styling *\/\r\n .glass-panel {\r\n background: rgba(10, 15, 30, 0.75);\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n border: 1px solid rgba(255, 255, 255, 0.06);\r\n }\r\n\r\n .glass-panel-heavy {\r\n background: rgba(4, 6, 15, 0.95);\r\n backdrop-filter: blur(24px);\r\n -webkit-backdrop-filter: blur(24px);\r\n border-left: 1px solid rgba(255, 255, 255, 0.08);\r\n }\r\n\r\n \/* Smooth inputs focus states *\/\r\n .input-focus-ring:focus {\r\n outline: none;\r\n border-color: rgba(220, 38, 38, 0.8);\r\n box-shadow: 0 0 10px rgba(220, 38, 38, 0.3);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"buddy-widget-scope text-slate-100 relative grid-pattern min-h-fit\">\r\n\r\n \r\n <div class=\"fixed bottom-6 right-6 z-50\">\r\n <button onclick=\"toggleControlHub()\" class=\"relative group flex items-center justify-center w-14 h-14 rounded-full bg-slate-950 text-white border border-red-500\/50 shadow-2xl transition-transform hover:scale-110 active:scale-95 duration-200 neon-glow-dynamic\" id=\"floating-hub-btn\">\r\n <span class=\"absolute -inset-1 rounded-full bg-red-600 opacity-20 blur group-hover:opacity-40 transition-opacity\"><\/span>\r\n <i class=\"fa-solid fa-sliders text-xl text-red-500 text-glow-dynamic\" id=\"hub-btn-icon\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <aside id=\"control-hub-sidebar\" class=\"fixed top-0 right-0 h-full w-full sm:w-[420px] glass-panel-heavy z-[9999] transform translate-x-full transition-transform duration-300 ease-out shadow-2xl flex flex-col hidden\">\r\n <div class=\"p-6 border-b border-slate-900 flex items-center justify-between\">\r\n <div class=\"flex items-center gap-2\">\r\n <i class=\"fa-solid fa-wand-magic-sparkles text-red-500 text-glow-dynamic\" id=\"control-icon\"><\/i>\r\n <h2 class=\"text-xs font-black uppercase tracking-wider sporty-font text-white\">\u0e41\u0e1c\u0e07\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e0a\u0e31\u0e19\u0e41\u0e25\u0e30\u0e42\u0e2b\u0e25\u0e14\u0e23\u0e39\u0e1b (Bilingual)<\/h2>\r\n <\/div>\r\n <button onclick=\"toggleControlHub()\" class=\"text-slate-400 hover:text-white transition-colors p-1\">\r\n <i class=\"fa-solid fa-xmark text-lg\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex-1 overflow-y-auto p-6 space-y-5 text-xs\">\r\n \r\n <div>\r\n <span class=\"block text-[10px] font-extrabold text-slate-400 uppercase tracking-widest mb-2\">\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e21\u0e38\u0e21\u0e21\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07<\/span>\r\n <div class=\"bg-slate-950 p-1 rounded-xl flex border border-slate-900\">\r\n <button onclick=\"switchView('landing')\" id=\"btn-landing\" class=\"flex-1 py-2 rounded-lg text-[11px] font-bold bg-red-600 text-white transition-all shadow-md neon-glow-dynamic\">\r\n <i class=\"fa-solid fa-desktop mr-1.5\"><\/i> \u0e1a\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\r\n <\/button>\r\n <button onclick=\"switchView('poster')\" id=\"btn-poster\" class=\"flex-1 py-2 rounded-lg text-[11px] font-bold text-slate-400 hover:text-white transition-all\">\r\n <i class=\"fa-solid fa-mobile-screen mr-1.5\"><\/i> \u0e42\u0e1b\u0e2a\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e42\u0e0b\u0e40\u0e0a\u0e35\u0e22\u0e25 (9:16)\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <span class=\"block text-[10px] font-extrabold text-slate-400 uppercase tracking-widest mb-2\">\u0e0a\u0e38\u0e14\u0e2a\u0e35\u0e19\u0e35\u0e2d\u0e2d\u0e19\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e0a\u0e31\u0e19<\/span>\r\n <div class=\"grid grid-cols-3 gap-2\">\r\n <button onclick=\"changeTheme('red')\" class=\"p-2 rounded-xl bg-slate-950 border border-slate-800 hover:border-red-500 flex items-center justify-center gap-1.5 transition-all text-[11px] font-bold text-red-500\">\r\n <span class=\"w-3 h-3 rounded-full bg-red-600\"><\/span> \u0e41\u0e14\u0e07\u0e40\u0e1e\u0e25\u0e34\u0e07\r\n <\/button>\r\n <button onclick=\"changeTheme('fire')\" class=\"p-2 rounded-xl bg-slate-950 border border-slate-800 hover:border-amber-500 flex items-center justify-center gap-1.5 transition-all text-[11px] font-bold text-amber-500\">\r\n <span class=\"w-3 h-3 rounded-full bg-amber-600\"><\/span> \u0e41\u0e2d\u0e21\u0e40\u0e1a\u0e2d\u0e23\u0e4c\r\n <\/button>\r\n <button onclick=\"changeTheme('volt')\" class=\"p-2 rounded-xl bg-slate-950 border border-slate-800 hover:border-lime-400 flex items-center justify-center gap-1.5 transition-all text-[11px] font-bold text-lime-400\">\r\n <span class=\"w-3 h-3 rounded-full bg-lime-400\"><\/span> \u0e40\u0e02\u0e35\u0e22\u0e27\u0e42\u0e27\u0e25\u0e17\u0e4c\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-4 bg-slate-950 rounded-2xl border border-slate-900 space-y-3.5\">\r\n <span class=\"text-[10px] font-bold text-slate-400 uppercase tracking-widest flex items-center gap-1.5\">\r\n <i class=\"fa-solid fa-eye-dropper text-red-500\" id=\"ambient-ctrl-icon\"><\/i> \u0e04\u0e27\u0e32\u0e21\u0e2a\u0e27\u0e48\u0e32\u0e07 & \u0e40\u0e2d\u0e1f\u0e40\u0e1f\u0e01\u0e15\u0e4c\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\r\n <\/span>\r\n <div>\r\n <div class=\"flex justify-between text-[10px] mb-1 text-slate-300 font-bold\">\r\n <span>\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e27\u0e48\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e41\u0e2a\u0e07\u0e40\u0e23\u0e37\u0e2d\u0e07 (Neon Glow)<\/span>\r\n <span id=\"glow-radius-display\" class=\"font-bold text-red-500 text-glow-dynamic\">15px<\/span>\r\n <\/div>\r\n <input type=\"range\" id=\"slider-glow\" min=\"5\" max=\"30\" value=\"15\" oninput=\"adjustGlow(this.value)\" class=\"w-full accent-red-600 bg-slate-900 rounded-lg appearance-none h-1.5 cursor-pointer\">\r\n <\/div>\r\n <div class=\"flex items-center justify-between pt-1\">\r\n <span class=\"text-[10px] text-slate-300 font-bold\">\u0e40\u0e1b\u0e34\u0e14\u0e25\u0e32\u0e22\u0e01\u0e23\u0e32\u0e1f\u0e34\u0e01\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e09\u0e35\u0e22\u0e07 (Slashes)<\/span>\r\n <label class=\"relative inline-flex items-center cursor-pointer\">\r\n <input type=\"checkbox\" id=\"toggle-slashes\" checked onchange=\"togglePosterSlashes()\" class=\"sr-only peer\">\r\n <div class=\"w-9 h-5 bg-slate-900 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-slate-400 after:border-slate-300 after:border after:rounded-full after:h-4 after:w-4 after:transition-all peer-checked:bg-red-600\"><\/div>\r\n <\/label>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"space-y-3\">\r\n \r\n <div>\r\n <label class=\"block text-[10px] font-extrabold text-slate-400 uppercase tracking-widest mb-1\">\u0e2a\u0e42\u0e25\u0e41\u0e01\u0e19\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d (Header Badge)<\/label>\r\n <input type=\"text\" id=\"edit-header-accent\" value=\"BETTER TOGETHER \ud83e\udd4a\" oninput=\"updateContent()\" class=\"w-full bg-slate-950 border border-slate-900 rounded-lg px-3 py-2 text-white font-semibold input-focus-ring transition-all\">\r\n <\/div>\r\n \r\n <div>\r\n <label class=\"block text-[10px] font-extrabold text-slate-400 uppercase tracking-widest mb-1\">\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e2b\u0e25\u0e31\u0e01\u0e41\u0e04\u0e21\u0e40\u0e1b\u0e0d (Campaign Title)<\/label>\r\n <input type=\"text\" id=\"edit-title\" value=\"THE BUDDY PACKAGE\" oninput=\"updateContent()\" class=\"w-full bg-slate-950 border border-slate-900 rounded-lg px-3 py-2 text-white font-bold input-focus-ring transition-all\">\r\n <\/div>\r\n \r\n \r\n <div>\r\n <label class=\"block text-[10px] font-extrabold text-red-500 uppercase tracking-widest mb-1\">\u0e04\u0e33\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e22\u0e20\u0e32\u0e29\u0e32\u0e44\u0e17\u0e22 (Sub-headline TH)<\/label>\r\n <textarea id=\"edit-subheadline-th\" rows=\"2\" oninput=\"updateContent()\" class=\"w-full bg-slate-950 border border-slate-900 rounded-lg px-3 py-2 text-white leading-relaxed input-focus-ring transition-all\">\u0e08\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e2b\u0e39\u0e41\u0e25\u0e49\u0e27\u0e21\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e23\u0e39\u0e1b\u0e23\u0e48\u0e32\u0e07\u0e44\u0e1b\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e01\u0e31\u0e19! \u0e40\u0e1e\u0e35\u0e22\u0e07\u0e0a\u0e27\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e0b\u0e35\u0e49\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e21\u0e32\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e1d\u0e36\u0e01\u0e0b\u0e49\u0e2d\u0e21\u0e43\u0e19\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e19\u0e35\u0e49 \u0e41\u0e25\u0e49\u0e27\u0e2b\u0e32\u0e23\u0e04\u0e23\u0e36\u0e48\u0e07\u0e23\u0e32\u0e04\u0e32\u0e44\u0e1b\u0e14\u0e49\u0e27\u0e22\u0e01\u0e31\u0e19\u0e01\u0e31\u0e1a\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e2a\u0e38\u0e14\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e04\u0e23\u0e31\u0e1a!<\/textarea>\r\n <\/div>\r\n \r\n <div>\r\n <label class=\"block text-[10px] font-extrabold text-slate-400 uppercase tracking-widest mb-1\">\u0e04\u0e33\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e22\u0e20\u0e32\u0e29\u0e32\u0e2d\u0e31\u0e07\u0e01\u0e24\u0e29 (Sub-headline EN)<\/label>\r\n <textarea id=\"edit-subheadline-en\" rows=\"2\" oninput=\"updateContent()\" class=\"w-full bg-slate-950 border border-slate-900 rounded-lg px-3 py-2 text-white leading-relaxed input-focus-ring transition-all\">Start your fitness transformation with a partner! Bring a friend to sign up this month and split the cost with our exclusive Buddy Package.<\/textarea>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-3.5 bg-slate-950 rounded-xl border border-slate-900 space-y-2\">\r\n <span class=\"text-[10px] font-black text-red-500 uppercase tracking-widest block\" id=\"label-tier-1\">\ud83e\udd4a MUAY THAI ONLY MEMBERSHIP<\/span>\r\n <div class=\"grid grid-cols-2 gap-2 mb-2\">\r\n <div>\r\n <label class=\"text-[9px] text-slate-400 uppercase tracking-wider block mb-1\">\u0e23\u0e32\u0e04\u0e32\u0e23\u0e27\u0e21 (\u0e1a\u0e32\u0e17)<\/label>\r\n <input type=\"text\" id=\"edit-mt-total\" value=\"2,000\" oninput=\"updateContent()\" class=\"w-full bg-slate-900 border border-slate-800 rounded px-2.5 py-1 text-xs text-white font-bold input-focus-ring\">\r\n <\/div>\r\n <div>\r\n <label class=\"text-[9px] text-slate-400 uppercase tracking-wider block mb-1\">\u0e2b\u0e32\u0e23\u0e15\u0e48\u0e2d\u0e04\u0e19 (\u0e1a\u0e32\u0e17)<\/label>\r\n <input type=\"text\" id=\"edit-mt-split\" value=\"1,000\" oninput=\"updateContent()\" class=\"w-full bg-slate-900 border border-slate-800 rounded px-2.5 py-1 text-xs text-white font-bold input-focus-ring\">\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <label class=\"text-[9px] text-slate-400 uppercase tracking-wider block mb-1\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14 TH<\/label>\r\n <input type=\"text\" id=\"edit-mt-desc-th\" value=\"\u0e40\u0e02\u0e49\u0e32\u0e1d\u0e36\u0e01\u0e0b\u0e49\u0e2d\u0e21\u0e21\u0e27\u0e22\u0e44\u0e17\u0e22\u0e08\u0e32\u0e01\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e44\u0e14\u0e49\u0e44\u0e21\u0e48\u0e08\u0e33\u0e01\u0e31\u0e14\u0e23\u0e2d\u0e1a\u0e15\u0e32\u0e23\u0e32\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\" oninput=\"updateContent()\" class=\"w-full bg-slate-900 border border-slate-800 rounded px-2.5 py-1 text-xs text-white input-focus-ring\">\r\n <\/div>\r\n <div>\r\n <label class=\"text-[9px] text-slate-400 uppercase tracking-wider block mb-1\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14 EN<\/label>\r\n <input type=\"text\" id=\"edit-mt-desc-en\" value=\"Unlimited access to all scheduled Muay Thai classes.\" oninput=\"updateContent()\" class=\"w-full bg-slate-900 border border-slate-800 rounded px-2.5 py-1 text-xs text-white input-focus-ring\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-3.5 bg-slate-950 rounded-xl border border-slate-900 space-y-2\">\r\n <span class=\"text-[10px] font-black text-red-400 uppercase tracking-widest block\" id=\"label-tier-2\">\ud83e\udd4b ALL-ACCESS FULL MEMBERSHIP<\/span>\r\n <div class=\"grid grid-cols-2 gap-2 mb-2\">\r\n <div>\r\n <label class=\"text-[9px] text-slate-400 uppercase tracking-wider block mb-1\">\u0e23\u0e32\u0e04\u0e32\u0e23\u0e27\u0e21 (\u0e1a\u0e32\u0e17)<\/label>\r\n <input type=\"text\" id=\"edit-aa-total\" value=\"4,000\" oninput=\"updateContent()\" class=\"w-full bg-slate-900 border border-slate-800 rounded px-2.5 py-1 text-xs text-white font-bold input-focus-ring\">\r\n <\/div>\r\n <div>\r\n <label class=\"text-[9px] text-slate-400 uppercase tracking-wider block mb-1\">\u0e2b\u0e32\u0e23\u0e15\u0e48\u0e2d\u0e04\u0e19 (\u0e1a\u0e32\u0e17)<\/label>\r\n <input type=\"text\" id=\"edit-aa-split\" value=\"2,000\" oninput=\"updateContent()\" class=\"w-full bg-slate-900 border border-slate-800 rounded px-2.5 py-1 text-xs text-white font-bold input-focus-ring\">\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <label class=\"text-[9px] text-slate-400 uppercase tracking-wider block mb-1\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14 TH<\/label>\r\n <input type=\"text\" id=\"edit-aa-desc-th\" value=\"\u0e40\u0e02\u0e49\u0e32\u0e40\u0e23\u0e35\u0e22\u0e19\u0e28\u0e34\u0e25\u0e1b\u0e30\u0e01\u0e32\u0e23\u0e15\u0e48\u0e2d\u0e2a\u0e39\u0e49\u0e04\u0e23\u0e1a\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07 \u0e17\u0e31\u0e49\u0e07\u0e1a\u0e23\u0e32\u0e0b\u0e34\u0e25\u0e40\u0e25\u0e35\u0e22\u0e19\u0e22\u0e34\u0e27\u0e22\u0e34\u0e15\u0e2a\u0e39 (BJJ) \u0e41\u0e25\u0e30\u0e21\u0e27\u0e22\u0e44\u0e17\u0e22\" oninput=\"updateContent()\" class=\"w-full bg-slate-900 border border-slate-800 rounded px-2.5 py-1 text-xs text-white input-focus-ring\">\r\n <\/div>\r\n <div>\r\n <label class=\"text-[9px] text-slate-400 uppercase tracking-wider block mb-1\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14 EN<\/label>\r\n <input type=\"text\" id=\"edit-aa-desc-en\" value=\"Total access to both Brazilian Jiu-Jitsu (BJJ) and Muay Thai classes.\" oninput=\"updateContent()\" class=\"w-full bg-slate-900 border border-slate-800 rounded px-2.5 py-1 text-xs text-white input-focus-ring\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-3.5 bg-slate-950 rounded-xl border border-slate-900 space-y-2.5\">\r\n <span class=\"text-[10px] font-black text-slate-400 uppercase tracking-widest block\"><i class=\"fa-solid fa-address-book text-red-500 mr-1 inline-accent-text\"><\/i> \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/span>\r\n <div class=\"space-y-2\">\r\n <div>\r\n <label class=\"text-[9px] text-slate-400 uppercase tracking-wider block mb-0.5\">\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07 (Location)<\/label>\r\n <input type=\"text\" id=\"edit-contact-loc\" value=\"Brazilian Jiu Jitsu Academy: 259\/5 Soi Sukhumvit 22, Sukhumvit Rd. Klongtan, Klongtoei, Bangkok 10110\" oninput=\"updateContent()\" class=\"w-full bg-slate-900 border border-slate-800 rounded px-2.5 py-1 text-xs text-white input-focus-ring\">\r\n <\/div>\r\n <div>\r\n <label class=\"text-[9px] text-slate-400 uppercase tracking-wider block mb-0.5\">\u0e40\u0e27\u0e25\u0e32\u0e40\u0e1b\u0e34\u0e14\u0e17\u0e33\u0e01\u0e32\u0e23 (Operating Hours)<\/label>\r\n <input type=\"text\" id=\"edit-contact-hours\" value=\"11.00 \u2013 20.00 Everyday\" oninput=\"updateContent()\" class=\"w-full bg-slate-900 border border-slate-800 rounded px-2.5 py-1 text-xs text-white input-focus-ring\">\r\n <\/div>\r\n <div>\r\n <label class=\"text-[9px] text-slate-400 uppercase tracking-wider block mb-0.5\">\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c (Phone)<\/label>\r\n <input type=\"text\" id=\"edit-contact-phone\" value=\"+66 (0)66 153 5300\" oninput=\"updateContent()\" class=\"w-full bg-slate-900 border border-slate-800 rounded px-2.5 py-1 text-xs text-white input-focus-ring\">\r\n <\/div>\r\n <div>\r\n <label class=\"text-[9px] text-slate-400 uppercase tracking-wider block mb-0.5\">\u0e2d\u0e35\u0e40\u0e21\u0e25 (Email)<\/label>\r\n <input type=\"text\" id=\"edit-contact-email\" value=\"info@brazilianjiujitsubkk.com\" oninput=\"updateContent()\" class=\"w-full bg-slate-900 border border-slate-800 rounded px-2.5 py-1 text-xs text-white input-focus-ring\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <label class=\"block text-[10px] font-extrabold text-slate-400 uppercase tracking-widest mb-1\">\u0e27\u0e31\u0e19\u0e2a\u0e34\u0e49\u0e19\u0e2a\u0e38\u0e14\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d TH<\/label>\r\n <input type=\"text\" id=\"edit-date-th\" value=\"31 \u0e01\u0e23\u0e01\u0e0e\u0e32\u0e04\u0e21 2026\" oninput=\"updateContent()\" class=\"w-full bg-slate-950 border border-slate-900 rounded-lg px-3 py-2 text-white font-bold input-focus-ring transition-all\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-[10px] font-extrabold text-slate-400 uppercase tracking-widest mb-1\">\u0e27\u0e31\u0e19\u0e2a\u0e34\u0e49\u0e19\u0e2a\u0e38\u0e14\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d EN<\/label>\r\n <input type=\"text\" id=\"edit-date-en\" value=\"31 July 2026\" oninput=\"updateContent()\" class=\"w-full bg-slate-950 border border-slate-900 rounded-lg px-3 py-2 text-white font-bold input-focus-ring transition-all\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-6 border-t border-slate-900 bg-slate-950\/90 space-y-3\">\r\n <button onclick=\"exportAsImage()\" id=\"btn-export-main\" class=\"w-full bg-gradient-to-r from-red-600 to-neutral-900 text-white font-bold py-3.5 px-4 rounded-xl transition-all shadow-lg flex items-center justify-center gap-2.5 text-xs tracking-wider uppercase btn-action-color\">\r\n <i class=\"fa-solid fa-cloud-arrow-down text-sm\"><\/i> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e07\u0e32\u0e19\u0e14\u0e35\u0e44\u0e0b\u0e19\u0e4c (PNG)\r\n <\/button>\r\n <button onclick=\"copyPromoText()\" class=\"w-full bg-slate-900 hover:bg-slate-800 text-slate-300 py-2.5 px-4 rounded-xl transition-all flex items-center justify-center gap-2 text-xs font-semibold border border-slate-800\">\r\n <i class=\"fa-solid fa-copy\"><\/i> \u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01\u0e41\u0e04\u0e1b\u0e0a\u0e31\u0e19\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e0a\u0e31\u0e19\r\n <\/button>\r\n <div id=\"toast-message\" class=\"text-xs text-center text-emerald-400 hidden font-bold animate-pulse\">\r\n <i class=\"fa-solid fa-circle-check\"><\/i> \u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01\u0e2a\u0e04\u0e23\u0e34\u0e1b\u0e15\u0e4c\u0e42\u0e06\u0e29\u0e13\u0e32\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e23\u0e49\u0e2d\u0e22\u0e41\u0e25\u0e49\u0e27!\r\n <\/div>\r\n <\/div>\r\n <\/aside>\r\n\r\n \r\n <div class=\"w-full flex flex-col justify-center items-center py-6 px-4\">\r\n \r\n \r\n <section id=\"view-landing-wrapper\" class=\"w-full flex flex-col justify-center items-center z-10 max-w-7xl\">\r\n <div id=\"landing-container\" class=\"w-full min-h-[580px] bg-slate-950\/85 rounded-3xl border border-slate-900\/50 overflow-hidden shadow-2xl relative cinematic-bg grid-pattern flex flex-col justify-between\">\r\n \r\n \r\n <div class=\"absolute inset-0 pointer-events-none opacity-50 diagonal-stripes\" id=\"landing-stripe-layer\"><\/div>\r\n <div class=\"absolute inset-0 bg-slate-950\/30 pointer-events-none z-0\"><\/div>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 p-6 md:p-14 relative z-10 items-center w-full flex-1\">\r\n \r\n \r\n <div class=\"lg:col-span-7 flex flex-col items-start text-left space-y-6 relative\">\r\n <div class=\"absolute -top-24 -left-16 w-80 h-80 bg-red-600\/10 rounded-full blur-3xl pointer-events-none\" id=\"ambient-glow\"><\/div>\r\n \r\n \r\n <div class=\"inline-flex items-center gap-2 bg-slate-950\/90 text-red-500 font-extrabold tracking-widest px-4.5 py-2 rounded-full text-xs border border-red-500\/30 inline-accent text-accent-color border-accent-color shadow-xl\">\r\n <span class=\"w-2.5 h-2.5 rounded-full bg-red-500 animate-ping inline-accent-bg\"><\/span>\r\n <span id=\"view-head-accent\" class=\"font-bold tracking-widest text-glow-dynamic\">BETTER TOGETHER \ud83e\udd4a<\/span>\r\n <\/div>\r\n\r\n \r\n <h2 class=\"text-5xl md:text-7xl font-black uppercase tracking-tighter text-white sporty-font leading-none flex flex-col\" id=\"view-title-container\">\r\n <span class=\"text-white\">THE BUDDY<\/span>\r\n <span class=\"text-red-600 text-glow-dynamic mt-1\" id=\"view-title-accent\">PACKAGE<\/span>\r\n <\/h2>\r\n\r\n \r\n <div class=\"space-y-3 max-w-lg\">\r\n <p id=\"view-subheadline-th\" class=\"text-sm md:text-base text-slate-200 leading-relaxed font-light\">\r\n \u0e08\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e2b\u0e39\u0e41\u0e25\u0e49\u0e27\u0e21\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e23\u0e39\u0e1b\u0e23\u0e48\u0e32\u0e07\u0e44\u0e1b\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e01\u0e31\u0e19! \u0e40\u0e1e\u0e35\u0e22\u0e07\u0e0a\u0e27\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e0b\u0e35\u0e49\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e21\u0e32\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e1d\u0e36\u0e01\u0e0b\u0e49\u0e2d\u0e21\u0e43\u0e19\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e19\u0e35\u0e49 \u0e41\u0e25\u0e49\u0e27\u0e2b\u0e32\u0e23\u0e04\u0e23\u0e36\u0e48\u0e07\u0e23\u0e32\u0e04\u0e32\u0e44\u0e1b\u0e14\u0e49\u0e27\u0e22\u0e01\u0e31\u0e19\u0e01\u0e31\u0e1a\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e2a\u0e38\u0e14\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e04\u0e23\u0e31\u0e1a!\r\n <\/p>\r\n <p id=\"view-subheadline-en\" class=\"text-xs md:text-sm text-slate-400 leading-relaxed font-light italic border-l-2 border-slate-700 pl-3\">\r\n Start your fitness transformation with a partner! Bring a friend to sign up this month and split the cost with our exclusive Buddy Package.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-x-6 gap-y-4 w-full pt-6 border-t border-slate-900\/60 max-w-xl\">\r\n \r\n \r\n <div class=\"flex items-start gap-3\">\r\n <div class=\"w-8 h-8 rounded-lg bg-red-950\/40 border border-red-500\/20 flex items-center justify-center shrink-0 shadow-lg card-featured-border shadow-accent-color\/10\">\r\n <i class=\"fa-solid fa-location-dot text-red-500 text-glow-dynamic text-xs inline-accent-text\"><\/i>\r\n <\/div>\r\n <div class=\"space-y-0.5\">\r\n <span class=\"block text-[10px] font-bold text-red-500 uppercase tracking-wider text-accent-color inline-accent-text\">Location \/ \u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07<\/span>\r\n <span id=\"view-contact-loc\" class=\"text-xs text-slate-300 leading-normal font-light block\">\r\n Brazilian Jiu Jitsu Academy: 259\/5 Soi Sukhumvit 22, Sukhumvit Rd. Klongtan, Klongtoei, Bangkok 10110\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex items-start gap-3\">\r\n <div class=\"w-8 h-8 rounded-lg bg-red-950\/40 border border-red-500\/20 flex items-center justify-center shrink-0 shadow-lg card-featured-border shadow-accent-color\/10\">\r\n <i class=\"fa-solid fa-clock text-red-500 text-glow-dynamic text-xs inline-accent-text\"><\/i>\r\n <\/div>\r\n <div class=\"space-y-0.5\">\r\n <span class=\"block text-[10px] font-bold text-red-500 uppercase tracking-wider text-accent-color inline-accent-text\">Operating Hours \/ \u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23<\/span>\r\n <span id=\"view-contact-hours\" class=\"text-xs text-slate-300 leading-normal font-light block\">\r\n 11.00 \u2013 20.00 Everyday\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex items-start gap-3\">\r\n <div class=\"w-8 h-8 rounded-lg bg-red-950\/40 border border-red-500\/20 flex items-center justify-center shrink-0 shadow-lg card-featured-border shadow-accent-color\/10\">\r\n <i class=\"fa-solid fa-phone text-red-500 text-glow-dynamic text-xs inline-accent-text\"><\/i>\r\n <\/div>\r\n <div class=\"space-y-0.5\">\r\n <span class=\"block text-[10px] font-bold text-red-500 uppercase tracking-wider text-accent-color inline-accent-text\">Phone \/ \u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c<\/span>\r\n <a id=\"view-contact-phone\" href=\"tel:+66661535300\" class=\"text-xs text-slate-300 hover:text-red-400 font-bold block transition-colors\">\r\n +66 (0)66 153 5300\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex items-start gap-3\">\r\n <div class=\"w-8 h-8 rounded-lg bg-red-950\/40 border border-red-500\/20 flex items-center justify-center shrink-0 shadow-lg card-featured-border shadow-accent-color\/10\">\r\n <i class=\"fa-solid fa-envelope text-red-500 text-glow-dynamic text-xs inline-accent-text\"><\/i>\r\n <\/div>\r\n <div class=\"space-y-0.5\">\r\n <span class=\"block text-[10px] font-bold text-red-500 uppercase tracking-wider text-accent-color inline-accent-text\">Email \/ \u0e2d\u0e35\u0e40\u0e21\u0e25<\/span>\r\n <a id=\"view-contact-email\" href=\"mailto:info@brazilianjiujitsubkk.com\" class=\"text-xs text-slate-300 hover:text-red-400 font-bold block transition-colors\">\r\n info@brazilianjiujitsubkk.com\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:col-span-5 flex flex-col gap-6 w-full\" id=\"packages-pricing-grid\">\r\n \r\n \r\n <div class=\"glass-panel rounded-2xl p-6 hover:border-slate-700\/80 transition-all duration-300 flex flex-col justify-between relative overflow-hidden shadow-xl\">\r\n <div class=\"absolute top-0 left-0 w-full h-1 bg-slate-850\"><\/div>\r\n \r\n <div class=\"flex items-center justify-between mb-4\">\r\n <span class=\"bg-slate-900 text-slate-400 font-bold text-[9px] px-2.5 py-1 rounded-md border border-slate-850 tracking-wider\">MUAY THAI CLASS ONLY<\/span>\r\n <span class=\"text-lg\">\ud83e\udd4a<\/span>\r\n <\/div>\r\n\r\n <h3 class=\"text-lg font-bold text-white uppercase tracking-wide\">Muay Thai Only Membership<\/h3>\r\n \r\n \r\n <div class=\"mt-1 space-y-1\">\r\n <p id=\"view-mt-desc-th\" class=\"text-[11px] text-slate-300 leading-normal\">\u0e40\u0e02\u0e49\u0e32\u0e1d\u0e36\u0e01\u0e0b\u0e49\u0e2d\u0e21\u0e21\u0e27\u0e22\u0e44\u0e17\u0e22\u0e08\u0e32\u0e01\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e44\u0e14\u0e49\u0e44\u0e21\u0e48\u0e08\u0e33\u0e01\u0e31\u0e14\u0e23\u0e2d\u0e1a\u0e15\u0e32\u0e23\u0e32\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/p>\r\n <p id=\"view-mt-desc-en\" class=\"text-[10px] text-slate-400 leading-normal font-light italic\">Unlimited access to all scheduled Muay Thai classes.<\/p>\r\n <\/div>\r\n \r\n \r\n <div class=\"mt-4 bg-slate-950\/80 p-4 rounded-xl border border-slate-900 flex flex-col items-start\">\r\n <span class=\"text-[9px] text-slate-400 uppercase font-bold tracking-wider\">\u0e04\u0e48\u0e32\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 \/ Rate \/ Month<\/span>\r\n <div class=\"flex items-baseline gap-1.5 mt-0.5 w-full\">\r\n <span class=\"text-3xl font-extrabold text-white sporty-font tracking-wide\" id=\"view-mt-total-price\">2,000<\/span>\r\n <span class=\"text-xs font-semibold text-slate-400\">\u0e1a\u0e32\u0e17 (\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a 2 \u0e17\u0e48\u0e32\u0e19) \/ THB (For 2 People)<\/span>\r\n <\/div>\r\n <div class=\"text-xs font-bold text-red-500 mt-2 flex flex-col text-accent-color uppercase tracking-wider text-glow-dynamic\" id=\"view-mt-split-note\">\r\n <div class=\"flex items-center gap-1.5\">\r\n <i class=\"fa-solid fa-user-group text-[10px]\"><\/i> <span>\u0e04\u0e19\u0e25\u0e30 1,000 \u0e1a\u0e32\u0e17!<\/span>\r\n <\/div>\r\n <span class=\"text-[10px] text-red-400\/80 pl-5 lowercase font-semibold tracking-normal normal-case\">only 1,000 THB each!<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-slate-950 rounded-2xl p-6 border-2 border-red-600 hover:border-red-500 transition-all duration-300 flex flex-col justify-between relative overflow-hidden shadow-2xl neon-glow-dynamic card-featured-border shadow-accent-color\">\r\n <div class=\"absolute top-0 right-0 bg-gradient-to-l from-red-600 to-neutral-900 text-white text-[10px] font-black px-4 py-1.5 uppercase tracking-widest rounded-bl-xl sporty-font shadow-md btn-action-color\">\r\n \u0e04\u0e38\u0e49\u0e21\u0e04\u0e48\u0e32\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14 \/ BEST VALUE \ud83d\udd25\r\n <\/div>\r\n \r\n <div class=\"flex items-center justify-between mb-4\">\r\n <span class=\"bg-red-950\/70 text-red-400 font-bold text-[9px] px-2.5 py-1 rounded-md border border-red-900 tracking-wider inline-accent-text\">FULL COMBAT ACCESS<\/span>\r\n <span class=\"text-lg text-glow-secondary\">\u26a1<\/span>\r\n <\/div>\r\n\r\n <h3 class=\"text-lg font-bold text-white uppercase tracking-wide\">All-Access Full Membership<\/h3>\r\n \r\n \r\n <div class=\"mt-1 space-y-1\">\r\n <p id=\"view-aa-desc-th\" class=\"text-[11px] text-slate-300 leading-normal\">\u0e40\u0e02\u0e49\u0e32\u0e40\u0e23\u0e35\u0e22\u0e19\u0e28\u0e34\u0e25\u0e1b\u0e30\u0e01\u0e32\u0e23\u0e15\u0e48\u0e2d\u0e2a\u0e39\u0e49\u0e04\u0e23\u0e1a\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07 \u0e17\u0e31\u0e49\u0e07\u0e1a\u0e23\u0e32\u0e0b\u0e34\u0e25\u0e40\u0e25\u0e35\u0e22\u0e19\u0e22\u0e34\u0e27\u0e22\u0e34\u0e15\u0e2a\u0e39 (BJJ) \u0e41\u0e25\u0e30\u0e21\u0e27\u0e22\u0e44\u0e17\u0e22<\/p>\r\n <p id=\"view-aa-desc-en\" class=\"text-[10px] text-slate-400 leading-normal font-light italic\">Total access to both Brazilian Jiu-Jitsu (BJJ) and Muay Thai classes.<\/p>\r\n <\/div>\r\n \r\n \r\n <div class=\"mt-4 bg-black\/60 p-4 rounded-xl border border-red-950\/40 flex flex-col items-start\">\r\n <span class=\"text-[9px] text-red-400\/80 uppercase font-bold tracking-wider inline-accent-text\">\u0e04\u0e48\u0e32\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 \/ Rate \/ Month<\/span>\r\n <div class=\"flex items-baseline gap-1.5 mt-0.5 w-full\">\r\n <span class=\"text-3xl font-extrabold text-white sporty-font tracking-wide\" id=\"view-aa-total-price\">4,000<\/span>\r\n <span class=\"text-xs font-semibold text-slate-300\">\u0e1a\u0e32\u0e17 (\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a 2 \u0e17\u0e48\u0e32\u0e19) \/ THB (For 2 People)<\/span>\r\n <\/div>\r\n <div class=\"text-xs font-bold text-red-500 mt-2 flex flex-col text-secondary-color text-glow-secondary uppercase tracking-wider\" id=\"view-aa-split-note\">\r\n <div class=\"flex items-center gap-1.5\">\r\n <i class=\"fa-solid fa-user-group text-[10px]\"><\/i> <span>\u0e04\u0e19\u0e25\u0e30 2,000 \u0e1a\u0e32\u0e17!<\/span>\r\n <\/div>\r\n <span class=\"text-[10px] text-red-400 pl-5 lowercase font-semibold tracking-normal normal-case\">only 2,000 THB each!<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"px-8 md:px-14 py-6 bg-slate-950 border-t border-slate-900 relative z-10 w-full\">\r\n <div class=\"flex flex-col md:flex-row md:items-center justify-between gap-5 text-left\">\r\n <div class=\"space-y-1 max-w-3xl\">\r\n <h4 class=\"text-xs font-black text-red-500 uppercase tracking-wide flex items-center gap-2 text-accent-color font-bold\">\r\n <i class=\"fa-solid fa-circle-exclamation animate-pulse\"><\/i> \ud83d\udca1 \u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01\u0e40\u0e14\u0e34\u0e21\u0e2d\u0e22\u0e39\u0e48\u0e41\u0e25\u0e49\u0e27? \/ ALREADY A MEMBER?\r\n <\/h4>\r\n <p class=\"text-[11px] text-slate-400 leading-relaxed font-light\">\r\n \u0e40\u0e1e\u0e35\u0e22\u0e07\u0e0a\u0e27\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e0b\u0e35\u0e49\u0e43\u0e2b\u0e21\u0e48\u0e21\u0e32\u0e23\u0e48\u0e27\u0e21\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e23\u0e31\u0e1a\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e04\u0e39\u0e48\u0e2b\u0e39\u0e19\u0e35\u0e49\u0e14\u0e49\u0e27\u0e22\u0e01\u0e31\u0e19 \u0e17\u0e31\u0e49\u0e07\u0e04\u0e39\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e1b\u0e23\u0e31\u0e1a\u0e21\u0e32\u0e43\u0e0a\u0e49\u0e23\u0e32\u0e04\u0e32\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e19\u0e35\u0e49\u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35\u0e17\u0e35\u0e48\u0e41\u0e1c\u0e19\u0e01\u0e15\u0e49\u0e2d\u0e19\u0e23\u0e31\u0e1a\u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e19\u0e49\u0e32! \r\n <span class=\"block mt-0.5 text-slate-500 italic\">If you introduce a friend who is new to the gym, both of you can transition onto this Buddy Package. Claim it at the front desk!<\/span>\r\n <\/p>\r\n <\/div>\r\n <div class=\"flex flex-col items-start md:items-end gap-1 shrink-0\">\r\n <span class=\"text-[10px] font-bold text-red-500 uppercase tracking-widest sporty-font text-glow-dynamic\" id=\"bottom-ribbon-countdown\">\r\n \u23f1\ufe0f \u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e2a\u0e34\u0e49\u0e19\u0e2a\u0e38\u0e14\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 \/ LIMITED OFFER UNTIL \r\n <\/span>\r\n <span class=\"text-xs text-white font-black uppercase tracking-wider\">\r\n <span id=\"view-ribbon-date-th\">31 \u0e01\u0e23\u0e01\u0e0e\u0e32\u0e04\u0e21 2026<\/span> \/ <span id=\"view-ribbon-date-en\" class=\"text-red-500\">31 July 2026<\/span>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"view-poster-wrapper\" class=\"hidden w-full flex flex-col items-center z-10\">\r\n \r\n <div id=\"poster-container\" class=\"w-[360px] h-[640px] bg-slate-950 border-2 border-red-600 rounded-[28px] relative overflow-hidden flex flex-col justify-between p-6 shadow-2xl neon-glow-dynamic card-featured-border shadow-accent-color grid-pattern\">\r\n \r\n \r\n <div class=\"absolute inset-0 pointer-events-none opacity-50 diagonal-stripes\" id=\"poster-stripe-layer\"><\/div>\r\n\r\n \r\n <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-64 h-64 bg-red-500\/10 rounded-full blur-3xl pointer-events-none\" id=\"ambient-glow-poster\"><\/div>\r\n \r\n \r\n <div class=\"absolute top-16 left-1\/2 -translate-x-1\/2 text-[140px] font-black text-slate-900\/15 sporty-font tracking-wider pointer-events-none select-none z-0\">\r\n FIGHT\r\n <\/div>\r\n <div class=\"absolute bottom-28 left-1\/2 -translate-x-1\/2 text-[120px] font-black text-slate-900\/15 sporty-font tracking-wider pointer-events-none select-none z-0\">\r\n BUDDY\r\n <\/div>\r\n\r\n \r\n <div class=\"text-center z-10 space-y-2 mt-2\">\r\n <div class=\"inline-flex items-center gap-1 bg-slate-950\/95 text-red-500 font-extrabold tracking-wide px-3 py-1.5 rounded-full text-[9px] border border-red-500\/30 uppercase inline-accent text-accent-color border-accent-color shadow-lg\" id=\"poster-head-accent-badge\">\r\n <i class=\"fa-solid fa-bolt text-[8px] animate-pulse inline-accent-text\" id=\"poster-flash-icon\"><\/i>\r\n <span id=\"poster-head-accent\" class=\"font-bold\">BETTER TOGETHER \ud83e\udd4a<\/span>\r\n <\/div>\r\n <h2 class=\"text-3xl font-extrabold uppercase tracking-tight text-white sporty-font leading-none text-glow-dynamic\" id=\"poster-title\">\r\n THE BUDDY PACKAGE\r\n <\/h2>\r\n <div class=\"text-[9px] text-slate-300 max-w-[280px] mx-auto text-center leading-relaxed\" id=\"poster-subheadline\">\r\n \u0e08\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e2b\u0e39\u0e41\u0e25\u0e49\u0e27\u0e21\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e23\u0e39\u0e1b\u0e23\u0e48\u0e32\u0e07\u0e44\u0e1b\u0e14\u0e49\u0e27\u0e22\u0e01\u0e31\u0e19! \/ Start your fitness transformation!\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"space-y-3 z-10 my-auto\">\r\n \r\n \r\n <div class=\"glass-panel border border-slate-850 rounded-2xl p-4 flex flex-col gap-1 relative overflow-hidden shadow-md\">\r\n <div class=\"absolute top-0 left-0 w-1.5 h-full bg-slate-800\"><\/div>\r\n <span class=\"text-[9px] font-extrabold text-slate-400 tracking-wider flex items-center gap-1.5\">\r\n <span>\ud83e\udd4a MUAY THAI ONLY MEMBERSHIP<\/span>\r\n <\/span>\r\n \r\n <div class=\"flex items-center justify-between w-full mt-1\">\r\n <div class=\"flex items-baseline gap-1\" id=\"poster-mt-total-container\">\r\n <span class=\"text-2xl font-extrabold text-white sporty-font\" id=\"poster-mt-total\">2,000<\/span>\r\n <span class=\"text-[9px] text-slate-400 font-medium\">\u0e1a\u0e32\u0e17\/\u0e40\u0e14\u0e37\u0e2d\u0e19<\/span>\r\n <\/div>\r\n <span class=\"text-[9.5px] bg-red-950\/70 text-red-400 px-2.5 py-1 rounded-lg font-bold border border-red-900\/60 uppercase inline-accent-text shrink-0 block\" id=\"poster-mt-split\">\r\n \u0e04\u0e19\u0e25\u0e30 1,000 \u0e1a\u0e32\u0e17!\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-slate-950 border-2 border-red-600 rounded-2xl p-4 flex flex-col gap-1 relative overflow-hidden shadow-xl neon-glow-dynamic card-featured-border shadow-accent-color\">\r\n <div class=\"absolute -right-10 -top-10 w-20 h-20 bg-red-500\/10 rotate-45 pointer-events-none rounded-full\"><\/div>\r\n <div class=\"absolute top-0 right-0 bg-red-600 text-white text-[8px] font-black px-2.5 py-1 uppercase tracking-widest rounded-bl-lg sporty-font btn-action-color shadow-sm\">\r\n \u0e04\u0e38\u0e49\u0e21\u0e04\u0e48\u0e32\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14 \ud83d\udd25\r\n <\/div>\r\n <span class=\"text-[9px] font-extrabold text-red-400 tracking-wider flex items-center gap-1.5 inline-accent-text\">\r\n <span class=\"text-glow-dynamic\">\u26a1 ALL-ACCESS FULL MEMBERSHIP<\/span>\r\n <\/span>\r\n \r\n <div class=\"flex items-center justify-between w-full mt-1\">\r\n <div class=\"flex items-baseline gap-1\" id=\"poster-aa-total-container\">\r\n <span class=\"text-2xl font-extrabold text-white sporty-font\" id=\"poster-aa-total\">4,000<\/span>\r\n <span class=\"text-[9px] text-slate-400 font-medium\">\u0e1a\u0e32\u0e17\/\u0e40\u0e14\u0e37\u0e2d\u0e19<\/span>\r\n <\/div>\r\n <span class=\"text-[9.5px] bg-gradient-to-r from-red-600 to-neutral-950 text-white px-2.5 py-1 rounded-lg font-black uppercase shrink-0 block shadow-md\" id=\"poster-aa-split\">\r\n \u0e04\u0e19\u0e25\u0e30 2,000 \u0e1a\u0e32\u0e17!\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"z-10 text-center space-y-2 mb-1 pt-3 border-t border-slate-900\">\r\n \r\n \r\n <div class=\"bg-slate-950\/95 p-2 rounded-xl border border-slate-900 grid grid-cols-2 gap-x-2 gap-y-1.5 text-left text-[8px] leading-tight text-slate-400\">\r\n <div class=\"col-span-2 text-[8px] font-black uppercase text-red-500 flex items-center gap-1 inline-accent-text pb-0.5 border-b border-slate-900\/50\">\r\n <i class=\"fa-solid fa-address-book\"><\/i> \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21 \/ Contact Info\r\n <\/div>\r\n <div class=\"flex items-center gap-1 truncate\">\r\n <i class=\"fa-solid fa-location-dot text-red-500 text-[8px] inline-accent-text shrink-0\"><\/i>\r\n <span class=\"truncate\" id=\"poster-contact-loc-short\" title=\"Sukhumvit 22\">Sukhumvit 22<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-1 truncate\">\r\n <i class=\"fa-solid fa-clock text-red-500 text-[8px] inline-accent-text shrink-0\"><\/i>\r\n <span class=\"truncate\" id=\"poster-contact-hours\">11.00 \u2013 20.00 Everyday<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-1 truncate\">\r\n <i class=\"fa-solid fa-phone text-red-500 text-[8px] inline-accent-text shrink-0\"><\/i>\r\n <span class=\"truncate\" id=\"poster-contact-phone\">+66 (0)66 153 5300<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-1 truncate\">\r\n <i class=\"fa-solid fa-envelope text-red-500 text-[8px] inline-accent-text shrink-0\"><\/i>\r\n <span class=\"truncate\" id=\"poster-contact-email\">info@brazilianjiujitsubkk.com<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"text-[9px] font-black uppercase tracking-wider text-red-500 text-accent-color sporty-font flex flex-col items-center justify-center text-glow-dynamic\">\r\n <span>\u23f1\ufe0f \u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e2a\u0e38\u0e14\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e2a\u0e34\u0e49\u0e19\u0e2a\u0e38\u0e14\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 <span id=\"poster-date-th\" class=\"font-bold\">31 \u0e01\u0e23\u0e01\u0e0e\u0e32\u0e04\u0e21 2026<\/span><\/span>\r\n <span class=\"text-[8px] text-red-400\/80 font-semibold tracking-normal lowercase normal-case\">limited offer until <span id=\"poster-date-en\" class=\"font-bold\">31 July 2026<\/span>!<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <\/div>\r\n\r\n <script>\r\n let currentTheme = 'red';\r\n let currentView = 'landing';\r\n let isControlHubOpen = false;\r\n\r\n const themeConfig = {\r\n red: {\r\n primary: 'red-600',\r\n secondary: 'neutral-900',\r\n textAccent: 'red-500',\r\n textSecondary: 'neutral-400',\r\n bgGlow: 'bg-red-600\/10',\r\n glowColorRGB: 'rgba(220, 38, 38, 0.85)',\r\n glowSecondaryRGB: 'rgba(24, 24, 27, 0.85)',\r\n icon: 'fa-solid fa-fire text-red-500',\r\n logoText: '\ud83e\udd4a',\r\n headerText: 'FIGHTER\\'S <span class=\"text-red-500 text-glow-dynamic\" id=\"logoTextAccent\">ACADEMY<\/span>',\r\n navActiveColor: 'text-red-500 text-glow-dynamic',\r\n bgImage: 'linear-gradient(to right, rgba(2, 6, 23, 0.98) 35%, rgba(2, 6, 23, 0.8) 65%, rgba(2, 6, 23, 0.92) 100%), url(\\'https:\/\/images.unsplash.com\/photo-1517838277536-f5f99be501cd?q=80&w=1800\\')'\r\n },\r\n fire: {\r\n primary: 'amber-600',\r\n secondary: 'red-700',\r\n textAccent: 'amber-500',\r\n textSecondary: 'red-400',\r\n bgGlow: 'bg-amber-600\/10',\r\n glowColorRGB: 'rgba(217, 119, 6, 0.85)',\r\n glowSecondaryRGB: 'rgba(185, 28, 28, 0.85)',\r\n icon: 'fa-solid fa-fire text-amber-500',\r\n logoText: '\ud83d\udd25',\r\n headerText: 'FIGHTER\\'S <span class=\"text-amber-500 text-glow-dynamic\" id=\"logoTextAccent\">ACADEMY<\/span>',\r\n navActiveColor: 'text-amber-500 text-glow-dynamic',\r\n bgImage: 'linear-gradient(to right, rgba(2, 6, 23, 0.98) 35%, rgba(2, 6, 23, 0.8) 65%, rgba(2, 6, 23, 0.92) 100%), url(\\'https:\/\/images.unsplash.com\/photo-1549719386-74dfcbf7dbed?q=80&w=1800\\')'\r\n },\r\n volt: {\r\n primary: 'lime-400',\r\n secondary: 'emerald-400',\r\n textAccent: 'lime-400',\r\n textSecondary: 'emerald-400',\r\n bgGlow: 'bg-lime-400\/10',\r\n glowColorRGB: 'rgba(163, 230, 53, 0.85)',\r\n glowSecondaryRGB: 'rgba(52, 211, 153, 0.85)',\r\n icon: 'fa-solid fa-bolt text-lime-400',\r\n logoText: '\u26a1',\r\n headerText: 'FIGHTER\\'S <span class=\"text-lime-400 text-glow-dynamic\" id=\"logoTextAccent\">ACADEMY<\/span>',\r\n navActiveColor: 'text-lime-400 text-glow-dynamic',\r\n bgImage: 'linear-gradient(to right, rgba(2, 6, 23, 0.98) 35%, rgba(2, 6, 23, 0.8) 65%, rgba(2, 6, 23, 0.92) 100%), url(\\'https:\/\/images.unsplash.com\/photo-1599058917212-d750089bc07e?q=80&w=1800\\')'\r\n }\r\n };\r\n\r\n \/\/ Slide out control panel toggle function\r\n function toggleControlHub() {\r\n const sidebar = document.getElementById('control-hub-sidebar');\r\n const icon = document.getElementById('hub-btn-icon');\r\n \r\n if (isControlHubOpen) {\r\n sidebar.classList.add('translate-x-full');\r\n setTimeout(() => { sidebar.classList.add('hidden'); }, 300);\r\n icon.className = 'fa-solid fa-sliders text-xl text-red-500 text-glow-dynamic';\r\n isControlHubOpen = false;\r\n } else {\r\n sidebar.classList.remove('hidden');\r\n setTimeout(() => { sidebar.classList.remove('translate-x-full'); }, 50);\r\n icon.className = 'fa-solid fa-circle-xmark text-xl text-red-500 text-glow-dynamic';\r\n isControlHubOpen = true;\r\n }\r\n }\r\n\r\n \/\/ Switch between Layout views in preview\r\n function switchView(view) {\r\n currentView = view;\r\n const btnLanding = document.getElementById('btn-landing');\r\n const btnPoster = document.getElementById('btn-poster');\r\n const wrapperLanding = document.getElementById('view-landing-wrapper');\r\n const wrapperPoster = document.getElementById('view-poster-wrapper');\r\n\r\n \/\/ Reset buttons\r\n btnLanding.className = \"flex-1 py-2 rounded-lg text-[11px] font-bold text-slate-400 hover:text-white transition-all\";\r\n btnPoster.className = \"flex-1 py-2 rounded-lg text-[11px] font-bold text-slate-400 hover:text-white transition-all\";\r\n\r\n const config = themeConfig[currentTheme];\r\n const activeColorClass = `bg-${config.primary} text-white`;\r\n\r\n if (view === 'landing') {\r\n btnLanding.className = `flex-1 py-2 rounded-lg text-[11px] font-bold ${activeColorClass} transition-all shadow-md neon-glow-dynamic`;\r\n wrapperLanding.classList.remove('hidden');\r\n wrapperPoster.classList.add('hidden');\r\n } else {\r\n btnPoster.className = `flex-1 py-2 rounded-lg text-[11px] font-bold ${activeColorClass} transition-all shadow-md neon-glow-dynamic`;\r\n wrapperLanding.classList.add('hidden');\r\n wrapperPoster.classList.remove('hidden');\r\n }\r\n }\r\n\r\n \/\/ Adjust glow strength\r\n function adjustGlow(val) {\r\n document.documentElement.style.setProperty('--neon-glow-strength', `${val}px`);\r\n document.getElementById('glow-radius-display').innerText = `${val}px`;\r\n }\r\n\r\n \/\/ Toggle decorative slashes\r\n function togglePosterSlashes() {\r\n const isChecked = document.getElementById('toggle-slashes').checked;\r\n const stripeLayer = document.getElementById('landing-stripe-layer');\r\n const posterStripeLayer = document.getElementById('poster-stripe-layer');\r\n\r\n if (isChecked) {\r\n stripeLayer.style.opacity = '0.5';\r\n posterStripeLayer.style.opacity = '0.5';\r\n } else {\r\n stripeLayer.style.opacity = '0';\r\n posterStripeLayer.style.opacity = '0';\r\n }\r\n }\r\n\r\n \/\/ Live theme selector\r\n function changeTheme(color) {\r\n currentTheme = color;\r\n const config = themeConfig[color];\r\n\r\n \/\/ Change custom css variables\r\n document.documentElement.style.setProperty('--neon-primary-color', config.glowColorRGB);\r\n document.documentElement.style.setProperty('--neon-secondary-color', config.glowSecondaryRGB);\r\n\r\n \/\/ Change icon indicator states\r\n document.getElementById('control-icon').className = `fa-solid fa-wand-magic-sparkles text-${config.textAccent} text-glow-dynamic`;\r\n\r\n \/\/ Adjust landing backdrop image dynamically matching image_3d59bd.png feel\r\n const container = document.getElementById('landing-container');\r\n container.style.backgroundImage = config.bgImage;\r\n\r\n \/\/ Controls updates\r\n document.getElementById('slider-glow').className = `w-full accent-${config.primary} bg-slate-900 rounded-lg appearance-none h-1.5 cursor-pointer`;\r\n document.getElementById('ambient-ctrl-icon').className = `fa-solid fa-eye-dropper text-${config.textAccent}`;\r\n document.getElementById('glow-radius-display').className = `font-bold text-${config.textAccent} text-glow-dynamic`;\r\n\r\n \/\/ Set background spotlight ambience highlights\r\n document.getElementById('ambient-glow').className = `absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-80 h-80 ${config.bgGlow} rounded-full blur-3xl`;\r\n document.getElementById('ambient-glow-poster').className = `absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-64 h-64 ${config.bgGlow} rounded-full blur-3xl pointer-events-none`;\r\n\r\n \/\/ Set main title typography changes\r\n const viewTitleAccent = document.getElementById('view-title-accent');\r\n if(viewTitleAccent) {\r\n viewTitleAccent.className = `text-${config.textAccent} text-glow-dynamic mt-1`;\r\n }\r\n\r\n \/\/ Setup action buttons gradients\r\n document.querySelectorAll('.btn-action-color').forEach(btn => {\r\n if (color === 'red') {\r\n btn.className = btn.className.replace(\/from-\\w+-\\d+\/g, 'from-red-600');\r\n btn.className = btn.className.replace(\/to-\\w+-\\d+\/g, 'to-neutral-900');\r\n } else if (color === 'fire') {\r\n btn.className = btn.className.replace(\/from-\\w+-\\d+\/g, 'from-amber-600');\r\n btn.className = btn.className.replace(\/to-\\w+-\\d+\/g, 'to-red-700');\r\n } else {\r\n btn.className = btn.className.replace(\/from-\\w+-\\d+\/g, 'from-lime-400');\r\n btn.className = btn.className.replace(\/to-\\w+-\\d+\/g, 'to-emerald-500');\r\n }\r\n });\r\n\r\n \/\/ Update typography classes dynamically\r\n document.querySelectorAll('.inline-accent').forEach(el => {\r\n el.className = el.className.replace(\/text-\\w+-\\d+\/g, `text-${config.textAccent}`);\r\n el.className = el.className.replace(\/border-\\w+-\\d+\\\/\\d+\/g, `border-${config.primary}\/30`);\r\n });\r\n\r\n document.querySelectorAll('.text-accent-color').forEach(el => {\r\n el.className = el.className.replace(\/text-\\w+-\\d+\/g, `text-${config.textAccent}`);\r\n });\r\n\r\n document.querySelectorAll('.inline-accent-text').forEach(el => {\r\n el.className = el.className.replace(\/text-\\w+-\\d+\/g, `text-${config.textAccent}`);\r\n });\r\n\r\n document.querySelectorAll('.card-featured-border').forEach(card => {\r\n card.className = card.className.replace(\/border-\\w+-\\d+\/g, `border-${config.primary}`);\r\n card.className = card.className.replace(\/border-\\w+-\\d+\\\/\\d+\/g, `border-${config.primary}`);\r\n });\r\n\r\n \/\/ Synchronize active buttons\r\n switchView(currentView);\r\n }\r\n\r\n \/\/ Updates all structures inside both templates in real-time\r\n function updateContent() {\r\n const headAccentVal = document.getElementById('edit-header-accent').value;\r\n const titleVal = document.getElementById('edit-title').value;\r\n const subheadThVal = document.getElementById('edit-subheadline-th').value;\r\n const subheadEnVal = document.getElementById('edit-subheadline-en').value;\r\n \r\n const mtTotal = document.getElementById('edit-mt-total').value;\r\n const mtSplit = document.getElementById('edit-mt-split').value;\r\n const mtDescTh = document.getElementById('edit-mt-desc-th').value;\r\n const mtDescEn = document.getElementById('edit-mt-desc-en').value;\r\n\r\n const aaTotal = document.getElementById('edit-aa-total').value;\r\n const aaSplit = document.getElementById('edit-aa-split').value;\r\n const aaDescTh = document.getElementById('edit-aa-desc-th').value;\r\n const aaDescEn = document.getElementById('edit-aa-desc-en').value;\r\n\r\n const dateThVal = document.getElementById('edit-date-th').value;\r\n const dateEnVal = document.getElementById('edit-date-en').value;\r\n\r\n \/\/ Contact Inputs\r\n const locVal = document.getElementById('edit-contact-loc').value;\r\n const hoursVal = document.getElementById('edit-contact-hours').value;\r\n const phoneVal = document.getElementById('edit-contact-phone').value;\r\n const emailVal = document.getElementById('edit-contact-email').value;\r\n\r\n \/\/ Apply directly to Landing Page Preview\r\n document.getElementById('view-head-accent').innerHTML = headAccentVal;\r\n \r\n \/\/ Re-arrange the giant cinematic title nicely based on character split\r\n const titleContainer = document.getElementById('view-title-container');\r\n const words = titleVal.split(' ');\r\n if(words.length >= 2) {\r\n const accentWord = words.pop();\r\n const normalWords = words.join(' ');\r\n titleContainer.innerHTML = `<span class=\"text-white\">${normalWords}<\/span><span class=\"text-${themeConfig[currentTheme].textAccent} text-glow-dynamic mt-1\" id=\"view-title-accent\">${accentWord}<\/span>`;\r\n } else {\r\n titleContainer.innerHTML = `<span class=\"text-white\">${titleVal}<\/span>`;\r\n }\r\n\r\n document.getElementById('view-subheadline-th').innerText = subheadThVal;\r\n document.getElementById('view-subheadline-en').innerText = subheadEnVal;\r\n document.getElementById('view-ribbon-date-th').innerText = dateThVal;\r\n document.getElementById('view-ribbon-date-en').innerText = dateEnVal;\r\n \r\n document.getElementById('view-mt-total-price').innerText = mtTotal;\r\n document.getElementById('view-mt-desc-th').innerText = mtDescTh;\r\n document.getElementById('view-mt-desc-en').innerText = mtDescEn;\r\n document.getElementById('view-mt-split-note').innerHTML = `\r\n <div class=\"flex items-center gap-1.5\">\r\n <i class=\"fa-solid fa-user-group text-[10px]\"><\/i> <span>\u0e04\u0e19\u0e25\u0e30 ${mtSplit} \u0e1a\u0e32\u0e17!<\/span>\r\n <\/div>\r\n <span class=\"text-[10px] text-red-400\/80 pl-5 lowercase font-semibold tracking-normal normal-case\">only ${mtSplit} THB each!<\/span>\r\n `;\r\n\r\n document.getElementById('view-aa-total-price').innerText = aaTotal;\r\n document.getElementById('view-aa-desc-th').innerText = aaDescTh;\r\n document.getElementById('view-aa-desc-en').innerText = aaDescEn;\r\n document.getElementById('view-aa-split-note').innerHTML = `\r\n <div class=\"flex items-center gap-1.5\">\r\n <i class=\"fa-solid fa-user-group text-[10px]\"><\/i> <span>\u0e04\u0e19\u0e25\u0e30 ${aaSplit} \u0e1a\u0e32\u0e17!<\/span>\r\n <\/div>\r\n <span class=\"text-[10px] text-red-400 pl-5 lowercase font-semibold tracking-normal normal-case\">only ${aaSplit} THB each!<\/span>\r\n `;\r\n\r\n \/\/ Apply Contacts directly to Landing Page Grid\r\n document.getElementById('view-contact-loc').innerText = locVal;\r\n document.getElementById('view-contact-hours').innerText = hoursVal;\r\n document.getElementById('view-contact-phone').innerText = phoneVal;\r\n document.getElementById('view-contact-phone').href = \"tel:\" + phoneVal.replace(\/[^0-9+]\/g, '');\r\n document.getElementById('view-contact-email').innerText = emailVal;\r\n document.getElementById('view-contact-email').href = \"mailto:\" + emailVal;\r\n\r\n \/\/ Apply directly to Social Poster Preview\r\n document.getElementById('poster-head-accent').innerHTML = headAccentVal;\r\n document.getElementById('poster-title').innerText = titleVal;\r\n document.getElementById('poster-subheadline').innerText = subheadThVal + \" \/ \" + subheadEnVal;\r\n document.getElementById('poster-date-th').innerText = dateThVal;\r\n document.getElementById('poster-date-en').innerText = dateEnVal;\r\n \r\n document.getElementById('poster-mt-total').innerText = mtTotal;\r\n document.getElementById('poster-mt-split').innerText = `\u0e04\u0e19\u0e25\u0e30 ${mtSplit} \u0e1a\u0e32\u0e17!`;\r\n document.getElementById('poster-aa-total').innerText = aaTotal;\r\n document.getElementById('poster-aa-split').innerText = `\u0e04\u0e19\u0e25\u0e30 ${aaSplit} \u0e1a\u0e32\u0e17!`;\r\n\r\n \/\/ Extract a smart shorter location string for tight poster constraints\r\n let posterLocShort = locVal;\r\n if (locVal.toLowerCase().includes('sukhumvit')) {\r\n posterLocShort = \"Soi Sukhumvit 22, BKK\";\r\n } else if (locVal.length > 25) {\r\n posterLocShort = locVal.substring(0, 22) + \"...\";\r\n }\r\n document.getElementById('poster-contact-loc-short').innerText = posterLocShort;\r\n document.getElementById('poster-contact-loc-short').title = locVal;\r\n document.getElementById('poster-contact-hours').innerText = hoursVal;\r\n document.getElementById('poster-contact-phone').innerText = phoneVal;\r\n document.getElementById('poster-contact-email').innerText = emailVal;\r\n }\r\n\r\n \/\/ Formats copywriting perfectly with emoji and structured line breaks\r\n function copyPromoText() {\r\n const headAccent = document.getElementById('edit-header-accent').value;\r\n const title = document.getElementById('edit-title').value;\r\n const subheadTh = document.getElementById('edit-subheadline-th').value;\r\n const subheadEn = document.getElementById('edit-subheadline-en').value;\r\n \r\n const mtTotal = document.getElementById('edit-mt-total').value;\r\n const mtSplit = document.getElementById('edit-mt-split').value;\r\n const mtDescTh = document.getElementById('edit-mt-desc-th').value;\r\n const mtDescEn = document.getElementById('edit-mt-desc-en').value;\r\n\r\n const aaTotal = document.getElementById('edit-aa-total').value;\r\n const aaSplit = document.getElementById('edit-aa-split').value;\r\n const aaDescTh = document.getElementById('edit-aa-desc-th').value;\r\n const aaDescEn = document.getElementById('edit-aa-desc-en').value;\r\n\r\n const dateTh = document.getElementById('edit-date-th').value;\r\n const dateEn = document.getElementById('edit-date-en').value;\r\n\r\n const loc = document.getElementById('edit-contact-loc').value;\r\n const hours = document.getElementById('edit-contact-hours').value;\r\n const phone = document.getElementById('edit-contact-phone').value;\r\n const email = document.getElementById('edit-contact-email').value;\r\n\r\n const formattedText = `\ud83d\udd25 ${headAccent} \ud83d\udd25\r\n\u26a1 \u0e41\u0e04\u0e21\u0e40\u0e1b\u0e0d\u0e2a\u0e38\u0e14\u0e1e\u0e34\u0e40\u0e28\u0e29 \/ Special Campaign: ${title} \u26a1\r\n\r\n[THAI VERSION]\r\n${subheadTh}\r\n\u23f1\ufe0f \u0e14\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14! \u0e42\u0e1b\u0e23\u0e42\u0e21\u0e0a\u0e31\u0e19\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e04\u0e39\u0e48\u0e2b\u0e39\u0e23\u0e32\u0e04\u0e32\u0e2a\u0e38\u0e14\u0e04\u0e38\u0e49\u0e21\u0e19\u0e35\u0e49 \u0e2a\u0e34\u0e49\u0e19\u0e2a\u0e38\u0e14\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 ${dateTh} \u0e19\u0e35\u0e49\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19!\r\n\r\n[ENGLISH VERSION]\r\n${subheadEn}\r\n\u23f1\ufe0f Hurry! This limited-time buddy package offer is only valid until ${dateEn}!\r\n\r\n-----------------------\r\n\ud83e\udd4a \u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e17\u0e35\u0e48 1 \/ Package 1: Muay Thai Only Membership\r\n\u2022 \u0e23\u0e32\u0e04\u0e32\u0e23\u0e27\u0e21 \/ Total Price: ${mtTotal} \u0e1a\u0e32\u0e17\/\u0e40\u0e14\u0e37\u0e2d\u0e19 (THB\/Month) \r\n\u2022 \u0e15\u0e01\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e04\u0e19\u0e25\u0e30 \/ Only: ${mtSplit} \u0e1a\u0e32\u0e17\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19! (THB each!)\r\n\u2022 \u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c TH: ${mtDescTh}\r\n\u2022 Benefits EN: ${mtDescEn}\r\n\r\n\ud83e\udd4b \u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e17\u0e35\u0e48 2 \/ Package 2: All-Access Full Membership\r\n\u2022 \u0e23\u0e32\u0e04\u0e32\u0e23\u0e27\u0e21 \/ Total Price: ${aaTotal} \u0e1a\u0e32\u0e17\/\u0e40\u0e14\u0e37\u0e2d\u0e19 (THB\/Month)\r\n\u2022 \u0e15\u0e01\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e04\u0e19\u0e25\u0e30 \/ Only: ${aaSplit} \u0e1a\u0e32\u0e17\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19! (THB each!)\r\n\u2022 \u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c TH: ${aaDescTh}\r\n\u2022 Benefits EN: ${aaDescEn}\r\n\r\n-----------------------\r\n\ud83d\udca1 \u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01\u0e40\u0e01\u0e48\u0e32\u0e01\u0e47\u0e23\u0e31\u0e1a\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e44\u0e14\u0e49! \/ ALREADY A MEMBER? You don't have to miss out!\r\n\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e0a\u0e27\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e43\u0e2b\u0e21\u0e48\u0e21\u0e32\u0e23\u0e48\u0e27\u0e21\u0e2b\u0e32\u0e23\u0e25\u0e14\u0e23\u0e32\u0e04\u0e32\u0e01\u0e25\u0e32\u0e07 \u0e17\u0e31\u0e49\u0e07\u0e04\u0e39\u0e48\u0e01\u0e47\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e40\u0e23\u0e15\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e32\u0e04\u0e32\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e41\u0e2a\u0e19\u0e04\u0e38\u0e49\u0e21\u0e04\u0e48\u0e32\u0e19\u0e35\u0e49\u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35\u0e17\u0e35\u0e48\u0e41\u0e1c\u0e19\u0e01\u0e15\u0e49\u0e2d\u0e19\u0e23\u0e31\u0e1a\u0e04\u0e23\u0e31\u0e1a!\r\nSimply introduce a new friend to the gym and both of you can transition onto this Buddy Package rate at the front desk!\r\n\r\n\ud83d\udccd \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e41\u0e25\u0e30\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \/ Contact Us:\r\n\u2022 \u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07 \/ Location: ${loc}\r\n\u2022 \u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23 \/ Hours: ${hours}\r\n\u2022 \u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c \/ Phone: ${phone}\r\n\u2022 \u0e2d\u0e35\u0e40\u0e21\u0e25 \/ Email: ${email}`;\r\n\r\n if (navigator.clipboard && window.isSecureContext) {\r\n navigator.clipboard.writeText(formattedText).then(() => {\r\n showToast();\r\n });\r\n } else {\r\n const textArea = document.createElement(\"textarea\");\r\n textArea.value = formattedText;\r\n textArea.style.position = \"fixed\";\r\n document.body.appendChild(textArea);\r\n textArea.focus();\r\n textArea.select();\r\n try {\r\n document.execCommand('copy');\r\n showToast();\r\n } catch (err) {\r\n console.error('Copy script failed', err);\r\n }\r\n document.body.removeChild(textArea);\r\n }\r\n }\r\n\r\n \/\/ Show toast animation\r\n function showToast() {\r\n const toast = document.getElementById('toast-message');\r\n toast.classList.remove('hidden');\r\n setTimeout(() => {\r\n toast.classList.add('hidden');\r\n }, 3500);\r\n }\r\n\r\n \/\/ Capture layout precisely on desktop viewport sizes with scale options\r\n function exportAsImage() {\r\n let targetElement;\r\n let filename = \"buddy-package-poster-th-en.png\";\r\n\r\n if (currentView === 'landing') {\r\n targetElement = document.getElementById('landing-container');\r\n filename = \"buddy-package-landing-th-en.png\";\r\n } else {\r\n targetElement = document.getElementById('poster-container');\r\n filename = \"buddy-package-poster-th-en.png\";\r\n }\r\n\r\n const exportBtn = document.getElementById('btn-export-main');\r\n const originalBtnHTML = exportBtn.innerHTML;\r\n exportBtn.innerHTML = `<i class=\"fa-solid fa-circle-notch fa-spin mr-2\"><\/i> \u0e01\u0e33\u0e25\u0e31\u0e07\u0e1b\u0e23\u0e30\u0e21\u0e27\u0e25\u0e1c\u0e25\u0e04\u0e27\u0e32\u0e21\u0e04\u0e21\u0e0a\u0e31\u0e14\u0e2a\u0e39\u0e07...`;\r\n exportBtn.disabled = true;\r\n\r\n Promise.all([\r\n document.fonts.ready,\r\n new Promise(resolve => setTimeout(resolve, 400))\r\n ]).then(() => {\r\n const options = {\r\n scale: 3, \/\/ Premium high-res scale\r\n backgroundColor: \"#020617\",\r\n useCORS: true,\r\n allowTaint: false,\r\n logging: false,\r\n scrollX: 0,\r\n scrollY: -window.scrollY \/\/ Align exact viewport render offset\r\n };\r\n\r\n html2canvas(targetElement, options).then(canvas => {\r\n const link = document.createElement('a');\r\n link.download = filename;\r\n link.href = canvas.toDataURL('image\/png', 1.0);\r\n link.click();\r\n \r\n exportBtn.innerHTML = originalBtnHTML;\r\n exportBtn.disabled = false;\r\n }).catch(err => {\r\n console.error(\"Renderer Exception:\", err);\r\n exportBtn.innerHTML = originalBtnHTML;\r\n exportBtn.disabled = false;\r\n });\r\n });\r\n }\r\n\r\n window.onload = function() {\r\n changeTheme('red');\r\n updateContent();\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff73555 e-flex e-con-boxed e-con e-parent\" data-id=\"ff73555\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e548229 e-con-full e-flex e-con e-child\" data-id=\"e548229\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e4f7c2 elementor-widget elementor-widget-heading\" data-id=\"4e4f7c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ready to Get Started?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-291992f elementor-widget elementor-widget-text-editor\" data-id=\"291992f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Join us today and begin your journey towards becoming stronger, more confident, and more skilled. Sign up for a free trial Brazilian Jiu Jitsu class or contact us to learn more about our programs.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e206caa e-con-full e-flex e-con e-child\" data-id=\"e206caa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8636e91 elementor-widget elementor-widget-button\" data-id=\"8636e91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-bounce-in\" href=\"https:\/\/brazilianjiujitsubkk.com\/request-a-brochure\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get a Brochure <\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-undefined-ed38666 e-flex e-con-boxed e-con e-parent\" data-id=\"undefined-ed38666\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-undefined-2005e82 e-con-full e-flex e-con e-child\" data-id=\"undefined-2005e82\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-5099053 elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading\" data-id=\"undefined-5099053\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What Our Clients Say<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-undefined-6b002a3 e-grid e-con-full e-con e-child\" data-id=\"undefined-6b002a3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-fb2ed38 elementor-widget-tablet__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-testimonial\" data-id=\"undefined-fb2ed38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"testimonial.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-wrapper\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-content\">Marcelo and Kyra are great! Friendly, relaxed atmosphere and welcoming to beginners (and kids).<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-testimonial-meta elementor-has-image elementor-testimonial-image-position-aside\">\n\t\t\t\t<div class=\"elementor-testimonial-meta-inner\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-image\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"200\" src=\"https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/10\/BJJ.png\" class=\"attachment-full size-full wp-image-5432\" alt=\"Brazilian Jiu Jitsu Grappling Academy\" title=\"\" srcset=\"https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/10\/BJJ.png 200w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/10\/BJJ-150x150.png 150w\" sizes=\"(max-width: 200px) 100vw, 200px\" \/>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-details\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-name\">Andreas<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-8c5fd23 elementor-widget-tablet__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-testimonial\" data-id=\"undefined-8c5fd23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"testimonial.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-wrapper\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-content\">Welcoming and small dojo. Joined a class as a complete beginner but the instructors and classmates were very helpful and accommodating!<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-testimonial-meta elementor-has-image elementor-testimonial-image-position-aside\">\n\t\t\t\t<div class=\"elementor-testimonial-meta-inner\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-image\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"200\" src=\"https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/10\/BJJ.png\" class=\"attachment-full size-full wp-image-5432\" alt=\"Brazilian Jiu Jitsu Grappling Academy\" title=\"\" srcset=\"https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/10\/BJJ.png 200w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/10\/BJJ-150x150.png 150w\" sizes=\"(max-width: 200px) 100vw, 200px\" \/>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-details\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-name\">Erick<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-7b304a1 elementor-widget-tablet__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-testimonial\" data-id=\"undefined-7b304a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"testimonial.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-wrapper\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-content\">\u201cThe atmosphere is welcoming and motivational. I've made great friends and learned a lot about grappling techniques.\u201d<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-testimonial-meta elementor-has-image elementor-testimonial-image-position-aside\">\n\t\t\t\t<div class=\"elementor-testimonial-meta-inner\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-image\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"200\" src=\"https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/10\/BJJ.png\" class=\"attachment-full size-full wp-image-5432\" alt=\"Brazilian Jiu Jitsu Grappling Academy\" title=\"\" srcset=\"https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/10\/BJJ.png 200w, https:\/\/brazilianjiujitsubkk.com\/wp-content\/uploads\/2024\/10\/BJJ-150x150.png 150w\" sizes=\"(max-width: 200px) 100vw, 200px\" \/>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-details\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-name\">Taylor Wong<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-80b35fc elementor-widget elementor-widget-google_maps\" data-id=\"80b35fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=Brazilian%20Jiu%20Jitsu%20Grappling%20Academy&t=m&z=10&output=embed&iwloc=near\"\n\t\t\t\t\ttitle=\"Brazilian Jiu Jitsu Grappling Academy\"\n\t\t\t\t\taria-label=\"Brazilian Jiu Jitsu Grappling Academy\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Brazilian Jiu Jitsu Grappling Academy Buddy Package – Hero CTA Teaser Card \u23f1\ufe0f \u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e08\u0e33\u0e01\u0e31\u0e14\u0e40\u0e27\u0e25\u0e32 \/ Limited Gym Offer ENDS 31 JULY 2026 BETTER TOGETHER \ud83e\udd4a \u26a1 THE BUDDY PACKAGE \u0e08\u0e31\u0e1a\u0e04\u0e39\u0e48\u0e2b\u0e39\u0e21\u0e32\u0e1f\u0e34\u0e15\u0e0b\u0e49\u0e2d\u0e21\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e23\u0e39\u0e1b\u0e23\u0e48\u0e32\u0e07\u0e44\u0e1b\u0e14\u0e49\u0e27\u0e22\u0e01\u0e31\u0e19\u0e43\u0e19\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e19\u0e35\u0e49! \u0e2b\u0e32\u0e23\u0e04\u0e23\u0e36\u0e48\u0e07\u0e23\u0e32\u0e04\u0e32\u0e17\u0e31\u0e19\u0e17\u0e35\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e01\u0e32\u0e23\u0e40\u0e25\u0e48\u0e19\u0e17\u0e38\u0e01\u0e04\u0e25\u0e32\u0e2a\u0e20\u0e32\u0e22\u0e43\u0e19\u0e22\u0e34\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e04\u0e23\u0e31\u0e1a Bring a training partner to sign up this month and split the cost down to half with our exclusive package! \u0e40\u0e23\u0e15\u0e23\u0e32\u0e04\u0e32\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a 2 \u0e17\u0e48\u0e32\u0e19 \/ … <a title=\"\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e23\u0e01\" class=\"read-more\" href=\"https:\/\/brazilianjiujitsubkk.com\/th\/\" aria-label=\"Read more about Home\">Read more<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":{"0":"post-3575","1":"page","2":"type-page","3":"status-publish","5":"no-featured-image-padding"},"_links":{"self":[{"href":"https:\/\/brazilianjiujitsubkk.com\/th\/wp-json\/wp\/v2\/pages\/3575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brazilianjiujitsubkk.com\/th\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brazilianjiujitsubkk.com\/th\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brazilianjiujitsubkk.com\/th\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brazilianjiujitsubkk.com\/th\/wp-json\/wp\/v2\/comments?post=3575"}],"version-history":[{"count":122,"href":"https:\/\/brazilianjiujitsubkk.com\/th\/wp-json\/wp\/v2\/pages\/3575\/revisions"}],"predecessor-version":[{"id":7110,"href":"https:\/\/brazilianjiujitsubkk.com\/th\/wp-json\/wp\/v2\/pages\/3575\/revisions\/7110"}],"wp:attachment":[{"href":"https:\/\/brazilianjiujitsubkk.com\/th\/wp-json\/wp\/v2\/media?parent=3575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}