CHUBB - Slim Navbar<\/title>\r\n\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Climate+Crisis&family=Jua&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n <style>\r\n :root {\r\n --pill-bg: #192a1e;\r\n --gold-main: #ffcc00;\r\n --gold-hover: #ffe066;\r\n --green-main: #2ecc71;\r\n --text-light: #f4f9f5;\r\n --border-cartoon: 2px solid #000000;\r\n --shadow-cartoon: 3px 3px 0px #000000;\r\n --font-title: 'Climate Crisis', cursive;\r\n --font-body: 'Jua', sans-serif;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: var(--font-body);\r\n }\r\n\r\n body {\r\n background-color: #0f1912;\r\n }\r\n\r\n \/* ==========================================\r\n SLIM & CARTOON SOLID PILL NAVBAR\r\n ========================================== *\/\r\n header {\r\n position: sticky;\r\n top: 0;\r\n z-index: 1000;\r\n background: transparent;\r\n padding: 12px 15px;\r\n }\r\n\r\n .navbar-slim {\r\n width: 100%;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 8px 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: var(--pill-bg);\r\n border: var(--border-cartoon);\r\n box-shadow: var(--shadow-cartoon);\r\n border-radius: 50px;\r\n position: relative;\r\n }\r\n\r\n \/* Logo Text Only *\/\r\n .logo {\r\n text-decoration: none;\r\n display: inline-block;\r\n }\r\n\r\n .logo-text {\r\n font-family: var(--font-title);\r\n font-size: 1.25rem;\r\n color: var(--gold-main);\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n text-shadow: 1.5px 1.5px 0px #000;\r\n transition: color 0.25s ease, transform 0.25s ease;\r\n }\r\n\r\n .logo:hover .logo-text {\r\n color: var(--green-main);\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* Nav Links *\/\r\n .nav-links {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n list-style: none;\r\n }\r\n\r\n .nav-links a {\r\n color: var(--text-light);\r\n text-decoration: none;\r\n font-size: 0.9rem;\r\n padding: 6px 14px;\r\n border-radius: 20px;\r\n border: 2px solid transparent;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .nav-links a:hover {\r\n color: #000;\r\n background: var(--green-main);\r\n border: var(--border-cartoon);\r\n box-shadow: 2px 2px 0px #000;\r\n }\r\n\r\n \/* CTA Button *\/\r\n .btn-slim {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 6px 16px;\r\n font-size: 0.88rem;\r\n text-decoration: none;\r\n border-radius: 30px;\r\n border: var(--border-cartoon);\r\n box-shadow: var(--shadow-cartoon);\r\n background: var(--gold-main);\r\n color: #000;\r\n font-weight: bold;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .btn-slim:hover {\r\n transform: translate(-2px, -2px);\r\n box-shadow: 4px 4px 0px #000;\r\n background: var(--gold-hover);\r\n }\r\n\r\n .btn-slim:active {\r\n transform: translate(1px, 1px);\r\n box-shadow: 1px 1px 0px #000;\r\n }\r\n\r\n \/* Mobile Menu Toggle Button *\/\r\n .mobile-toggle {\r\n display: none;\r\n font-size: 1.3rem;\r\n background: none;\r\n border: none;\r\n color: var(--gold-main);\r\n cursor: pointer;\r\n padding: 4px;\r\n }\r\n\r\n \/* Responsive Mobile Styles *\/\r\n @media (max-width: 860px) {\r\n .mobile-toggle {\r\n display: block;\r\n }\r\n\r\n .nav-links {\r\n display: none;\r\n position: absolute;\r\n top: 55px;\r\n left: 0;\r\n right: 0;\r\n background: var(--pill-bg);\r\n flex-direction: column;\r\n padding: 15px;\r\n border: var(--border-cartoon);\r\n border-radius: 25px;\r\n box-shadow: var(--shadow-cartoon);\r\n gap: 8px;\r\n }\r\n\r\n .nav-links.active {\r\n display: flex;\r\n }\r\n\r\n .nav-links a {\r\n width: 100%;\r\n text-align: center;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <header>\r\n <div class=\"navbar-slim\">\r\n \r\n <a href=\"#\" class=\"logo\">\r\n <span class=\"logo-text\">CHUBB<\/span>\r\n <\/a>\r\n\r\n \r\n <ul class=\"nav-links\" id=\"navLinks\">\r\n <li><a href=\"#2\">Character & Identity<\/a><\/li>\r\n <li><a href=\"#3\">Tokenomics<\/a><\/li>\r\n <li><a href=\"#4\">Community<\/a><\/li>\r\n <\/ul>\r\n\r\n \r\n <div style=\"display: flex; align-items: center; gap: 10px;\">\r\n <a href=\"LINK-KAMU\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-slim\">\r\n <i class=\"fa-solid fa-cart-shopping\"><\/i> Buy $CHUBB\r\n <\/a>\r\n\r\n <button class=\"mobile-toggle\" id=\"menuToggle\" aria-label=\"Toggle Navigation\">\r\n <i class=\"fa-solid fa-bars\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <script>\r\n const menuToggle = document.getElementById('menuToggle');\r\n const navLinks = document.getElementById('navLinks');\r\n\r\n menuToggle.addEventListener('click', () => {\r\n navLinks.classList.toggle('active');\r\n \r\n const icon = menuToggle.querySelector('i');\r\n if (navLinks.classList.contains('active')) {\r\n icon.classList.remove('fa-bars');\r\n icon.classList.add('fa-xmark');\r\n } else {\r\n icon.classList.remove('fa-xmark');\r\n icon.classList.add('fa-bars');\r\n }\r\n });\r\n\r\n document.querySelectorAll('.nav-links a').forEach(link => {\r\n link.addEventListener('click', () => {\r\n navLinks.classList.remove('active');\r\n menuToggle.querySelector('i').classList.remove('fa-xmark');\r\n menuToggle.querySelector('i').classList.add('fa-bars');\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-88fdaaf e-con-full e-flex e-con e-child\" data-id=\"88fdaaf\" data-element_type=\"container\" id=\"1\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df74d81 elementor-widget elementor-widget-html\" data-id=\"df74d81\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>CHUBB - Playful Cartoon Hero Section<\/title>\r\n\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Climate+Crisis&family=Jua&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n <style>\r\n :root {\r\n --pill-bg: #192a1e;\r\n --gold-main: #ffcc00;\r\n --gold-hover: #ffe066;\r\n --green-main: #2ecc71;\r\n --text-light: #f4f9f5;\r\n --border-cartoon: 2.5px solid #000000;\r\n --shadow-cartoon: 4px 4px 0px #000000;\r\n --font-title: 'Climate Crisis', cursive;\r\n --font-body: 'Jua', sans-serif;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: var(--font-body);\r\n }\r\n\r\n body {\r\n background-color: #0f1912;\r\n color: var(--text-light);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ==========================================\r\n PLAYFUL & MESSY HERO SECTION\r\n ========================================== *\/\r\n .hero-playful-left {\r\n width: 100%;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 30px 20px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n text-align: left;\r\n background: transparent;\r\n }\r\n\r\n \/* Badge *\/\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: var(--gold-main);\r\n color: #000;\r\n font-size: 0.85rem;\r\n font-weight: bold;\r\n padding: 4px 14px;\r\n border-radius: 12px 22px 14px 20px;\r\n border: var(--border-cartoon);\r\n box-shadow: 3px 3px 0px #000;\r\n margin-bottom: 16px;\r\n text-transform: uppercase;\r\n transform: rotate(-2.5deg);\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n .hero-badge:hover {\r\n transform: rotate(1deg) scale(1.05);\r\n }\r\n\r\n \/* Judul Utama *\/\r\n .hero-title {\r\n font-family: var(--font-title) !important;\r\n font-weight: 400;\r\n font-size: clamp(1.8rem, 3.8vw, 3.2rem);\r\n color: var(--gold-main);\r\n text-transform: uppercase;\r\n text-shadow: 3px 3px 0px #000;\r\n line-height: 1.15;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .hero-title span.line-1 {\r\n font-family: var(--font-title) !important;\r\n color: var(--gold-main);\r\n display: block;\r\n transform: rotate(-0.8deg);\r\n }\r\n\r\n .hero-title span.line-2 {\r\n font-family: var(--font-title) !important;\r\n color: var(--text-light);\r\n display: block;\r\n transform: rotate(1.2deg);\r\n }\r\n\r\n \/* Slim Description Card *\/\r\n .desc-card {\r\n background: var(--pill-bg);\r\n border: var(--border-cartoon);\r\n box-shadow: 5px 4px 0px #000;\r\n border-radius: 24px 14px 22px 18px;\r\n padding: 14px 22px;\r\n margin-bottom: 24px;\r\n max-width: 620px;\r\n width: 100%;\r\n cursor: pointer;\r\n transform: rotate(1.5deg);\r\n transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n }\r\n\r\n .desc-text {\r\n font-family: var(--font-body);\r\n font-size: 1.05rem;\r\n color: #d1e7dd;\r\n line-height: 1.5;\r\n transition: color 0.25s ease;\r\n }\r\n\r\n .desc-card:hover {\r\n background: var(--green-main);\r\n transform: rotate(-1deg) translateY(-4px) scale(1.01);\r\n box-shadow: 7px 6px 0px #000;\r\n }\r\n\r\n .desc-card:hover .desc-text {\r\n color: #000;\r\n font-weight: bold;\r\n }\r\n\r\n \/* Action Buttons *\/\r\n .hero-btns {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 14px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .btn-action {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 10px 22px;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n border-radius: 20px 28px 18px 25px;\r\n border: var(--border-cartoon);\r\n box-shadow: var(--shadow-cartoon);\r\n color: #000;\r\n font-weight: bold;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .btn-gold {\r\n background: var(--gold-main);\r\n transform: rotate(-1.8deg);\r\n }\r\n\r\n .btn-gold:hover {\r\n background: var(--gold-hover);\r\n transform: rotate(1deg) translate(-2px, -2px);\r\n box-shadow: 6px 6px 0px #000;\r\n }\r\n\r\n .btn-green {\r\n background: var(--green-main);\r\n transform: rotate(2deg);\r\n }\r\n\r\n .btn-green:hover {\r\n background: #58d68d;\r\n transform: rotate(-1deg) translate(-2px, -2px);\r\n box-shadow: 6px 6px 0px #000;\r\n }\r\n\r\n .btn-action:active {\r\n transform: translate(1px, 1px);\r\n box-shadow: 1px 1px 0px #000;\r\n }\r\n\r\n \/* Contract Address Box *\/\r\n .ca-box {\r\n background: #0b140e;\r\n border: var(--border-cartoon);\r\n box-shadow: 4px 4px 0px #000;\r\n border-radius: 14px 20px 12px 18px;\r\n padding: 7px 12px 7px 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n width: 100%;\r\n max-width: 470px;\r\n transform: rotate(-0.8deg);\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n .ca-box:hover {\r\n transform: rotate(0.5deg);\r\n }\r\n\r\n .ca-text {\r\n font-family: var(--font-body) !important;\r\n font-size: 0.95rem;\r\n color: var(--gold-main);\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n user-select: all;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .btn-copy {\r\n font-family: var(--font-body);\r\n background: var(--green-main);\r\n color: #000;\r\n border: var(--border-cartoon);\r\n box-shadow: 2px 2px 0px #000;\r\n border-radius: 10px;\r\n padding: 5px 12px;\r\n font-size: 0.85rem;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n flex-shrink: 0;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .btn-copy:hover {\r\n background: #58d68d;\r\n transform: translate(-1px, -1px);\r\n box-shadow: 3px 3px 0px #000;\r\n }\r\n\r\n .btn-copy:active {\r\n transform: translate(1px, 1px);\r\n box-shadow: 1px 1px 0px #000;\r\n }\r\n\r\n @media (max-width: 550px) {\r\n .hero-playful-left {\r\n padding: 15px 15px;\r\n }\r\n\r\n .desc-card {\r\n padding: 12px 15px;\r\n transform: rotate(0deg);\r\n }\r\n\r\n .btn-gold, .btn-green, .hero-badge, .ca-box {\r\n transform: rotate(0deg);\r\n }\r\n\r\n .ca-box {\r\n flex-direction: column;\r\n padding: 10px;\r\n border-radius: 14px;\r\n }\r\n\r\n .btn-copy {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"hero-playful-left\">\r\n \r\n \r\n <div class=\"hero-badge\">\r\n <i class=\"fa-solid fa-fire\"><\/i> CHUBB IS HERE!\r\n <\/div>\r\n \r\n \r\n <h1 class=\"hero-title\">\r\n <span class=\"line-1\">THE STRONGEST <br>CHEEKS<\/span>\r\n <span class=\"line-2\">ON SOLANA.<\/span>\r\n <\/h1>\r\n\r\n \r\n <div class=\"desc-card\">\r\n <p class=\"desc-text\">\r\n A small dinosaur with adorable cheeks and relentless endurance. CHUBB arrives as a symbol of resilience and community strength.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-btns\">\r\n <a href=\"LINK-KAMU\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-action btn-gold\">\r\n <i class=\"fa-solid fa-cart-shopping\"><\/i> Buy $CHUBB\r\n <\/a>\r\n <a href=\"LINK-KAMU\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-action btn-green\">\r\n <i class=\"fa-solid fa-chart-line\"><\/i> Chart\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"ca-box\">\r\n <span class=\"ca-text\" id=\"caAddress\">NULL<\/span>\r\n <button class=\"btn-copy\" id=\"copyBtn\" onclick=\"copyCA()\">\r\n <i class=\"fa-solid fa-copy\"><\/i> Copy\r\n <\/button>\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n \r\n <script>\r\n function copyCA() {\r\n const caText = document.getElementById(\"caAddress\").innerText;\r\n const copyBtn = document.getElementById(\"copyBtn\");\r\n\r\n navigator.clipboard.writeText(caText).then(() => {\r\n copyBtn.innerHTML = `<i class=\"fa-solid fa-check\"><\/i> Copied!`;\r\n copyBtn.style.background = \"#ffcc00\";\r\n\r\n setTimeout(() => {\r\n copyBtn.innerHTML = `<i class=\"fa-solid fa-copy\"><\/i> Copy`;\r\n copyBtn.style.background = \"var(--green-main)\";\r\n }, 2000);\r\n }).catch(err => {\r\n console.error(\"Failed to copy text: \", err);\r\n });\r\n }\r\n <\/script>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9e1c454 e-flex e-con-boxed e-con e-parent\" data-id=\"9e1c454\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0f7f8ff e-con-full e-flex e-con e-child\" data-id=\"0f7f8ff\" data-element_type=\"container\" id=\"2\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0748b33 elementor-widget elementor-widget-html\" data-id=\"0748b33\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>CHUBB - About Section with Gallery<\/title>\r\n\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Climate+Crisis&family=Jua&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n <style>\r\n :root {\r\n --pill-bg: #192a1e;\r\n --gold-main: #ffcc00;\r\n --gold-hover: #ffe066;\r\n --green-main: #2ecc71;\r\n --text-light: #f4f9f5;\r\n --border-cartoon: 2.5px solid #000000;\r\n --shadow-cartoon: 4px 4px 0px #000000;\r\n --font-title: 'Climate Crisis', cursive;\r\n --font-body: 'Jua', sans-serif;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: var(--font-body);\r\n }\r\n\r\n body {\r\n background-color: #0f1912;\r\n color: var(--text-light);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ==========================================\r\n 2-COLUMN ABOUT SECTION WITH EQUAL HEIGHT\r\n ========================================== *\/\r\n .about-wrapper {\r\n width: 100%;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 40px 20px;\r\n display: grid;\r\n grid-template-columns: 1fr 1.1fr;\r\n gap: 40px;\r\n align-items: stretch;\r\n }\r\n\r\n \/* ==========================================\r\n KOLOM KIRI: GALERI KLIK (MANTUL SLIDER)\r\n ========================================== *\/\r\n .gallery-container {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n align-items: center;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .gallery-frame {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n min-height: 380px;\r\n background: var(--pill-bg);\r\n border: var(--border-cartoon);\r\n box-shadow: 6px 6px 0px #000;\r\n border-radius: 28px 18px 24px 20px;\r\n overflow: hidden;\r\n transform: rotate(-1.5deg);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .gallery-frame:hover {\r\n transform: rotate(0deg) scale(1.01);\r\n }\r\n\r\n .gallery-img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s ease;\r\n }\r\n\r\n \/* Animasi Mantul Kartun saat Diklik *\/\r\n .gallery-img.bounce-anim {\r\n animation: cartoonBounce 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.4);\r\n }\r\n\r\n @keyframes cartoonBounce {\r\n 0% {\r\n transform: scale(0.82) rotate(-3deg);\r\n opacity: 0.5;\r\n }\r\n 50% {\r\n transform: scale(1.08) rotate(2deg);\r\n opacity: 1;\r\n }\r\n 100% {\r\n transform: scale(1) rotate(0deg);\r\n opacity: 1;\r\n }\r\n }\r\n\r\n \/* Tombol Navigasi *\/\r\n .nav-btn {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 42px;\r\n height: 42px;\r\n background: var(--gold-main);\r\n border: var(--border-cartoon);\r\n box-shadow: 3px 3px 0px #000;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #000;\r\n font-size: 1.1rem;\r\n cursor: pointer;\r\n z-index: 20;\r\n transition: all 0.2s ease;\r\n user-select: none;\r\n }\r\n\r\n .nav-btn:hover {\r\n background: var(--gold-hover);\r\n transform: translateY(-50%) scale(1.15) rotate(10deg);\r\n box-shadow: 4px 4px 0px #000;\r\n }\r\n\r\n .nav-btn:active {\r\n transform: translateY(-50%) translate(1px, 1px) scale(0.95);\r\n box-shadow: 1px 1px 0px #000;\r\n }\r\n\r\n .btn-prev-btn { left: 12px; }\r\n .btn-next-btn { right: 12px; }\r\n\r\n \/* Indikator Dots *\/\r\n .gallery-dots {\r\n display: flex;\r\n gap: 8px;\r\n margin-top: 15px;\r\n }\r\n\r\n .dot-item {\r\n width: 12px;\r\n height: 12px;\r\n background: #0b140e;\r\n border: 1.5px solid #000;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .dot-item.active {\r\n background: var(--green-main);\r\n transform: scale(1.3);\r\n box-shadow: 2px 2px 0px #000;\r\n }\r\n\r\n \/* ==========================================\r\n KOLOM KANAN: KONTEN ABOUT (RATA KANAN)\r\n ========================================== *\/\r\n .about-content-right {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n text-align: right;\r\n height: 100%;\r\n }\r\n\r\n .about-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: var(--gold-main);\r\n color: #000;\r\n font-size: 0.85rem;\r\n font-weight: bold;\r\n padding: 4px 14px;\r\n border-radius: 14px 20px 12px 22px;\r\n border: var(--border-cartoon);\r\n box-shadow: 3px 3px 0px #000;\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n transform: rotate(1.5deg);\r\n }\r\n\r\n .about-title {\r\n font-family: var(--font-title) !important;\r\n font-weight: 400;\r\n font-size: clamp(1.8rem, 3.5vw, 2.7rem);\r\n color: var(--green-main) !important;\r\n text-transform: uppercase;\r\n text-shadow: 3px 3px 0px #000;\r\n line-height: 1.15;\r\n margin-bottom: 14px;\r\n transform: rotate(-0.8deg);\r\n }\r\n\r\n .about-main-card {\r\n background: var(--pill-bg);\r\n border: var(--border-cartoon);\r\n box-shadow: 5px 5px 0px #000;\r\n border-radius: 18px 24px 16px 22px;\r\n padding: 14px 20px;\r\n margin-bottom: 16px;\r\n width: 100%;\r\n cursor: pointer;\r\n transform: rotate(1deg);\r\n transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n }\r\n\r\n .about-main-text {\r\n font-family: var(--font-body);\r\n font-size: 1.02rem;\r\n color: #d1e7dd;\r\n line-height: 1.5;\r\n transition: color 0.25s ease;\r\n }\r\n\r\n .about-main-card:hover {\r\n background: var(--green-main);\r\n transform: rotate(-1deg) translateY(-3px);\r\n box-shadow: 6px 6px 0px #000;\r\n }\r\n\r\n .about-main-card:hover .about-main-text {\r\n color: #000;\r\n font-weight: bold;\r\n }\r\n\r\n .points-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n width: 100%;\r\n }\r\n\r\n .point-item-right {\r\n background: #0b140e;\r\n border: var(--border-cartoon);\r\n box-shadow: 3px 3px 0px #000;\r\n border-radius: 16px 10px 18px 12px;\r\n padding: 10px 14px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n gap: 12px;\r\n cursor: pointer;\r\n transition: all 0.25s ease;\r\n }\r\n\r\n .point-text-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-end;\r\n }\r\n\r\n .point-title {\r\n font-family: var(--font-body);\r\n font-size: 1rem;\r\n color: var(--gold-main);\r\n line-height: 1.2;\r\n }\r\n\r\n .point-desc {\r\n font-family: var(--font-body);\r\n font-size: 0.88rem;\r\n color: #a8c3b5;\r\n line-height: 1.3;\r\n transition: color 0.25s ease;\r\n }\r\n\r\n .point-icon {\r\n width: 34px;\r\n height: 34px;\r\n border-radius: 50%;\r\n background: var(--gold-main);\r\n border: var(--border-cartoon);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #000;\r\n font-size: 0.9rem;\r\n box-shadow: 2px 2px 0px #000;\r\n flex-shrink: 0;\r\n transition: transform 0.25s ease;\r\n }\r\n\r\n .point-item-right:hover {\r\n background: var(--gold-main);\r\n transform: translateX(-4px);\r\n box-shadow: 5px 5px 0px #000;\r\n }\r\n\r\n .point-item-right:hover .point-icon {\r\n background: var(--green-main);\r\n transform: scale(1.1) rotate(-15deg);\r\n }\r\n\r\n .point-item-right:hover .point-title {\r\n color: #000;\r\n font-weight: bold;\r\n }\r\n\r\n .point-item-right:hover .point-desc {\r\n color: #111;\r\n }\r\n\r\n @media (max-width: 850px) {\r\n .about-wrapper {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n\r\n .gallery-frame {\r\n min-height: 300px;\r\n }\r\n\r\n .about-content-right {\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n .point-item-right {\r\n justify-content: center;\r\n }\r\n\r\n .point-text-wrap {\r\n align-items: center;\r\n }\r\n\r\n .about-title, .about-badge, .about-main-card {\r\n transform: rotate(0deg);\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section id=\"about\" style=\"width:100%;\">\r\n <div class=\"about-wrapper\">\r\n \r\n \r\n <div class=\"gallery-container\">\r\n <div class=\"gallery-frame\" id=\"chubbGalleryFrame\">\r\n <img decoding=\"async\" id=\"chubbGalleryImg\" src=\"https:\/\/chubbstrong.lol\/wp-content\/uploads\/2026\/07\/chubb-1.png\" alt=\"CHUBB Gallery\" class=\"gallery-img\">\r\n \r\n <button type=\"button\" class=\"nav-btn btn-prev-btn\" id=\"chubbPrevBtn\" aria-label=\"Previous Image\">\r\n <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n <\/button>\r\n <button type=\"button\" class=\"nav-btn btn-next-btn\" id=\"chubbNextBtn\" aria-label=\"Next Image\">\r\n <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"gallery-dots\" id=\"chubbDotsContainer\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"about-content-right\">\r\n \r\n <div>\r\n <div class=\"about-badge\">\r\n Small, Tough, and Community-Focused <i class=\"fa-solid fa-paw\"><\/i>\r\n <\/div>\r\n\r\n <h2 class=\"about-title\">\r\n CHARACTER & IDENTITY\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"about-main-card\">\r\n <p class=\"about-main-text\">\r\n CHUBB is a meme token inspired by a small, chubby-cheeked dinosaur that carries heavy loads without hesitation. In a fast-moving crypto market, CHUBB represents a mindset of persistence, resilience, and community-driven strength within the Solana ecosystem.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"points-list\">\r\n <div class=\"point-item-right\">\r\n <div class=\"point-text-wrap\">\r\n <h3 class=\"point-title\">Solana Network<\/h3>\r\n <p class=\"point-desc\">High-speed transactions with minimal fees.<\/p>\r\n <\/div>\r\n <div class=\"point-icon\">\r\n <i class=\"fa-solid fa-bolt\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"point-item-right\">\r\n <div class=\"point-text-wrap\">\r\n <h3 class=\"point-title\">Community Driven<\/h3>\r\n <p class=\"point-desc\">Powered entirely by community engagement and support.<\/p>\r\n <\/div>\r\n <div class=\"point-icon\">\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"point-item-right\">\r\n <div class=\"point-text-wrap\">\r\n <h3 class=\"point-title\">Pure Meme Culture<\/h3>\r\n <p class=\"point-desc\">Created solely for entertainment and crypto meme culture.<\/p>\r\n <\/div>\r\n <div class=\"point-icon\">\r\n <i class=\"fa-solid fa-face-laugh-squint\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <script>\r\n (function() {\r\n \/\/ Array Gambar CHUBB\r\n const chubbImages = [\r\n \"https:\/\/chubbstrong.lol\/wp-content\/uploads\/2026\/07\/chubb-1.png\",\r\n \"https:\/\/chubbstrong.lol\/wp-content\/uploads\/2026\/07\/chubb-2.png\",\r\n \"https:\/\/chubbstrong.lol\/wp-content\/uploads\/2026\/07\/chubb-3.png\",\r\n \"https:\/\/chubbstrong.lol\/wp-content\/uploads\/2026\/07\/chubb-4.png\",\r\n \"https:\/\/chubbstrong.lol\/wp-content\/uploads\/2026\/07\/chubb-5.png\",\r\n \"https:\/\/chubbstrong.lol\/wp-content\/uploads\/2026\/07\/chubb-6.png\",\r\n \"https:\/\/chubbstrong.lol\/wp-content\/uploads\/2026\/07\/chubb-7.png\",\r\n \"https:\/\/chubbstrong.lol\/wp-content\/uploads\/2026\/07\/chubb-8.png\"\r\n ];\r\n\r\n let activeIdx = 0;\r\n const imgNode = document.getElementById(\"chubbGalleryImg\");\r\n const dotsNode = document.getElementById(\"chubbDotsContainer\");\r\n const prevBtn = document.getElementById(\"chubbPrevBtn\");\r\n const nextBtn = document.getElementById(\"chubbNextBtn\");\r\n\r\n if (!imgNode || !dotsNode) return;\r\n\r\n \/\/ Generate Dots\r\n dotsNode.innerHTML = \"\";\r\n chubbImages.forEach((_, idx) => {\r\n const dot = document.createElement(\"div\");\r\n dot.className = idx === 0 ? \"dot-item active\" : \"dot-item\";\r\n dot.addEventListener(\"click\", () => {\r\n activeIdx = idx;\r\n renderSlide();\r\n });\r\n dotsNode.appendChild(dot);\r\n });\r\n\r\n function renderSlide() {\r\n \/\/ Preload Gambar Baru\r\n const newImg = new Image();\r\n newImg.src = chubbImages[activeIdx];\r\n \r\n imgNode.classList.remove(\"bounce-anim\");\r\n void imgNode.offsetWidth; \/\/ Force Reflow CSS\r\n \r\n imgNode.src = chubbImages[activeIdx];\r\n imgNode.classList.add(\"bounce-anim\");\r\n\r\n \/\/ Update Dots Status\r\n const allDots = dotsNode.querySelectorAll(\".dot-item\");\r\n allDots.forEach((d, i) => {\r\n if (i === activeIdx) {\r\n d.classList.add(\"active\");\r\n } else {\r\n d.classList.remove(\"active\");\r\n }\r\n });\r\n }\r\n\r\n \/\/ Event Listeners Tombol Kiri & Kanan\r\n if (nextBtn) {\r\n nextBtn.addEventListener(\"click\", function(e) {\r\n e.preventDefault();\r\n activeIdx = (activeIdx + 1) % chubbImages.length;\r\n renderSlide();\r\n });\r\n }\r\n\r\n if (prevBtn) {\r\n prevBtn.addEventListener(\"click\", function(e) {\r\n e.preventDefault();\r\n activeIdx = (activeIdx - 1 + chubbImages.length) % chubbImages.length;\r\n renderSlide();\r\n });\r\n }\r\n })();\r\n <\/script>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ded1f3d e-flex e-con-boxed e-con e-parent\" data-id=\"ded1f3d\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-100868c e-con-full e-flex e-con e-child\" data-id=\"100868c\" data-element_type=\"container\" id=\"3\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cce99e elementor-widget elementor-widget-html\" data-id=\"1cce99e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n \/* Scope Terisolasi Khusus Section Tokenomics *\/\r\n #tokenomics-section {\r\n --tok-outer-bg: #122117; \/* Card Utama Hijau Gelap *\/\r\n --tok-pill-bg: #ffcc00; \/* Card Poin Kuning *\/\r\n --tok-gold-main: #ffcc00;\r\n --tok-gold-hover: #ffe066; \/* Hover Card Poin Kuning Cerah *\/\r\n --tok-green-main: #2ecc71;\r\n --tok-border: 2.5px solid #000000;\r\n --tok-font-title: 'Climate Crisis', cursive;\r\n --tok-font-body: 'Jua', sans-serif;\r\n \r\n width: 100%;\r\n max-width: 100%;\r\n padding: 10px 15px;\r\n box-sizing: border-box;\r\n overflow: hidden; \/* Mencegah elemen keluar batas *\/\r\n }\r\n\r\n #tokenomics-section * {\r\n box-sizing: border-box;\r\n font-family: var(--tok-font-body);\r\n }\r\n\r\n \/* Outer Card Wrapper *\/\r\n .tokenomics-outer-card {\r\n width: 100%;\r\n max-width: 1100px;\r\n margin: 20px auto;\r\n padding: 35px 30px;\r\n background: var(--tok-outer-bg);\r\n border: var(--tok-border);\r\n box-shadow: 7px 7px 0px #000;\r\n border-radius: 32px 22px 30px 24px;\r\n position: relative;\r\n transform: rotate(-0.5deg);\r\n overflow: hidden;\r\n }\r\n\r\n .tokenomics-wrapper {\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: 1.15fr 0.85fr;\r\n gap: 35px;\r\n align-items: center;\r\n }\r\n\r\n \/* Badge *\/\r\n .tokenomics-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: var(--tok-green-main);\r\n color: #000;\r\n font-size: 0.85rem;\r\n font-weight: bold;\r\n padding: 4px 14px;\r\n border-radius: 14px 20px 12px 22px;\r\n border: var(--tok-border);\r\n box-shadow: 3px 3px 0px #000;\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n transform: rotate(-1.5deg);\r\n }\r\n\r\n \/* Judul Utama Tokenomics *\/\r\n .tokenomics-title {\r\n font-family: var(--tok-font-title) !important;\r\n font-weight: 400;\r\n font-size: clamp(1.8rem, 3.5vw, 2.8rem);\r\n color: var(--tok-green-main) !important;\r\n text-transform: uppercase;\r\n text-shadow: 3px 3px 0px #000;\r\n line-height: 1.15;\r\n margin-bottom: 20px;\r\n transform: rotate(0.8deg);\r\n word-break: break-word;\r\n }\r\n\r\n .biodata-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n width: 100%;\r\n }\r\n\r\n \/* Card Poin Biodata (Kuning) *\/\r\n .bio-item {\r\n background: var(--tok-pill-bg) !important;\r\n border: var(--tok-border);\r\n box-shadow: 3.5px 3.5px 0px #000;\r\n border-radius: 16px 10px 18px 12px;\r\n padding: 10px 18px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: 12px;\r\n cursor: pointer;\r\n transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n }\r\n\r\n .bio-item:nth-child(1) { transform: rotate(-0.8deg); }\r\n .bio-item:nth-child(2) { transform: rotate(1deg); }\r\n .bio-item:nth-child(3) { transform: rotate(-0.6deg); }\r\n .bio-item:nth-child(4) { transform: rotate(1.2deg); }\r\n .bio-item:nth-child(5) { transform: rotate(-1deg); }\r\n .bio-item:nth-child(6) { transform: rotate(0.8deg); }\r\n\r\n .bio-label {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 1rem;\r\n color: #111;\r\n font-weight: bold;\r\n }\r\n\r\n .bio-label i {\r\n color: #111;\r\n font-size: 1.05rem;\r\n width: 20px;\r\n text-align: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .bio-val {\r\n font-size: 1.05rem;\r\n color: #000;\r\n font-weight: bold;\r\n text-align: right;\r\n word-break: break-word;\r\n }\r\n\r\n \/* Hover Card Poin *\/\r\n .bio-item:hover {\r\n background: var(--tok-gold-hover) !important;\r\n transform: rotate(0deg) translateY(-3px) scale(1.015);\r\n box-shadow: 5.5px 5.5px 0px #000;\r\n }\r\n\r\n \/* Gambar Kanan *\/\r\n .asset-container {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100%;\r\n }\r\n\r\n .asset-frame {\r\n position: relative;\r\n width: 100%;\r\n max-width: 380px;\r\n aspect-ratio: 1 \/ 1;\r\n background: var(--tok-gold-main);\r\n border: var(--tok-border);\r\n box-shadow: 6px 6px 0px #000;\r\n border-radius: 26px 16px 22px 18px;\r\n overflow: hidden;\r\n animation: tokCartoonFloat 3.8s ease-in-out infinite alternate;\r\n }\r\n\r\n .asset-img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .asset-frame:hover .asset-img {\r\n transform: scale(1.05);\r\n }\r\n\r\n @keyframes tokCartoonFloat {\r\n 0% {\r\n transform: translateY(0px) rotate(1.5deg);\r\n box-shadow: 6px 6px 0px #000;\r\n }\r\n 50% {\r\n transform: translateY(-12px) rotate(-1deg);\r\n box-shadow: 8px 16px 0px #000;\r\n }\r\n 100% {\r\n transform: translateY(-4px) rotate(2.5deg);\r\n box-shadow: 7px 10px 0px #000;\r\n }\r\n }\r\n\r\n \/* ==========================================\r\n OPTIMASI RESPONSIF KHUSUS MOBILE\r\n ========================================== *\/\r\n @media (max-width: 850px) {\r\n #tokenomics-section {\r\n padding: 5px 10px;\r\n }\r\n\r\n .tokenomics-outer-card {\r\n padding: 22px 14px;\r\n transform: rotate(0deg) !important; \/* Hilangkan rotasi outer card *\/\r\n border-radius: 20px;\r\n box-shadow: 5px 5px 0px #000;\r\n }\r\n\r\n .tokenomics-wrapper {\r\n grid-template-columns: 1fr;\r\n gap: 25px;\r\n }\r\n\r\n .tokenomics-title, \r\n .tokenomics-badge {\r\n transform: rotate(0deg) !important;\r\n }\r\n\r\n .tokenomics-title {\r\n font-size: 1.6rem !important;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .bio-item {\r\n transform: rotate(0deg) !important; \/* Hilangkan rotasi card poin agar tidak off-screen *\/\r\n padding: 10px 12px;\r\n border-radius: 12px;\r\n box-shadow: 2.5px 2.5px 0px #000;\r\n }\r\n\r\n .bio-label {\r\n font-size: 0.88rem;\r\n gap: 6px;\r\n }\r\n\r\n .bio-label i {\r\n font-size: 0.9rem;\r\n width: 16px;\r\n }\r\n\r\n .bio-val {\r\n font-size: 0.88rem;\r\n }\r\n\r\n .asset-frame {\r\n max-width: 280px; \/* Ukuran gambar diperkecil agar pas di HP *\/\r\n animation: none; \/* Nonaktifkan float berat di HP agar scroll lancar *\/\r\n transform: rotate(0deg) !important;\r\n box-shadow: 4px 4px 0px #000;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n<section id=\"tokenomics-section\">\r\n <div class=\"tokenomics-outer-card\">\r\n <div class=\"tokenomics-wrapper\">\r\n \r\n \r\n <div>\r\n <div class=\"tokenomics-badge\">\r\n <i class=\"fa-solid fa-coins\"><\/i> Token Metrics\r\n <\/div>\r\n\r\n <h2 class=\"tokenomics-title\">\r\n TOKENOMICS\r\n <\/h2>\r\n\r\n <div class=\"biodata-container\">\r\n <div class=\"bio-item\">\r\n <div class=\"bio-label\">\r\n <i class=\"fa-solid fa-signature\"><\/i>\r\n <span>Token Name<\/span>\r\n <\/div>\r\n <div class=\"bio-val\">CHUBB<\/div>\r\n <\/div>\r\n\r\n <div class=\"bio-item\">\r\n <div class=\"bio-label\">\r\n <i class=\"fa-solid fa-tag\"><\/i>\r\n <span>Ticker<\/span>\r\n <\/div>\r\n <div class=\"bio-val\">$CHUBB<\/div>\r\n <\/div>\r\n\r\n <div class=\"bio-item\">\r\n <div class=\"bio-label\">\r\n <i class=\"fa-solid fa-link\"><\/i>\r\n <span>Blockchain<\/span>\r\n <\/div>\r\n <div class=\"bio-val\">Solana<\/div>\r\n <\/div>\r\n\r\n <div class=\"bio-item\">\r\n <div class=\"bio-label\">\r\n <i class=\"fa-solid fa-layer-group\"><\/i>\r\n <span>Total Supply<\/span>\r\n <\/div>\r\n <div class=\"bio-val\">1,000,000,000<\/div>\r\n <\/div>\r\n\r\n <div class=\"bio-item\">\r\n <div class=\"bio-label\">\r\n <i class=\"fa-solid fa-percent\"><\/i>\r\n <span>Tax (Buy\/Sell)<\/span>\r\n <\/div>\r\n <div class=\"bio-val\">0% \/ 0%<\/div>\r\n <\/div>\r\n\r\n <div class=\"bio-item\">\r\n <div class=\"bio-label\">\r\n <i class=\"fa-solid fa-lock\"><\/i>\r\n <span>Liquidity<\/span>\r\n <\/div>\r\n <div class=\"bio-val\">Burned \/ LP Locked<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"asset-container\">\r\n <div class=\"asset-frame\">\r\n <img decoding=\"async\" src=\"https:\/\/chubbstrong.lol\/wp-content\/uploads\/2026\/07\/ASET1.png\" alt=\"CHUBB Asset\" class=\"asset-img\">\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67d9648 e-flex e-con-boxed e-con e-parent\" data-id=\"67d9648\" data-element_type=\"container\" data-settings=\"{"background_background":"video","background_video_link":"https:\\\/\\\/chubbstrong.lol\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/HERO-CHUBB1.mp4","background_play_on_mobile":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted elementor-html5-video\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-6c18362 e-con-full e-flex e-con e-child\" data-id=\"6c18362\" data-element_type=\"container\" id=\"4\">\n\t\t\t\t<div class=\"elementor-element elementor-element-769ba68 elementor-widget elementor-widget-html\" data-id=\"769ba68\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n \/* Scope Terisolasi Khusus Section Community *\/\r\n #community-section {\r\n --com-gold-main: #ffcc00; \/* Tombol\/Badge Kuning *\/\r\n --com-gold-hover: #ffe066; \/* Hover Tombol Kuning Cerah *\/\r\n --com-green-main: #2ecc71; \/* Title Hijau Terang *\/\r\n --com-text-light: #f4f9f5;\r\n --com-border: 2.5px solid #000000;\r\n --com-font-title: 'Climate Crisis', cursive;\r\n --com-font-body: 'Jua', sans-serif;\r\n \r\n width: 100%;\r\n max-width: 1050px;\r\n margin: 30px auto;\r\n padding: 20px 15px;\r\n box-sizing: border-box;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n background: transparent; \/* Tanpa Card Utama *\/\r\n }\r\n\r\n #community-section * {\r\n box-sizing: border-box;\r\n font-family: var(--com-font-body);\r\n }\r\n\r\n \/* Badge Subtitle (Tanpa Icon) *\/\r\n .community-badge {\r\n display: inline-block;\r\n background: var(--com-gold-main);\r\n color: #000;\r\n font-size: 0.85rem;\r\n font-weight: bold;\r\n padding: 4px 16px;\r\n border-radius: 14px 20px 12px 22px;\r\n border: var(--com-border);\r\n box-shadow: 3px 3px 0px #000;\r\n margin-bottom: 12px;\r\n text-transform: uppercase;\r\n transform: rotate(-1.5deg);\r\n }\r\n\r\n \/* Judul Utama Community (Climate Crisis Font) *\/\r\n .community-title {\r\n font-family: var(--com-font-title) !important;\r\n font-weight: 400;\r\n font-size: clamp(1.8rem, 3.8vw, 3rem);\r\n color: var(--com-green-main) !important;\r\n text-transform: uppercase;\r\n text-shadow: 3px 3px 0px #000;\r\n line-height: 1.15;\r\n margin-bottom: 18px;\r\n transform: rotate(-0.5deg);\r\n }\r\n\r\n \/* Deskripsi Card *\/\r\n .community-desc-card {\r\n background: #1d3325;\r\n border: var(--com-border);\r\n box-shadow: 4px 4px 0px #000;\r\n border-radius: 20px;\r\n padding: 16px 24px;\r\n max-width: 680px;\r\n width: 100%;\r\n margin-bottom: 28px;\r\n transform: rotate(0.8deg);\r\n transition: all 0.25s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .community-desc-card:hover {\r\n background: var(--com-green-main);\r\n transform: rotate(0deg) translateY(-2px);\r\n }\r\n\r\n .community-desc-card:hover .community-desc-text {\r\n color: #000;\r\n font-weight: bold;\r\n }\r\n\r\n .community-desc-text {\r\n font-size: 1.08rem;\r\n color: #d1e7dd;\r\n line-height: 1.55;\r\n transition: color 0.25s ease;\r\n }\r\n\r\n \/* Container Tombol Komunitas *\/\r\n .social-btns-container {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 16px;\r\n width: 100%;\r\n max-width: 750px;\r\n }\r\n\r\n \/* Item Card\/Tombol Sosmed (Tanpa Icon) *\/\r\n .btn-social-pill {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 12px 32px;\r\n font-size: 1.05rem;\r\n font-weight: bold;\r\n text-decoration: none;\r\n color: #000;\r\n background: var(--com-gold-main);\r\n border: var(--com-border);\r\n box-shadow: 4px 4px 0px #000;\r\n border-radius: 30px;\r\n transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n }\r\n\r\n \/* Miring acak antar tombol *\/\r\n .btn-social-pill:nth-child(1) { transform: rotate(-1.5deg); }\r\n .btn-social-pill:nth-child(2) { transform: rotate(1.2deg); }\r\n .btn-social-pill:nth-child(3) { transform: rotate(-1deg); }\r\n\r\n \/* Hover Effect Tombol Sosmed *\/\r\n .btn-social-pill:hover {\r\n background: var(--com-gold-hover);\r\n transform: rotate(0deg) translateY(-4px) scale(1.03);\r\n box-shadow: 6px 6px 0px #000;\r\n }\r\n\r\n .btn-social-pill:active {\r\n transform: translate(1px, 1px);\r\n box-shadow: 2px 2px 0px #000;\r\n }\r\n\r\n \/* Responsive Mobile Layout *\/\r\n @media (max-width: 650px) {\r\n .community-title, \r\n .community-badge, \r\n .community-desc-card {\r\n transform: rotate(0deg);\r\n }\r\n\r\n .social-btns-container {\r\n flex-direction: column;\r\n width: 100%;\r\n }\r\n\r\n .btn-social-pill {\r\n width: 100%;\r\n transform: rotate(0deg) !important;\r\n padding: 11px 20px;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n<section id=\"community-section\">\r\n \r\n \r\n <div class=\"community-badge\">\r\n Stronger Together\r\n <\/div>\r\n\r\n \r\n <h2 class=\"community-title\">\r\n JOIN THE COMMUNITY\r\n <\/h2>\r\n\r\n \r\n <div class=\"community-desc-card\">\r\n <p class=\"community-desc-text\">\r\n The core strength of CHUBB lies in its community. Follow our official channels for the latest updates, memes, and daily discussions.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"social-btns-container\">\r\n \r\n \r\n <a href=\"LINK-KAMU\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-social-pill\">\r\n Telegram Group\r\n <\/a>\r\n\r\n \r\n <a href=\"LINK-KAMU\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-social-pill\">\r\n X (Twitter)\r\n <\/a>\r\n\r\n \r\n <a href=\"LINK-KAMU\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-social-pill\">\r\n DexScreener\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9ca88e2 e-flex e-con-boxed e-con e-parent\" data-id=\"9ca88e2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc405ef elementor-widget elementor-widget-html\" data-id=\"cc405ef\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n \/* Scope Terisolasi Khusus Section Footer \/ Copyright Full Width *\/\r\n #footer-section {\r\n --ft-bg-color: #122117; \/* Latar Hijau Gelap *\/\r\n --ft-gold-main: #ffcc00; \/* Accent Kuning *\/\r\n --ft-border: 2.5px solid #000000;\r\n --ft-font-title: 'Climate Crisis', cursive;\r\n --ft-font-body: 'Jua', sans-serif;\r\n \r\n width: 100vw; \/* Full Lebar Layar dari Ujung ke Ujung *\/\r\n position: relative;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n margin-top: 40px;\r\n margin-bottom: 0;\r\n background: var(--ft-bg-color);\r\n border-top: var(--ft-border); \/* Garis Pembatas Atas Kartun *\/\r\n padding: 25px 20px;\r\n box-sizing: border-box;\r\n }\r\n\r\n #footer-section * {\r\n box-sizing: border-box;\r\n font-family: var(--ft-font-body);\r\n }\r\n\r\n \/* Container Konten Dalam *\/\r\n .footer-content {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 15px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n \/* Branding Logo\/Judul Footer *\/\r\n .footer-brand {\r\n font-family: var(--ft-font-title) !important;\r\n font-size: clamp(1.4rem, 2.5vw, 2rem);\r\n color: var(--ft-gold-main) !important;\r\n text-shadow: 2px 2px 0px #000;\r\n text-transform: uppercase;\r\n }\r\n\r\n \/* Teks Copyright *\/\r\n .copyright-text {\r\n font-size: 0.95rem;\r\n color: #d1e7dd;\r\n }\r\n\r\n .copyright-text span {\r\n color: var(--ft-gold-main);\r\n font-weight: bold;\r\n }\r\n\r\n \/* Responsive Mobile Layout *\/\r\n @media (max-width: 600px) {\r\n .footer-content {\r\n flex-direction: column;\r\n justify-content: center;\r\n text-align: center;\r\n gap: 10px;\r\n }\r\n\r\n .copyright-text {\r\n font-size: 0.88rem;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n<footer id=\"footer-section\">\r\n <div class=\"footer-content\">\r\n \r\n \r\n <div class=\"footer-brand\">\r\n $CHUBB\r\n <\/div>\r\n\r\n \r\n <p class=\"copyright-text\">\r\n \u00a9 2026 <span>$CHUBB<\/span>. All Rights Reserved.\r\n <\/p>\r\n\r\n <\/div>\r\n<\/footer>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CHUBB – Slim Navbar CHUBB Character & Identity Tokenomics Community Buy $CHUBB CHUBB – Playful Cartoon Hero Section CHUBB IS HERE! THE STRONGEST CHEEKS ON SOLANA. A small dinosaur with adorable cheeks and relentless endurance. CHUBB arrives as a symbol of resilience and community strength. Buy $CHUBB Chart NULL Copy CHUBB – About Section with […]<\/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:\/\/chubbstrong.lol\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chubbstrong.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chubbstrong.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chubbstrong.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chubbstrong.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":22,"href":"https:\/\/chubbstrong.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":50,"href":"https:\/\/chubbstrong.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/50"}],"wp:attachment":[{"href":"https:\/\/chubbstrong.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n \r\n \r\n CHUBB - Slim Navbar<\/title>\r\n\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Climate+Crisis&family=Jua&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n <style>\r\n :root {\r\n --pill-bg: #192a1e;\r\n --gold-main: #ffcc00;\r\n --gold-hover: #ffe066;\r\n --green-main: #2ecc71;\r\n --text-light: #f4f9f5;\r\n --border-cartoon: 2px solid #000000;\r\n --shadow-cartoon: 3px 3px 0px #000000;\r\n --font-title: 'Climate Crisis', cursive;\r\n --font-body: 'Jua', sans-serif;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: var(--font-body);\r\n }\r\n\r\n body {\r\n background-color: #0f1912;\r\n }\r\n\r\n \/* ==========================================\r\n SLIM & CARTOON SOLID PILL NAVBAR\r\n ========================================== *\/\r\n header {\r\n position: sticky;\r\n top: 0;\r\n z-index: 1000;\r\n background: transparent;\r\n padding: 12px 15px;\r\n }\r\n\r\n .navbar-slim {\r\n width: 100%;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 8px 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: var(--pill-bg);\r\n border: var(--border-cartoon);\r\n box-shadow: var(--shadow-cartoon);\r\n border-radius: 50px;\r\n position: relative;\r\n }\r\n\r\n \/* Logo Text Only *\/\r\n .logo {\r\n text-decoration: none;\r\n display: inline-block;\r\n }\r\n\r\n .logo-text {\r\n font-family: var(--font-title);\r\n font-size: 1.25rem;\r\n color: var(--gold-main);\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n text-shadow: 1.5px 1.5px 0px #000;\r\n transition: color 0.25s ease, transform 0.25s ease;\r\n }\r\n\r\n .logo:hover .logo-text {\r\n color: var(--green-main);\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* Nav Links *\/\r\n .nav-links {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n list-style: none;\r\n }\r\n\r\n .nav-links a {\r\n color: var(--text-light);\r\n text-decoration: none;\r\n font-size: 0.9rem;\r\n padding: 6px 14px;\r\n border-radius: 20px;\r\n border: 2px solid transparent;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .nav-links a:hover {\r\n color: #000;\r\n background: var(--green-main);\r\n border: var(--border-cartoon);\r\n box-shadow: 2px 2px 0px #000;\r\n }\r\n\r\n \/* CTA Button *\/\r\n .btn-slim {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 6px 16px;\r\n font-size: 0.88rem;\r\n text-decoration: none;\r\n border-radius: 30px;\r\n border: var(--border-cartoon);\r\n box-shadow: var(--shadow-cartoon);\r\n background: var(--gold-main);\r\n color: #000;\r\n font-weight: bold;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .btn-slim:hover {\r\n transform: translate(-2px, -2px);\r\n box-shadow: 4px 4px 0px #000;\r\n background: var(--gold-hover);\r\n }\r\n\r\n .btn-slim:active {\r\n transform: translate(1px, 1px);\r\n box-shadow: 1px 1px 0px #000;\r\n }\r\n\r\n \/* Mobile Menu Toggle Button *\/\r\n .mobile-toggle {\r\n display: none;\r\n font-size: 1.3rem;\r\n background: none;\r\n border: none;\r\n color: var(--gold-main);\r\n cursor: pointer;\r\n padding: 4px;\r\n }\r\n\r\n \/* Responsive Mobile Styles *\/\r\n @media (max-width: 860px) {\r\n .mobile-toggle {\r\n display: block;\r\n }\r\n\r\n .nav-links {\r\n display: none;\r\n position: absolute;\r\n top: 55px;\r\n left: 0;\r\n right: 0;\r\n background: var(--pill-bg);\r\n flex-direction: column;\r\n padding: 15px;\r\n border: var(--border-cartoon);\r\n border-radius: 25px;\r\n box-shadow: var(--shadow-cartoon);\r\n gap: 8px;\r\n }\r\n\r\n .nav-links.active {\r\n display: flex;\r\n }\r\n\r\n .nav-links a {\r\n width: 100%;\r\n text-align: center;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <header>\r\n <div class=\"navbar-slim\">\r\n \r\n <a href=\"#\" class=\"logo\">\r\n <span class=\"logo-text\">CHUBB<\/span>\r\n <\/a>\r\n\r\n \r\n <ul class=\"nav-links\" id=\"navLinks\">\r\n <li><a href=\"#2\">Character & Identity<\/a><\/li>\r\n <li><a href=\"#3\">Tokenomics<\/a><\/li>\r\n <li><a href=\"#4\">Community<\/a><\/li>\r\n <\/ul>\r\n\r\n \r\n <div style=\"display: flex; align-items: center; gap: 10px;\">\r\n <a href=\"LINK-KAMU\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-slim\">\r\n <i class=\"fa-solid fa-cart-shopping\"><\/i> Buy $CHUBB\r\n <\/a>\r\n\r\n <button class=\"mobile-toggle\" id=\"menuToggle\" aria-label=\"Toggle Navigation\">\r\n <i class=\"fa-solid fa-bars\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <script>\r\n const menuToggle = document.getElementById('menuToggle');\r\n const navLinks = document.getElementById('navLinks');\r\n\r\n menuToggle.addEventListener('click', () => {\r\n navLinks.classList.toggle('active');\r\n \r\n const icon = menuToggle.querySelector('i');\r\n if (navLinks.classList.contains('active')) {\r\n icon.classList.remove('fa-bars');\r\n icon.classList.add('fa-xmark');\r\n } else {\r\n icon.classList.remove('fa-xmark');\r\n icon.classList.add('fa-bars');\r\n }\r\n });\r\n\r\n document.querySelectorAll('.nav-links a').forEach(link => {\r\n link.addEventListener('click', () => {\r\n navLinks.classList.remove('active');\r\n menuToggle.querySelector('i').classList.remove('fa-xmark');\r\n menuToggle.querySelector('i').classList.add('fa-bars');\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-88fdaaf e-con-full e-flex e-con e-child\" data-id=\"88fdaaf\" data-element_type=\"container\" id=\"1\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df74d81 elementor-widget elementor-widget-html\" data-id=\"df74d81\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>CHUBB - Playful Cartoon Hero Section<\/title>\r\n\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Climate+Crisis&family=Jua&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n <style>\r\n :root {\r\n --pill-bg: #192a1e;\r\n --gold-main: #ffcc00;\r\n --gold-hover: #ffe066;\r\n --green-main: #2ecc71;\r\n --text-light: #f4f9f5;\r\n --border-cartoon: 2.5px solid #000000;\r\n --shadow-cartoon: 4px 4px 0px #000000;\r\n --font-title: 'Climate Crisis', cursive;\r\n --font-body: 'Jua', sans-serif;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: var(--font-body);\r\n }\r\n\r\n body {\r\n background-color: #0f1912;\r\n color: var(--text-light);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ==========================================\r\n PLAYFUL & MESSY HERO SECTION\r\n ========================================== *\/\r\n .hero-playful-left {\r\n width: 100%;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 30px 20px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n text-align: left;\r\n background: transparent;\r\n }\r\n\r\n \/* Badge *\/\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: var(--gold-main);\r\n color: #000;\r\n font-size: 0.85rem;\r\n font-weight: bold;\r\n padding: 4px 14px;\r\n border-radius: 12px 22px 14px 20px;\r\n border: var(--border-cartoon);\r\n box-shadow: 3px 3px 0px #000;\r\n margin-bottom: 16px;\r\n text-transform: uppercase;\r\n transform: rotate(-2.5deg);\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n .hero-badge:hover {\r\n transform: rotate(1deg) scale(1.05);\r\n }\r\n\r\n \/* Judul Utama *\/\r\n .hero-title {\r\n font-family: var(--font-title) !important;\r\n font-weight: 400;\r\n font-size: clamp(1.8rem, 3.8vw, 3.2rem);\r\n color: var(--gold-main);\r\n text-transform: uppercase;\r\n text-shadow: 3px 3px 0px #000;\r\n line-height: 1.15;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .hero-title span.line-1 {\r\n font-family: var(--font-title) !important;\r\n color: var(--gold-main);\r\n display: block;\r\n transform: rotate(-0.8deg);\r\n }\r\n\r\n .hero-title span.line-2 {\r\n font-family: var(--font-title) !important;\r\n color: var(--text-light);\r\n display: block;\r\n transform: rotate(1.2deg);\r\n }\r\n\r\n \/* Slim Description Card *\/\r\n .desc-card {\r\n background: var(--pill-bg);\r\n border: var(--border-cartoon);\r\n box-shadow: 5px 4px 0px #000;\r\n border-radius: 24px 14px 22px 18px;\r\n padding: 14px 22px;\r\n margin-bottom: 24px;\r\n max-width: 620px;\r\n width: 100%;\r\n cursor: pointer;\r\n transform: rotate(1.5deg);\r\n transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n }\r\n\r\n .desc-text {\r\n font-family: var(--font-body);\r\n font-size: 1.05rem;\r\n color: #d1e7dd;\r\n line-height: 1.5;\r\n transition: color 0.25s ease;\r\n }\r\n\r\n .desc-card:hover {\r\n background: var(--green-main);\r\n transform: rotate(-1deg) translateY(-4px) scale(1.01);\r\n box-shadow: 7px 6px 0px #000;\r\n }\r\n\r\n .desc-card:hover .desc-text {\r\n color: #000;\r\n font-weight: bold;\r\n }\r\n\r\n \/* Action Buttons *\/\r\n .hero-btns {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 14px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .btn-action {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 10px 22px;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n border-radius: 20px 28px 18px 25px;\r\n border: var(--border-cartoon);\r\n box-shadow: var(--shadow-cartoon);\r\n color: #000;\r\n font-weight: bold;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .btn-gold {\r\n background: var(--gold-main);\r\n transform: rotate(-1.8deg);\r\n }\r\n\r\n .btn-gold:hover {\r\n background: var(--gold-hover);\r\n transform: rotate(1deg) translate(-2px, -2px);\r\n box-shadow: 6px 6px 0px #000;\r\n }\r\n\r\n .btn-green {\r\n background: var(--green-main);\r\n transform: rotate(2deg);\r\n }\r\n\r\n .btn-green:hover {\r\n background: #58d68d;\r\n transform: rotate(-1deg) translate(-2px, -2px);\r\n box-shadow: 6px 6px 0px #000;\r\n }\r\n\r\n .btn-action:active {\r\n transform: translate(1px, 1px);\r\n box-shadow: 1px 1px 0px #000;\r\n }\r\n\r\n \/* Contract Address Box *\/\r\n .ca-box {\r\n background: #0b140e;\r\n border: var(--border-cartoon);\r\n box-shadow: 4px 4px 0px #000;\r\n border-radius: 14px 20px 12px 18px;\r\n padding: 7px 12px 7px 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n width: 100%;\r\n max-width: 470px;\r\n transform: rotate(-0.8deg);\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n .ca-box:hover {\r\n transform: rotate(0.5deg);\r\n }\r\n\r\n .ca-text {\r\n font-family: var(--font-body) !important;\r\n font-size: 0.95rem;\r\n color: var(--gold-main);\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n user-select: all;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .btn-copy {\r\n font-family: var(--font-body);\r\n background: var(--green-main);\r\n color: #000;\r\n border: var(--border-cartoon);\r\n box-shadow: 2px 2px 0px #000;\r\n border-radius: 10px;\r\n padding: 5px 12px;\r\n font-size: 0.85rem;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n flex-shrink: 0;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .btn-copy:hover {\r\n background: #58d68d;\r\n transform: translate(-1px, -1px);\r\n box-shadow: 3px 3px 0px #000;\r\n }\r\n\r\n .btn-copy:active {\r\n transform: translate(1px, 1px);\r\n box-shadow: 1px 1px 0px #000;\r\n }\r\n\r\n @media (max-width: 550px) {\r\n .hero-playful-left {\r\n padding: 15px 15px;\r\n }\r\n\r\n .desc-card {\r\n padding: 12px 15px;\r\n transform: rotate(0deg);\r\n }\r\n\r\n .btn-gold, .btn-green, .hero-badge, .ca-box {\r\n transform: rotate(0deg);\r\n }\r\n\r\n .ca-box {\r\n flex-direction: column;\r\n padding: 10px;\r\n border-radius: 14px;\r\n }\r\n\r\n .btn-copy {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"hero-playful-left\">\r\n \r\n \r\n <div class=\"hero-badge\">\r\n <i class=\"fa-solid fa-fire\"><\/i> CHUBB IS HERE!\r\n <\/div>\r\n \r\n \r\n <h1 class=\"hero-title\">\r\n <span class=\"line-1\">THE STRONGEST <br>CHEEKS<\/span>\r\n <span class=\"line-2\">ON SOLANA.<\/span>\r\n <\/h1>\r\n\r\n \r\n <div class=\"desc-card\">\r\n <p class=\"desc-text\">\r\n A small dinosaur with adorable cheeks and relentless endurance. CHUBB arrives as a symbol of resilience and community strength.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-btns\">\r\n <a href=\"LINK-KAMU\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-action btn-gold\">\r\n <i class=\"fa-solid fa-cart-shopping\"><\/i> Buy $CHUBB\r\n <\/a>\r\n <a href=\"LINK-KAMU\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-action btn-green\">\r\n <i class=\"fa-solid fa-chart-line\"><\/i> Chart\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"ca-box\">\r\n <span class=\"ca-text\" id=\"caAddress\">NULL<\/span>\r\n <button class=\"btn-copy\" id=\"copyBtn\" onclick=\"copyCA()\">\r\n <i class=\"fa-solid fa-copy\"><\/i> Copy\r\n <\/button>\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n \r\n <script>\r\n function copyCA() {\r\n const caText = document.getElementById(\"caAddress\").innerText;\r\n const copyBtn = document.getElementById(\"copyBtn\");\r\n\r\n navigator.clipboard.writeText(caText).then(() => {\r\n copyBtn.innerHTML = `<i class=\"fa-solid fa-check\"><\/i> Copied!`;\r\n copyBtn.style.background = \"#ffcc00\";\r\n\r\n setTimeout(() => {\r\n copyBtn.innerHTML = `<i class=\"fa-solid fa-copy\"><\/i> Copy`;\r\n copyBtn.style.background = \"var(--green-main)\";\r\n }, 2000);\r\n }).catch(err => {\r\n console.error(\"Failed to copy text: \", err);\r\n });\r\n }\r\n <\/script>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9e1c454 e-flex e-con-boxed e-con e-parent\" data-id=\"9e1c454\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0f7f8ff e-con-full e-flex e-con e-child\" data-id=\"0f7f8ff\" data-element_type=\"container\" id=\"2\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0748b33 elementor-widget elementor-widget-html\" data-id=\"0748b33\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>CHUBB - About Section with Gallery<\/title>\r\n\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Climate+Crisis&family=Jua&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n <style>\r\n :root {\r\n --pill-bg: #192a1e;\r\n --gold-main: #ffcc00;\r\n --gold-hover: #ffe066;\r\n --green-main: #2ecc71;\r\n --text-light: #f4f9f5;\r\n --border-cartoon: 2.5px solid #000000;\r\n --shadow-cartoon: 4px 4px 0px #000000;\r\n --font-title: 'Climate Crisis', cursive;\r\n --font-body: 'Jua', sans-serif;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: var(--font-body);\r\n }\r\n\r\n body {\r\n background-color: #0f1912;\r\n color: var(--text-light);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ==========================================\r\n 2-COLUMN ABOUT SECTION WITH EQUAL HEIGHT\r\n ========================================== *\/\r\n .about-wrapper {\r\n width: 100%;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 40px 20px;\r\n display: grid;\r\n grid-template-columns: 1fr 1.1fr;\r\n gap: 40px;\r\n align-items: stretch;\r\n }\r\n\r\n \/* ==========================================\r\n KOLOM KIRI: GALERI KLIK (MANTUL SLIDER)\r\n ========================================== *\/\r\n .gallery-container {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n align-items: center;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .gallery-frame {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n min-height: 380px;\r\n background: var(--pill-bg);\r\n border: var(--border-cartoon);\r\n box-shadow: 6px 6px 0px #000;\r\n border-radius: 28px 18px 24px 20px;\r\n overflow: hidden;\r\n transform: rotate(-1.5deg);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .gallery-frame:hover {\r\n transform: rotate(0deg) scale(1.01);\r\n }\r\n\r\n .gallery-img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s ease;\r\n }\r\n\r\n \/* Animasi Mantul Kartun saat Diklik *\/\r\n .gallery-img.bounce-anim {\r\n animation: cartoonBounce 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.4);\r\n }\r\n\r\n @keyframes cartoonBounce {\r\n 0% {\r\n transform: scale(0.82) rotate(-3deg);\r\n opacity: 0.5;\r\n }\r\n 50% {\r\n transform: scale(1.08) rotate(2deg);\r\n opacity: 1;\r\n }\r\n 100% {\r\n transform: scale(1) rotate(0deg);\r\n opacity: 1;\r\n }\r\n }\r\n\r\n \/* Tombol Navigasi *\/\r\n .nav-btn {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 42px;\r\n height: 42px;\r\n background: var(--gold-main);\r\n border: var(--border-cartoon);\r\n box-shadow: 3px 3px 0px #000;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #000;\r\n font-size: 1.1rem;\r\n cursor: pointer;\r\n z-index: 20;\r\n transition: all 0.2s ease;\r\n user-select: none;\r\n }\r\n\r\n .nav-btn:hover {\r\n background: var(--gold-hover);\r\n transform: translateY(-50%) scale(1.15) rotate(10deg);\r\n box-shadow: 4px 4px 0px #000;\r\n }\r\n\r\n .nav-btn:active {\r\n transform: translateY(-50%) translate(1px, 1px) scale(0.95);\r\n box-shadow: 1px 1px 0px #000;\r\n }\r\n\r\n .btn-prev-btn { left: 12px; }\r\n .btn-next-btn { right: 12px; }\r\n\r\n \/* Indikator Dots *\/\r\n .gallery-dots {\r\n display: flex;\r\n gap: 8px;\r\n margin-top: 15px;\r\n }\r\n\r\n .dot-item {\r\n width: 12px;\r\n height: 12px;\r\n background: #0b140e;\r\n border: 1.5px solid #000;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .dot-item.active {\r\n background: var(--green-main);\r\n transform: scale(1.3);\r\n box-shadow: 2px 2px 0px #000;\r\n }\r\n\r\n \/* ==========================================\r\n KOLOM KANAN: KONTEN ABOUT (RATA KANAN)\r\n ========================================== *\/\r\n .about-content-right {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n text-align: right;\r\n height: 100%;\r\n }\r\n\r\n .about-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: var(--gold-main);\r\n color: #000;\r\n font-size: 0.85rem;\r\n font-weight: bold;\r\n padding: 4px 14px;\r\n border-radius: 14px 20px 12px 22px;\r\n border: var(--border-cartoon);\r\n box-shadow: 3px 3px 0px #000;\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n transform: rotate(1.5deg);\r\n }\r\n\r\n .about-title {\r\n font-family: var(--font-title) !important;\r\n font-weight: 400;\r\n font-size: clamp(1.8rem, 3.5vw, 2.7rem);\r\n color: var(--green-main) !important;\r\n text-transform: uppercase;\r\n text-shadow: 3px 3px 0px #000;\r\n line-height: 1.15;\r\n margin-bottom: 14px;\r\n transform: rotate(-0.8deg);\r\n }\r\n\r\n .about-main-card {\r\n background: var(--pill-bg);\r\n border: var(--border-cartoon);\r\n box-shadow: 5px 5px 0px #000;\r\n border-radius: 18px 24px 16px 22px;\r\n padding: 14px 20px;\r\n margin-bottom: 16px;\r\n width: 100%;\r\n cursor: pointer;\r\n transform: rotate(1deg);\r\n transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n }\r\n\r\n .about-main-text {\r\n font-family: var(--font-body);\r\n font-size: 1.02rem;\r\n color: #d1e7dd;\r\n line-height: 1.5;\r\n transition: color 0.25s ease;\r\n }\r\n\r\n .about-main-card:hover {\r\n background: var(--green-main);\r\n transform: rotate(-1deg) translateY(-3px);\r\n box-shadow: 6px 6px 0px #000;\r\n }\r\n\r\n .about-main-card:hover .about-main-text {\r\n color: #000;\r\n font-weight: bold;\r\n }\r\n\r\n .points-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n width: 100%;\r\n }\r\n\r\n .point-item-right {\r\n background: #0b140e;\r\n border: var(--border-cartoon);\r\n box-shadow: 3px 3px 0px #000;\r\n border-radius: 16px 10px 18px 12px;\r\n padding: 10px 14px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n gap: 12px;\r\n cursor: pointer;\r\n transition: all 0.25s ease;\r\n }\r\n\r\n .point-text-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-end;\r\n }\r\n\r\n .point-title {\r\n font-family: var(--font-body);\r\n font-size: 1rem;\r\n color: var(--gold-main);\r\n line-height: 1.2;\r\n }\r\n\r\n .point-desc {\r\n font-family: var(--font-body);\r\n font-size: 0.88rem;\r\n color: #a8c3b5;\r\n line-height: 1.3;\r\n transition: color 0.25s ease;\r\n }\r\n\r\n .point-icon {\r\n width: 34px;\r\n height: 34px;\r\n border-radius: 50%;\r\n background: var(--gold-main);\r\n border: var(--border-cartoon);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #000;\r\n font-size: 0.9rem;\r\n box-shadow: 2px 2px 0px #000;\r\n flex-shrink: 0;\r\n transition: transform 0.25s ease;\r\n }\r\n\r\n .point-item-right:hover {\r\n background: var(--gold-main);\r\n transform: translateX(-4px);\r\n box-shadow: 5px 5px 0px #000;\r\n }\r\n\r\n .point-item-right:hover .point-icon {\r\n background: var(--green-main);\r\n transform: scale(1.1) rotate(-15deg);\r\n }\r\n\r\n .point-item-right:hover .point-title {\r\n color: #000;\r\n font-weight: bold;\r\n }\r\n\r\n .point-item-right:hover .point-desc {\r\n color: #111;\r\n }\r\n\r\n @media (max-width: 850px) {\r\n .about-wrapper {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n\r\n .gallery-frame {\r\n min-height: 300px;\r\n }\r\n\r\n .about-content-right {\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n .point-item-right {\r\n justify-content: center;\r\n }\r\n\r\n .point-text-wrap {\r\n align-items: center;\r\n }\r\n\r\n .about-title, .about-badge, .about-main-card {\r\n transform: rotate(0deg);\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section id=\"about\" style=\"width:100%;\">\r\n <div class=\"about-wrapper\">\r\n \r\n \r\n <div class=\"gallery-container\">\r\n <div class=\"gallery-frame\" id=\"chubbGalleryFrame\">\r\n <img decoding=\"async\" id=\"chubbGalleryImg\" src=\"https:\/\/chubbstrong.lol\/wp-content\/uploads\/2026\/07\/chubb-1.png\" alt=\"CHUBB Gallery\" class=\"gallery-img\">\r\n \r\n <button type=\"button\" class=\"nav-btn btn-prev-btn\" id=\"chubbPrevBtn\" aria-label=\"Previous Image\">\r\n <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n <\/button>\r\n <button type=\"button\" class=\"nav-btn btn-next-btn\" id=\"chubbNextBtn\" aria-label=\"Next Image\">\r\n <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"gallery-dots\" id=\"chubbDotsContainer\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"about-content-right\">\r\n \r\n <div>\r\n <div class=\"about-badge\">\r\n Small, Tough, and Community-Focused <i class=\"fa-solid fa-paw\"><\/i>\r\n <\/div>\r\n\r\n <h2 class=\"about-title\">\r\n CHARACTER & IDENTITY\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"about-main-card\">\r\n <p class=\"about-main-text\">\r\n CHUBB is a meme token inspired by a small, chubby-cheeked dinosaur that carries heavy loads without hesitation. In a fast-moving crypto market, CHUBB represents a mindset of persistence, resilience, and community-driven strength within the Solana ecosystem.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"points-list\">\r\n <div class=\"point-item-right\">\r\n <div class=\"point-text-wrap\">\r\n <h3 class=\"point-title\">Solana Network<\/h3>\r\n <p class=\"point-desc\">High-speed transactions with minimal fees.<\/p>\r\n <\/div>\r\n <div class=\"point-icon\">\r\n <i class=\"fa-solid fa-bolt\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"point-item-right\">\r\n <div class=\"point-text-wrap\">\r\n <h3 class=\"point-title\">Community Driven<\/h3>\r\n <p class=\"point-desc\">Powered entirely by community engagement and support.<\/p>\r\n <\/div>\r\n <div class=\"point-icon\">\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"point-item-right\">\r\n <div class=\"point-text-wrap\">\r\n <h3 class=\"point-title\">Pure Meme Culture<\/h3>\r\n <p class=\"point-desc\">Created solely for entertainment and crypto meme culture.<\/p>\r\n <\/div>\r\n <div class=\"point-icon\">\r\n <i class=\"fa-solid fa-face-laugh-squint\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <script>\r\n (function() {\r\n \/\/ Array Gambar CHUBB\r\n const chubbImages = [\r\n \"https:\/\/chubbstrong.lol\/wp-content\/uploads\/2026\/07\/chubb-1.png\",\r\n \"https:\/\/chubbstrong.lol\/wp-content\/uploads\/2026\/07\/chubb-2.png\",\r\n \"https:\/\/chubbstrong.lol\/wp-content\/uploads\/2026\/07\/chubb-3.png\",\r\n \"https:\/\/chubbstrong.lol\/wp-content\/uploads\/2026\/07\/chubb-4.png\",\r\n \"https:\/\/chubbstrong.lol\/wp-content\/uploads\/2026\/07\/chubb-5.png\",\r\n \"https:\/\/chubbstrong.lol\/wp-content\/uploads\/2026\/07\/chubb-6.png\",\r\n \"https:\/\/chubbstrong.lol\/wp-content\/uploads\/2026\/07\/chubb-7.png\",\r\n \"https:\/\/chubbstrong.lol\/wp-content\/uploads\/2026\/07\/chubb-8.png\"\r\n ];\r\n\r\n let activeIdx = 0;\r\n const imgNode = document.getElementById(\"chubbGalleryImg\");\r\n const dotsNode = document.getElementById(\"chubbDotsContainer\");\r\n const prevBtn = document.getElementById(\"chubbPrevBtn\");\r\n const nextBtn = document.getElementById(\"chubbNextBtn\");\r\n\r\n if (!imgNode || !dotsNode) return;\r\n\r\n \/\/ Generate Dots\r\n dotsNode.innerHTML = \"\";\r\n chubbImages.forEach((_, idx) => {\r\n const dot = document.createElement(\"div\");\r\n dot.className = idx === 0 ? \"dot-item active\" : \"dot-item\";\r\n dot.addEventListener(\"click\", () => {\r\n activeIdx = idx;\r\n renderSlide();\r\n });\r\n dotsNode.appendChild(dot);\r\n });\r\n\r\n function renderSlide() {\r\n \/\/ Preload Gambar Baru\r\n const newImg = new Image();\r\n newImg.src = chubbImages[activeIdx];\r\n \r\n imgNode.classList.remove(\"bounce-anim\");\r\n void imgNode.offsetWidth; \/\/ Force Reflow CSS\r\n \r\n imgNode.src = chubbImages[activeIdx];\r\n imgNode.classList.add(\"bounce-anim\");\r\n\r\n \/\/ Update Dots Status\r\n const allDots = dotsNode.querySelectorAll(\".dot-item\");\r\n allDots.forEach((d, i) => {\r\n if (i === activeIdx) {\r\n d.classList.add(\"active\");\r\n } else {\r\n d.classList.remove(\"active\");\r\n }\r\n });\r\n }\r\n\r\n \/\/ Event Listeners Tombol Kiri & Kanan\r\n if (nextBtn) {\r\n nextBtn.addEventListener(\"click\", function(e) {\r\n e.preventDefault();\r\n activeIdx = (activeIdx + 1) % chubbImages.length;\r\n renderSlide();\r\n });\r\n }\r\n\r\n if (prevBtn) {\r\n prevBtn.addEventListener(\"click\", function(e) {\r\n e.preventDefault();\r\n activeIdx = (activeIdx - 1 + chubbImages.length) % chubbImages.length;\r\n renderSlide();\r\n });\r\n }\r\n })();\r\n <\/script>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ded1f3d e-flex e-con-boxed e-con e-parent\" data-id=\"ded1f3d\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-100868c e-con-full e-flex e-con e-child\" data-id=\"100868c\" data-element_type=\"container\" id=\"3\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cce99e elementor-widget elementor-widget-html\" data-id=\"1cce99e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n \/* Scope Terisolasi Khusus Section Tokenomics *\/\r\n #tokenomics-section {\r\n --tok-outer-bg: #122117; \/* Card Utama Hijau Gelap *\/\r\n --tok-pill-bg: #ffcc00; \/* Card Poin Kuning *\/\r\n --tok-gold-main: #ffcc00;\r\n --tok-gold-hover: #ffe066; \/* Hover Card Poin Kuning Cerah *\/\r\n --tok-green-main: #2ecc71;\r\n --tok-border: 2.5px solid #000000;\r\n --tok-font-title: 'Climate Crisis', cursive;\r\n --tok-font-body: 'Jua', sans-serif;\r\n \r\n width: 100%;\r\n max-width: 100%;\r\n padding: 10px 15px;\r\n box-sizing: border-box;\r\n overflow: hidden; \/* Mencegah elemen keluar batas *\/\r\n }\r\n\r\n #tokenomics-section * {\r\n box-sizing: border-box;\r\n font-family: var(--tok-font-body);\r\n }\r\n\r\n \/* Outer Card Wrapper *\/\r\n .tokenomics-outer-card {\r\n width: 100%;\r\n max-width: 1100px;\r\n margin: 20px auto;\r\n padding: 35px 30px;\r\n background: var(--tok-outer-bg);\r\n border: var(--tok-border);\r\n box-shadow: 7px 7px 0px #000;\r\n border-radius: 32px 22px 30px 24px;\r\n position: relative;\r\n transform: rotate(-0.5deg);\r\n overflow: hidden;\r\n }\r\n\r\n .tokenomics-wrapper {\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: 1.15fr 0.85fr;\r\n gap: 35px;\r\n align-items: center;\r\n }\r\n\r\n \/* Badge *\/\r\n .tokenomics-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: var(--tok-green-main);\r\n color: #000;\r\n font-size: 0.85rem;\r\n font-weight: bold;\r\n padding: 4px 14px;\r\n border-radius: 14px 20px 12px 22px;\r\n border: var(--tok-border);\r\n box-shadow: 3px 3px 0px #000;\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n transform: rotate(-1.5deg);\r\n }\r\n\r\n \/* Judul Utama Tokenomics *\/\r\n .tokenomics-title {\r\n font-family: var(--tok-font-title) !important;\r\n font-weight: 400;\r\n font-size: clamp(1.8rem, 3.5vw, 2.8rem);\r\n color: var(--tok-green-main) !important;\r\n text-transform: uppercase;\r\n text-shadow: 3px 3px 0px #000;\r\n line-height: 1.15;\r\n margin-bottom: 20px;\r\n transform: rotate(0.8deg);\r\n word-break: break-word;\r\n }\r\n\r\n .biodata-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n width: 100%;\r\n }\r\n\r\n \/* Card Poin Biodata (Kuning) *\/\r\n .bio-item {\r\n background: var(--tok-pill-bg) !important;\r\n border: var(--tok-border);\r\n box-shadow: 3.5px 3.5px 0px #000;\r\n border-radius: 16px 10px 18px 12px;\r\n padding: 10px 18px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: 12px;\r\n cursor: pointer;\r\n transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n }\r\n\r\n .bio-item:nth-child(1) { transform: rotate(-0.8deg); }\r\n .bio-item:nth-child(2) { transform: rotate(1deg); }\r\n .bio-item:nth-child(3) { transform: rotate(-0.6deg); }\r\n .bio-item:nth-child(4) { transform: rotate(1.2deg); }\r\n .bio-item:nth-child(5) { transform: rotate(-1deg); }\r\n .bio-item:nth-child(6) { transform: rotate(0.8deg); }\r\n\r\n .bio-label {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 1rem;\r\n color: #111;\r\n font-weight: bold;\r\n }\r\n\r\n .bio-label i {\r\n color: #111;\r\n font-size: 1.05rem;\r\n width: 20px;\r\n text-align: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .bio-val {\r\n font-size: 1.05rem;\r\n color: #000;\r\n font-weight: bold;\r\n text-align: right;\r\n word-break: break-word;\r\n }\r\n\r\n \/* Hover Card Poin *\/\r\n .bio-item:hover {\r\n background: var(--tok-gold-hover) !important;\r\n transform: rotate(0deg) translateY(-3px) scale(1.015);\r\n box-shadow: 5.5px 5.5px 0px #000;\r\n }\r\n\r\n \/* Gambar Kanan *\/\r\n .asset-container {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100%;\r\n }\r\n\r\n .asset-frame {\r\n position: relative;\r\n width: 100%;\r\n max-width: 380px;\r\n aspect-ratio: 1 \/ 1;\r\n background: var(--tok-gold-main);\r\n border: var(--tok-border);\r\n box-shadow: 6px 6px 0px #000;\r\n border-radius: 26px 16px 22px 18px;\r\n overflow: hidden;\r\n animation: tokCartoonFloat 3.8s ease-in-out infinite alternate;\r\n }\r\n\r\n .asset-img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .asset-frame:hover .asset-img {\r\n transform: scale(1.05);\r\n }\r\n\r\n @keyframes tokCartoonFloat {\r\n 0% {\r\n transform: translateY(0px) rotate(1.5deg);\r\n box-shadow: 6px 6px 0px #000;\r\n }\r\n 50% {\r\n transform: translateY(-12px) rotate(-1deg);\r\n box-shadow: 8px 16px 0px #000;\r\n }\r\n 100% {\r\n transform: translateY(-4px) rotate(2.5deg);\r\n box-shadow: 7px 10px 0px #000;\r\n }\r\n }\r\n\r\n \/* ==========================================\r\n OPTIMASI RESPONSIF KHUSUS MOBILE\r\n ========================================== *\/\r\n @media (max-width: 850px) {\r\n #tokenomics-section {\r\n padding: 5px 10px;\r\n }\r\n\r\n .tokenomics-outer-card {\r\n padding: 22px 14px;\r\n transform: rotate(0deg) !important; \/* Hilangkan rotasi outer card *\/\r\n border-radius: 20px;\r\n box-shadow: 5px 5px 0px #000;\r\n }\r\n\r\n .tokenomics-wrapper {\r\n grid-template-columns: 1fr;\r\n gap: 25px;\r\n }\r\n\r\n .tokenomics-title, \r\n .tokenomics-badge {\r\n transform: rotate(0deg) !important;\r\n }\r\n\r\n .tokenomics-title {\r\n font-size: 1.6rem !important;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .bio-item {\r\n transform: rotate(0deg) !important; \/* Hilangkan rotasi card poin agar tidak off-screen *\/\r\n padding: 10px 12px;\r\n border-radius: 12px;\r\n box-shadow: 2.5px 2.5px 0px #000;\r\n }\r\n\r\n .bio-label {\r\n font-size: 0.88rem;\r\n gap: 6px;\r\n }\r\n\r\n .bio-label i {\r\n font-size: 0.9rem;\r\n width: 16px;\r\n }\r\n\r\n .bio-val {\r\n font-size: 0.88rem;\r\n }\r\n\r\n .asset-frame {\r\n max-width: 280px; \/* Ukuran gambar diperkecil agar pas di HP *\/\r\n animation: none; \/* Nonaktifkan float berat di HP agar scroll lancar *\/\r\n transform: rotate(0deg) !important;\r\n box-shadow: 4px 4px 0px #000;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n<section id=\"tokenomics-section\">\r\n <div class=\"tokenomics-outer-card\">\r\n <div class=\"tokenomics-wrapper\">\r\n \r\n \r\n <div>\r\n <div class=\"tokenomics-badge\">\r\n <i class=\"fa-solid fa-coins\"><\/i> Token Metrics\r\n <\/div>\r\n\r\n <h2 class=\"tokenomics-title\">\r\n TOKENOMICS\r\n <\/h2>\r\n\r\n <div class=\"biodata-container\">\r\n <div class=\"bio-item\">\r\n <div class=\"bio-label\">\r\n <i class=\"fa-solid fa-signature\"><\/i>\r\n <span>Token Name<\/span>\r\n <\/div>\r\n <div class=\"bio-val\">CHUBB<\/div>\r\n <\/div>\r\n\r\n <div class=\"bio-item\">\r\n <div class=\"bio-label\">\r\n <i class=\"fa-solid fa-tag\"><\/i>\r\n <span>Ticker<\/span>\r\n <\/div>\r\n <div class=\"bio-val\">$CHUBB<\/div>\r\n <\/div>\r\n\r\n <div class=\"bio-item\">\r\n <div class=\"bio-label\">\r\n <i class=\"fa-solid fa-link\"><\/i>\r\n <span>Blockchain<\/span>\r\n <\/div>\r\n <div class=\"bio-val\">Solana<\/div>\r\n <\/div>\r\n\r\n <div class=\"bio-item\">\r\n <div class=\"bio-label\">\r\n <i class=\"fa-solid fa-layer-group\"><\/i>\r\n <span>Total Supply<\/span>\r\n <\/div>\r\n <div class=\"bio-val\">1,000,000,000<\/div>\r\n <\/div>\r\n\r\n <div class=\"bio-item\">\r\n <div class=\"bio-label\">\r\n <i class=\"fa-solid fa-percent\"><\/i>\r\n <span>Tax (Buy\/Sell)<\/span>\r\n <\/div>\r\n <div class=\"bio-val\">0% \/ 0%<\/div>\r\n <\/div>\r\n\r\n <div class=\"bio-item\">\r\n <div class=\"bio-label\">\r\n <i class=\"fa-solid fa-lock\"><\/i>\r\n <span>Liquidity<\/span>\r\n <\/div>\r\n <div class=\"bio-val\">Burned \/ LP Locked<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"asset-container\">\r\n <div class=\"asset-frame\">\r\n <img decoding=\"async\" src=\"https:\/\/chubbstrong.lol\/wp-content\/uploads\/2026\/07\/ASET1.png\" alt=\"CHUBB Asset\" class=\"asset-img\">\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67d9648 e-flex e-con-boxed e-con e-parent\" data-id=\"67d9648\" data-element_type=\"container\" data-settings=\"{"background_background":"video","background_video_link":"https:\\\/\\\/chubbstrong.lol\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/HERO-CHUBB1.mp4","background_play_on_mobile":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted elementor-html5-video\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-6c18362 e-con-full e-flex e-con e-child\" data-id=\"6c18362\" data-element_type=\"container\" id=\"4\">\n\t\t\t\t<div class=\"elementor-element elementor-element-769ba68 elementor-widget elementor-widget-html\" data-id=\"769ba68\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n \/* Scope Terisolasi Khusus Section Community *\/\r\n #community-section {\r\n --com-gold-main: #ffcc00; \/* Tombol\/Badge Kuning *\/\r\n --com-gold-hover: #ffe066; \/* Hover Tombol Kuning Cerah *\/\r\n --com-green-main: #2ecc71; \/* Title Hijau Terang *\/\r\n --com-text-light: #f4f9f5;\r\n --com-border: 2.5px solid #000000;\r\n --com-font-title: 'Climate Crisis', cursive;\r\n --com-font-body: 'Jua', sans-serif;\r\n \r\n width: 100%;\r\n max-width: 1050px;\r\n margin: 30px auto;\r\n padding: 20px 15px;\r\n box-sizing: border-box;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n background: transparent; \/* Tanpa Card Utama *\/\r\n }\r\n\r\n #community-section * {\r\n box-sizing: border-box;\r\n font-family: var(--com-font-body);\r\n }\r\n\r\n \/* Badge Subtitle (Tanpa Icon) *\/\r\n .community-badge {\r\n display: inline-block;\r\n background: var(--com-gold-main);\r\n color: #000;\r\n font-size: 0.85rem;\r\n font-weight: bold;\r\n padding: 4px 16px;\r\n border-radius: 14px 20px 12px 22px;\r\n border: var(--com-border);\r\n box-shadow: 3px 3px 0px #000;\r\n margin-bottom: 12px;\r\n text-transform: uppercase;\r\n transform: rotate(-1.5deg);\r\n }\r\n\r\n \/* Judul Utama Community (Climate Crisis Font) *\/\r\n .community-title {\r\n font-family: var(--com-font-title) !important;\r\n font-weight: 400;\r\n font-size: clamp(1.8rem, 3.8vw, 3rem);\r\n color: var(--com-green-main) !important;\r\n text-transform: uppercase;\r\n text-shadow: 3px 3px 0px #000;\r\n line-height: 1.15;\r\n margin-bottom: 18px;\r\n transform: rotate(-0.5deg);\r\n }\r\n\r\n \/* Deskripsi Card *\/\r\n .community-desc-card {\r\n background: #1d3325;\r\n border: var(--com-border);\r\n box-shadow: 4px 4px 0px #000;\r\n border-radius: 20px;\r\n padding: 16px 24px;\r\n max-width: 680px;\r\n width: 100%;\r\n margin-bottom: 28px;\r\n transform: rotate(0.8deg);\r\n transition: all 0.25s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .community-desc-card:hover {\r\n background: var(--com-green-main);\r\n transform: rotate(0deg) translateY(-2px);\r\n }\r\n\r\n .community-desc-card:hover .community-desc-text {\r\n color: #000;\r\n font-weight: bold;\r\n }\r\n\r\n .community-desc-text {\r\n font-size: 1.08rem;\r\n color: #d1e7dd;\r\n line-height: 1.55;\r\n transition: color 0.25s ease;\r\n }\r\n\r\n \/* Container Tombol Komunitas *\/\r\n .social-btns-container {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 16px;\r\n width: 100%;\r\n max-width: 750px;\r\n }\r\n\r\n \/* Item Card\/Tombol Sosmed (Tanpa Icon) *\/\r\n .btn-social-pill {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 12px 32px;\r\n font-size: 1.05rem;\r\n font-weight: bold;\r\n text-decoration: none;\r\n color: #000;\r\n background: var(--com-gold-main);\r\n border: var(--com-border);\r\n box-shadow: 4px 4px 0px #000;\r\n border-radius: 30px;\r\n transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n }\r\n\r\n \/* Miring acak antar tombol *\/\r\n .btn-social-pill:nth-child(1) { transform: rotate(-1.5deg); }\r\n .btn-social-pill:nth-child(2) { transform: rotate(1.2deg); }\r\n .btn-social-pill:nth-child(3) { transform: rotate(-1deg); }\r\n\r\n \/* Hover Effect Tombol Sosmed *\/\r\n .btn-social-pill:hover {\r\n background: var(--com-gold-hover);\r\n transform: rotate(0deg) translateY(-4px) scale(1.03);\r\n box-shadow: 6px 6px 0px #000;\r\n }\r\n\r\n .btn-social-pill:active {\r\n transform: translate(1px, 1px);\r\n box-shadow: 2px 2px 0px #000;\r\n }\r\n\r\n \/* Responsive Mobile Layout *\/\r\n @media (max-width: 650px) {\r\n .community-title, \r\n .community-badge, \r\n .community-desc-card {\r\n transform: rotate(0deg);\r\n }\r\n\r\n .social-btns-container {\r\n flex-direction: column;\r\n width: 100%;\r\n }\r\n\r\n .btn-social-pill {\r\n width: 100%;\r\n transform: rotate(0deg) !important;\r\n padding: 11px 20px;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n<section id=\"community-section\">\r\n \r\n \r\n <div class=\"community-badge\">\r\n Stronger Together\r\n <\/div>\r\n\r\n \r\n <h2 class=\"community-title\">\r\n JOIN THE COMMUNITY\r\n <\/h2>\r\n\r\n \r\n <div class=\"community-desc-card\">\r\n <p class=\"community-desc-text\">\r\n The core strength of CHUBB lies in its community. Follow our official channels for the latest updates, memes, and daily discussions.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"social-btns-container\">\r\n \r\n \r\n <a href=\"LINK-KAMU\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-social-pill\">\r\n Telegram Group\r\n <\/a>\r\n\r\n \r\n <a href=\"LINK-KAMU\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-social-pill\">\r\n X (Twitter)\r\n <\/a>\r\n\r\n \r\n <a href=\"LINK-KAMU\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-social-pill\">\r\n DexScreener\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9ca88e2 e-flex e-con-boxed e-con e-parent\" data-id=\"9ca88e2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc405ef elementor-widget elementor-widget-html\" data-id=\"cc405ef\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n \/* Scope Terisolasi Khusus Section Footer \/ Copyright Full Width *\/\r\n #footer-section {\r\n --ft-bg-color: #122117; \/* Latar Hijau Gelap *\/\r\n --ft-gold-main: #ffcc00; \/* Accent Kuning *\/\r\n --ft-border: 2.5px solid #000000;\r\n --ft-font-title: 'Climate Crisis', cursive;\r\n --ft-font-body: 'Jua', sans-serif;\r\n \r\n width: 100vw; \/* Full Lebar Layar dari Ujung ke Ujung *\/\r\n position: relative;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n margin-top: 40px;\r\n margin-bottom: 0;\r\n background: var(--ft-bg-color);\r\n border-top: var(--ft-border); \/* Garis Pembatas Atas Kartun *\/\r\n padding: 25px 20px;\r\n box-sizing: border-box;\r\n }\r\n\r\n #footer-section * {\r\n box-sizing: border-box;\r\n font-family: var(--ft-font-body);\r\n }\r\n\r\n \/* Container Konten Dalam *\/\r\n .footer-content {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 15px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n \/* Branding Logo\/Judul Footer *\/\r\n .footer-brand {\r\n font-family: var(--ft-font-title) !important;\r\n font-size: clamp(1.4rem, 2.5vw, 2rem);\r\n color: var(--ft-gold-main) !important;\r\n text-shadow: 2px 2px 0px #000;\r\n text-transform: uppercase;\r\n }\r\n\r\n \/* Teks Copyright *\/\r\n .copyright-text {\r\n font-size: 0.95rem;\r\n color: #d1e7dd;\r\n }\r\n\r\n .copyright-text span {\r\n color: var(--ft-gold-main);\r\n font-weight: bold;\r\n }\r\n\r\n \/* Responsive Mobile Layout *\/\r\n @media (max-width: 600px) {\r\n .footer-content {\r\n flex-direction: column;\r\n justify-content: center;\r\n text-align: center;\r\n gap: 10px;\r\n }\r\n\r\n .copyright-text {\r\n font-size: 0.88rem;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n<footer id=\"footer-section\">\r\n <div class=\"footer-content\">\r\n \r\n \r\n <div class=\"footer-brand\">\r\n $CHUBB\r\n <\/div>\r\n\r\n \r\n <p class=\"copyright-text\">\r\n \u00a9 2026 <span>$CHUBB<\/span>. All Rights Reserved.\r\n <\/p>\r\n\r\n <\/div>\r\n<\/footer>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CHUBB – Slim Navbar CHUBB Character & Identity Tokenomics Community Buy $CHUBB CHUBB – Playful Cartoon Hero Section CHUBB IS HERE! THE STRONGEST CHEEKS ON SOLANA. A small dinosaur with adorable cheeks and relentless endurance. CHUBB arrives as a symbol of resilience and community strength. Buy $CHUBB Chart NULL Copy CHUBB – About Section with […]<\/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:\/\/chubbstrong.lol\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chubbstrong.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chubbstrong.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chubbstrong.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chubbstrong.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":22,"href":"https:\/\/chubbstrong.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":50,"href":"https:\/\/chubbstrong.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/50"}],"wp:attachment":[{"href":"https:\/\/chubbstrong.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}