Professional Umpire Booking Platform<\/title>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@700;800;900&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n body {\n box-sizing: border-box;\n }\n \n * {\n margin: 0;\n padding: 0;\n }\n \n .font-outfit {\n font-family: 'Outfit', sans-serif;\n }\n \n .font-inter {\n font-family: 'Inter', sans-serif;\n }\n \n .underline-lime {\n position: relative;\n display: inline-block;\n }\n \n .underline-lime::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: 8px;\n width: 100%;\n height: 8px;\n background: #BEF264;\n z-index: -1;\n }\n \n .btn-primary-shadow {\n box-shadow: 0 10px 30px rgba(2, 44, 34, 0.3);\n }\n \n .card-shadow {\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n }\n \n .floating-card-shadow {\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\n }\n \n .terminal-header-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n display: inline-block;\n }\n \n .rotate-3 {\n transform: rotate(3deg);\n }\n \n .terminal-text {\n font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;\n font-size: 14px;\n line-height: 1.8;\n }\n <\/style>\n <style>@view-transition { navigation: auto; }<\/style>\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body class=\"h-full font-inter\" style=\"background: #F8FAFC;\">\n <main class=\"w-full h-full overflow-auto\">\n <nav style=\"position: fixed; top: 0; left: 0; right: 0; background: white; border-bottom: 1px solid #E2E8F0; z-index: 1000; box-shadow: 0 2px 8px rgba(0,0,0,0.05);\">\n <div style=\"max-width: 1280px; margin: 0 auto; padding: 0 24px; height: 80px; display: flex; align-items: center; justify-content: space-between;\">\n <div style=\"display: flex; align-items: center;\"><a href=\"#\" onclick=\"showPage('home'); return false;\" style=\"text-decoration: none;\"> <span class=\"font-outfit underline-lime\" style=\"font-size: 24px; font-weight: 900; color: #022C22;\">BYUM<\/span> <\/a>\n <\/div>\n <div id=\"desktop-nav\" style=\"display: flex; gap: 40px; align-items: center;\"><a href=\"#\" onclick=\"showPage('about'); return false;\" style=\"text-decoration: none; color: #022C22; font-weight: 600; font-size: 12px;\">About<\/a> <a href=\"#\" onclick=\"showPage('contact'); return false;\" style=\"text-decoration: none; color: #022C22; font-weight: 600; font-size: 12px;\">Contact<\/a> <a href=\"https:\/\/bookyourumpireapp.base44.app\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"padding: 10px 24px; background: #022C22; color: white; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 11.2px; display: inline-block;\">Sign In<\/a>\n <\/div> <button id=\"mobile-menu-btn\" onclick=\"toggleMobileMenu()\" style=\"display: none; background: none; border: none; cursor: pointer; padding: 8px;\">\n <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#022C22\" stroke-width=\"2\" stroke-linecap=\"round\"><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line> <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line> <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line>\n <\/svg><\/button>\n <\/div>\n <div id=\"mobile-menu\" style=\"display: none; background: white; border-top: 1px solid #E2E8F0; padding: 24px;\">\n <div style=\"display: flex; flex-direction: column; gap: 20px;\"><a href=\"#\" onclick=\"showPage('about'); closeMobileMenu(); return false;\" style=\"text-decoration: none; color: #022C22; font-weight: 600; font-size: 14px; padding: 12px 0;\">About<\/a> <a href=\"#\" onclick=\"showPage('contact'); closeMobileMenu(); return false;\" style=\"text-decoration: none; color: #022C22; font-weight: 600; font-size: 14px; padding: 12px 0;\">Contact<\/a> <a href=\"https:\/\/bookyourumpireapp.base44.app\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"padding: 14px 24px; background: #022C22; color: white; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 14px; display: inline-block; text-align: center;\">Sign In<\/a>\n <\/div>\n <\/div>\n <\/nav>\n <section id=\"home-page\" style=\"padding-top: 100px; padding-bottom: 40px;\">\n <div style=\"max-width: 1280px; margin: 0 auto; padding: 0 24px;\">\n <div id=\"hero-grid\" style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;\">\n <div>\n <div id=\"badge\" style=\"display: inline-flex; align-items: center; height: 28px; padding: 6px 16px; border: 1px solid rgba(2, 44, 34, 0.1); border-radius: 100px; margin-bottom: 20px;\"><span style=\"font-size: 9.6px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: #022C22;\">LIVE: 40+ UMPIRES AVAILABLE<\/span>\n <\/div>\n <h1 id=\"headline\" class=\"font-outfit\" style=\"font-size: 57.6px; font-weight: 900; line-height: 1.1; color: #022C22; margin-bottom: 16px;\">Professional Umpires.<br><span class=\"underline-lime\">Zero Hassle.<\/span><\/h1>\n <p id=\"body-copy\" style=\"font-size: 14.4px; color: #475569; max-width: 500px; margin-bottom: 28px; line-height: 1.6;\">Stop chasing phone numbers. Book ECB-certified officials in under 60 seconds.<\/p>\n <div style=\"display: flex; gap: 16px;\"><a href=\"https:\/\/bookyourumpireapp.base44.app\" target=\"_blank\" rel=\"noopener noreferrer\" id=\"btn-primary\" class=\"btn-primary-shadow\" style=\"width: 220px; height: 60px; background: #022C22; color: white; font-size: 14.4px; font-weight: 700; border-radius: 12px; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; text-decoration: none;\"> Book Now <\/a>\n <\/div>\n <\/div>\n <div style=\"position: relative; height: 600px; display: flex; align-items: center; justify-content: center;\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <section id=\"features-section\" style=\"background: #F3F4F6; padding-top: 48px; padding-bottom: 48px;\">\n <div style=\"max-width: 1280px; margin: 0 auto; padding: 0 24px;\">\n <div id=\"features-grid\" style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;\">\n <div class=\"card-shadow\" style=\"background: white; height: 280px; padding: 40px; border-radius: 24px; border: 2px solid #E2E8F0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;\">\n <h3 id=\"feature1-title\" class=\"font-outfit\" style=\"font-size: 28.8px; font-weight: 800; color: #022C22; line-height: 1.2; margin-bottom: 16px;\">Panic-Free<br>\n Match Days<\/h3>\n <p style=\"font-size: 12px; color: #64748B; margin-bottom: 0;\">Never scramble for officials again<\/p>\n <\/div>\n <div class=\"card-shadow\" style=\"background: white; height: 280px; padding: 40px; border-radius: 24px; border: 2px solid #E2E8F0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;\">\n <h3 id=\"feature2-title\" class=\"font-outfit\" style=\"font-size: 28.8px; font-weight: 800; color: #022C22; line-height: 1.2; margin-bottom: 16px;\">100%<br>\n Verified<\/h3>\n <p style=\"font-size: 12px; color: #64748B; margin-bottom: 0;\">All umpires are professionally certified<\/p>\n <\/div>\n <div class=\"card-shadow\" style=\"background: white; height: 280px; padding: 40px; border-radius: 24px; border: 2px solid #E2E8F0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;\">\n <h3 id=\"feature3-title\" class=\"font-outfit\" style=\"font-size: 28.8px; font-weight: 800; color: #022C22; line-height: 1.2; margin-bottom: 16px;\">Cashless<br>\n Payments<\/h3>\n <p style=\"font-size: 12px; color: #374151; margin-bottom: 0;\">Secure, instant, hassle-free transactions<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <section id=\"about-page\" style=\"display: none; padding-top: 100px; padding-bottom: 48px;\">\n <div style=\"max-width: 900px; margin: 0 auto; padding: 0 24px;\">\n <h1 class=\"font-outfit\" style=\"font-size: 48px; font-weight: 900; color: #022C22; margin-bottom: 24px;\">About <span class=\"underline-lime\">BYUM<\/span><\/h1>\n <div style=\"background: white; padding: 48px; border-radius: 24px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08); margin-bottom: 40px;\">\n <h2 class=\"font-outfit\" style=\"font-size: 28.8px; font-weight: 800; color: #022C22; margin-bottom: 20px;\">Bridging the Gap<\/h2>\n <p style=\"font-size: 14.4px; color: #475569; line-height: 1.8; margin-bottom: 24px;\">BYUM (Book Your Umpire) is a platform designed to bridge the gap between registered umpires and local cricket leagues struggling to find qualified match officials. In the world of grassroots cricket, securing reliable, ECB-certified umpires has traditionally been a time-consuming and frustrating process.<\/p>\n <h2 class=\"font-outfit\" style=\"font-size: 28.8px; font-weight: 800; color: #022C22; margin-bottom: 20px;\">Seamless Experience<\/h2>\n <p style=\"font-size: 14.4px; color: #475569; line-height: 1.8; margin-bottom: 24px;\">Our app simplifies the entire booking process by allowing users to log in, browse available umpires, make secure payments, and complete bookings\u2014all in one place. This ensures a seamless experience for both cricket leagues and umpires, eliminating the back-and-forth of phone calls and last-minute cancellations.<\/p>\n <h2 class=\"font-outfit\" style=\"font-size: 28.8px; font-weight: 800; color: #022C22; margin-bottom: 20px;\">Our Mission<\/h2>\n <p style=\"font-size: 14.4px; color: #475569; line-height: 1.8; margin-bottom: 0;\">We’re committed to supporting grassroots cricket by making professional match officiating accessible, reliable, and stress-free. With BYUM, leagues can focus on what matters most\u2014the game\u2014while umpires gain better visibility and booking opportunities in their local areas.<\/p>\n <\/div>\n <div style=\"background: #BEF264; padding: 40px; border-radius: 24px; text-align: center;\">\n <h3 class=\"font-outfit\" style=\"font-size: 24px; font-weight: 800; color: #022C22; margin-bottom: 12px;\">Ready to Get Started?<\/h3>\n <p style=\"font-size: 14.4px; color: #022C22; margin-bottom: 24px;\">Join hundreds of leagues and umpires using BYUM today.<\/p><a href=\"https:\/\/bookyourumpireapp.base44.app\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"display: inline-block; padding: 14px 32px; background: #022C22; color: white; font-size: 14.4px; font-weight: 700; border-radius: 12px; text-decoration: none;\">Sign In Now<\/a>\n <\/div>\n <\/div>\n <\/section>\n <section id=\"contact-page\" style=\"display: none; padding-top: 100px; padding-bottom: 48px;\">\n <div style=\"max-width: 700px; margin: 0 auto; padding: 0 24px;\">\n <h1 class=\"font-outfit\" style=\"font-size: 48px; font-weight: 900; color: #022C22; margin-bottom: 16px; text-align: center;\">Get in <span class=\"underline-lime\">Touch<\/span><\/h1>\n <p style=\"font-size: 14.4px; color: #475569; text-align: center; margin-bottom: 40px;\">Have questions? We’d love to hear from you. Send us a message and we’ll respond as soon as possible.<\/p>\n <div style=\"background: white; padding: 48px; border-radius: 24px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);\">\n <form id=\"contact-form\" onsubmit=\"handleContactSubmit(event)\">\n <div style=\"margin-bottom: 24px;\"><label for=\"contact-name\" style=\"display: block; font-size: 12px; font-weight: 600; color: #022C22; margin-bottom: 8px;\">Your Name<\/label> <input type=\"text\" id=\"contact-name\" required style=\"width: 100%; padding: 14px 16px; border: 1px solid #E2E8F0; border-radius: 8px; font-size: 14.4px; color: #022C22; font-family: 'Inter', sans-serif;\">\n <\/div>\n <div style=\"margin-bottom: 24px;\"><label for=\"contact-email\" style=\"display: block; font-size: 12px; font-weight: 600; color: #022C22; margin-bottom: 8px;\">Your Email<\/label> <input type=\"email\" id=\"contact-email\" required style=\"width: 100%; padding: 14px 16px; border: 1px solid #E2E8F0; border-radius: 8px; font-size: 14.4px; color: #022C22; font-family: 'Inter', sans-serif;\">\n <\/div>\n <div style=\"margin-bottom: 24px;\"><label for=\"contact-subject\" style=\"display: block; font-size: 12px; font-weight: 600; color: #022C22; margin-bottom: 8px;\">Subject<\/label> <input type=\"text\" id=\"contact-subject\" required style=\"width: 100%; padding: 14px 16px; border: 1px solid #E2E8F0; border-radius: 8px; font-size: 14.4px; color: #022C22; font-family: 'Inter', sans-serif;\">\n <\/div>\n <div style=\"margin-bottom: 32px;\"><label for=\"contact-message\" style=\"display: block; font-size: 12px; font-weight: 600; color: #022C22; margin-bottom: 8px;\">Message<\/label> <textarea id=\"contact-message\" required rows=\"6\" style=\"width: 100%; padding: 14px 16px; border: 1px solid #E2E8F0; border-radius: 8px; font-size: 14.4px; color: #022C22; resize: vertical; font-family: 'Inter', sans-serif;\"><\/textarea>\n <\/div><button type=\"submit\" id=\"submit-btn\" style=\"width: 100%; padding: 16px; background: #022C22; color: white; font-size: 14.4px; font-weight: 700; border-radius: 12px; border: none; cursor: pointer;\"> Send Message <\/button>\n <div id=\"form-message\" style=\"margin-top: 16px; padding: 12px; border-radius: 8px; font-size: 12px; display: none;\"><\/div>\n <\/form>\n <\/div>\n <div style=\"margin-top: 40px; text-align: center; padding: 32px; background: #F3F4F6; border-radius: 16px;\">\n <p style=\"font-size: 12px; color: #475569; margin-bottom: 8px;\">Or email us directly at:<\/p><a href=\"mailto:website@bookyourumpire.uk\" style=\"font-size: 14.4px; font-weight: 600; color: #022C22; text-decoration: none;\">website@bookyourumpire.uk<\/a>\n <\/div>\n <\/div>\n <\/section>\n <footer style=\"background: #022C22; padding: 48px 0 32px 0;\">\n <div style=\"max-width: 1280px; margin: 0 auto; padding: 0 24px;\">\n <div id=\"footer-grid\" style=\"display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 60px; margin-bottom: 40px;\">\n <div>\n <div style=\"display: flex; align-items: center; margin-bottom: 20px;\"><span class=\"font-outfit underline-lime\" style=\"font-size: 20px; font-weight: 900; color: white;\">BYUM<\/span>\n <\/div>\n <p style=\"color: #94A3B8; font-size: 12px; line-height: 1.6; max-width: 300px;\">Professional umpire booking made simple. ECB-certified officials at your fingertips.<\/p>\n <\/div>\n <div>\n <h4 style=\"color: white; font-weight: 700; font-size: 11.2px; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0.05em;\">Product<\/h4>\n <div style=\"display: flex; flex-direction: column; gap: 12px;\"><a href=\"#\" style=\"color: #94A3B8; text-decoration: none; font-size: 12px;\">Features<\/a> <a href=\"#\" style=\"color: #94A3B8; text-decoration: none; font-size: 12px;\">Pricing<\/a> <a href=\"#\" style=\"color: #94A3B8; text-decoration: none; font-size: 12px;\">How It Works<\/a> <a href=\"#\" style=\"color: #94A3B8; text-decoration: none; font-size: 12px;\">Demo<\/a>\n <\/div>\n <\/div>\n <div>\n <h4 style=\"color: white; font-weight: 700; font-size: 11.2px; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0.05em;\">Company<\/h4>\n <div style=\"display: flex; flex-direction: column; gap: 12px;\"><a href=\"#\" style=\"color: #94A3B8; text-decoration: none; font-size: 12px;\">About Us<\/a> <a href=\"#\" style=\"color: #94A3B8; text-decoration: none; font-size: 12px;\">Careers<\/a> <a href=\"#\" style=\"color: #94A3B8; text-decoration: none; font-size: 12px;\">Contact<\/a> <a href=\"#\" style=\"color: #94A3B8; text-decoration: none; font-size: 12px;\">Blog<\/a>\n <\/div>\n <\/div>\n <div>\n <h4 style=\"color: white; font-weight: 700; font-size: 11.2px; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0.05em;\">Legal<\/h4>\n <div style=\"display: flex; flex-direction: column; gap: 12px;\"><a href=\"#\" style=\"color: #94A3B8; text-decoration: none; font-size: 12px;\">Privacy Policy<\/a> <a href=\"#\" style=\"color: #94A3B8; text-decoration: none; font-size: 12px;\">Terms of Service<\/a> <a href=\"#\" style=\"color: #94A3B8; text-decoration: none; font-size: 12px;\">Cookie Policy<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div style=\"border-top: 1px solid rgba(255,255,255,0.1); padding-top: 32px; display: flex; justify-content: space-between; align-items: center;\">\n <p style=\"color: #64748B; font-size: 11.2px;\">\u00a9 2024 Book Your Umpire. All rights reserved.<\/p>\n <div style=\"display: flex; gap: 24px;\"><a href=\"#\" style=\"color: #64748B; text-decoration: none; font-size: 11.2px;\">Twitter<\/a> <a href=\"#\" style=\"color: #64748B; text-decoration: none; font-size: 11.2px;\">LinkedIn<\/a> <a href=\"#\" style=\"color: #64748B; text-decoration: none; font-size: 11.2px;\">Facebook<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n <\/main>\n <script>\n \/\/ Mobile menu functions\n function toggleMobileMenu() {\n const menu = document.getElementById('mobile-menu');\n if (menu.style.display === 'none' || menu.style.display === '') {\n menu.style.display = 'block';\n } else {\n menu.style.display = 'none';\n }\n }\n \n function closeMobileMenu() {\n document.getElementById('mobile-menu').style.display = 'none';\n }\n \n \/\/ Responsive layout adjustments\n function handleResize() {\n const width = window.innerWidth;\n \n \/\/ Toggle mobile\/desktop nav\n if (width <= 768) {\n document.getElementById('desktop-nav').style.display = 'none';\n document.getElementById('mobile-menu-btn').style.display = 'block';\n \n \/\/ Hero grid\n document.getElementById('hero-grid').style.gridTemplateColumns = '1fr';\n document.getElementById('hero-grid').style.gap = '40px';\n document.getElementById('headline').style.fontSize = '36px';\n \n \/\/ Features grid\n document.getElementById('features-grid').style.gridTemplateColumns = '1fr';\n \n \/\/ Footer grid\n document.getElementById('footer-grid').style.gridTemplateColumns = '1fr';\n document.getElementById('footer-grid').style.gap = '40px';\n } else {\n document.getElementById('desktop-nav').style.display = 'flex';\n document.getElementById('mobile-menu-btn').style.display = 'none';\n document.getElementById('mobile-menu').style.display = 'none';\n \n \/\/ Hero grid\n document.getElementById('hero-grid').style.gridTemplateColumns = '1fr 1fr';\n document.getElementById('hero-grid').style.gap = '80px';\n document.getElementById('headline').style.fontSize = '57.6px';\n \n \/\/ Features grid\n document.getElementById('features-grid').style.gridTemplateColumns = 'repeat(3, 1fr)';\n \n \/\/ Footer grid\n document.getElementById('footer-grid').style.gridTemplateColumns = '2fr 1fr 1fr 1fr';\n document.getElementById('footer-grid').style.gap = '60px';\n }\n }\n \n \/\/ Call on load and resize\n window.addEventListener('load', handleResize);\n window.addEventListener('resize', handleResize);\n \n \/\/ Page navigation\n function showPage(page) {\n document.getElementById('home-page').style.display = 'none';\n document.getElementById('features-section').style.display = 'none';\n document.getElementById('about-page').style.display = 'none';\n document.getElementById('contact-page').style.display = 'none';\n \n if (page === 'home') {\n document.getElementById('home-page').style.display = 'block';\n document.getElementById('features-section').style.display = 'block';\n } else if (page === 'about') {\n document.getElementById('about-page').style.display = 'block';\n } else if (page === 'contact') {\n document.getElementById('contact-page').style.display = 'block';\n }\n \n window.scrollTo(0, 0);\n }\n \n \/\/ Contact form handler\n function handleContactSubmit(event) {\n event.preventDefault();\n \n const name = document.getElementById('contact-name').value;\n const email = document.getElementById('contact-email').value;\n const subject = document.getElementById('contact-subject').value;\n const message = document.getElementById('contact-message').value;\n \n const submitBtn = document.getElementById('submit-btn');\n const formMessage = document.getElementById('form-message');\n \n submitBtn.disabled = true;\n submitBtn.textContent = 'Sending...';\n \n const mailtoLink = 'mailto:website@bookyourumpire.uk' +\n '?subject=' + encodeURIComponent(subject) +\n '&body=' + encodeURIComponent(\n 'Name: ' + name + '\\n' +\n 'Email: ' + email + '\\n\\n' +\n 'Message:\\n' + message\n );\n \n window.open(mailtoLink, '_blank');\n \n formMessage.style.display = 'block';\n formMessage.style.background = '#BEF264';\n formMessage.style.color = '#022C22';\n formMessage.textContent = 'Your email client should open. If not, please email us directly at website@bookyourumpire.uk';\n \n setTimeout(() => {\n submitBtn.disabled = false;\n submitBtn.textContent = 'Send Message';\n document.getElementById('contact-form').reset();\n formMessage.style.display = 'none';\n }, 5000);\n }\n \n const defaultConfig = {\n badge_text: \"LIVE: 40+ UMPIRES AVAILABLE\",\n hero_headline: \"Professional Umpires. Zero Hassle.\",\n hero_body: \"Stop chasing phone numbers. Book ECB-certified officials in under 60 seconds.\",\n primary_cta: \"Book Now\",\n secondary_cta: \"View Demo\",\n feature1_title: \"Panic-Free Match Days\",\n feature2_title: \"100% Verified\",\n feature3_title: \"Cashless Payments\",\n ai_button_text: \"Generate Pro Offer\",\n background_color: \"#F8FAFC\",\n brand_dark: \"#022C22\",\n brand_lime: \"#BEF264\",\n text_slate: \"#475569\",\n font_family: \"Outfit\",\n font_size: 16\n };\n\n async function onConfigChange(config) {\n const baseSize = config.font_size || defaultConfig.font_size;\n const customFont = config.font_family || defaultConfig.font_family;\n const baseFontStack = 'sans-serif';\n \n \/\/ Update text content\n document.getElementById('badge').querySelector('span').textContent = config.badge_text || defaultConfig.badge_text;\n \n const headlineParts = (config.hero_headline || defaultConfig.hero_headline).split('.');\n document.getElementById('headline').innerHTML = headlineParts[0] + '.<br><span class=\"underline-lime\">' + (headlineParts[1] || 'Zero Hassle.') + '<\/span>';\n \n document.getElementById('body-copy').textContent = config.hero_body || defaultConfig.hero_body;\n const btnPrimary = document.getElementById('btn-primary');\n if (btnPrimary) {\n btnPrimary.textContent = config.primary_cta || defaultConfig.primary_cta;\n }\n\n \n const feature1Lines = (config.feature1_title || defaultConfig.feature1_title).split(' ');\n const feature1Html = feature1Lines.slice(0, Math.ceil(feature1Lines.length \/ 2)).join(' ') + '<br>' + feature1Lines.slice(Math.ceil(feature1Lines.length \/ 2)).join(' ');\n document.getElementById('feature1-title').innerHTML = feature1Html;\n \n const feature2Lines = (config.feature2_title || defaultConfig.feature2_title).split(' ');\n const feature2Html = feature2Lines[0] + '<br>' + feature2Lines.slice(1).join(' ');\n document.getElementById('feature2-title').innerHTML = feature2Html;\n \n const feature3Lines = (config.feature3_title || defaultConfig.feature3_title).split(' ');\n const feature3Html = feature3Lines[0] + '<br>' + feature3Lines.slice(1).join(' ');\n document.getElementById('feature3-title').innerHTML = feature3Html;\n \n const aiButtonText = config.ai_button_text || defaultConfig.ai_button_text;\n document.getElementById('ai-generate-btn').innerHTML = '<span style=\"font-size: 24px;\">\u2728<\/span><span>' + aiButtonText + '<\/span>';\n\n \/\/ Apply colors\n const brandDark = config.brand_dark || defaultConfig.brand_dark;\n const brandLime = config.brand_lime || defaultConfig.brand_lime;\n \n const btnPrimaryElement = document.getElementById('btn-primary');\n if (btnPrimaryElement) {\n btnPrimaryElement.style.background = brandDark;\n }\n document.querySelectorAll('.underline-lime::after').forEach(el => {\n el.style.background = brandLime;\n });\n\n \/\/ Apply fonts\n document.getElementById('headline').style.fontFamily = `${customFont}, ${baseFontStack}`;\n document.getElementById('feature1-title').style.fontFamily = `${customFont}, ${baseFontStack}`;\n document.getElementById('feature2-title').style.fontFamily = `${customFont}, ${baseFontStack}`;\n document.getElementById('feature3-title').style.fontFamily = `${customFont}, ${baseFontStack}`;\n \n \/\/ Apply font sizes proportionally\n document.getElementById('headline').style.fontSize = `${baseSize * 3.6}px`;\n document.getElementById('body-copy').style.fontSize = `${baseSize * 0.9}px`;\n }\n\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig,\n onConfigChange,\n mapToCapabilities: (config) => ({\n recolorables: [\n {\n get: () => config.background_color || defaultConfig.background_color,\n set: (value) => {\n config.background_color = value;\n window.elementSdk.setConfig({ background_color: value });\n }\n },\n {\n get: () => config.brand_dark || defaultConfig.brand_dark,\n set: (value) => {\n config.brand_dark = value;\n window.elementSdk.setConfig({ brand_dark: value });\n }\n },\n {\n get: () => config.brand_lime || defaultConfig.brand_lime,\n set: (value) => {\n config.brand_lime = value;\n window.elementSdk.setConfig({ brand_lime: value });\n }\n },\n {\n get: () => config.text_slate || defaultConfig.text_slate,\n set: (value) => {\n config.text_slate = value;\n window.elementSdk.setConfig({ text_slate: value });\n }\n }\n ],\n borderables: [],\n fontEditable: {\n get: () => config.font_family || defaultConfig.font_family,\n set: (value) => {\n config.font_family = value;\n window.elementSdk.setConfig({ font_family: value });\n }\n },\n fontSizeable: {\n get: () => config.font_size || defaultConfig.font_size,\n set: (value) => {\n config.font_size = value;\n window.elementSdk.setConfig({ font_size: value });\n }\n }\n }),\n mapToEditPanelValues: (config) => new Map([\n [\"badge_text\", config.badge_text || defaultConfig.badge_text],\n [\"hero_headline\", config.hero_headline || defaultConfig.hero_headline],\n [\"hero_body\", config.hero_body || defaultConfig.hero_body],\n [\"primary_cta\", config.primary_cta || defaultConfig.primary_cta],\n [\"secondary_cta\", config.secondary_cta || defaultConfig.secondary_cta],\n [\"feature1_title\", config.feature1_title || defaultConfig.feature1_title],\n [\"feature2_title\", config.feature2_title || defaultConfig.feature2_title],\n [\"feature3_title\", config.feature3_title || defaultConfig.feature3_title],\n [\"ai_button_text\", config.ai_button_text || defaultConfig.ai_button_text]\n ])\n });\n }\n <\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9b1a348b2272bec8',t:'MTc2NjM0OTczOC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Professional Umpire Booking Platform BYUM About Contact Sign In About Contact Sign In LIVE: 40+ UMPIRES AVAILABLE Professional Umpires.Zero Hassle. Stop chasing phone numbers. Book ECB-certified officials in under 60 seconds. Book Now Panic-Free Match Days Never scramble for officials again 100% Verified All umpires are professionally certified Cashless Payments Secure, instant, hassle-free transactions About […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-40","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bookyourumpire.uk\/index.php\/wp-json\/wp\/v2\/pages\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bookyourumpire.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bookyourumpire.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bookyourumpire.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bookyourumpire.uk\/index.php\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":16,"href":"https:\/\/bookyourumpire.uk\/index.php\/wp-json\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":63,"href":"https:\/\/bookyourumpire.uk\/index.php\/wp-json\/wp\/v2\/pages\/40\/revisions\/63"}],"wp:attachment":[{"href":"https:\/\/bookyourumpire.uk\/index.php\/wp-json\/wp\/v2\/media?parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":40,"date":"2025-07-25T17:59:55","date_gmt":"2025-07-25T17:59:55","guid":{"rendered":"https:\/\/bookyourumpire.uk\/?page_id=40"},"modified":"2025-12-21T20:42:43","modified_gmt":"2025-12-21T20:42:43","slug":"40-2","status":"publish","type":"page","link":"https:\/\/bookyourumpire.uk\/","title":{"rendered":""},"content":{"rendered":"\n\n\n \n \n \n Professional Umpire Booking Platform<\/title>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@700;800;900&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n body {\n box-sizing: border-box;\n }\n \n * {\n margin: 0;\n padding: 0;\n }\n \n .font-outfit {\n font-family: 'Outfit', sans-serif;\n }\n \n .font-inter {\n font-family: 'Inter', sans-serif;\n }\n \n .underline-lime {\n position: relative;\n display: inline-block;\n }\n \n .underline-lime::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: 8px;\n width: 100%;\n height: 8px;\n background: #BEF264;\n z-index: -1;\n }\n \n .btn-primary-shadow {\n box-shadow: 0 10px 30px rgba(2, 44, 34, 0.3);\n }\n \n .card-shadow {\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n }\n \n .floating-card-shadow {\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\n }\n \n .terminal-header-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n display: inline-block;\n }\n \n .rotate-3 {\n transform: rotate(3deg);\n }\n \n .terminal-text {\n font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;\n font-size: 14px;\n line-height: 1.8;\n }\n <\/style>\n <style>@view-transition { navigation: auto; }<\/style>\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body class=\"h-full font-inter\" style=\"background: #F8FAFC;\">\n <main class=\"w-full h-full overflow-auto\">\n <nav style=\"position: fixed; top: 0; left: 0; right: 0; background: white; border-bottom: 1px solid #E2E8F0; z-index: 1000; box-shadow: 0 2px 8px rgba(0,0,0,0.05);\">\n <div style=\"max-width: 1280px; margin: 0 auto; padding: 0 24px; height: 80px; display: flex; align-items: center; justify-content: space-between;\">\n <div style=\"display: flex; align-items: center;\"><a href=\"#\" onclick=\"showPage('home'); return false;\" style=\"text-decoration: none;\"> <span class=\"font-outfit underline-lime\" style=\"font-size: 24px; font-weight: 900; color: #022C22;\">BYUM<\/span> <\/a>\n <\/div>\n <div id=\"desktop-nav\" style=\"display: flex; gap: 40px; align-items: center;\"><a href=\"#\" onclick=\"showPage('about'); return false;\" style=\"text-decoration: none; color: #022C22; font-weight: 600; font-size: 12px;\">About<\/a> <a href=\"#\" onclick=\"showPage('contact'); return false;\" style=\"text-decoration: none; color: #022C22; font-weight: 600; font-size: 12px;\">Contact<\/a> <a href=\"https:\/\/bookyourumpireapp.base44.app\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"padding: 10px 24px; background: #022C22; color: white; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 11.2px; display: inline-block;\">Sign In<\/a>\n <\/div> <button id=\"mobile-menu-btn\" onclick=\"toggleMobileMenu()\" style=\"display: none; background: none; border: none; cursor: pointer; padding: 8px;\">\n <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#022C22\" stroke-width=\"2\" stroke-linecap=\"round\"><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line> <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line> <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line>\n <\/svg><\/button>\n <\/div>\n <div id=\"mobile-menu\" style=\"display: none; background: white; border-top: 1px solid #E2E8F0; padding: 24px;\">\n <div style=\"display: flex; flex-direction: column; gap: 20px;\"><a href=\"#\" onclick=\"showPage('about'); closeMobileMenu(); return false;\" style=\"text-decoration: none; color: #022C22; font-weight: 600; font-size: 14px; padding: 12px 0;\">About<\/a> <a href=\"#\" onclick=\"showPage('contact'); closeMobileMenu(); return false;\" style=\"text-decoration: none; color: #022C22; font-weight: 600; font-size: 14px; padding: 12px 0;\">Contact<\/a> <a href=\"https:\/\/bookyourumpireapp.base44.app\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"padding: 14px 24px; background: #022C22; color: white; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 14px; display: inline-block; text-align: center;\">Sign In<\/a>\n <\/div>\n <\/div>\n <\/nav>\n <section id=\"home-page\" style=\"padding-top: 100px; padding-bottom: 40px;\">\n <div style=\"max-width: 1280px; margin: 0 auto; padding: 0 24px;\">\n <div id=\"hero-grid\" style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;\">\n <div>\n <div id=\"badge\" style=\"display: inline-flex; align-items: center; height: 28px; padding: 6px 16px; border: 1px solid rgba(2, 44, 34, 0.1); border-radius: 100px; margin-bottom: 20px;\"><span style=\"font-size: 9.6px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: #022C22;\">LIVE: 40+ UMPIRES AVAILABLE<\/span>\n <\/div>\n <h1 id=\"headline\" class=\"font-outfit\" style=\"font-size: 57.6px; font-weight: 900; line-height: 1.1; color: #022C22; margin-bottom: 16px;\">Professional Umpires.<br><span class=\"underline-lime\">Zero Hassle.<\/span><\/h1>\n <p id=\"body-copy\" style=\"font-size: 14.4px; color: #475569; max-width: 500px; margin-bottom: 28px; line-height: 1.6;\">Stop chasing phone numbers. Book ECB-certified officials in under 60 seconds.<\/p>\n <div style=\"display: flex; gap: 16px;\"><a href=\"https:\/\/bookyourumpireapp.base44.app\" target=\"_blank\" rel=\"noopener noreferrer\" id=\"btn-primary\" class=\"btn-primary-shadow\" style=\"width: 220px; height: 60px; background: #022C22; color: white; font-size: 14.4px; font-weight: 700; border-radius: 12px; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; text-decoration: none;\"> Book Now <\/a>\n <\/div>\n <\/div>\n <div style=\"position: relative; height: 600px; display: flex; align-items: center; justify-content: center;\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <section id=\"features-section\" style=\"background: #F3F4F6; padding-top: 48px; padding-bottom: 48px;\">\n <div style=\"max-width: 1280px; margin: 0 auto; padding: 0 24px;\">\n <div id=\"features-grid\" style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;\">\n <div class=\"card-shadow\" style=\"background: white; height: 280px; padding: 40px; border-radius: 24px; border: 2px solid #E2E8F0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;\">\n <h3 id=\"feature1-title\" class=\"font-outfit\" style=\"font-size: 28.8px; font-weight: 800; color: #022C22; line-height: 1.2; margin-bottom: 16px;\">Panic-Free<br>\n Match Days<\/h3>\n <p style=\"font-size: 12px; color: #64748B; margin-bottom: 0;\">Never scramble for officials again<\/p>\n <\/div>\n <div class=\"card-shadow\" style=\"background: white; height: 280px; padding: 40px; border-radius: 24px; border: 2px solid #E2E8F0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;\">\n <h3 id=\"feature2-title\" class=\"font-outfit\" style=\"font-size: 28.8px; font-weight: 800; color: #022C22; line-height: 1.2; margin-bottom: 16px;\">100%<br>\n Verified<\/h3>\n <p style=\"font-size: 12px; color: #64748B; margin-bottom: 0;\">All umpires are professionally certified<\/p>\n <\/div>\n <div class=\"card-shadow\" style=\"background: white; height: 280px; padding: 40px; border-radius: 24px; border: 2px solid #E2E8F0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;\">\n <h3 id=\"feature3-title\" class=\"font-outfit\" style=\"font-size: 28.8px; font-weight: 800; color: #022C22; line-height: 1.2; margin-bottom: 16px;\">Cashless<br>\n Payments<\/h3>\n <p style=\"font-size: 12px; color: #374151; margin-bottom: 0;\">Secure, instant, hassle-free transactions<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <section id=\"about-page\" style=\"display: none; padding-top: 100px; padding-bottom: 48px;\">\n <div style=\"max-width: 900px; margin: 0 auto; padding: 0 24px;\">\n <h1 class=\"font-outfit\" style=\"font-size: 48px; font-weight: 900; color: #022C22; margin-bottom: 24px;\">About <span class=\"underline-lime\">BYUM<\/span><\/h1>\n <div style=\"background: white; padding: 48px; border-radius: 24px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08); margin-bottom: 40px;\">\n <h2 class=\"font-outfit\" style=\"font-size: 28.8px; font-weight: 800; color: #022C22; margin-bottom: 20px;\">Bridging the Gap<\/h2>\n <p style=\"font-size: 14.4px; color: #475569; line-height: 1.8; margin-bottom: 24px;\">BYUM (Book Your Umpire) is a platform designed to bridge the gap between registered umpires and local cricket leagues struggling to find qualified match officials. In the world of grassroots cricket, securing reliable, ECB-certified umpires has traditionally been a time-consuming and frustrating process.<\/p>\n <h2 class=\"font-outfit\" style=\"font-size: 28.8px; font-weight: 800; color: #022C22; margin-bottom: 20px;\">Seamless Experience<\/h2>\n <p style=\"font-size: 14.4px; color: #475569; line-height: 1.8; margin-bottom: 24px;\">Our app simplifies the entire booking process by allowing users to log in, browse available umpires, make secure payments, and complete bookings\u2014all in one place. This ensures a seamless experience for both cricket leagues and umpires, eliminating the back-and-forth of phone calls and last-minute cancellations.<\/p>\n <h2 class=\"font-outfit\" style=\"font-size: 28.8px; font-weight: 800; color: #022C22; margin-bottom: 20px;\">Our Mission<\/h2>\n <p style=\"font-size: 14.4px; color: #475569; line-height: 1.8; margin-bottom: 0;\">We’re committed to supporting grassroots cricket by making professional match officiating accessible, reliable, and stress-free. With BYUM, leagues can focus on what matters most\u2014the game\u2014while umpires gain better visibility and booking opportunities in their local areas.<\/p>\n <\/div>\n <div style=\"background: #BEF264; padding: 40px; border-radius: 24px; text-align: center;\">\n <h3 class=\"font-outfit\" style=\"font-size: 24px; font-weight: 800; color: #022C22; margin-bottom: 12px;\">Ready to Get Started?<\/h3>\n <p style=\"font-size: 14.4px; color: #022C22; margin-bottom: 24px;\">Join hundreds of leagues and umpires using BYUM today.<\/p><a href=\"https:\/\/bookyourumpireapp.base44.app\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"display: inline-block; padding: 14px 32px; background: #022C22; color: white; font-size: 14.4px; font-weight: 700; border-radius: 12px; text-decoration: none;\">Sign In Now<\/a>\n <\/div>\n <\/div>\n <\/section>\n <section id=\"contact-page\" style=\"display: none; padding-top: 100px; padding-bottom: 48px;\">\n <div style=\"max-width: 700px; margin: 0 auto; padding: 0 24px;\">\n <h1 class=\"font-outfit\" style=\"font-size: 48px; font-weight: 900; color: #022C22; margin-bottom: 16px; text-align: center;\">Get in <span class=\"underline-lime\">Touch<\/span><\/h1>\n <p style=\"font-size: 14.4px; color: #475569; text-align: center; margin-bottom: 40px;\">Have questions? We’d love to hear from you. Send us a message and we’ll respond as soon as possible.<\/p>\n <div style=\"background: white; padding: 48px; border-radius: 24px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);\">\n <form id=\"contact-form\" onsubmit=\"handleContactSubmit(event)\">\n <div style=\"margin-bottom: 24px;\"><label for=\"contact-name\" style=\"display: block; font-size: 12px; font-weight: 600; color: #022C22; margin-bottom: 8px;\">Your Name<\/label> <input type=\"text\" id=\"contact-name\" required style=\"width: 100%; padding: 14px 16px; border: 1px solid #E2E8F0; border-radius: 8px; font-size: 14.4px; color: #022C22; font-family: 'Inter', sans-serif;\">\n <\/div>\n <div style=\"margin-bottom: 24px;\"><label for=\"contact-email\" style=\"display: block; font-size: 12px; font-weight: 600; color: #022C22; margin-bottom: 8px;\">Your Email<\/label> <input type=\"email\" id=\"contact-email\" required style=\"width: 100%; padding: 14px 16px; border: 1px solid #E2E8F0; border-radius: 8px; font-size: 14.4px; color: #022C22; font-family: 'Inter', sans-serif;\">\n <\/div>\n <div style=\"margin-bottom: 24px;\"><label for=\"contact-subject\" style=\"display: block; font-size: 12px; font-weight: 600; color: #022C22; margin-bottom: 8px;\">Subject<\/label> <input type=\"text\" id=\"contact-subject\" required style=\"width: 100%; padding: 14px 16px; border: 1px solid #E2E8F0; border-radius: 8px; font-size: 14.4px; color: #022C22; font-family: 'Inter', sans-serif;\">\n <\/div>\n <div style=\"margin-bottom: 32px;\"><label for=\"contact-message\" style=\"display: block; font-size: 12px; font-weight: 600; color: #022C22; margin-bottom: 8px;\">Message<\/label> <textarea id=\"contact-message\" required rows=\"6\" style=\"width: 100%; padding: 14px 16px; border: 1px solid #E2E8F0; border-radius: 8px; font-size: 14.4px; color: #022C22; resize: vertical; font-family: 'Inter', sans-serif;\"><\/textarea>\n <\/div><button type=\"submit\" id=\"submit-btn\" style=\"width: 100%; padding: 16px; background: #022C22; color: white; font-size: 14.4px; font-weight: 700; border-radius: 12px; border: none; cursor: pointer;\"> Send Message <\/button>\n <div id=\"form-message\" style=\"margin-top: 16px; padding: 12px; border-radius: 8px; font-size: 12px; display: none;\"><\/div>\n <\/form>\n <\/div>\n <div style=\"margin-top: 40px; text-align: center; padding: 32px; background: #F3F4F6; border-radius: 16px;\">\n <p style=\"font-size: 12px; color: #475569; margin-bottom: 8px;\">Or email us directly at:<\/p><a href=\"mailto:website@bookyourumpire.uk\" style=\"font-size: 14.4px; font-weight: 600; color: #022C22; text-decoration: none;\">website@bookyourumpire.uk<\/a>\n <\/div>\n <\/div>\n <\/section>\n <footer style=\"background: #022C22; padding: 48px 0 32px 0;\">\n <div style=\"max-width: 1280px; margin: 0 auto; padding: 0 24px;\">\n <div id=\"footer-grid\" style=\"display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 60px; margin-bottom: 40px;\">\n <div>\n <div style=\"display: flex; align-items: center; margin-bottom: 20px;\"><span class=\"font-outfit underline-lime\" style=\"font-size: 20px; font-weight: 900; color: white;\">BYUM<\/span>\n <\/div>\n <p style=\"color: #94A3B8; font-size: 12px; line-height: 1.6; max-width: 300px;\">Professional umpire booking made simple. ECB-certified officials at your fingertips.<\/p>\n <\/div>\n <div>\n <h4 style=\"color: white; font-weight: 700; font-size: 11.2px; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0.05em;\">Product<\/h4>\n <div style=\"display: flex; flex-direction: column; gap: 12px;\"><a href=\"#\" style=\"color: #94A3B8; text-decoration: none; font-size: 12px;\">Features<\/a> <a href=\"#\" style=\"color: #94A3B8; text-decoration: none; font-size: 12px;\">Pricing<\/a> <a href=\"#\" style=\"color: #94A3B8; text-decoration: none; font-size: 12px;\">How It Works<\/a> <a href=\"#\" style=\"color: #94A3B8; text-decoration: none; font-size: 12px;\">Demo<\/a>\n <\/div>\n <\/div>\n <div>\n <h4 style=\"color: white; font-weight: 700; font-size: 11.2px; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0.05em;\">Company<\/h4>\n <div style=\"display: flex; flex-direction: column; gap: 12px;\"><a href=\"#\" style=\"color: #94A3B8; text-decoration: none; font-size: 12px;\">About Us<\/a> <a href=\"#\" style=\"color: #94A3B8; text-decoration: none; font-size: 12px;\">Careers<\/a> <a href=\"#\" style=\"color: #94A3B8; text-decoration: none; font-size: 12px;\">Contact<\/a> <a href=\"#\" style=\"color: #94A3B8; text-decoration: none; font-size: 12px;\">Blog<\/a>\n <\/div>\n <\/div>\n <div>\n <h4 style=\"color: white; font-weight: 700; font-size: 11.2px; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0.05em;\">Legal<\/h4>\n <div style=\"display: flex; flex-direction: column; gap: 12px;\"><a href=\"#\" style=\"color: #94A3B8; text-decoration: none; font-size: 12px;\">Privacy Policy<\/a> <a href=\"#\" style=\"color: #94A3B8; text-decoration: none; font-size: 12px;\">Terms of Service<\/a> <a href=\"#\" style=\"color: #94A3B8; text-decoration: none; font-size: 12px;\">Cookie Policy<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div style=\"border-top: 1px solid rgba(255,255,255,0.1); padding-top: 32px; display: flex; justify-content: space-between; align-items: center;\">\n <p style=\"color: #64748B; font-size: 11.2px;\">\u00a9 2024 Book Your Umpire. All rights reserved.<\/p>\n <div style=\"display: flex; gap: 24px;\"><a href=\"#\" style=\"color: #64748B; text-decoration: none; font-size: 11.2px;\">Twitter<\/a> <a href=\"#\" style=\"color: #64748B; text-decoration: none; font-size: 11.2px;\">LinkedIn<\/a> <a href=\"#\" style=\"color: #64748B; text-decoration: none; font-size: 11.2px;\">Facebook<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n <\/main>\n <script>\n \/\/ Mobile menu functions\n function toggleMobileMenu() {\n const menu = document.getElementById('mobile-menu');\n if (menu.style.display === 'none' || menu.style.display === '') {\n menu.style.display = 'block';\n } else {\n menu.style.display = 'none';\n }\n }\n \n function closeMobileMenu() {\n document.getElementById('mobile-menu').style.display = 'none';\n }\n \n \/\/ Responsive layout adjustments\n function handleResize() {\n const width = window.innerWidth;\n \n \/\/ Toggle mobile\/desktop nav\n if (width <= 768) {\n document.getElementById('desktop-nav').style.display = 'none';\n document.getElementById('mobile-menu-btn').style.display = 'block';\n \n \/\/ Hero grid\n document.getElementById('hero-grid').style.gridTemplateColumns = '1fr';\n document.getElementById('hero-grid').style.gap = '40px';\n document.getElementById('headline').style.fontSize = '36px';\n \n \/\/ Features grid\n document.getElementById('features-grid').style.gridTemplateColumns = '1fr';\n \n \/\/ Footer grid\n document.getElementById('footer-grid').style.gridTemplateColumns = '1fr';\n document.getElementById('footer-grid').style.gap = '40px';\n } else {\n document.getElementById('desktop-nav').style.display = 'flex';\n document.getElementById('mobile-menu-btn').style.display = 'none';\n document.getElementById('mobile-menu').style.display = 'none';\n \n \/\/ Hero grid\n document.getElementById('hero-grid').style.gridTemplateColumns = '1fr 1fr';\n document.getElementById('hero-grid').style.gap = '80px';\n document.getElementById('headline').style.fontSize = '57.6px';\n \n \/\/ Features grid\n document.getElementById('features-grid').style.gridTemplateColumns = 'repeat(3, 1fr)';\n \n \/\/ Footer grid\n document.getElementById('footer-grid').style.gridTemplateColumns = '2fr 1fr 1fr 1fr';\n document.getElementById('footer-grid').style.gap = '60px';\n }\n }\n \n \/\/ Call on load and resize\n window.addEventListener('load', handleResize);\n window.addEventListener('resize', handleResize);\n \n \/\/ Page navigation\n function showPage(page) {\n document.getElementById('home-page').style.display = 'none';\n document.getElementById('features-section').style.display = 'none';\n document.getElementById('about-page').style.display = 'none';\n document.getElementById('contact-page').style.display = 'none';\n \n if (page === 'home') {\n document.getElementById('home-page').style.display = 'block';\n document.getElementById('features-section').style.display = 'block';\n } else if (page === 'about') {\n document.getElementById('about-page').style.display = 'block';\n } else if (page === 'contact') {\n document.getElementById('contact-page').style.display = 'block';\n }\n \n window.scrollTo(0, 0);\n }\n \n \/\/ Contact form handler\n function handleContactSubmit(event) {\n event.preventDefault();\n \n const name = document.getElementById('contact-name').value;\n const email = document.getElementById('contact-email').value;\n const subject = document.getElementById('contact-subject').value;\n const message = document.getElementById('contact-message').value;\n \n const submitBtn = document.getElementById('submit-btn');\n const formMessage = document.getElementById('form-message');\n \n submitBtn.disabled = true;\n submitBtn.textContent = 'Sending...';\n \n const mailtoLink = 'mailto:website@bookyourumpire.uk' +\n '?subject=' + encodeURIComponent(subject) +\n '&body=' + encodeURIComponent(\n 'Name: ' + name + '\\n' +\n 'Email: ' + email + '\\n\\n' +\n 'Message:\\n' + message\n );\n \n window.open(mailtoLink, '_blank');\n \n formMessage.style.display = 'block';\n formMessage.style.background = '#BEF264';\n formMessage.style.color = '#022C22';\n formMessage.textContent = 'Your email client should open. If not, please email us directly at website@bookyourumpire.uk';\n \n setTimeout(() => {\n submitBtn.disabled = false;\n submitBtn.textContent = 'Send Message';\n document.getElementById('contact-form').reset();\n formMessage.style.display = 'none';\n }, 5000);\n }\n \n const defaultConfig = {\n badge_text: \"LIVE: 40+ UMPIRES AVAILABLE\",\n hero_headline: \"Professional Umpires. Zero Hassle.\",\n hero_body: \"Stop chasing phone numbers. Book ECB-certified officials in under 60 seconds.\",\n primary_cta: \"Book Now\",\n secondary_cta: \"View Demo\",\n feature1_title: \"Panic-Free Match Days\",\n feature2_title: \"100% Verified\",\n feature3_title: \"Cashless Payments\",\n ai_button_text: \"Generate Pro Offer\",\n background_color: \"#F8FAFC\",\n brand_dark: \"#022C22\",\n brand_lime: \"#BEF264\",\n text_slate: \"#475569\",\n font_family: \"Outfit\",\n font_size: 16\n };\n\n async function onConfigChange(config) {\n const baseSize = config.font_size || defaultConfig.font_size;\n const customFont = config.font_family || defaultConfig.font_family;\n const baseFontStack = 'sans-serif';\n \n \/\/ Update text content\n document.getElementById('badge').querySelector('span').textContent = config.badge_text || defaultConfig.badge_text;\n \n const headlineParts = (config.hero_headline || defaultConfig.hero_headline).split('.');\n document.getElementById('headline').innerHTML = headlineParts[0] + '.<br><span class=\"underline-lime\">' + (headlineParts[1] || 'Zero Hassle.') + '<\/span>';\n \n document.getElementById('body-copy').textContent = config.hero_body || defaultConfig.hero_body;\n const btnPrimary = document.getElementById('btn-primary');\n if (btnPrimary) {\n btnPrimary.textContent = config.primary_cta || defaultConfig.primary_cta;\n }\n\n \n const feature1Lines = (config.feature1_title || defaultConfig.feature1_title).split(' ');\n const feature1Html = feature1Lines.slice(0, Math.ceil(feature1Lines.length \/ 2)).join(' ') + '<br>' + feature1Lines.slice(Math.ceil(feature1Lines.length \/ 2)).join(' ');\n document.getElementById('feature1-title').innerHTML = feature1Html;\n \n const feature2Lines = (config.feature2_title || defaultConfig.feature2_title).split(' ');\n const feature2Html = feature2Lines[0] + '<br>' + feature2Lines.slice(1).join(' ');\n document.getElementById('feature2-title').innerHTML = feature2Html;\n \n const feature3Lines = (config.feature3_title || defaultConfig.feature3_title).split(' ');\n const feature3Html = feature3Lines[0] + '<br>' + feature3Lines.slice(1).join(' ');\n document.getElementById('feature3-title').innerHTML = feature3Html;\n \n const aiButtonText = config.ai_button_text || defaultConfig.ai_button_text;\n document.getElementById('ai-generate-btn').innerHTML = '<span style=\"font-size: 24px;\">\u2728<\/span><span>' + aiButtonText + '<\/span>';\n\n \/\/ Apply colors\n const brandDark = config.brand_dark || defaultConfig.brand_dark;\n const brandLime = config.brand_lime || defaultConfig.brand_lime;\n \n const btnPrimaryElement = document.getElementById('btn-primary');\n if (btnPrimaryElement) {\n btnPrimaryElement.style.background = brandDark;\n }\n document.querySelectorAll('.underline-lime::after').forEach(el => {\n el.style.background = brandLime;\n });\n\n \/\/ Apply fonts\n document.getElementById('headline').style.fontFamily = `${customFont}, ${baseFontStack}`;\n document.getElementById('feature1-title').style.fontFamily = `${customFont}, ${baseFontStack}`;\n document.getElementById('feature2-title').style.fontFamily = `${customFont}, ${baseFontStack}`;\n document.getElementById('feature3-title').style.fontFamily = `${customFont}, ${baseFontStack}`;\n \n \/\/ Apply font sizes proportionally\n document.getElementById('headline').style.fontSize = `${baseSize * 3.6}px`;\n document.getElementById('body-copy').style.fontSize = `${baseSize * 0.9}px`;\n }\n\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig,\n onConfigChange,\n mapToCapabilities: (config) => ({\n recolorables: [\n {\n get: () => config.background_color || defaultConfig.background_color,\n set: (value) => {\n config.background_color = value;\n window.elementSdk.setConfig({ background_color: value });\n }\n },\n {\n get: () => config.brand_dark || defaultConfig.brand_dark,\n set: (value) => {\n config.brand_dark = value;\n window.elementSdk.setConfig({ brand_dark: value });\n }\n },\n {\n get: () => config.brand_lime || defaultConfig.brand_lime,\n set: (value) => {\n config.brand_lime = value;\n window.elementSdk.setConfig({ brand_lime: value });\n }\n },\n {\n get: () => config.text_slate || defaultConfig.text_slate,\n set: (value) => {\n config.text_slate = value;\n window.elementSdk.setConfig({ text_slate: value });\n }\n }\n ],\n borderables: [],\n fontEditable: {\n get: () => config.font_family || defaultConfig.font_family,\n set: (value) => {\n config.font_family = value;\n window.elementSdk.setConfig({ font_family: value });\n }\n },\n fontSizeable: {\n get: () => config.font_size || defaultConfig.font_size,\n set: (value) => {\n config.font_size = value;\n window.elementSdk.setConfig({ font_size: value });\n }\n }\n }),\n mapToEditPanelValues: (config) => new Map([\n [\"badge_text\", config.badge_text || defaultConfig.badge_text],\n [\"hero_headline\", config.hero_headline || defaultConfig.hero_headline],\n [\"hero_body\", config.hero_body || defaultConfig.hero_body],\n [\"primary_cta\", config.primary_cta || defaultConfig.primary_cta],\n [\"secondary_cta\", config.secondary_cta || defaultConfig.secondary_cta],\n [\"feature1_title\", config.feature1_title || defaultConfig.feature1_title],\n [\"feature2_title\", config.feature2_title || defaultConfig.feature2_title],\n [\"feature3_title\", config.feature3_title || defaultConfig.feature3_title],\n [\"ai_button_text\", config.ai_button_text || defaultConfig.ai_button_text]\n ])\n });\n }\n <\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9b1a348b2272bec8',t:'MTc2NjM0OTczOC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Professional Umpire Booking Platform BYUM About Contact Sign In About Contact Sign In LIVE: 40+ UMPIRES AVAILABLE Professional Umpires.Zero Hassle. Stop chasing phone numbers. Book ECB-certified officials in under 60 seconds. Book Now Panic-Free Match Days Never scramble for officials again 100% Verified All umpires are professionally certified Cashless Payments Secure, instant, hassle-free transactions About […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-40","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bookyourumpire.uk\/index.php\/wp-json\/wp\/v2\/pages\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bookyourumpire.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bookyourumpire.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bookyourumpire.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bookyourumpire.uk\/index.php\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":16,"href":"https:\/\/bookyourumpire.uk\/index.php\/wp-json\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":63,"href":"https:\/\/bookyourumpire.uk\/index.php\/wp-json\/wp\/v2\/pages\/40\/revisions\/63"}],"wp:attachment":[{"href":"https:\/\/bookyourumpire.uk\/index.php\/wp-json\/wp\/v2\/media?parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}