{"id":8,"date":"2026-05-20T03:22:01","date_gmt":"2026-05-20T03:22:01","guid":{"rendered":"https:\/\/thegunners.fun\/?page_id=8"},"modified":"2026-05-20T04:16:41","modified_gmt":"2026-05-20T04:16:41","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/thegunners.fun\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n\r\n\r\nThe Gunners - Champions<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Quantico:wght@400;700&family=Inter:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ======================================== *\/\r\n\/* CSS RESET & VARIABLES *\/\r\n\/* ======================================== *\/\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\nhtml {\r\n scroll-behavior: smooth;\r\n}\r\n\r\n:root {\r\n --red-bright: #EF0107;\r\n --red-deep: #5A0001;\r\n --red-darkest: #110000;\r\n --gold: #D4AF37;\r\n --text-main: #FFFFFF;\r\n --text-muted: rgba(255, 255, 255, 0.85);\r\n}\r\n\r\nbody {\r\n background: var(--red-darkest);\r\n overflow-x: hidden;\r\n font-family: 'Inter', sans-serif;\r\n color: var(--text-main);\r\n}\r\n\r\nh1, h2, h3, .tg-logo, .tg-btn, .tg-subtitle, .tg-copy-btn, .tg-footer-left {\r\n font-family: 'Quantico', sans-serif;\r\n}\r\n\r\n\/* ======================================== *\/\r\n\/* TRUE SEAMLESS GLOBAL BACKGROUND *\/\r\n\/* ======================================== *\/\r\n.thegunners {\r\n position: relative;\r\n \/* Gradasi utama dari atas ke bawah untuk seluruh website *\/\r\n background: linear-gradient(\r\n to bottom, \r\n #7A0002 0%, \/* Maroon elegan di area hero *\/\r\n #4A0001 30%, \/* Semakin gelap *\/\r\n var(--red-darkest) 100%\r\n );\r\n min-height: 100vh;\r\n overflow: hidden;\r\n}\r\n\r\n\/* Overlay Tekstur Halus untuk seluruh web *\/\r\n.thegunners::before {\r\n content: '';\r\n position: fixed;\r\n inset: 0;\r\n z-index: 0;\r\n pointer-events: none;\r\n background: url('https:\/\/thegunners.fun\/wp-content\/uploads\/2026\/05\/Asset-6.png') center\/cover fixed;\r\n opacity: 0.03;\r\n mix-blend-mode: overlay;\r\n}\r\n\r\n\/* KANVAS CONFETTI *\/\r\n#confetti-canvas {\r\n position: fixed;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 1;\r\n pointer-events: none;\r\n}\r\n\r\n\/* FLOATING GLOW ORBS *\/\r\n.glow {\r\n position: absolute;\r\n border-radius: 50%;\r\n filter: blur(140px);\r\n pointer-events: none;\r\n z-index: 2;\r\n}\r\n.glow1 {\r\n width: 600px; height: 600px;\r\n background: #ff4d4d;\r\n top: -100px; left: -200px;\r\n opacity: 0.25;\r\n}\r\n.glow2 {\r\n width: 700px; height: 700px;\r\n background: var(--gold);\r\n bottom: 5%; right: -250px;\r\n opacity: 0.12;\r\n}\r\n\r\n\/* ======================================== *\/\r\n\/* GLOBAL CLASSES *\/\r\n\/* ======================================== *\/\r\n.tg-section {\r\n position: relative;\r\n z-index: 5;\r\n padding: 100px 6%;\r\n}\r\n\r\n.glass {\r\n background: rgba(255, 255, 255, 0.04);\r\n backdrop-filter: blur(24px);\r\n -webkit-backdrop-filter: blur(24px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05);\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n}\r\n\r\n.tg-title {\r\n font-size: clamp(40px, 5vw, 64px);\r\n line-height: 1.1;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n}\r\n\r\n.text-gold-gradient {\r\n background: linear-gradient(to right, #fcf6ba, #d4af37, #fbf5b7);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n text-shadow: 0 10px 30px rgba(212, 175, 55, 0.15);\r\n}\r\n\r\n.tg-text {\r\n font-size: 18px;\r\n line-height: 1.8;\r\n color: var(--text-muted);\r\n}\r\n\r\n\/* ======================================== *\/\r\n\/* NAVBAR *\/\r\n\/* ======================================== *\/\r\n.tg-navbar {\r\n position: fixed;\r\n top: 0; left: 0; width: 100%;\r\n z-index: 9999;\r\n padding: 20px 6%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, transparent 100%);\r\n backdrop-filter: blur(10px);\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\r\n transition: 0.3s ease;\r\n}\r\n\r\n.tg-logo {\r\n font-size: 26px;\r\n font-weight: 700;\r\n letter-spacing: 4px;\r\n text-transform: uppercase;\r\n cursor: pointer;\r\n}\r\n\r\n.tg-nav-right { display: flex; gap: 14px; }\r\n\r\n.tg-btn {\r\n padding: 12px 24px;\r\n border-radius: 99px;\r\n background: rgba(255, 255, 255, 0.08);\r\n border: 1px solid rgba(255, 255, 255, 0.15);\r\n color: #fff;\r\n font-size: 12px;\r\n letter-spacing: 1.5px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: 0.4s ease;\r\n}\r\n\r\n.tg-btn:hover {\r\n background: #fff;\r\n color: var(--red-bright);\r\n transform: translateY(-2px);\r\n}\r\n\r\n.tg-btn.primary {\r\n background: var(--gold);\r\n color: var(--red-darkest);\r\n border-color: var(--gold);\r\n}\r\n.tg-btn.primary:hover {\r\n background: #fff;\r\n box-shadow: 0 10px 20px rgba(212, 175, 55, 0.4);\r\n}\r\n\r\n\/* ======================================== *\/\r\n\/* HERO (TRUE SEAMLESS MASK) *\/\r\n\/* ======================================== *\/\r\n.tg-hero {\r\n position: relative;\r\n height: 100vh;\r\n min-height: 700px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 0 6%;\r\n}\r\n\r\n.tg-hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 1;\r\n \/* MASKING: Bagian paling bawah video dipaksa transparan (menghilang), \r\n sehingga gradasi background body utama otomatis menyambung 100% mulus *\/\r\n -webkit-mask-image: linear-gradient(to bottom, black 65%, transparent 95%);\r\n mask-image: linear-gradient(to bottom, black 65%, transparent 95%);\r\n}\r\n\r\n.tg-hero-bg video {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transform: scale(1.05); \/* Menutupi border tepi jika ada *\/\r\n}\r\n\r\n.tg-hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n \/* Overlay warna merah-hitam agar teks hero bisa terbaca jelas *\/\r\n background: linear-gradient(\r\n to bottom, \r\n rgba(239, 1, 7, 0.25) 0%, \r\n rgba(0, 0, 0, 0.7) 100%\r\n );\r\n}\r\n\r\n.tg-hero-content {\r\n position: relative;\r\n z-index: 5;\r\n text-align: center;\r\n max-width: 1200px;\r\n margin-top: 80px;\r\n}\r\n\r\n.tg-subtitle {\r\n font-size: 16px;\r\n letter-spacing: 8px;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: 24px;\r\n text-shadow: 0 2px 10px rgba(0,0,0,0.5);\r\n animation: fadeUp 1s ease both;\r\n}\r\n\r\n.tg-hero-title {\r\n font-size: clamp(50px, 8vw, 130px);\r\n line-height: 0.9;\r\n text-transform: uppercase;\r\n margin-bottom: 40px;\r\n text-shadow: 0 20px 40px rgba(0,0,0,0.5);\r\n animation: fadeUp 1.2s ease 0.2s both;\r\n}\r\n\r\n.tg-copy-btn {\r\n border: 1px solid rgba(255,255,255,0.3);\r\n cursor: pointer;\r\n padding: 16px 32px;\r\n border-radius: 99px;\r\n background: rgba(0,0,0,0.4);\r\n backdrop-filter: blur(10px);\r\n color: #fff;\r\n font-size: 14px;\r\n letter-spacing: 1.5px;\r\n font-weight: 700;\r\n transition: all 0.3s ease;\r\n animation: fadeUp 1.4s ease 0.4s both;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n\r\n.tg-copy-btn:hover {\r\n background: rgba(255,255,255,0.15);\r\n border-color: var(--gold);\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\r\n}\r\n\r\n.tg-copy-btn span {\r\n color: var(--gold);\r\n font-family: monospace;\r\n font-size: 15px;\r\n}\r\n\r\n\/* ======================================== *\/\r\n\/* ABOUT *\/\r\n\/* ======================================== *\/\r\n.tg-about-wrap {\r\n max-width: 900px;\r\n margin: auto;\r\n text-align: center;\r\n}\r\n\r\n.tg-about-image {\r\n width: 160px;\r\n margin: 0 auto 50px;\r\n position: relative;\r\n}\r\n\r\n.tg-about-image img {\r\n width: 100%;\r\n display: block;\r\n filter: drop-shadow(0 15px 25px rgba(0,0,0,0.4));\r\n}\r\n\r\n.tg-about-wrap .tg-title { margin-bottom: 30px; }\r\n.tg-about-wrap .tg-text { font-size: 20px; }\r\n\r\n\/* ======================================== *\/\r\n\/* GALLERY MARQUEE *\/\r\n\/* ======================================== *\/\r\n.tg-gallery-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n}\r\n\r\n.tg-marquee {\r\n overflow: hidden;\r\n position: relative;\r\n mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);\r\n -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);\r\n}\r\n\r\n.tg-marquee-track {\r\n display: flex;\r\n gap: 30px;\r\n width: max-content;\r\n animation: marquee 40s linear infinite;\r\n padding: 30px 0;\r\n}\r\n\r\n.tg-marquee-track:hover { animation-play-state: paused; }\r\n\r\n@keyframes marquee {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n}\r\n\r\n.tg-gallery-card {\r\n width: 320px;\r\n height: 450px;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n position: relative;\r\n flex-shrink: 0;\r\n}\r\n\r\n.tg-gallery-card::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 50%);\r\n z-index: 2;\r\n opacity: 0.6;\r\n transition: opacity 0.4s ease;\r\n}\r\n\r\n.tg-gallery-card:hover {\r\n transform: translateY(-15px) scale(1.03) rotate(-2deg);\r\n border-color: rgba(212, 175, 55, 0.6);\r\n box-shadow: 0 30px 60px rgba(0,0,0,0.5), 0 0 30px rgba(212, 175, 55, 0.2);\r\n z-index: 10;\r\n}\r\n.tg-gallery-card:hover::before { opacity: 0.2; }\r\n\r\n.tg-gallery-card img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s ease;\r\n}\r\n.tg-gallery-card:hover img { transform: scale(1.1); }\r\n\r\n\/* ======================================== *\/\r\n\/* HISTORY *\/\r\n\/* ======================================== *\/\r\n.tg-history-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n}\r\n\r\n.tg-history-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 32px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n}\r\n\r\n.tg-history-card {\r\n border-radius: 20px;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.tg-history-card:hover {\r\n transform: translateY(-10px);\r\n border-color: rgba(212, 175, 55, 0.4);\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.4);\r\n}\r\n\r\n.tg-history-image {\r\n height: 250px;\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n\r\n.tg-history-image::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5));\r\n}\r\n\r\n.tg-history-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: 0.6s ease;\r\n}\r\n\r\n.tg-history-card:hover .tg-history-image img { transform: scale(1.08) rotate(1deg); }\r\n\r\n.tg-history-content {\r\n padding: 30px;\r\n flex-grow: 1;\r\n}\r\n\r\n.tg-history-content h3 {\r\n font-size: 22px;\r\n margin-bottom: 10px;\r\n color: var(--gold);\r\n}\r\n.tg-history-content p { font-size: 15px; }\r\n\r\n\/* ======================================== *\/\r\n\/* COMMUNITY (Seamless, No Borders) *\/\r\n\/* ======================================== *\/\r\n.tg-community {\r\n padding: 120px 6%;\r\n text-align: center;\r\n}\r\n\r\n.tg-community-inner {\r\n position: relative;\r\n max-width: 800px;\r\n margin: auto;\r\n}\r\n\r\n.tg-community-buttons {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n margin-top: 40px;\r\n}\r\n\r\n.tg-community-buttons a {\r\n padding: 16px 36px;\r\n border-radius: 99px;\r\n background: #fff;\r\n color: var(--red-bright);\r\n font-size: 14px;\r\n letter-spacing: 2px;\r\n font-weight: 700;\r\n font-family: 'Quantico', sans-serif;\r\n text-decoration: none;\r\n transition: 0.4s ease;\r\n}\r\n\r\n.tg-community-buttons a:hover {\r\n background: var(--gold);\r\n color: var(--red-darkest);\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 30px rgba(212, 175, 55, 0.4);\r\n}\r\n\r\n\/* ======================================== *\/\r\n\/* FOOTER (Seamless Blend) *\/\r\n\/* ======================================== *\/\r\n.tg-footer {\r\n position: relative;\r\n z-index: 5;\r\n padding: 40px 6%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.tg-footer-left {\r\n font-size: 20px;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.tg-footer-right {\r\n color: rgba(255,255,255,0.5);\r\n font-size: 13px;\r\n letter-spacing: 2px;\r\n}\r\n\r\n\/* ======================================== *\/\r\n\/* ANIMATIONS & RESPONSIVE *\/\r\n\/* ======================================== *\/\r\n@keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(40px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@media(max-width: 991px) {\r\n .tg-navbar { padding: 15px 6%; flex-direction: column; gap: 15px;}\r\n .tg-hero-title { font-size: 48px; }\r\n .tg-history-grid { grid-template-columns: 1fr; }\r\n .tg-footer { flex-direction: column; gap: 20px; text-align: center; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"thegunners\">\r\n\r\n <!-- CONFETTI CANVAS -->\r\n <canvas id=\"confetti-canvas\"><\/canvas>\r\n\r\n <div class=\"glow glow1\"><\/div>\r\n <div class=\"glow glow2\"><\/div>\r\n\r\n <!-- NAVBAR -->\r\n <nav class=\"tg-navbar\">\r\n <div class=\"tg-logo\">The Gunners<\/div>\r\n <div class=\"tg-nav-right\">\r\n <a href=\"#\" class=\"tg-btn\">FOLLOW X<\/a>\r\n <a href=\"#\" class=\"tg-btn\">LIVE CHART<\/a>\r\n <a href=\"#\" class=\"tg-btn primary\">SWAP NOW<\/a>\r\n <\/div>\r\n <\/nav>\r\n\r\n <!-- HERO -->\r\n <section class=\"tg-hero\">\r\n \r\n <!-- Wrapper baru untuk background hero -->\r\n <div class=\"tg-hero-bg\">\r\n <video autoplay muted loop playsinline>\r\n <source src=\"https:\/\/thegunners.fun\/wp-content\/uploads\/2026\/05\/THE-GUNNERS-BG1.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <div class=\"tg-hero-overlay\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"tg-hero-content\">\r\n <div class=\"tg-subtitle\">The Gunners Have Written History<\/div>\r\n <h1 class=\"tg-hero-title text-gold-gradient\">\r\n THE GUNNERS <br> ARE CHAMPIONS.\r\n <\/h1>\r\n <button class=\"tg-copy-btn\" onclick=\"copyCA()\">\r\n COPY CA: \r\n <span id=\"ca-text\">0xA1B2C3D4E5F67890123456789ABCDEF123456789<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ABOUT -->\r\n <section class=\"tg-section\">\r\n <div class=\"tg-about-wrap\">\r\n <div class=\"tg-about-image\">\r\n <img decoding=\"async\" src=\"https:\/\/thegunners.fun\/wp-content\/uploads\/2026\/05\/Asset-5.png\" alt=\"Arsenal Cannon\">\r\n <\/div>\r\n <h2 class=\"tg-title\">\r\n More Than A Club. <br> <span class=\"text-gold-gradient\">A Legacy Built Since 1886<\/span>\r\n <\/h2>\r\n <p class=\"tg-text\">\r\n Arsenal Football Club is a professional football club based in Holloway, London, England. Founded in 1886 as Dial Square, Arsenal has grown into one of the most iconic and successful clubs in English football history.\r\n <br><br>\r\n Known worldwide for their attacking philosophy, legendary players, and loyal supporters, Arsenal have built a reputation that stretches far beyond the Premier League.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- GALLERY -->\r\n <section class=\"tg-section\">\r\n <div class=\"tg-gallery-header\">\r\n <h2 class=\"tg-title\">Moments That Painted <br> <span class=\"text-gold-gradient\">London Red<\/span><\/h2>\r\n <\/div>\r\n <div class=\"tg-marquee\">\r\n <div class=\"tg-marquee-track\">\r\n <div class=\"tg-gallery-card glass\"><img decoding=\"async\" src=\"https:\/\/thegunners.fun\/wp-content\/uploads\/2026\/05\/AhaConvert_ars9.jpg\"><\/div>\r\n <div class=\"tg-gallery-card glass\"><img decoding=\"async\" src=\"https:\/\/thegunners.fun\/wp-content\/uploads\/2026\/05\/AhaConvert_ars8.jpg\"><\/div>\r\n <div class=\"tg-gallery-card glass\"><img decoding=\"async\" src=\"https:\/\/thegunners.fun\/wp-content\/uploads\/2026\/05\/AhaConvert_ars7.jpg\"><\/div>\r\n <div class=\"tg-gallery-card glass\"><img decoding=\"async\" src=\"https:\/\/thegunners.fun\/wp-content\/uploads\/2026\/05\/AhaConvert_ars6.jpg\"><\/div>\r\n <div class=\"tg-gallery-card glass\"><img decoding=\"async\" src=\"https:\/\/thegunners.fun\/wp-content\/uploads\/2026\/05\/AhaConvert_ars5.jpg\"><\/div>\r\n <div class=\"tg-gallery-card glass\"><img decoding=\"async\" src=\"https:\/\/thegunners.fun\/wp-content\/uploads\/2026\/05\/AhaConvert_ars4.jpg\"><\/div>\r\n <div class=\"tg-gallery-card glass\"><img decoding=\"async\" src=\"https:\/\/thegunners.fun\/wp-content\/uploads\/2026\/05\/AhaConvert_ars3.jpg\"><\/div>\r\n \r\n <!-- Duplicates -->\r\n <div class=\"tg-gallery-card glass\"><img decoding=\"async\" src=\"https:\/\/thegunners.fun\/wp-content\/uploads\/2026\/05\/AhaConvert_ars9.jpg\"><\/div>\r\n <div class=\"tg-gallery-card glass\"><img decoding=\"async\" src=\"https:\/\/thegunners.fun\/wp-content\/uploads\/2026\/05\/AhaConvert_ars8.jpg\"><\/div>\r\n <div class=\"tg-gallery-card glass\"><img decoding=\"async\" src=\"https:\/\/thegunners.fun\/wp-content\/uploads\/2026\/05\/AhaConvert_ars7.jpg\"><\/div>\r\n <div class=\"tg-gallery-card glass\"><img decoding=\"async\" src=\"https:\/\/thegunners.fun\/wp-content\/uploads\/2026\/05\/AhaConvert_ars6.jpg\"><\/div>\r\n <div class=\"tg-gallery-card glass\"><img decoding=\"async\" src=\"https:\/\/thegunners.fun\/wp-content\/uploads\/2026\/05\/AhaConvert_ars5.jpg\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- HISTORY -->\r\n <section class=\"tg-section\">\r\n <div class=\"tg-history-header\">\r\n <h2 class=\"tg-title\">From Dial Square <br> To <span class=\"text-gold-gradient\">Premier League Glory<\/span><\/h2>\r\n <\/div>\r\n <div class=\"tg-history-grid\">\r\n <div class=\"tg-history-card glass\">\r\n <div class=\"tg-history-image\"><img decoding=\"async\" src=\"https:\/\/thegunners.fun\/wp-content\/uploads\/2026\/05\/AhaConvert_woolwich_arsenal_1890.jpg\"><\/div>\r\n <div class=\"tg-history-content\">\r\n <h3>Dial Square \u2014 1886<\/h3>\r\n <p>Arsenal\u2019s journey began in Woolwich when workers from the Royal Arsenal armaments factory created a football club known as Dial Square.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tg-history-card glass\">\r\n <div class=\"tg-history-image\"><img decoding=\"async\" src=\"https:\/\/thegunners.fun\/wp-content\/uploads\/2026\/05\/AhaConvert_arsenal-celebrate-4-040425a-enhanced-2920x1976-1-scaled.jpg\"><\/div>\r\n <div class=\"tg-history-content\">\r\n <h3>The Invincibles \u2014 2004<\/h3>\r\n <p>Arsenal completed an entire Premier League season unbeaten \u2014 a legendary achievement unmatched in modern English football.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tg-history-card glass\">\r\n <div class=\"tg-history-image\"><img decoding=\"async\" src=\"https:\/\/thegunners.fun\/wp-content\/uploads\/2026\/05\/ars99.jpg\"><\/div>\r\n <div class=\"tg-history-content\">\r\n <h3>The Return To Glory<\/h3>\r\n <p>A new generation carried the spirit forward. Under Mikel Arteta, Arsenal rose again and reclaimed the Premier League crown.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- COMMUNITY -->\r\n <section class=\"tg-section tg-community\">\r\n <div class=\"tg-community-inner\">\r\n <h2 class=\"tg-title text-gold-gradient\">Stand With <br> The Champions<\/h2>\r\n <p class=\"tg-text\" style=\"margin-top: 20px;\">\r\n The red wave is stronger than ever. Join supporters from around the world celebrating Arsenal\u2019s return to glory.\r\n <\/p>\r\n <div class=\"tg-community-buttons\">\r\n <a href=\"#\">TELEGRAM<\/a>\r\n <a href=\"#\">TWITTER (X)<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FOOTER -->\r\n <footer class=\"tg-footer\">\r\n <div class=\"tg-footer-left\">The Gunners<\/div>\r\n <div class=\"tg-footer-right\">NORTH LONDON IS RED \u2022 2026<\/div>\r\n <\/footer>\r\n\r\n<\/div>\r\n\r\n<script>\r\n\/\/ ==========================================\r\n\/\/ COPY CA SCRIPT\r\n\/\/ ==========================================\r\nfunction copyCA() {\r\n const ca = \"0xA1B2C3D4E5F67890123456789ABCDEF123456789\";\r\n navigator.clipboard.writeText(ca);\r\n const button = document.querySelector('.tg-copy-btn');\r\n \r\n button.style.borderColor = \"#D4AF37\";\r\n button.style.background = \"rgba(212, 175, 55, 0.25)\";\r\n button.innerHTML = `COPIED TO CLIPBOARD \u2713`;\r\n \r\n setTimeout(() => {\r\n button.style.borderColor = \"rgba(255,255,255,0.3)\";\r\n button.style.background = \"rgba(0,0,0,0.4)\";\r\n button.innerHTML = `COPY CA: <span id=\"ca-text\">${ca}<\/span>`;\r\n }, 2500);\r\n}\r\n\r\n\/\/ ==========================================\r\n\/\/ GOLD CONFETTI PARTICLE SYSTEM\r\n\/\/ ==========================================\r\nconst canvas = document.getElementById('confetti-canvas');\r\nconst ctx = canvas.getContext('2d');\r\ncanvas.width = window.innerWidth;\r\ncanvas.height = window.innerHeight;\r\n\r\nlet particles = [];\r\nconst particleCount = 60; \/\/ Jumlah pas agar elegan\r\nconst colors = ['#D4AF37', '#F3E5AB', '#B38728', '#FFFFFF'];\r\n\r\nfor(let i = 0; i < particleCount; i++) {\r\n particles.push({\r\n x: Math.random() * canvas.width,\r\n y: Math.random() * canvas.height,\r\n r: Math.random() * 2.5 + 1,\r\n dx: Math.random() * 1 - 0.5,\r\n dy: Math.random() * 1.5 + 0.5,\r\n color: colors[Math.floor(Math.random() * colors.length)]\r\n });\r\n}\r\n\r\nfunction animateConfetti() {\r\n requestAnimationFrame(animateConfetti);\r\n ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n \r\n particles.forEach(p => {\r\n ctx.beginPath();\r\n ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);\r\n ctx.fillStyle = p.color;\r\n ctx.globalAlpha = 0.8;\r\n ctx.fill();\r\n \r\n \/\/ Gerakan\r\n p.y += p.dy;\r\n p.x += Math.sin(p.y * 0.01) + p.dx;\r\n \r\n \/\/ Looping\r\n if(p.y > canvas.height) {\r\n p.y = -10;\r\n p.x = Math.random() * canvas.width;\r\n }\r\n });\r\n}\r\nanimateConfetti();\r\n\r\n\/\/ Resize Handler\r\nwindow.addEventListener('resize', () => {\r\n canvas.width = window.innerWidth;\r\n canvas.height = window.innerHeight;\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The Gunners – Champions The Gunners FOLLOW X LIVE CHART SWAP NOW The Gunners Have Written History THE GUNNERS ARE CHAMPIONS. COPY CA: 0xA1B2C3D4E5F67890123456789ABCDEF123456789 More Than A Club. A Legacy Built Since 1886 Arsenal Football Club is a professional football club based in Holloway, London, England. Founded in 1886 as Dial Square, Arsenal has grown […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thegunners.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thegunners.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thegunners.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thegunners.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thegunners.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":13,"href":"https:\/\/thegunners.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":42,"href":"https:\/\/thegunners.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/42"}],"wp:attachment":[{"href":"https:\/\/thegunners.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}