{"id":8,"date":"2026-05-08T16:50:10","date_gmt":"2026-05-08T16:50:10","guid":{"rendered":"https:\/\/chubbyboo.fun\/?page_id=8"},"modified":"2026-05-08T18:22:49","modified_gmt":"2026-05-08T18:22:49","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/chubbyboo.fun\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-633efc5 e-flex e-con-boxed e-con e-parent\" data-id=\"633efc5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/chubbyboo.fun\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/HERO-CHUBBY-BOO.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\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-7bc1344 e-con-full e-flex e-con e-child\" data-id=\"7bc1344\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f56d42 elementor-widget elementor-widget-html\" data-id=\"2f56d42\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Nav Menu Card with Interactive Comic Hover -->\r\n<div class=\"nav-section-wrapper\">\r\n    <nav class=\"nav-comic-card\">\r\n        <!-- Logo & Brand -->\r\n        <a href=\"#\" class=\"nav-brand-box comic-hover\">\r\n            <img decoding=\"async\" src=\"https:\/\/chubbyboo.fun\/wp-content\/uploads\/2026\/05\/LOGO.png\" alt=\"Logo\">\r\n            <span>BOO<\/span>\r\n        <\/a>\r\n\r\n        <!-- Contract Address (CA) Copy Box -->\r\n        <div class=\"ca-copy-container\">\r\n            <span class=\"ca-label\">CA:<\/span>\r\n            <input type=\"text\" value=\"0x00000000000000000000000000\" id=\"caInput\" readonly>\r\n            <button onclick=\"copyCA()\" class=\"copy-btn hover-pop\" id=\"copyBtn\">COPY<\/button>\r\n        <\/div>\r\n\r\n        <!-- Buy Action Only -->\r\n        <div class=\"nav-actions\">\r\n            <a href=\"#\" class=\"buy-btn-comic hover-shake\">BUY $BOO<\/a>\r\n        <\/div>\r\n    <\/nav>\r\n<\/div>\r\n\r\n<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Erica+One&family=Margarine&display=swap');\r\n\r\n    :root {\r\n        --comic-black: #1A1A1A;\r\n        --primary-yellow: #FFD700;\r\n        --white: #FFFFFF;\r\n        --accent-orange: #FF4500;\r\n        --hover-pink: #FF69B4;\r\n    }\r\n\r\n    .nav-section-wrapper {\r\n        padding: 15px;\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .nav-comic-card {\r\n        background: var(--white);\r\n        border: 4px solid var(--comic-black);\r\n        box-shadow: 8px 8px 0px var(--comic-black);\r\n        padding: 15px 25px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        gap: 20px;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    \/* --- HOVER EFFECTS --- *\/\r\n    \r\n    \/* Efek Pop Up untuk Tombol Copy *\/\r\n    .hover-pop:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 4px 4px 0px var(--comic-black);\r\n        background: var(--hover-pink) !important;\r\n    }\r\n\r\n    \/* Efek Getar\/Shake untuk Tombol Beli *\/\r\n    .hover-shake:hover {\r\n        animation: shake 0.5s infinite;\r\n        background: var(--white) !important;\r\n        color: var(--accent-orange) !important;\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    @keyframes shake {\r\n        0% { transform: rotate(0deg); }\r\n        25% { transform: rotate(2deg); }\r\n        50% { transform: rotate(0eg); }\r\n        75% { transform: rotate(-2deg); }\r\n        100% { transform: rotate(0deg); }\r\n    }\r\n\r\n    \/* Efek Logo Membesar *\/\r\n    .nav-brand-box:hover img {\r\n        transform: scale(1.2) rotate(5deg);\r\n        background: var(--hover-pink);\r\n    }\r\n    \r\n    .nav-brand-box img {\r\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    \/* --- BASE STYLING --- *\/\r\n\r\n    .nav-brand-box {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .nav-brand-box img {\r\n        height: 50px;\r\n        width: 50px;\r\n        border: 3px solid var(--comic-black);\r\n        border-radius: 50%;\r\n        background: var(--primary-yellow);\r\n    }\r\n\r\n    .nav-brand-box span {\r\n        font-family: 'Erica One', cursive;\r\n        font-size: 1.8rem;\r\n        color: var(--comic-black);\r\n        -webkit-text-stroke: 1px var(--comic-black);\r\n    }\r\n\r\n    .ca-copy-container {\r\n        display: flex;\r\n        align-items: center;\r\n        background: #f9f9f9;\r\n        border: 4px solid var(--comic-black);\r\n        padding: 8px 15px;\r\n        gap: 10px;\r\n        flex-grow: 0.5;\r\n        max-width: 450px;\r\n        box-shadow: 4px 4px 0px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    .ca-label {\r\n        font-family: 'Erica One', cursive;\r\n        font-size: 0.9rem;\r\n        color: var(--accent-orange);\r\n    }\r\n\r\n    .ca-copy-container input {\r\n        border: none;\r\n        background: transparent;\r\n        font-family: 'Margarine', sans-serif;\r\n        font-size: 0.9rem;\r\n        width: 100%;\r\n        color: var(--comic-black);\r\n        outline: none;\r\n        font-weight: bold;\r\n    }\r\n\r\n    .copy-btn {\r\n        background: var(--accent-orange);\r\n        color: white;\r\n        border: 3px solid var(--comic-black);\r\n        font-family: 'Erica One', cursive;\r\n        font-size: 0.8rem;\r\n        padding: 6px 12px;\r\n        cursor: pointer;\r\n        box-shadow: 3px 3px 0px var(--comic-black);\r\n        transition: 0.2s;\r\n    }\r\n\r\n    .copy-btn:active {\r\n        box-shadow: 0px 0px 0px var(--comic-black);\r\n        transform: translate(3px, 3px);\r\n    }\r\n\r\n    .buy-btn-comic {\r\n        text-decoration: none;\r\n        background: var(--primary-yellow);\r\n        color: var(--comic-black);\r\n        border: 4px solid var(--comic-black);\r\n        padding: 12px 25px;\r\n        font-family: 'Erica One', cursive;\r\n        font-size: 1.1rem;\r\n        box-shadow: 6px 6px 0px var(--comic-black);\r\n        display: inline-block;\r\n        transition: 0.2s;\r\n    }\r\n\r\n    .buy-btn-comic:active {\r\n        box-shadow: 0px 0px 0px var(--comic-black);\r\n        transform: translate(6px, 6px);\r\n    }\r\n\r\n    \/* Mobile Responsive *\/\r\n    @media (max-width: 850px) {\r\n        .nav-comic-card {\r\n            flex-direction: column;\r\n            padding: 20px;\r\n        }\r\n\r\n        .ca-copy-container {\r\n            width: 100%;\r\n            max-width: 100%;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .buy-btn-comic {\r\n            width: 100%;\r\n            text-align: center;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    function copyCA() {\r\n        var copyText = document.getElementById(\"caInput\");\r\n        var btn = document.getElementById(\"copyBtn\");\r\n        \r\n        copyText.select();\r\n        copyText.setSelectionRange(0, 99999);\r\n        navigator.clipboard.writeText(copyText.value);\r\n        \r\n        btn.innerHTML = \"GOT IT!\";\r\n        btn.style.background = \"#4CAF50\";\r\n        \r\n        setTimeout(function() {\r\n            btn.innerHTML = \"COPY\";\r\n            btn.style.background = \"var(--accent-orange)\";\r\n        }, 2000);\r\n    }\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b23f104 e-con-full e-flex e-con e-child\" data-id=\"b23f104\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d5c7af elementor-widget elementor-widget-html\" data-id=\"3d5c7af\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Hero Section - Chubby Boo (Messy Comic Style) -->\r\n<section class=\"hero-messy-section\">\r\n    <div class=\"hero-messy-container\">\r\n        \r\n        <!-- Badge Status - Posisi Miring Ekstrim -->\r\n        <div class=\"hero-badge-messy\">THE REAL BOO<\/div>\r\n\r\n        <!-- Judul Utama - Berantakan & Bertumpuk -->\r\n        <div class=\"title-stack\">\r\n            <h1 class=\"hero-title-messy\">CHUBBY<\/h1>\r\n            <h1 class=\"hero-title-messy title-offset\">BOO<\/h1>\r\n        <\/div>\r\n\r\n        <!-- Deskripsi Card - Sudut Tidak Beraturan -->\r\n        <div class=\"hero-content-card-messy\">\r\n            <p class=\"hero-desc-messy\">\r\n                Defining authenticity in a digital world. Embracing life\u2019s simple pleasures with confidence and honesty.\r\n            <\/p>\r\n            \r\n            <!-- Tombol Aksi - Posisi Asimetris -->\r\n            <div class=\"hero-btns-messy\">\r\n                <a href=\"#\" class=\"btn-comic-messy btn-yellow\">JOIN THE GANG<\/a>\r\n                <a href=\"#\" class=\"btn-comic-messy btn-white\">EXPLORE BOO<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Erica+One&family=Margarine&display=swap');\r\n\r\n    :root {\r\n        --b-black: #1A1A1A;\r\n        --b-yellow: #FFD700;\r\n        --b-white: #FFFFFF;\r\n        --b-orange: #FF4500;\r\n    }\r\n\r\n    .hero-messy-section {\r\n        padding: 40px 20px;\r\n        text-align: center;\r\n        background: transparent;\r\n    }\r\n\r\n    .hero-messy-container {\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 10px; \/* Jarak antar konten lebih dekat *\/\r\n    }\r\n\r\n    \/* Badge Berantakan *\/\r\n    .hero-badge-messy {\r\n        display: inline-block;\r\n        background: var(--b-orange);\r\n        color: var(--b-white);\r\n        font-family: 'Erica One', cursive;\r\n        padding: 5px 15px;\r\n        border: 4px solid var(--b-black);\r\n        transform: rotate(-7deg) translateX(-20px);\r\n        box-shadow: 4px 4px 0px var(--b-black);\r\n        z-index: 3;\r\n    }\r\n\r\n    \/* Judul Berantakan *\/\r\n    .title-stack {\r\n        display: flex;\r\n        flex-direction: column;\r\n        line-height: 0.8;\r\n        margin-bottom: -10px;\r\n    }\r\n\r\n    .hero-title-messy {\r\n        font-family: 'Erica One', cursive;\r\n        font-size: clamp(3.5rem, 12vw, 7rem);\r\n        color: var(--b-yellow);\r\n        -webkit-text-stroke: 3px var(--b-black);\r\n        text-shadow: 8px 8px 0px var(--b-black);\r\n        margin: 0;\r\n        transform: rotate(2deg);\r\n    }\r\n\r\n    .title-offset {\r\n        transform: rotate(-3deg) translateX(15px);\r\n        color: var(--b-white);\r\n        margin-top: -15px;\r\n    }\r\n\r\n    \/* Content Card Berantakan *\/\r\n    .hero-content-card-messy {\r\n        background: var(--b-white);\r\n        border: 5px solid var(--b-black);\r\n        padding: 25px;\r\n        box-shadow: 12px 12px 0px var(--b-black);\r\n        max-width: 600px;\r\n        transform: rotate(1deg);\r\n        margin-top: 10px;\r\n        position: relative;\r\n    }\r\n\r\n    .hero-content-card-messy::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: -10px;\r\n        left: -10px;\r\n        right: -10px;\r\n        bottom: -10px;\r\n        border: 2px dashed var(--b-black);\r\n        z-index: -1;\r\n        transform: rotate(-2deg);\r\n        pointer-events: none;\r\n    }\r\n\r\n    .hero-desc-messy {\r\n        font-family: 'Margarine', sans-serif;\r\n        font-size: 1.1rem;\r\n        line-height: 1.4;\r\n        color: var(--b-black);\r\n        margin-bottom: 20px;\r\n        transform: rotate(-1deg);\r\n    }\r\n\r\n    \/* Tombol Asimetris *\/\r\n    .hero-btns-messy {\r\n        display: flex;\r\n        gap: 15px;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .btn-comic-messy {\r\n        text-decoration: none;\r\n        font-family: 'Erica One', cursive;\r\n        padding: 12px 25px;\r\n        border: 4px solid var(--b-black);\r\n        font-size: 1rem;\r\n        transition: 0.1s;\r\n    }\r\n\r\n    .btn-yellow {\r\n        background: var(--b-yellow);\r\n        color: var(--b-black);\r\n        box-shadow: 5px 5px 0px var(--b-black);\r\n        transform: rotate(-2deg);\r\n    }\r\n\r\n    .btn-white {\r\n        background: var(--b-white);\r\n        color: var(--b-black);\r\n        box-shadow: 5px 5px 0px var(--b-black);\r\n        transform: rotate(3deg);\r\n    }\r\n\r\n    \/* Hover - Tetap Interaktif *\/\r\n    .btn-comic-messy:hover {\r\n        transform: scale(1.1) rotate(0deg);\r\n        background: var(--b-orange);\r\n        color: white;\r\n    }\r\n\r\n    .btn-comic-messy:active {\r\n        box-shadow: 0px 0px 0px var(--b-black);\r\n        transform: translate(5px, 5px);\r\n    }\r\n\r\n    \/* Mobile - Tetap Rapi & Tidak Keluar Batas *\/\r\n    @media (max-width: 768px) {\r\n        .hero-title-messy {\r\n            font-size: 4rem;\r\n        }\r\n        \r\n        .hero-content-card-messy {\r\n            margin: 20px 10px;\r\n            padding: 15px;\r\n            transform: none; \/* Mengurangi rotasi di mobile agar lebih aman *\/\r\n        }\r\n\r\n        .btn-comic-messy {\r\n            width: 100%;\r\n            transform: none !important;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .title-offset {\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n<\/style>\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-f5215db e-flex e-con-boxed e-con e-parent\" data-id=\"f5215db\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-fe9b128 e-con-full e-flex e-con e-child\" data-id=\"fe9b128\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3085ef9 elementor-widget elementor-widget-html\" data-id=\"3085ef9\" 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>Chubby Boo - Official Website<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Erica+One&family=Margarine&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --c-black: #1A1A1A;\r\n            --c-yellow: #FFD700;\r\n            --c-white: #FFFFFF;\r\n            --c-orange: #FF4500;\r\n            --c-pink: #FF69B4;\r\n        }\r\n\r\n        body {\r\n            margin: 0;\r\n            padding: 0;\r\n            font-family: 'Margarine', sans-serif;\r\n            background-color: transparent; \/* Follows WordPress BG *\/\r\n            color: var(--c-black);\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* --- MAIN CONTENT GRID & VIDEO --- *\/\r\n        .comic-grid-container {\r\n            display: grid; \r\n            grid-template-columns: 1fr 1.5fr 1fr; \r\n            gap: 20px;\r\n            align-items: center; \r\n            max-width: 1200px; \r\n            margin: 40px auto; \r\n            padding: 0 20px;\r\n        }\r\n        \r\n        .side-column { \r\n            display: flex; \r\n            flex-direction: column; \r\n            gap: 30px; \r\n        }\r\n\r\n        .video-frame-comic { \r\n            border: 6px solid var(--c-black); \r\n            box-shadow: 15px 15px 0px var(--c-black); \r\n            transform: rotate(-1deg); \r\n            background: #000; \r\n            overflow: hidden;\r\n        }\r\n\r\n        .centered-video { \r\n            width: 100%; \r\n            height: auto; \r\n            display: block; \r\n        }\r\n\r\n        .comic-box-messy {\r\n            background: var(--c-white); \r\n            border: 4px solid var(--c-black); \r\n            padding: 20px;\r\n            cursor: pointer; \r\n            text-align: center; \r\n            box-shadow: 8px 8px 0px var(--c-black); \r\n            transition: 0.2s;\r\n        }\r\n\r\n        .comic-box-messy:hover { \r\n            background: var(--c-yellow); \r\n            transform: scale(1.05) rotate(0deg); \r\n        }\r\n\r\n        .box-1 { transform: rotate(-3deg); } \r\n        .box-2 { transform: rotate(4deg); }\r\n        .box-3 { transform: rotate(2deg); } \r\n        .box-4 { transform: rotate(-5deg); }\r\n\r\n        \/* --- MODALS --- *\/\r\n        .modal-overlay {\r\n            display: none; \r\n            position: fixed; \r\n            top: 0; left: 0; \r\n            width: 100%; height: 100%;\r\n            background: rgba(0,0,0,0.85); \r\n            z-index: 2000; \r\n            justify-content: center; \r\n            align-items: center; \r\n            padding: 20px;\r\n        }\r\n\r\n        .comic-modal {\r\n            background: var(--c-white); \r\n            border: 6px solid var(--c-black); \r\n            box-shadow: 15px 15px 0px var(--c-orange);\r\n            max-width: 550px; \r\n            width: 100%; \r\n            padding: 30px; \r\n            position: relative; \r\n            text-align: center;\r\n        }\r\n\r\n        .buy-step-item {\r\n            display: flex; \r\n            align-items: center; \r\n            gap: 15px; \r\n            padding: 12px; \r\n            border: 3px solid var(--c-black);\r\n            margin-bottom: 10px; \r\n            background: var(--c-white); \r\n            text-align: left;\r\n        }\r\n\r\n        .highlight-yellow { \r\n            background: var(--c-yellow) !important; \r\n            transform: scale(1.03) rotate(1deg); \r\n        }\r\n\r\n        \/* --- BOTTOM BAR --- *\/\r\n        .bottom-action-bar { \r\n            display: flex; \r\n            justify-content: center; \r\n            gap: 20px; \r\n            margin: 50px 0; \r\n            padding-bottom: 50px; \r\n        }\r\n\r\n        .btn-action {\r\n            text-decoration: none; \r\n            font-family: 'Erica One'; \r\n            padding: 15px 35px; \r\n            border: 5px solid var(--c-black);\r\n            font-size: 1.2rem; \r\n            box-shadow: 8px 8px 0px var(--c-black); \r\n            color: var(--c-black); \r\n            transition: 0.2s;\r\n        }\r\n\r\n        .chart-btn { background: var(--c-white); transform: rotate(-2deg); }\r\n        .buy-now-btn { background: var(--c-orange); color: white; transform: rotate(2deg); }\r\n        .btn-action:hover { transform: scale(1.1) rotate(0deg); background: var(--c-pink); }\r\n\r\n        \/* Close Button for Modal *\/\r\n        .close-btn {\r\n            position: absolute;\r\n            top: -20px;\r\n            right: -20px;\r\n            background: var(--c-black);\r\n            color: white;\r\n            border: 3px solid var(--c-white);\r\n            font-family: 'Erica One';\r\n            padding: 10px 15px;\r\n            cursor: pointer;\r\n        }\r\n\r\n        @media (max-width: 850px) {\r\n            .comic-grid-container { grid-template-columns: 1fr; }\r\n            .bottom-action-bar { flex-direction: column; align-items: center; }\r\n            .btn-action { width: 80%; text-align: center; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- Main Content Section -->\r\n    <div class=\"comic-grid-container\">\r\n        <div class=\"side-column\">\r\n            <div class=\"comic-box-messy box-1\" onclick=\"openModal('aboutModal')\">\r\n                <h2 style=\"font-family:'Erica One'; margin: 0;\">ABOUT<\/h2>\r\n                <p style=\"margin: 5px 0 0;\">READ BIO<\/p>\r\n            <\/div>\r\n            <div class=\"comic-box-messy box-2\" onclick=\"openModal('buyModal')\">\r\n                <h2 style=\"font-family:'Erica One'; margin: 0;\">HOW TO BUY<\/h2>\r\n                <p style=\"margin: 5px 0 0;\">STEP BY STEP<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"center-column\">\r\n            <div class=\"video-frame-comic\">\r\n                <video autoplay muted loop playsinline class=\"centered-video\">\r\n                    <source src=\"https:\/\/chubbyboo.fun\/wp-content\/uploads\/2026\/05\/ICON-DEX-CHUBBY-BOO.mp4\" type=\"video\/mp4\">\r\n                    Your browser does not support the video tag.\r\n                <\/video>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"side-column\">\r\n            <div class=\"comic-box-messy box-3\" onclick=\"openModal('tokenModal')\">\r\n                <h2 style=\"font-family:'Erica One'; margin: 0;\">TOKENOMICS<\/h2>\r\n                <p style=\"margin: 5px 0 0;\">THE RECIPE<\/p>\r\n            <\/div>\r\n            <div class=\"comic-box-messy box-4\" onclick=\"openModal('socialModal')\">\r\n                <h2 style=\"font-family:'Erica One'; margin: 0;\">SOCIALS<\/h2>\r\n                <p style=\"margin: 5px 0 0;\">JOIN US<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Bottom Action Bar -->\r\n    <div class=\"bottom-action-bar\">\r\n        <a href=\"#\" class=\"btn-action chart-btn\">LIVE CHART<\/a>\r\n        <a href=\"#\" class=\"btn-action buy-now-btn\">BUY NOW<\/a>\r\n    <\/div>\r\n\r\n    <!-- Modals Overlay -->\r\n    <div id=\"modalOverlay\" class=\"modal-overlay\" onclick=\"closeAllModals()\">\r\n        \r\n        <!-- About Modal -->\r\n        <div id=\"aboutModal\" class=\"comic-modal\" onclick=\"event.stopPropagation()\">\r\n            <button class=\"close-btn\" onclick=\"closeAllModals()\">X<\/button>\r\n            <h2 style=\"font-family:'Erica One';\">ABOUT BOO<\/h2>\r\n            <p>Chubby Boo is built on the pillars of relatability and transparency. We value real connections and honest growth in the digital space.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Buy Modal -->\r\n        <div id=\"buyModal\" class=\"comic-modal\" onclick=\"event.stopPropagation()\">\r\n            <button class=\"close-btn\" onclick=\"closeAllModals()\">X<\/button>\r\n            <h2 style=\"font-family:'Erica One';\">HOW TO BUY<\/h2>\r\n            <div class=\"buy-step-item\"><strong>01.<\/strong> <p style=\"margin:0;\">Download <strong>Phantom<\/strong> and fund with $SOL.<\/p><\/div>\r\n            <div class=\"buy-step-item highlight-yellow\"><strong>02.<\/strong> <p style=\"margin:0;\">Visit <strong>Pump.fun<\/strong> to grab $BOO early!<\/p><\/div>\r\n            <div class=\"buy-step-item\"><strong>03.<\/strong> <p style=\"margin:0;\">Trade on <strong>Dexscreener<\/strong> once live.<\/p><\/div>\r\n        <\/div>\r\n\r\n        <!-- Tokenomics Modal -->\r\n        <div id=\"tokenModal\" class=\"comic-modal\" onclick=\"event.stopPropagation()\">\r\n            <button class=\"close-btn\" onclick=\"closeAllModals()\">X<\/button>\r\n            <h2 style=\"font-family:'Erica One';\">TOKENOMICS<\/h2>\r\n            <p>Supply: 1B | Tax: 0% | LP: Burned<\/p>\r\n        <\/div>\r\n\r\n        <!-- Social Modal -->\r\n        <div id=\"socialModal\" class=\"comic-modal\" onclick=\"event.stopPropagation()\">\r\n            <button class=\"close-btn\" onclick=\"closeAllModals()\">X<\/button>\r\n            <h2 style=\"font-family:'Erica One';\">JOIN THE GANG<\/h2>\r\n            <a href=\"#\" style=\"display:block; background:#1DA1F2; color:#fff; padding:15px; margin:10px 0; text-decoration:none; font-family:'Erica One'; border: 3px solid #000;\">X \/ TWITTER<\/a>\r\n            <a href=\"#\" style=\"display:block; background:#0088cc; color:#fff; padding:15px; text-decoration:none; font-family:'Erica One'; border: 3px solid #000;\">TELEGRAM<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        function openModal(id) {\r\n            document.getElementById('modalOverlay').style.display = 'flex';\r\n            document.querySelectorAll('.comic-modal').forEach(m => m.style.display = 'none');\r\n            document.getElementById(id).style.display = 'block';\r\n        }\r\n        \r\n        function closeAllModals() { \r\n            document.getElementById('modalOverlay').style.display = 'none'; \r\n        }\r\n\r\n        \/\/ Close on Escape key\r\n        document.addEventListener('keydown', (e) => {\r\n            if (e.key === \"Escape\") closeAllModals();\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-5ba7df1 e-con-full e-flex e-con e-child\" data-id=\"5ba7df1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0773218 elementor-widget elementor-widget-html\" data-id=\"0773218\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Footer Section - Chubby Boo -->\r\n<footer class=\"comic-footer\">\r\n    <div class=\"footer-container\">\r\n        \r\n        <!-- Social & Action Icons -->\r\n        <div class=\"footer-icons-grid\">\r\n            <!-- Telegram -->\r\n            <a href=\"#\" class=\"icon-box-comic icon-tg\" title=\"Telegram\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M22 2L2 10.5L9.5 14.5M22 2L15 22L9.5 14.5M22 2L9.5 14.5M9.5 14.5V19.5L13 16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n            <\/a>\r\n\r\n            <!-- X (Twitter) -->\r\n            <a href=\"#\" class=\"icon-box-comic icon-x\" title=\"X \/ Twitter\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231 5.45-6.231zm-1.161 17.52h1.833L7.084 4.126H5.117L17.083 19.77z\"\/>\r\n                <\/svg>\r\n            <\/a>\r\n\r\n            <!-- Chart -->\r\n            <a href=\"#\" class=\"icon-box-comic icon-chart\" title=\"Live Chart\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M3 3V21H21M7 16L11 11L15 14L20 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n            <\/a>\r\n\r\n            <!-- Buy Now -->\r\n            <a href=\"#\" class=\"icon-box-comic icon-buy\" title=\"Buy Now\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M3 3H5L5.4 5M5.4 5H21L17 13H7M5.4 5L7 13M7 13L4.707 15.293C4.077 15.923 4.523 17 5.414 17H17M17 17C15.8954 17 15 17.8954 15 19C15 20.1046 15.8954 21 17 21C18.1046 21 19 20.1046 19 19C19 17.8954 18.1046 17 17 17ZM9 19C9 20.1046 8.10457 21 7 21C5.89543 21 5 20.1046 5 19C5 17.8954 5.89543 17 7 17C8.10457 17 9 17.8954 9 19Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <!-- Copyright Text -->\r\n        <div class=\"footer-copyright\">\r\n            <p>&copy; 2026 CHUBBY BOO. ALL RIGHTS RESERVED.<\/p>\r\n            <p class=\"small-text\">BUILT ON SOLANA BY THE GANG<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/footer>\r\n\r\n<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Erica+One&family=Margarine&display=swap');\r\n\r\n    .comic-footer {\r\n        padding: 40px 20px;\r\n        text-align: center;\r\n        background: transparent;\r\n    }\r\n\r\n    .footer-container {\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 30px;\r\n    }\r\n\r\n    \/* Grid Ikon *\/\r\n    .footer-icons-grid {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 15px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    \/* Box Ikon Komik *\/\r\n    .icon-box-comic {\r\n        width: 60px;\r\n        height: 60px;\r\n        background: #FFFFFF;\r\n        border: 4px solid #1A1A1A;\r\n        box-shadow: 6px 6px 0px #1A1A1A;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        color: #1A1A1A;\r\n        transition: 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        text-decoration: none;\r\n    }\r\n\r\n    .icon-box-comic svg {\r\n        width: 30px;\r\n        height: 30px;\r\n    }\r\n\r\n    \/* Variasi Rotasi Berantakan *\/\r\n    .icon-tg { transform: rotate(-5deg); }\r\n    .icon-x { transform: rotate(3deg); }\r\n    .icon-chart { transform: rotate(-2deg); }\r\n    .icon-buy { transform: rotate(4deg); }\r\n\r\n    \/* Hover Effects *\/\r\n    .icon-box-comic:hover {\r\n        transform: scale(1.1) rotate(0deg);\r\n        background: #FFD700; \/* Kuning Hero *\/\r\n        box-shadow: 8px 8px 0px #FF4500; \/* Oranye *\/\r\n    }\r\n\r\n    .icon-box-comic:active {\r\n        box-shadow: 0px 0px 0px #1A1A1A;\r\n        transform: translate(6px, 6px);\r\n    }\r\n\r\n    \/* Copyright Text Styling *\/\r\n    .footer-copyright {\r\n        font-family: 'Erica One', cursive;\r\n        color: #1A1A1A;\r\n        background: #FFFFFF;\r\n        border: 3px solid #1A1A1A;\r\n        padding: 15px 30px;\r\n        box-shadow: 6px 6px 0px #1A1A1A;\r\n        transform: rotate(-1deg);\r\n    }\r\n\r\n    .footer-copyright p {\r\n        margin: 0;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .small-text {\r\n        font-family: 'Margarine', sans-serif;\r\n        font-size: 0.8rem;\r\n        margin-top: 5px !important;\r\n        opacity: 0.7;\r\n    }\r\n\r\n    \/* Mobile Responsive *\/\r\n    @media (max-width: 600px) {\r\n        .icon-box-comic {\r\n            width: 50px;\r\n            height: 50px;\r\n        }\r\n        .footer-copyright {\r\n            padding: 10px 20px;\r\n            font-size: 0.9rem;\r\n        }\r\n    }\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BOO CA: COPY BUY $BOO THE REAL BOO CHUBBY BOO Defining authenticity in a digital world. Embracing life\u2019s simple pleasures with confidence and honesty. JOIN THE GANG EXPLORE BOO Chubby Boo &#8211; Official Website ABOUT READ BIO HOW TO BUY STEP BY STEP Your browser does not support the video tag. TOKENOMICS THE RECIPE SOCIALS [&hellip;]<\/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:\/\/chubbyboo.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chubbyboo.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chubbyboo.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chubbyboo.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chubbyboo.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":13,"href":"https:\/\/chubbyboo.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/chubbyboo.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/chubbyboo.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}