Griffins Sports Club<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;600;700&family=Lora:ital,wght@0,400;0,500;0,600;1,400&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n box-sizing: border-box;\n margin: 0 !important;\n padding: 0 !important;\n }\n \n html {\n margin: 0 !important;\n padding: 0 !important;\n }\n \n * {\n margin: 0;\n padding: 0;\n }\n \n .font-display { font-family: 'Cinzel', serif; }\n .font-body { font-family: 'Lora', serif; }\n \n .hero-pattern {\n background-image: \n radial-gradient(circle at 20% 50%, rgba(212, 175, 55, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, rgba(212, 175, 55, 0.08) 0%, transparent 50%),\n linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.2) 100%);\n }\n \n .cricket-ball {\n animation: spin 20s linear infinite;\n }\n \n @keyframes spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n \n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .animate-fade-in-up {\n animation: fadeInUp 0.8s ease-out forwards;\n }\n \n .delay-100 { animation-delay: 0.1s; }\n .delay-200 { animation-delay: 0.2s; }\n .delay-300 { animation-delay: 0.3s; }\n .delay-400 { animation-delay: 0.4s; }\n \n .gold-gradient {\n background: linear-gradient(135deg, #D4AF37 0%, #F4E4BA 50%, #D4AF37 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n \n .card-hover {\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .card-hover:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n }\n \n .btn-primary {\n background: linear-gradient(135deg, #D4AF37 0%, #B8963B 100%);\n transition: all 0.3s ease;\n }\n \n .btn-primary:hover {\n background: linear-gradient(135deg, #E5C158 0%, #D4AF37 100%);\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(212, 175, 55, 0.4);\n }\n \n .nav-link {\n position: relative;\n }\n \n .nav-link::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 0;\n width: 0;\n height: 2px;\n background: #D4AF37;\n transition: width 0.3s ease;\n }\n \n .nav-link:hover::after {\n width: 100%;\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-body\">\n <div id=\"app-wrapper\" class=\"w-full h-full overflow-auto\" style=\"background: #0A1628;\">\n <nav class=\"w-full bg-gradient-to-b from-black\/80 to-transparent backdrop-blur-sm\">\n <div class=\"max-w-7xl mx-auto px-6 py-4\">\n <div class=\"flex items-center justify-between\">\n <div class=\"flex items-center gap-4\"><img decoding=\"async\" src=\"https:\/\/griffinssportsclub.co.uk\/wp-content\/uploads\/2026\/02\/cropped-griffins_logo.png\" alt=\"Griffins Sports Club Logo\" class=\"w-14 h-14 object-contain\" loading=\"lazy\" onerror=\"console.error('Image failed to load:', this.src); this.style.display='none';\"> <span id=\"nav-club-name\" class=\"font-display text-xl text-amber-100 tracking-wider\">GRIFFINS SC<\/span>\n <\/div>\n <div class=\"hidden md:flex items-center gap-8\"><a href=\"#home\" class=\"nav-link text-amber-100\/90 hover:text-amber-100 text-sm tracking-widest uppercase\">Home<\/a> <a href=\"#about\" class=\"nav-link text-amber-100\/90 hover:text-amber-100 text-sm tracking-widest uppercase\">About<\/a> <a href=\"#contact\" class=\"nav-link text-amber-100\/90 hover:text-amber-100 text-sm tracking-widest uppercase\">Contact<\/a>\n <\/div><button id=\"mobile-menu-btn\" class=\"md:hidden text-amber-100 p-2\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\" \/>\n <\/svg><\/button>\n <\/div>\n <\/div>\n <\/nav>\n <div id=\"mobile-menu\" class=\"fixed inset-0 z-40 bg-slate-900\/98 backdrop-blur-lg hidden\">\n <div class=\"flex flex-col items-center justify-center h-full gap-8\"><a href=\"#home\" class=\"mobile-nav-link text-amber-100 text-2xl font-display tracking-widest\">HOME<\/a> <a href=\"#about\" class=\"mobile-nav-link text-amber-100 text-2xl font-display tracking-widest\">ABOUT<\/a> <a href=\"#contact\" class=\"mobile-nav-link text-amber-100 text-2xl font-display tracking-widest\">CONTACT<\/a> <button id=\"close-mobile-menu\" class=\"mt-8 text-amber-100\/60 text-sm tracking-widest\">CLOSE<\/button>\n <\/div>\n <\/div>\n <section id=\"home\" class=\"relative min-h-screen flex items-center justify-center hero-pattern\">\n <div class=\"absolute inset-0 opacity-5\">\n <svg class=\"w-full h-full\" viewbox=\"0 0 100 100\" preserveaspectratio=\"none\"><pattern id=\"cricket-pattern\" x=\"0\" y=\"0\" width=\"20\" height=\"20\" patternunits=\"userSpaceOnUse\">\n <circle cx=\"10\" cy=\"10\" r=\"1\" fill=\"#D4AF37\" \/>\n <\/pattern> <rect width=\"100%\" height=\"100%\" fill=\"url(#cricket-pattern)\" \/>\n <\/svg>\n <\/div>\n <div class=\"absolute top-20 right-10 opacity-10 cricket-ball hidden lg:block\">\n <svg width=\"120\" height=\"120\" viewbox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"45\" fill=\"#8B2323\" \/> <path d=\"M20 50 Q50 30 80 50\" stroke=\"#F5F5DC\" stroke-width=\"3\" fill=\"none\" \/> <path d=\"M20 50 Q50 70 80 50\" stroke=\"#F5F5DC\" stroke-width=\"3\" fill=\"none\" \/>\n <\/svg>\n <\/div>\n <div class=\"relative z-10 text-center px-6 max-w-4xl mx-auto\">\n <div class=\"opacity-0 animate-fade-in-up\"><img decoding=\"async\" src=\"https:\/\/griffinssportsclub.co.uk\/wp-content\/uploads\/2026\/02\/cropped-griffins_logo.png\" alt=\"Griffins Sports Club Logo\" class=\"w-32 h-32 md:w-40 md:h-40 object-contain mx-auto mb-8\" loading=\"lazy\" onerror=\"console.error('Image failed to load:', this.src); this.style.background='linear-gradient(135deg, #D4AF37, #0A1628)'; this.style.borderRadius='50%'; this.alt='Griffins SC';\">\n <\/div>\n <h1 id=\"hero-title\" class=\"opacity-0 animate-fade-in-up delay-100 font-display text-4xl md:text-6xl lg:text-7xl gold-gradient mb-6 tracking-wider\">GRIFFINS SPORTS CLUB<\/h1>\n <p id=\"hero-subtitle\" class=\"opacity-0 animate-fade-in-up delay-200 text-amber-100\/80 text-lg md:text-xl mb-4 italic\">Excellence in Cricket Since 2008<\/p>\n <div class=\"opacity-0 animate-fade-in-up delay-300 flex items-center justify-center gap-2 mb-10\">\n <div class=\"w-16 h-px bg-gradient-to-r from-transparent to-amber-500\/50\"><\/div>\n <svg class=\"w-6 h-6 text-amber-500\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\" \/>\n <\/svg>\n <div class=\"w-16 h-px bg-gradient-to-l from-transparent to-amber-500\/50\"><\/div>\n <\/div>\n <div class=\"opacity-0 animate-fade-in-up delay-400 flex flex-col sm:flex-row gap-4 justify-center\"><a href=\"#about\" class=\"btn-primary px-8 py-4 text-slate-900 font-display text-sm tracking-widest rounded\"> DISCOVER OUR HERITAGE <\/a> <a href=\"#contact\" class=\"px-8 py-4 border-2 border-amber-500\/50 text-amber-100 font-display text-sm tracking-widest rounded hover:bg-amber-500\/10 transition-all\"> JOIN THE CLUB <\/a>\n <\/div>\n <\/div>\n <div class=\"absolute bottom-8 left-1\/2 -translate-x-1\/2 animate-bounce\">\n <svg class=\"w-6 h-6 text-amber-500\/60\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\" \/>\n <\/svg>\n <\/div>\n <\/section>\n <section id=\"about\" class=\"py-24 px-6 bg-gradient-to-b from-slate-900 to-slate-800\">\n <div class=\"max-w-6xl mx-auto\">\n <div class=\"text-center mb-16\">\n <h2 id=\"about-title\" class=\"font-display text-3xl md:text-4xl gold-gradient mb-6\">OUR RICH HERITAGE<\/h2>\n <div class=\"flex items-center justify-center gap-3 mb-8\">\n <div class=\"w-20 h-px bg-amber-500\/30\"><\/div><span class=\"text-amber-500 font-display text-sm tracking-widest\">EST. 2008<\/span>\n <div class=\"w-20 h-px bg-amber-500\/30\"><\/div>\n <\/div>\n <p id=\"about-text\" class=\"text-amber-100\/70 text-lg max-w-3xl mx-auto leading-relaxed\">For over 16 years, Griffins Sports Club has been a cornerstone of cricketing excellence. Founded in 2008, our club has nurtured talent, fostered community spirit, and upheld the finest traditions of this noble sport. From junior development to senior competition, we pride ourselves on creating champions both on and off the pitch.<\/p>\n <\/div>\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6 mb-16\">\n <div class=\"card-hover bg-slate-800\/50 border border-amber-500\/20 rounded-lg p-6 text-center\">\n <div class=\"font-display text-4xl md:text-5xl gold-gradient mb-2\">\n 16+\n <\/div>\n <div class=\"text-amber-100\/60 text-sm tracking-wider uppercase\">\n Years of Excellence\n <\/div>\n <\/div>\n <div class=\"card-hover bg-slate-800\/50 border border-amber-500\/20 rounded-lg p-6 text-center\">\n <div class=\"font-display text-4xl md:text-5xl gold-gradient mb-2\">\n 200+\n <\/div>\n <div class=\"text-amber-100\/60 text-sm tracking-wider uppercase\">\n Active Members\n <\/div>\n <\/div>\n <div class=\"card-hover bg-slate-800\/50 border border-amber-500\/20 rounded-lg p-6 text-center\">\n <div class=\"font-display text-4xl md:text-5xl gold-gradient mb-2\">\n 16\n <\/div>\n <div class=\"text-amber-100\/60 text-sm tracking-wider uppercase\">\n Trophies Won\n <\/div>\n <\/div>\n <div class=\"card-hover bg-slate-800\/50 border border-amber-500\/20 rounded-lg p-6 text-center\">\n <div class=\"font-display text-4xl md:text-5xl gold-gradient mb-2\">\n 2\n <\/div>\n <div class=\"text-amber-100\/60 text-sm tracking-wider uppercase\">\n Playing Teams\n <\/div>\n <\/div>\n <\/div>\n <div class=\"grid md:grid-cols-3 gap-8\">\n <div class=\"card-hover bg-gradient-to-br from-slate-800 to-slate-800\/50 border border-amber-500\/20 rounded-lg p-8\">\n <div class=\"w-14 h-14 bg-amber-500\/10 rounded-full flex items-center justify-center mb-6\">\n <svg class=\"w-7 h-7 text-amber-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M13 10V3L4 14h7v7l9-11h-7z\" \/>\n <\/svg>\n <\/div>\n <h3 class=\"font-display text-xl text-amber-100 mb-4\">Elite Cricket League<\/h3>\n <p class=\"text-amber-100\/60 leading-relaxed mb-4\">Our exclusive ECL competition featuring the finest cricket talent. Join us in revolutionizing competitive cricket with professional standards and thrilling matches.<\/p><a href=\"https:\/\/elitecricketleague.uk\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-block text-amber-500 hover:text-amber-400 font-display text-sm tracking-wider uppercase transition-colors\"> Visit ECL Website \u2192 <\/a>\n <\/div>\n <div class=\"card-hover bg-gradient-to-br from-slate-800 to-slate-800\/50 border border-amber-500\/20 rounded-lg p-8\">\n <div class=\"w-14 h-14 bg-amber-500\/10 rounded-full flex items-center justify-center mb-6\">\n <svg class=\"w-7 h-7 text-amber-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\" \/>\n <\/svg>\n <\/div>\n <h3 class=\"font-display text-xl text-amber-100 mb-4\">Community Spirit<\/h3>\n <p class=\"text-amber-100\/60 leading-relaxed\">More than just cricket \u2013 we’re a family. Regular social events, team dinners, and a welcoming clubhouse for all members.<\/p>\n <\/div>\n <div class=\"card-hover bg-gradient-to-br from-slate-800 to-slate-800\/50 border border-amber-500\/20 rounded-lg p-8\">\n <div class=\"w-14 h-14 bg-amber-500\/10 rounded-full flex items-center justify-center mb-6\">\n <svg class=\"w-7 h-7 text-amber-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n <\/svg>\n <\/div>\n <h3 class=\"font-display text-xl text-amber-100 mb-4\">Training & Development<\/h3>\n <p class=\"text-amber-100\/60 leading-relaxed\">Professional net sessions, intensive training camps, and comprehensive game support to develop players of all levels and prepare them for competitive success.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <section id=\"contact\" class=\"py-24 px-6 bg-gradient-to-b from-slate-800 to-slate-900\">\n <div class=\"max-w-4xl mx-auto\">\n <div class=\"text-center mb-16\">\n <h2 class=\"font-display text-3xl md:text-4xl gold-gradient mb-6\">GET IN TOUCH<\/h2>\n <div class=\"flex items-center justify-center gap-3 mb-6\">\n <div class=\"w-20 h-px bg-amber-500\/30\"><\/div><span class=\"text-amber-500 font-display text-sm tracking-widest\">JOIN US<\/span>\n <div class=\"w-20 h-px bg-amber-500\/30\"><\/div>\n <\/div>\n <p class=\"text-amber-100\/70\">Interested in joining Griffins Sports Club? We’d love to hear from you.<\/p>\n <\/div>\n <div class=\"grid md:grid-cols-2 gap-8 mb-12\">\n <div class=\"card-hover bg-slate-800\/50 border border-amber-500\/20 rounded-lg p-8 text-center\">\n <div class=\"w-14 h-14 bg-amber-500\/10 rounded-full flex items-center justify-center mx-auto mb-4\">\n <svg class=\"w-6 h-6 text-amber-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" \/>\n <\/svg>\n <\/div>\n <h3 class=\"font-display text-lg text-amber-100 mb-2\">Email Us<\/h3>\n <p id=\"contact-email\" class=\"text-amber-100\/70\">info@griffinssportsclub.co.uk<\/p>\n <\/div>\n <div class=\"card-hover bg-slate-800\/50 border border-amber-500\/20 rounded-lg p-8 text-center\">\n <div class=\"w-14 h-14 bg-amber-500\/10 rounded-full flex items-center justify-center mx-auto mb-4\">\n <svg class=\"w-6 h-6 text-amber-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\" \/>\n <\/svg>\n <\/div>\n <h3 class=\"font-display text-lg text-amber-100 mb-2\">Call Us<\/h3>\n <p id=\"contact-phone\" class=\"text-amber-100\/70\">+44 7595 396762<\/p>\n <\/div>\n <\/div>\n <form id=\"contact-form\" class=\"bg-slate-800\/30 border border-amber-500\/20 rounded-lg p-8\">\n <div class=\"grid md:grid-cols-2 gap-6 mb-6\">\n <div><label for=\"name\" class=\"block text-amber-100\/80 text-sm mb-2 font-display tracking-wider\">NAME<\/label> <input type=\"text\" id=\"name\" name=\"name\" required class=\"w-full bg-slate-900\/50 border border-amber-500\/30 rounded px-4 py-3 text-amber-100 placeholder-amber-100\/30 focus:outline-none focus:border-amber-500 transition-colors\" placeholder=\"Your name\">\n <\/div>\n <div><label for=\"email\" class=\"block text-amber-100\/80 text-sm mb-2 font-display tracking-wider\">EMAIL<\/label> <input type=\"email\" id=\"email\" name=\"email\" required class=\"w-full bg-slate-900\/50 border border-amber-500\/30 rounded px-4 py-3 text-amber-100 placeholder-amber-100\/30 focus:outline-none focus:border-amber-500 transition-colors\" placeholder=\"your@email.com\">\n <\/div>\n <\/div>\n <div class=\"mb-6\"><label for=\"message\" class=\"block text-amber-100\/80 text-sm mb-2 font-display tracking-wider\">MESSAGE<\/label> <textarea id=\"message\" name=\"message\" rows=\"4\" required class=\"w-full bg-slate-900\/50 border border-amber-500\/30 rounded px-4 py-3 text-amber-100 placeholder-amber-100\/30 focus:outline-none focus:border-amber-500 transition-colors resize-none\" placeholder=\"Tell us about your interest in joining...\"><\/textarea>\n <\/div><button type=\"submit\" class=\"w-full btn-primary py-4 text-slate-900 font-display text-sm tracking-widest rounded\"> SEND MESSAGE <\/button>\n <p id=\"form-success\" class=\"hidden mt-4 text-center text-green-400 text-sm\">Thank you! Your message has been sent.<\/p>\n <\/form>\n <\/div>\n <\/section>\n <footer class=\"py-12 px-6 bg-slate-950 border-t border-amber-500\/10\">\n <div class=\"max-w-6xl mx-auto\">\n <div class=\"flex flex-col md:flex-row items-center justify-between gap-6\">\n <div class=\"flex items-center gap-3\"><img decoding=\"async\" src=\"https:\/\/griffinssportsclub.co.uk\/wp-content\/uploads\/2026\/02\/cropped-griffins_logo.png\" alt=\"Griffins Sports Club Logo\" class=\"w-10 h-10 object-contain\" loading=\"lazy\" onerror=\"console.error('Image failed to load:', this.src); this.style.display='none';\"> <span id=\"footer-club-name\" class=\"font-display text-amber-100\/80 tracking-wider\">GRIFFINS SPORTS CLUB<\/span>\n <\/div>\n <p class=\"text-amber-100\/50 text-sm text-center\">\u00a9 2024 Griffins Sports Club. All rights reserved. Est. 2008<\/p>\n <div class=\"flex gap-4\"><a href=\"#\" class=\"w-10 h-10 bg-amber-500\/10 rounded-full flex items-center justify-center text-amber-500 hover:bg-amber-500\/20 transition-colors\" aria-label=\"Facebook\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewbox=\"0 0 24 24\">\n <path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\" \/>\n <\/svg><\/a> <a href=\"#\" class=\"w-10 h-10 bg-amber-500\/10 rounded-full flex items-center justify-center text-amber-500 hover:bg-amber-500\/20 transition-colors\" aria-label=\"Twitter\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewbox=\"0 0 24 24\">\n <path d=\"M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z\" \/>\n <\/svg><\/a> <a href=\"https:\/\/www.instagram.com\/griffins.sportsclub\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"w-10 h-10 bg-amber-500\/10 rounded-full flex items-center justify-center text-amber-500 hover:bg-amber-500\/20 transition-colors\" aria-label=\"Instagram\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewbox=\"0 0 24 24\">\n <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\" \/>\n <\/svg><\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n <\/div>\n <script>\n const defaultConfig = {\n club_name: 'GRIFFINS SC',\n hero_title: 'GRIFFINS SPORTS CLUB',\n hero_subtitle: 'Excellence in Cricket Since 2008',\n about_title: 'OUR RICH HERITAGE',\n about_text: 'For over 16 years, Griffins Sports Club has been a cornerstone of cricketing excellence. Founded in 2008, our club has nurtured talent, fostered community spirit, and upheld the finest traditions of this noble sport. From junior development to senior competition, we pride ourselves on creating champions both on and off the pitch.',\n contact_email: 'info@griffinssportsclub.co.uk',\n contact_phone: '+44 1234 567890',\n background_color: '#0A1628',\n surface_color: '#1e293b',\n text_color: '#fef3c7',\n primary_action_color: '#D4AF37',\n secondary_action_color: '#f59e0b'\n };\n\n let config = { ...defaultConfig };\n\n async function onConfigChange(cfg) {\n config = { ...defaultConfig, ...cfg };\n \n \/\/ Update text content\n document.getElementById('nav-club-name').textContent = config.club_name || defaultConfig.club_name;\n document.getElementById('hero-title').textContent = config.hero_title || defaultConfig.hero_title;\n document.getElementById('hero-subtitle').textContent = config.hero_subtitle || defaultConfig.hero_subtitle;\n document.getElementById('about-title').textContent = config.about_title || defaultConfig.about_title;\n document.getElementById('about-text').textContent = config.about_text || defaultConfig.about_text;\n document.getElementById('contact-email').textContent = config.contact_email || defaultConfig.contact_email;\n document.getElementById('contact-phone').textContent = config.contact_phone || defaultConfig.contact_phone;\n document.getElementById('footer-club-name').textContent = config.club_name ? config.club_name.toUpperCase() : defaultConfig.club_name;\n \n \/\/ Update colors\n const bgColor = config.background_color || defaultConfig.background_color;\n const surfaceColor = config.surface_color || defaultConfig.surface_color;\n const textColor = config.text_color || defaultConfig.text_color;\n const primaryColor = config.primary_action_color || defaultConfig.primary_action_color;\n const secondaryColor = config.secondary_action_color || defaultConfig.secondary_action_color;\n \n document.getElementById('app-wrapper').style.background = bgColor;\n \n document.querySelectorAll('.card-hover').forEach(el => {\n el.style.borderColor = primaryColor + '33';\n });\n \n document.querySelectorAll('.btn-primary').forEach(el => {\n el.style.background = `linear-gradient(135deg, ${primaryColor} 0%, ${secondaryColor} 100%)`;\n });\n }\n\n function mapToCapabilities(cfg) {\n return {\n recolorables: [\n {\n get: () => cfg.background_color || defaultConfig.background_color,\n set: (value) => { cfg.background_color = value; window.elementSdk.setConfig({ background_color: value }); }\n },\n {\n get: () => cfg.surface_color || defaultConfig.surface_color,\n set: (value) => { cfg.surface_color = value; window.elementSdk.setConfig({ surface_color: value }); }\n },\n {\n get: () => cfg.text_color || defaultConfig.text_color,\n set: (value) => { cfg.text_color = value; window.elementSdk.setConfig({ text_color: value }); }\n },\n {\n get: () => cfg.primary_action_color || defaultConfig.primary_action_color,\n set: (value) => { cfg.primary_action_color = value; window.elementSdk.setConfig({ primary_action_color: value }); }\n },\n {\n get: () => cfg.secondary_action_color || defaultConfig.secondary_action_color,\n set: (value) => { cfg.secondary_action_color = value; window.elementSdk.setConfig({ secondary_action_color: value }); }\n }\n ],\n borderables: [],\n fontEditable: undefined,\n fontSizeable: undefined\n };\n }\n\n function mapToEditPanelValues(cfg) {\n return new Map([\n ['club_name', cfg.club_name || defaultConfig.club_name],\n ['hero_title', cfg.hero_title || defaultConfig.hero_title],\n ['hero_subtitle', cfg.hero_subtitle || defaultConfig.hero_subtitle],\n ['about_title', cfg.about_title || defaultConfig.about_title],\n ['about_text', cfg.about_text || defaultConfig.about_text],\n ['contact_email', cfg.contact_email || defaultConfig.contact_email],\n ['contact_phone', cfg.contact_phone || defaultConfig.contact_phone]\n ]);\n }\n\n \/\/ Mobile menu\n const mobileMenuBtn = document.getElementById('mobile-menu-btn');\n const mobileMenu = document.getElementById('mobile-menu');\n const closeMobileMenu = document.getElementById('close-mobile-menu');\n \n mobileMenuBtn.addEventListener('click', () => {\n mobileMenu.classList.remove('hidden');\n });\n \n closeMobileMenu.addEventListener('click', () => {\n mobileMenu.classList.add('hidden');\n });\n \n document.querySelectorAll('.mobile-nav-link').forEach(link => {\n link.addEventListener('click', () => {\n mobileMenu.classList.add('hidden');\n });\n });\n\n \/\/ Contact form\n document.getElementById('contact-form').addEventListener('submit', (e) => {\n e.preventDefault();\n document.getElementById('form-success').classList.remove('hidden');\n e.target.reset();\n setTimeout(() => {\n document.getElementById('form-success').classList.add('hidden');\n }, 3000);\n });\n\n \/\/ Smooth scrolling\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function(e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n\n \/\/ Initialize SDK\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig,\n onConfigChange,\n mapToCapabilities,\n mapToEditPanelValues\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:'9ca62be2e20050f1',t:'MTc3MDUwMTc0NS4wMDAwMDA='};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","protected":false},"excerpt":{"rendered":"<p>Griffins Sports Club GRIFFINS SC Home About Contact HOME ABOUT CONTACT CLOSE GRIFFINS SPORTS CLUB Excellence in Cricket Since 2008 DISCOVER OUR HERITAGE JOIN THE CLUB OUR RICH HERITAGE EST. 2008 For over 16 years, Griffins Sports Club has been a cornerstone of cricketing excellence. Founded in 2008, our club has nurtured talent, fostered community […]<\/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-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/griffinssportsclub.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/griffinssportsclub.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/griffinssportsclub.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/griffinssportsclub.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/griffinssportsclub.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":5,"href":"https:\/\/griffinssportsclub.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":30,"href":"https:\/\/griffinssportsclub.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/30"}],"wp:attachment":[{"href":"https:\/\/griffinssportsclub.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":13,"date":"2026-02-07T21:34:32","date_gmt":"2026-02-07T21:34:32","guid":{"rendered":"https:\/\/griffinssportsclub.co.uk\/?page_id=13"},"modified":"2026-02-07T22:02:40","modified_gmt":"2026-02-07T22:02:40","slug":"13-2","status":"publish","type":"page","link":"https:\/\/griffinssportsclub.co.uk\/","title":{"rendered":""},"content":{"rendered":"\n\n\n \n \n \n Griffins Sports Club<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;600;700&family=Lora:ital,wght@0,400;0,500;0,600;1,400&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n box-sizing: border-box;\n margin: 0 !important;\n padding: 0 !important;\n }\n \n html {\n margin: 0 !important;\n padding: 0 !important;\n }\n \n * {\n margin: 0;\n padding: 0;\n }\n \n .font-display { font-family: 'Cinzel', serif; }\n .font-body { font-family: 'Lora', serif; }\n \n .hero-pattern {\n background-image: \n radial-gradient(circle at 20% 50%, rgba(212, 175, 55, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, rgba(212, 175, 55, 0.08) 0%, transparent 50%),\n linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.2) 100%);\n }\n \n .cricket-ball {\n animation: spin 20s linear infinite;\n }\n \n @keyframes spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n \n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .animate-fade-in-up {\n animation: fadeInUp 0.8s ease-out forwards;\n }\n \n .delay-100 { animation-delay: 0.1s; }\n .delay-200 { animation-delay: 0.2s; }\n .delay-300 { animation-delay: 0.3s; }\n .delay-400 { animation-delay: 0.4s; }\n \n .gold-gradient {\n background: linear-gradient(135deg, #D4AF37 0%, #F4E4BA 50%, #D4AF37 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n \n .card-hover {\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n .card-hover:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n }\n \n .btn-primary {\n background: linear-gradient(135deg, #D4AF37 0%, #B8963B 100%);\n transition: all 0.3s ease;\n }\n \n .btn-primary:hover {\n background: linear-gradient(135deg, #E5C158 0%, #D4AF37 100%);\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(212, 175, 55, 0.4);\n }\n \n .nav-link {\n position: relative;\n }\n \n .nav-link::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 0;\n width: 0;\n height: 2px;\n background: #D4AF37;\n transition: width 0.3s ease;\n }\n \n .nav-link:hover::after {\n width: 100%;\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-body\">\n <div id=\"app-wrapper\" class=\"w-full h-full overflow-auto\" style=\"background: #0A1628;\">\n <nav class=\"w-full bg-gradient-to-b from-black\/80 to-transparent backdrop-blur-sm\">\n <div class=\"max-w-7xl mx-auto px-6 py-4\">\n <div class=\"flex items-center justify-between\">\n <div class=\"flex items-center gap-4\"><img decoding=\"async\" src=\"https:\/\/griffinssportsclub.co.uk\/wp-content\/uploads\/2026\/02\/cropped-griffins_logo.png\" alt=\"Griffins Sports Club Logo\" class=\"w-14 h-14 object-contain\" loading=\"lazy\" onerror=\"console.error('Image failed to load:', this.src); this.style.display='none';\"> <span id=\"nav-club-name\" class=\"font-display text-xl text-amber-100 tracking-wider\">GRIFFINS SC<\/span>\n <\/div>\n <div class=\"hidden md:flex items-center gap-8\"><a href=\"#home\" class=\"nav-link text-amber-100\/90 hover:text-amber-100 text-sm tracking-widest uppercase\">Home<\/a> <a href=\"#about\" class=\"nav-link text-amber-100\/90 hover:text-amber-100 text-sm tracking-widest uppercase\">About<\/a> <a href=\"#contact\" class=\"nav-link text-amber-100\/90 hover:text-amber-100 text-sm tracking-widest uppercase\">Contact<\/a>\n <\/div><button id=\"mobile-menu-btn\" class=\"md:hidden text-amber-100 p-2\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\" \/>\n <\/svg><\/button>\n <\/div>\n <\/div>\n <\/nav>\n <div id=\"mobile-menu\" class=\"fixed inset-0 z-40 bg-slate-900\/98 backdrop-blur-lg hidden\">\n <div class=\"flex flex-col items-center justify-center h-full gap-8\"><a href=\"#home\" class=\"mobile-nav-link text-amber-100 text-2xl font-display tracking-widest\">HOME<\/a> <a href=\"#about\" class=\"mobile-nav-link text-amber-100 text-2xl font-display tracking-widest\">ABOUT<\/a> <a href=\"#contact\" class=\"mobile-nav-link text-amber-100 text-2xl font-display tracking-widest\">CONTACT<\/a> <button id=\"close-mobile-menu\" class=\"mt-8 text-amber-100\/60 text-sm tracking-widest\">CLOSE<\/button>\n <\/div>\n <\/div>\n <section id=\"home\" class=\"relative min-h-screen flex items-center justify-center hero-pattern\">\n <div class=\"absolute inset-0 opacity-5\">\n <svg class=\"w-full h-full\" viewbox=\"0 0 100 100\" preserveaspectratio=\"none\"><pattern id=\"cricket-pattern\" x=\"0\" y=\"0\" width=\"20\" height=\"20\" patternunits=\"userSpaceOnUse\">\n <circle cx=\"10\" cy=\"10\" r=\"1\" fill=\"#D4AF37\" \/>\n <\/pattern> <rect width=\"100%\" height=\"100%\" fill=\"url(#cricket-pattern)\" \/>\n <\/svg>\n <\/div>\n <div class=\"absolute top-20 right-10 opacity-10 cricket-ball hidden lg:block\">\n <svg width=\"120\" height=\"120\" viewbox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"45\" fill=\"#8B2323\" \/> <path d=\"M20 50 Q50 30 80 50\" stroke=\"#F5F5DC\" stroke-width=\"3\" fill=\"none\" \/> <path d=\"M20 50 Q50 70 80 50\" stroke=\"#F5F5DC\" stroke-width=\"3\" fill=\"none\" \/>\n <\/svg>\n <\/div>\n <div class=\"relative z-10 text-center px-6 max-w-4xl mx-auto\">\n <div class=\"opacity-0 animate-fade-in-up\"><img decoding=\"async\" src=\"https:\/\/griffinssportsclub.co.uk\/wp-content\/uploads\/2026\/02\/cropped-griffins_logo.png\" alt=\"Griffins Sports Club Logo\" class=\"w-32 h-32 md:w-40 md:h-40 object-contain mx-auto mb-8\" loading=\"lazy\" onerror=\"console.error('Image failed to load:', this.src); this.style.background='linear-gradient(135deg, #D4AF37, #0A1628)'; this.style.borderRadius='50%'; this.alt='Griffins SC';\">\n <\/div>\n <h1 id=\"hero-title\" class=\"opacity-0 animate-fade-in-up delay-100 font-display text-4xl md:text-6xl lg:text-7xl gold-gradient mb-6 tracking-wider\">GRIFFINS SPORTS CLUB<\/h1>\n <p id=\"hero-subtitle\" class=\"opacity-0 animate-fade-in-up delay-200 text-amber-100\/80 text-lg md:text-xl mb-4 italic\">Excellence in Cricket Since 2008<\/p>\n <div class=\"opacity-0 animate-fade-in-up delay-300 flex items-center justify-center gap-2 mb-10\">\n <div class=\"w-16 h-px bg-gradient-to-r from-transparent to-amber-500\/50\"><\/div>\n <svg class=\"w-6 h-6 text-amber-500\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\" \/>\n <\/svg>\n <div class=\"w-16 h-px bg-gradient-to-l from-transparent to-amber-500\/50\"><\/div>\n <\/div>\n <div class=\"opacity-0 animate-fade-in-up delay-400 flex flex-col sm:flex-row gap-4 justify-center\"><a href=\"#about\" class=\"btn-primary px-8 py-4 text-slate-900 font-display text-sm tracking-widest rounded\"> DISCOVER OUR HERITAGE <\/a> <a href=\"#contact\" class=\"px-8 py-4 border-2 border-amber-500\/50 text-amber-100 font-display text-sm tracking-widest rounded hover:bg-amber-500\/10 transition-all\"> JOIN THE CLUB <\/a>\n <\/div>\n <\/div>\n <div class=\"absolute bottom-8 left-1\/2 -translate-x-1\/2 animate-bounce\">\n <svg class=\"w-6 h-6 text-amber-500\/60\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\" \/>\n <\/svg>\n <\/div>\n <\/section>\n <section id=\"about\" class=\"py-24 px-6 bg-gradient-to-b from-slate-900 to-slate-800\">\n <div class=\"max-w-6xl mx-auto\">\n <div class=\"text-center mb-16\">\n <h2 id=\"about-title\" class=\"font-display text-3xl md:text-4xl gold-gradient mb-6\">OUR RICH HERITAGE<\/h2>\n <div class=\"flex items-center justify-center gap-3 mb-8\">\n <div class=\"w-20 h-px bg-amber-500\/30\"><\/div><span class=\"text-amber-500 font-display text-sm tracking-widest\">EST. 2008<\/span>\n <div class=\"w-20 h-px bg-amber-500\/30\"><\/div>\n <\/div>\n <p id=\"about-text\" class=\"text-amber-100\/70 text-lg max-w-3xl mx-auto leading-relaxed\">For over 16 years, Griffins Sports Club has been a cornerstone of cricketing excellence. Founded in 2008, our club has nurtured talent, fostered community spirit, and upheld the finest traditions of this noble sport. From junior development to senior competition, we pride ourselves on creating champions both on and off the pitch.<\/p>\n <\/div>\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6 mb-16\">\n <div class=\"card-hover bg-slate-800\/50 border border-amber-500\/20 rounded-lg p-6 text-center\">\n <div class=\"font-display text-4xl md:text-5xl gold-gradient mb-2\">\n 16+\n <\/div>\n <div class=\"text-amber-100\/60 text-sm tracking-wider uppercase\">\n Years of Excellence\n <\/div>\n <\/div>\n <div class=\"card-hover bg-slate-800\/50 border border-amber-500\/20 rounded-lg p-6 text-center\">\n <div class=\"font-display text-4xl md:text-5xl gold-gradient mb-2\">\n 200+\n <\/div>\n <div class=\"text-amber-100\/60 text-sm tracking-wider uppercase\">\n Active Members\n <\/div>\n <\/div>\n <div class=\"card-hover bg-slate-800\/50 border border-amber-500\/20 rounded-lg p-6 text-center\">\n <div class=\"font-display text-4xl md:text-5xl gold-gradient mb-2\">\n 16\n <\/div>\n <div class=\"text-amber-100\/60 text-sm tracking-wider uppercase\">\n Trophies Won\n <\/div>\n <\/div>\n <div class=\"card-hover bg-slate-800\/50 border border-amber-500\/20 rounded-lg p-6 text-center\">\n <div class=\"font-display text-4xl md:text-5xl gold-gradient mb-2\">\n 2\n <\/div>\n <div class=\"text-amber-100\/60 text-sm tracking-wider uppercase\">\n Playing Teams\n <\/div>\n <\/div>\n <\/div>\n <div class=\"grid md:grid-cols-3 gap-8\">\n <div class=\"card-hover bg-gradient-to-br from-slate-800 to-slate-800\/50 border border-amber-500\/20 rounded-lg p-8\">\n <div class=\"w-14 h-14 bg-amber-500\/10 rounded-full flex items-center justify-center mb-6\">\n <svg class=\"w-7 h-7 text-amber-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M13 10V3L4 14h7v7l9-11h-7z\" \/>\n <\/svg>\n <\/div>\n <h3 class=\"font-display text-xl text-amber-100 mb-4\">Elite Cricket League<\/h3>\n <p class=\"text-amber-100\/60 leading-relaxed mb-4\">Our exclusive ECL competition featuring the finest cricket talent. Join us in revolutionizing competitive cricket with professional standards and thrilling matches.<\/p><a href=\"https:\/\/elitecricketleague.uk\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-block text-amber-500 hover:text-amber-400 font-display text-sm tracking-wider uppercase transition-colors\"> Visit ECL Website \u2192 <\/a>\n <\/div>\n <div class=\"card-hover bg-gradient-to-br from-slate-800 to-slate-800\/50 border border-amber-500\/20 rounded-lg p-8\">\n <div class=\"w-14 h-14 bg-amber-500\/10 rounded-full flex items-center justify-center mb-6\">\n <svg class=\"w-7 h-7 text-amber-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\" \/>\n <\/svg>\n <\/div>\n <h3 class=\"font-display text-xl text-amber-100 mb-4\">Community Spirit<\/h3>\n <p class=\"text-amber-100\/60 leading-relaxed\">More than just cricket \u2013 we’re a family. Regular social events, team dinners, and a welcoming clubhouse for all members.<\/p>\n <\/div>\n <div class=\"card-hover bg-gradient-to-br from-slate-800 to-slate-800\/50 border border-amber-500\/20 rounded-lg p-8\">\n <div class=\"w-14 h-14 bg-amber-500\/10 rounded-full flex items-center justify-center mb-6\">\n <svg class=\"w-7 h-7 text-amber-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n <\/svg>\n <\/div>\n <h3 class=\"font-display text-xl text-amber-100 mb-4\">Training & Development<\/h3>\n <p class=\"text-amber-100\/60 leading-relaxed\">Professional net sessions, intensive training camps, and comprehensive game support to develop players of all levels and prepare them for competitive success.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <section id=\"contact\" class=\"py-24 px-6 bg-gradient-to-b from-slate-800 to-slate-900\">\n <div class=\"max-w-4xl mx-auto\">\n <div class=\"text-center mb-16\">\n <h2 class=\"font-display text-3xl md:text-4xl gold-gradient mb-6\">GET IN TOUCH<\/h2>\n <div class=\"flex items-center justify-center gap-3 mb-6\">\n <div class=\"w-20 h-px bg-amber-500\/30\"><\/div><span class=\"text-amber-500 font-display text-sm tracking-widest\">JOIN US<\/span>\n <div class=\"w-20 h-px bg-amber-500\/30\"><\/div>\n <\/div>\n <p class=\"text-amber-100\/70\">Interested in joining Griffins Sports Club? We’d love to hear from you.<\/p>\n <\/div>\n <div class=\"grid md:grid-cols-2 gap-8 mb-12\">\n <div class=\"card-hover bg-slate-800\/50 border border-amber-500\/20 rounded-lg p-8 text-center\">\n <div class=\"w-14 h-14 bg-amber-500\/10 rounded-full flex items-center justify-center mx-auto mb-4\">\n <svg class=\"w-6 h-6 text-amber-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" \/>\n <\/svg>\n <\/div>\n <h3 class=\"font-display text-lg text-amber-100 mb-2\">Email Us<\/h3>\n <p id=\"contact-email\" class=\"text-amber-100\/70\">info@griffinssportsclub.co.uk<\/p>\n <\/div>\n <div class=\"card-hover bg-slate-800\/50 border border-amber-500\/20 rounded-lg p-8 text-center\">\n <div class=\"w-14 h-14 bg-amber-500\/10 rounded-full flex items-center justify-center mx-auto mb-4\">\n <svg class=\"w-6 h-6 text-amber-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\" \/>\n <\/svg>\n <\/div>\n <h3 class=\"font-display text-lg text-amber-100 mb-2\">Call Us<\/h3>\n <p id=\"contact-phone\" class=\"text-amber-100\/70\">+44 7595 396762<\/p>\n <\/div>\n <\/div>\n <form id=\"contact-form\" class=\"bg-slate-800\/30 border border-amber-500\/20 rounded-lg p-8\">\n <div class=\"grid md:grid-cols-2 gap-6 mb-6\">\n <div><label for=\"name\" class=\"block text-amber-100\/80 text-sm mb-2 font-display tracking-wider\">NAME<\/label> <input type=\"text\" id=\"name\" name=\"name\" required class=\"w-full bg-slate-900\/50 border border-amber-500\/30 rounded px-4 py-3 text-amber-100 placeholder-amber-100\/30 focus:outline-none focus:border-amber-500 transition-colors\" placeholder=\"Your name\">\n <\/div>\n <div><label for=\"email\" class=\"block text-amber-100\/80 text-sm mb-2 font-display tracking-wider\">EMAIL<\/label> <input type=\"email\" id=\"email\" name=\"email\" required class=\"w-full bg-slate-900\/50 border border-amber-500\/30 rounded px-4 py-3 text-amber-100 placeholder-amber-100\/30 focus:outline-none focus:border-amber-500 transition-colors\" placeholder=\"your@email.com\">\n <\/div>\n <\/div>\n <div class=\"mb-6\"><label for=\"message\" class=\"block text-amber-100\/80 text-sm mb-2 font-display tracking-wider\">MESSAGE<\/label> <textarea id=\"message\" name=\"message\" rows=\"4\" required class=\"w-full bg-slate-900\/50 border border-amber-500\/30 rounded px-4 py-3 text-amber-100 placeholder-amber-100\/30 focus:outline-none focus:border-amber-500 transition-colors resize-none\" placeholder=\"Tell us about your interest in joining...\"><\/textarea>\n <\/div><button type=\"submit\" class=\"w-full btn-primary py-4 text-slate-900 font-display text-sm tracking-widest rounded\"> SEND MESSAGE <\/button>\n <p id=\"form-success\" class=\"hidden mt-4 text-center text-green-400 text-sm\">Thank you! Your message has been sent.<\/p>\n <\/form>\n <\/div>\n <\/section>\n <footer class=\"py-12 px-6 bg-slate-950 border-t border-amber-500\/10\">\n <div class=\"max-w-6xl mx-auto\">\n <div class=\"flex flex-col md:flex-row items-center justify-between gap-6\">\n <div class=\"flex items-center gap-3\"><img decoding=\"async\" src=\"https:\/\/griffinssportsclub.co.uk\/wp-content\/uploads\/2026\/02\/cropped-griffins_logo.png\" alt=\"Griffins Sports Club Logo\" class=\"w-10 h-10 object-contain\" loading=\"lazy\" onerror=\"console.error('Image failed to load:', this.src); this.style.display='none';\"> <span id=\"footer-club-name\" class=\"font-display text-amber-100\/80 tracking-wider\">GRIFFINS SPORTS CLUB<\/span>\n <\/div>\n <p class=\"text-amber-100\/50 text-sm text-center\">\u00a9 2024 Griffins Sports Club. All rights reserved. Est. 2008<\/p>\n <div class=\"flex gap-4\"><a href=\"#\" class=\"w-10 h-10 bg-amber-500\/10 rounded-full flex items-center justify-center text-amber-500 hover:bg-amber-500\/20 transition-colors\" aria-label=\"Facebook\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewbox=\"0 0 24 24\">\n <path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\" \/>\n <\/svg><\/a> <a href=\"#\" class=\"w-10 h-10 bg-amber-500\/10 rounded-full flex items-center justify-center text-amber-500 hover:bg-amber-500\/20 transition-colors\" aria-label=\"Twitter\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewbox=\"0 0 24 24\">\n <path d=\"M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z\" \/>\n <\/svg><\/a> <a href=\"https:\/\/www.instagram.com\/griffins.sportsclub\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"w-10 h-10 bg-amber-500\/10 rounded-full flex items-center justify-center text-amber-500 hover:bg-amber-500\/20 transition-colors\" aria-label=\"Instagram\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewbox=\"0 0 24 24\">\n <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\" \/>\n <\/svg><\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n <\/div>\n <script>\n const defaultConfig = {\n club_name: 'GRIFFINS SC',\n hero_title: 'GRIFFINS SPORTS CLUB',\n hero_subtitle: 'Excellence in Cricket Since 2008',\n about_title: 'OUR RICH HERITAGE',\n about_text: 'For over 16 years, Griffins Sports Club has been a cornerstone of cricketing excellence. Founded in 2008, our club has nurtured talent, fostered community spirit, and upheld the finest traditions of this noble sport. From junior development to senior competition, we pride ourselves on creating champions both on and off the pitch.',\n contact_email: 'info@griffinssportsclub.co.uk',\n contact_phone: '+44 1234 567890',\n background_color: '#0A1628',\n surface_color: '#1e293b',\n text_color: '#fef3c7',\n primary_action_color: '#D4AF37',\n secondary_action_color: '#f59e0b'\n };\n\n let config = { ...defaultConfig };\n\n async function onConfigChange(cfg) {\n config = { ...defaultConfig, ...cfg };\n \n \/\/ Update text content\n document.getElementById('nav-club-name').textContent = config.club_name || defaultConfig.club_name;\n document.getElementById('hero-title').textContent = config.hero_title || defaultConfig.hero_title;\n document.getElementById('hero-subtitle').textContent = config.hero_subtitle || defaultConfig.hero_subtitle;\n document.getElementById('about-title').textContent = config.about_title || defaultConfig.about_title;\n document.getElementById('about-text').textContent = config.about_text || defaultConfig.about_text;\n document.getElementById('contact-email').textContent = config.contact_email || defaultConfig.contact_email;\n document.getElementById('contact-phone').textContent = config.contact_phone || defaultConfig.contact_phone;\n document.getElementById('footer-club-name').textContent = config.club_name ? config.club_name.toUpperCase() : defaultConfig.club_name;\n \n \/\/ Update colors\n const bgColor = config.background_color || defaultConfig.background_color;\n const surfaceColor = config.surface_color || defaultConfig.surface_color;\n const textColor = config.text_color || defaultConfig.text_color;\n const primaryColor = config.primary_action_color || defaultConfig.primary_action_color;\n const secondaryColor = config.secondary_action_color || defaultConfig.secondary_action_color;\n \n document.getElementById('app-wrapper').style.background = bgColor;\n \n document.querySelectorAll('.card-hover').forEach(el => {\n el.style.borderColor = primaryColor + '33';\n });\n \n document.querySelectorAll('.btn-primary').forEach(el => {\n el.style.background = `linear-gradient(135deg, ${primaryColor} 0%, ${secondaryColor} 100%)`;\n });\n }\n\n function mapToCapabilities(cfg) {\n return {\n recolorables: [\n {\n get: () => cfg.background_color || defaultConfig.background_color,\n set: (value) => { cfg.background_color = value; window.elementSdk.setConfig({ background_color: value }); }\n },\n {\n get: () => cfg.surface_color || defaultConfig.surface_color,\n set: (value) => { cfg.surface_color = value; window.elementSdk.setConfig({ surface_color: value }); }\n },\n {\n get: () => cfg.text_color || defaultConfig.text_color,\n set: (value) => { cfg.text_color = value; window.elementSdk.setConfig({ text_color: value }); }\n },\n {\n get: () => cfg.primary_action_color || defaultConfig.primary_action_color,\n set: (value) => { cfg.primary_action_color = value; window.elementSdk.setConfig({ primary_action_color: value }); }\n },\n {\n get: () => cfg.secondary_action_color || defaultConfig.secondary_action_color,\n set: (value) => { cfg.secondary_action_color = value; window.elementSdk.setConfig({ secondary_action_color: value }); }\n }\n ],\n borderables: [],\n fontEditable: undefined,\n fontSizeable: undefined\n };\n }\n\n function mapToEditPanelValues(cfg) {\n return new Map([\n ['club_name', cfg.club_name || defaultConfig.club_name],\n ['hero_title', cfg.hero_title || defaultConfig.hero_title],\n ['hero_subtitle', cfg.hero_subtitle || defaultConfig.hero_subtitle],\n ['about_title', cfg.about_title || defaultConfig.about_title],\n ['about_text', cfg.about_text || defaultConfig.about_text],\n ['contact_email', cfg.contact_email || defaultConfig.contact_email],\n ['contact_phone', cfg.contact_phone || defaultConfig.contact_phone]\n ]);\n }\n\n \/\/ Mobile menu\n const mobileMenuBtn = document.getElementById('mobile-menu-btn');\n const mobileMenu = document.getElementById('mobile-menu');\n const closeMobileMenu = document.getElementById('close-mobile-menu');\n \n mobileMenuBtn.addEventListener('click', () => {\n mobileMenu.classList.remove('hidden');\n });\n \n closeMobileMenu.addEventListener('click', () => {\n mobileMenu.classList.add('hidden');\n });\n \n document.querySelectorAll('.mobile-nav-link').forEach(link => {\n link.addEventListener('click', () => {\n mobileMenu.classList.add('hidden');\n });\n });\n\n \/\/ Contact form\n document.getElementById('contact-form').addEventListener('submit', (e) => {\n e.preventDefault();\n document.getElementById('form-success').classList.remove('hidden');\n e.target.reset();\n setTimeout(() => {\n document.getElementById('form-success').classList.add('hidden');\n }, 3000);\n });\n\n \/\/ Smooth scrolling\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function(e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n\n \/\/ Initialize SDK\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig,\n onConfigChange,\n mapToCapabilities,\n mapToEditPanelValues\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:'9ca62be2e20050f1',t:'MTc3MDUwMTc0NS4wMDAwMDA='};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","protected":false},"excerpt":{"rendered":"<p>Griffins Sports Club GRIFFINS SC Home About Contact HOME ABOUT CONTACT CLOSE GRIFFINS SPORTS CLUB Excellence in Cricket Since 2008 DISCOVER OUR HERITAGE JOIN THE CLUB OUR RICH HERITAGE EST. 2008 For over 16 years, Griffins Sports Club has been a cornerstone of cricketing excellence. Founded in 2008, our club has nurtured talent, fostered community […]<\/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-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/griffinssportsclub.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/griffinssportsclub.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/griffinssportsclub.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/griffinssportsclub.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/griffinssportsclub.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":5,"href":"https:\/\/griffinssportsclub.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":30,"href":"https:\/\/griffinssportsclub.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/30"}],"wp:attachment":[{"href":"https:\/\/griffinssportsclub.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}