{"id":8,"date":"2026-04-10T17:59:31","date_gmt":"2026-04-10T17:59:31","guid":{"rendered":"https:\/\/bunbun.pro\/?page_id=8"},"modified":"2026-04-11T04:19:03","modified_gmt":"2026-04-11T04:19:03","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/bunbun.pro\/","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-924b023 e-flex e-con-boxed e-con e-parent\" data-id=\"924b023\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/bunbun.pro\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/HERO-BUNBUN.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-935a68b e-con-full e-flex e-con e-child\" data-id=\"935a68b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-89480ac elementor-widget elementor-widget-html\" data-id=\"89480ac\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n\r\n<style>\r\n    :root {\r\n        --glow-color: #f7d774;\r\n        --glass-inner: rgba(15, 15, 15, 0.7); \/* Background gelap transparan agar glow terlihat *\/\r\n    }\r\n\r\n    .slim-nav-premium {\r\n        font-family: 'Poppins', sans-serif;\r\n        padding: 20px 10px;\r\n        background: transparent;\r\n        display: flex;\r\n        justify-content: center;\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .slim-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr); \r\n        gap: 12px;\r\n        width: 100%;\r\n        max-width: 850px;\r\n    }\r\n\r\n    \/* Card Slim Base *\/\r\n    .slim-item {\r\n        position: relative;\r\n        border-radius: 12px;\r\n        z-index: 1;\r\n        overflow: hidden;\r\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    \/* Animated Border (Spinning Line) *\/\r\n    .slim-item::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: -150%;\r\n        left: -150%;\r\n        width: 400%;\r\n        height: 400%;\r\n        background: conic-gradient(transparent, transparent, var(--glow-color));\r\n        animation: rotate 3s linear infinite;\r\n        z-index: -2;\r\n        opacity: 0;\r\n        transition: opacity 0.3s;\r\n    }\r\n\r\n    .slim-item:hover::before {\r\n        opacity: 1;\r\n    }\r\n\r\n    \/* Inner Cover (Glass Effect) *\/\r\n    .slim-item::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 1px; \/* Ketebalan garis outline *\/\r\n        background: var(--glass-inner);\r\n        backdrop-filter: blur(10px);\r\n        -webkit-backdrop-filter: blur(10px);\r\n        border-radius: 11px;\r\n        z-index: -1;\r\n    }\r\n\r\n    \/* Content Layout (Horizontal) *\/\r\n    .slim-item a {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 12px 10px;\r\n        text-decoration: none;\r\n        color: #fff;\r\n        gap: 10px;\r\n    }\r\n\r\n    .slim-icon {\r\n        font-size: 16px;\r\n        color: var(--glow-color);\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .slim-text {\r\n        font-size: 0.7rem;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    \/* Hover States *\/\r\n    .slim-item:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 10px 20px rgba(247, 215, 116, 0.15);\r\n        border-color: rgba(247, 215, 116, 0.3);\r\n    }\r\n\r\n    .slim-item:hover .slim-icon {\r\n        transform: scale(1.2);\r\n        filter: drop-shadow(0 0 5px var(--glow-color));\r\n    }\r\n\r\n    @keyframes rotate {\r\n        100% { transform: rotate(1turn); }\r\n    }\r\n\r\n    \/* Mobile Optimization *\/\r\n    @media (max-width: 768px) {\r\n        .slim-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 8px;\r\n        }\r\n        .slim-text {\r\n            font-size: 0.65rem;\r\n            letter-spacing: 0.5px;\r\n        }\r\n        .slim-item a {\r\n            padding: 10px 8px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"slim-nav-premium\">\r\n    <div class=\"slim-grid\">\r\n        \r\n        <div class=\"slim-item\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n            <a href=\"https:\/\/x.com\/bunbunlegend\" target=\"_blank\">\r\n                <span class=\"slim-icon\"><i class=\"fa-brands fa-x-twitter\"><\/i><\/span>\r\n                <span class=\"slim-text\">Twitter<\/span>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"slim-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n            <a href=\"https:\/\/t.me\/bunbunlegend\" target=\"_blank\">\r\n                <span class=\"slim-icon\"><i class=\"fa-brands fa-telegram\"><\/i><\/span>\r\n                <span class=\"slim-text\">Telegram<\/span>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"slim-item\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n            <a href=\"https:\/\/dexscreener.com\/solana\/DT3qYxF7EqbTXC46CXtiENTY26XM4YSsU2WhaSffpump\">\r\n                <span class=\"slim-icon\"><i class=\"fa-solid fa-chart-line\"><\/i><\/span>\r\n                <span class=\"slim-text\">Chart<\/span>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"slim-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n            <a href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=DT3qYxF7EqbTXC46CXtiENTY26XM4YSsU2WhaSffpump\">\r\n                <span class=\"slim-icon\"><i class=\"fa-solid fa-repeat\"><\/i><\/span>\r\n                <span class=\"slim-text\">Swap<\/span>\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        AOS.init({\r\n            duration: 600,\r\n            once: true\r\n        });\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-48fe537 e-con-full e-flex e-con e-child\" data-id=\"48fe537\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b8d6be elementor-widget elementor-widget-html\" data-id=\"8b8d6be\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;800&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n\r\n<style>\r\n    .bun-hero-refined {\r\n        font-family: 'Poppins', sans-serif;\r\n        padding: 80px 20px;\r\n        min-height: 60vh;\r\n        display: flex;\r\n        align-items: center;\r\n        background: transparent;\r\n        color: #ffffff;\r\n        position: relative;\r\n    }\r\n\r\n    .bun-refined-wrapper {\r\n        max-width: 850px;\r\n        text-align: left;\r\n        z-index: 2;\r\n    }\r\n\r\n    .bun-refined-badge {\r\n        display: inline-block;\r\n        color: #f7d774;\r\n        font-size: 0.8rem;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        margin-bottom: 20px;\r\n        text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8);\r\n    }\r\n\r\n    .bun-refined-title {\r\n        font-size: clamp(3rem, 8vw, 5.5rem);\r\n        font-weight: 800;\r\n        line-height: 1;\r\n        margin: 0 0 20px 0;\r\n        color: #f7d774;\r\n        \/* SHADOW KUAT AGAR JUDUL JELAS *\/\r\n        text-shadow: 4px 4px 20px rgba(0, 0, 0, 1), 0 0 30px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    .bun-refined-subtitle {\r\n        font-size: clamp(1.2rem, 3vw, 1.8rem);\r\n        font-weight: 600;\r\n        color: #ffffff;\r\n        margin-bottom: 20px;\r\n        \/* SHADOW AGAR SUBTITLE JELAS *\/\r\n        text-shadow: 2px 2px 15px rgba(0, 0, 0, 1);\r\n    }\r\n\r\n    .bun-refined-content {\r\n        font-size: 1.1rem;\r\n        line-height: 1.8;\r\n        color: rgba(255, 255, 255, 0.95);\r\n        max-width: 600px;\r\n        margin-bottom: 40px;\r\n        \/* SHADOW AGAR DESKRIPSI JELAS *\/\r\n        text-shadow: 1px 1px 12px rgba(0, 0, 0, 1), 0 0 5px rgba(0,0,0,0.8);\r\n    }\r\n\r\n    \/* CARD KHUSUS CA AGAR MENONJOL *\/\r\n    .bun-ca-pill {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        background: rgba(0, 0, 0, 0.6); \/* Gelap transparan agar teks cerah *\/\r\n        backdrop-filter: blur(10px);\r\n        -webkit-backdrop-filter: blur(10px);\r\n        border: 1px solid rgba(255, 255, 255, 0.2);\r\n        padding: 10px 10px 10px 25px;\r\n        border-radius: 50px;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    .ca-ticker-refined {\r\n        font-weight: 800;\r\n        color: #f7d774;\r\n        font-size: 0.9rem;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .ca-addr-refined {\r\n        font-family: 'Poppins', sans-serif; \/* Mengikuti font deskripsi *\/\r\n        font-size: 0.95rem;\r\n        color: #ffffff;\r\n        letter-spacing: 0.5px;\r\n        font-weight: 400;\r\n    }\r\n\r\n    .bun-copy-btn {\r\n        background: #f7d774;\r\n        color: #111;\r\n        border: none;\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 50%;\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .bun-copy-btn:hover {\r\n        transform: scale(1.1);\r\n        background: #ffffff;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .bun-ca-pill {\r\n            padding: 8px 8px 8px 20px;\r\n        }\r\n        .ca-addr-refined {\r\n            font-size: 0.8rem;\r\n            max-width: 140px;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"bun-hero-refined\">\r\n    <div class=\"bun-refined-wrapper\" data-aos=\"fade-right\">\r\n        \r\n        <div class=\"bun-refined-badge\">\r\n            \u2728 Welcome to Bunbun!\r\n        <\/div>\r\n\r\n        <h1 class=\"bun-refined-title\">\r\n            BUNBUN\r\n        <\/h1>\r\n        \r\n        <div class=\"bun-refined-subtitle\">\r\n            A Heartwarming Tale of the Guardian and the Tiny Golden Wings.\r\n        <\/div>\r\n\r\n        <p class=\"bun-refined-content\">\r\n            In the hustle and bustle of the world, there is a place where time seems to slow down. \r\n            That place is Bunbun\u2019s backyard, where every day brings a new adventure for these \r\n            two most unlikely best friends.\r\n        <\/p>\r\n\r\n        <div class=\"bun-ca-pill\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n            <span class=\"ca-ticker-refined\">CA:<\/span>\r\n            <span class=\"ca-addr-refined\" id=\"mainCA\">DT3qYxF7EqbTXC46CXtiENTY26XM4YSsU2WhaSffpump<\/span>\r\n            <button class=\"bun-copy-btn\" onclick=\"copyAction(DT3qYxF7EqbTXC46CXtiENTY26XM4YSsU2WhaSffpump)\">\r\n                <i class=\"fa-regular fa-copy\"><\/i>\r\n            <\/button>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n<script>\r\n    AOS.init({ duration: 1000, once: true });\r\n\r\n    function copyAction() {\r\n        const textToCopy = document.getElementById('mainCA').innerText;\r\n        navigator.clipboard.writeText(textToCopy).then(() => {\r\n            const btn = document.querySelector('.bun-copy-btn');\r\n            const originalHTML = btn.innerHTML;\r\n            \r\n            btn.innerHTML = '<i class=\"fa-solid fa-check\"><\/i>';\r\n            btn.style.background = '#4BB543';\r\n            btn.style.color = '#fff';\r\n            \r\n            setTimeout(() => {\r\n                btn.innerHTML = originalHTML;\r\n                btn.style.background = '#f7d774';\r\n                btn.style.color = '#111';\r\n            }, 2000);\r\n        });\r\n    }\r\n<\/script>\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-fecc39c e-flex e-con-boxed e-con e-parent\" data-id=\"fecc39c\" 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-d5be7fa e-con-full e-flex e-con e-child\" data-id=\"d5be7fa\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8051a3a elementor-widget elementor-widget-html\" data-id=\"8051a3a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;800&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    .bun-about-centered {\r\n        font-family: 'Poppins', sans-serif;\r\n        padding: 100px 20px;\r\n        background: transparent;\r\n        color: #ffffff;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center; \/* Centered *\/\r\n        text-align: center; \/* Centered *\/\r\n        overflow: hidden;\r\n    }\r\n\r\n    .bun-about-content-wrapper {\r\n        max-width: 900px;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* VIDEO PILL STYLING *\/\r\n    .bun-video-pill {\r\n        width: 100%;\r\n        max-width: 800px;\r\n        margin: 0 auto 60px auto;\r\n        \/* Berbentuk Pill *\/\r\n        border-radius: 500px; \r\n        overflow: hidden;\r\n        border: 2px solid rgba(247, 215, 116, 0.4);\r\n        box-shadow: 0 0 30px rgba(247, 215, 116, 0.2), 0 20px 50px rgba(0,0,0,0.5);\r\n        background: #000;\r\n        position: relative;\r\n    }\r\n\r\n    .bun-video-pill video {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n        \/* Memastikan video terpotong rapi mengikuti bentuk pill *\/\r\n        object-fit: cover; \r\n    }\r\n\r\n    \/* HEADER STYLING *\/\r\n    .bun-badge-alt {\r\n        display: inline-block;\r\n        background: rgba(247, 215, 116, 0.1);\r\n        color: #f7d774;\r\n        padding: 8px 20px;\r\n        border-radius: 50px;\r\n        font-size: 0.8rem;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        margin-bottom: 20px;\r\n        border: 1px solid rgba(247, 215, 116, 0.3);\r\n    }\r\n\r\n    .bun-title-alt {\r\n        font-size: clamp(2.5rem, 6vw, 4rem);\r\n        font-weight: 800;\r\n        line-height: 1.1;\r\n        margin-bottom: 30px;\r\n        color: #f7d774;\r\n        text-shadow: 0 10px 20px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    .bun-intro-alt {\r\n        font-size: 1.15rem;\r\n        line-height: 1.8;\r\n        color: rgba(255, 255, 255, 0.9);\r\n        margin-bottom: 50px;\r\n        max-width: 750px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n        text-shadow: 1px 1px 10px rgba(0,0,0,0.8);\r\n    }\r\n\r\n    \/* CHARACTER CARDS *\/\r\n    .bun-traits-container {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 25px;\r\n    }\r\n\r\n    .bun-trait-pill {\r\n        background: rgba(255, 255, 255, 0.05);\r\n        backdrop-filter: blur(15px);\r\n        -webkit-backdrop-filter: blur(15px);\r\n        padding: 40px 30px;\r\n        border-radius: 40px; \/* Rounded pill style *\/\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        transition: all 0.4s ease;\r\n        position: relative;\r\n    }\r\n\r\n    .bun-trait-pill:hover {\r\n        background: rgba(255, 255, 255, 0.1);\r\n        transform: translateY(-10px);\r\n        border-color: #f7d774;\r\n        box-shadow: 0 15px 30px rgba(0,0,0,0.3);\r\n    }\r\n\r\n    .bun-trait-pill h3 {\r\n        color: #f7d774;\r\n        font-size: 1.4rem;\r\n        font-weight: 700;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .bun-trait-pill p {\r\n        font-size: 1rem;\r\n        line-height: 1.6;\r\n        color: rgba(255, 255, 255, 0.8);\r\n    }\r\n\r\n    \/* Decorative Glow *\/\r\n    .bun-trait-pill::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; right: 0; bottom: 0;\r\n        border-radius: 40px;\r\n        box-shadow: inset 0 0 20px rgba(247, 215, 116, 0);\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .bun-trait-pill:hover::after {\r\n        box-shadow: inset 0 0 20px rgba(247, 215, 116, 0.1);\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .bun-traits-container {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        .bun-video-pill {\r\n            border-radius: 50px; \/* Kurangi kelengkungan di HP agar video tetap jelas *\/\r\n        }\r\n        .bun-about-centered {\r\n            padding: 60px 15px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"bun-about-centered\">\r\n    <div class=\"bun-about-content-wrapper\">\r\n        \r\n        <div class=\"bun-badge-alt\" data-aos=\"fade-down\">\r\n            The Legend of Bunbun\r\n        <\/div>\r\n\r\n        <div class=\"bun-video-pill\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\r\n            <video autoplay muted loop playsinline>\r\n                <source src=\"https:\/\/bunbun.pro\/wp-content\/uploads\/2026\/04\/ASET-BUNBUN.mp4\" type=\"video\/mp4\">\r\n                Your browser does not support the video tag.\r\n            <\/video>\r\n        <\/div>\r\n\r\n        <h2 class=\"bun-title-alt\" data-aos=\"fade-up\">\r\n            \ud83d\udcd6 The Story of Our Friendship\r\n        <\/h2>\r\n\r\n        <p class=\"bun-intro-alt\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n            It all began under the soft glow of the morning sun. Bunbun, a Golden Retriever with a heart as vast as the ocean, found a tiny, unexpected companion. Not another dog, but a little chick with feathers as soft as cotton. Since that day, they have been inseparable.\r\n        <\/p>\r\n\r\n        <div class=\"bun-traits-container\">\r\n            \r\n            <div class=\"bun-trait-pill\" data-aos=\"fade-right\" data-aos-delay=\"200\">\r\n                <h3>\ud83d\udc51 The Tiny & Brave<\/h3>\r\n                <p>Despite his small stature, the little chick is often the leader of their adventures, standing tall atop Bunbun\u2019s head like a little king of the garden.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"bun-trait-pill\" data-aos=\"fade-left\" data-aos-delay=\"300\">\r\n                <h3>\ud83d\udee1\ufe0f The Gentle Guardian<\/h3>\r\n                <p>Bunbun is always ready with a strong yet tender paw to shield his little friend from the wind or simply to provide the world\u2019s coziest spot for a nap.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        AOS.init({ \r\n            duration: 1200, \r\n            once: false,\r\n            offset: 100 \r\n        });\r\n    });\r\n<\/script>\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-2ca2cce e-flex e-con-boxed e-con e-parent\" data-id=\"2ca2cce\" 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-3e4dbdf e-con-full e-flex e-con e-child\" data-id=\"3e4dbdf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bacab1d elementor-widget elementor-widget-html\" data-id=\"bacab1d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n\r\n<style>\r\n    \/* 2. STYLE CSS - GALLERY SECTION *\/\r\n    .bun-gallery-messy {\r\n        font-family: 'Poppins', sans-serif;\r\n        padding: 80px 0;\r\n        background: transparent; \/* Mengikuti BG WordPress *\/\r\n        overflow: hidden; \/* Penting untuk Marquee *\/\r\n        width: 100%;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Header Styling *\/\r\n    .gallery-header-messy {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .gallery-header-messy h2 {\r\n        font-size: clamp(2.5rem, 6vw, 4rem);\r\n        font-weight: 800;\r\n        color: #f7d774; \/* Kuning Bunbun *\/\r\n        margin-bottom: 10px;\r\n        text-shadow: 0 10px 20px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    .gallery-header-messy p {\r\n        font-size: 1.1rem;\r\n        color: rgba(255,255,255,0.8);\r\n        max-width: 600px;\r\n        margin: 0 auto;\r\n        text-shadow: 1px 1px 10px rgba(0,0,0,0.8);\r\n    }\r\n\r\n    \/* Marquee Container *\/\r\n    .marquee-messy-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 40px; \/* Jarak antar baris *\/\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Base Styling untuk Baris Marquee *\/\r\n    .marquee-messy-row {\r\n        display: flex;\r\n        width: calc(250px * 10); \/* Estimasi lebar total (5 foto ori + 5 duplikat) *\/\r\n        animation: marquee-messy linear infinite;\r\n    }\r\n\r\n    \/* Baris Atas (5 Foto) - Gerak ke KIRI *\/\r\n    .row-top {\r\n        animation-duration: 40s; \/* Kecepatan *\/\r\n    }\r\n\r\n    \/* Baris Bawah (5 Foto) - Gerak ke KANAN *\/\r\n    .row-bottom {\r\n        animation-duration: 45s; \/* Kecepatan berbeda agar dinamis *\/\r\n        animation-direction: reverse; \/* Arah sebaliknya *\/\r\n    }\r\n\r\n    \/* Menjeda animasi saat di-hover *\/\r\n    .marquee-messy-container:hover .marquee-messy-row {\r\n        animation-play-state: paused;\r\n    }\r\n\r\n    \/* Styling Frame Foto (Efek Berantakan) *\/\r\n    .photo-frame-messy {\r\n        flex: 0 0 220px; \/* Lebar kaku foto *\/\r\n        height: 220px;\r\n        margin: 0 15px; \/* Jarak horizontal standar *\/\r\n        background: #fff; \/* Warna kertas foto *\/\r\n        padding: 10px 10px 30px 10px; \/* Padding bawah lebih besar untuk efek polaroid *\/\r\n        box-shadow: 5px 15px 30px rgba(0,0,0,0.4);\r\n        border-radius: 4px;\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        position: relative;\r\n    }\r\n\r\n    .photo-frame-messy img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover; \/* Foto memenuhi frame *\/\r\n        border-radius: 2px;\r\n    }\r\n\r\n    \/* Efek Hover pada Foto *\/\r\n    .photo-frame-messy:hover {\r\n        transform: scale(1.1) rotate(0deg) !important; \/* Kembali tegak saat di-hover *\/\r\n        box-shadow: 10px 25px 50px rgba(0,0,0,0.6);\r\n        z-index: 10; \/* Maju ke depan *\/\r\n    }\r\n\r\n    \/* 3. MENERAPKAN ROTASI DAN MARGIN ACAK (Efek Berantakan) *\/\r\n    \/* Kita gunakan nth-child untuk memberikan variasi acak tanpa Javascript *\/\r\n\r\n    \/* Variasi Rotasi dan Margin untuk Baris Atas *\/\r\n    .row-top .photo-frame-messy:nth-child(odd) {\r\n        transform: rotate(-5deg);\r\n        margin-top: -10px;\r\n    }\r\n    .row-top .photo-frame-messy:nth-child(even) {\r\n        transform: rotate(4deg);\r\n        margin-top: 15px;\r\n    }\r\n    .row-top .photo-frame-messy:nth-child(3n) {\r\n        transform: rotate(-2deg);\r\n        margin-top: 5px;\r\n        margin-right: -10px; \/* Tumpang tindih sedikit *\/\r\n    }\r\n\r\n    \/* Variasi Rotasi dan Margin untuk Baris Bawah *\/\r\n    .row-bottom .photo-frame-messy:nth-child(odd) {\r\n        transform: rotate(3deg);\r\n        margin-top: 10px;\r\n    }\r\n    .row-bottom .photo-frame-messy:nth-child(even) {\r\n        transform: rotate(-6deg);\r\n        margin-top: -5px;\r\n        margin-left: -10px; \/* Tumpang tindih sedikit *\/\r\n    }\r\n    .row-bottom .photo-frame-messy:nth-child(4n) {\r\n        transform: rotate(2deg);\r\n        margin-top: 15px;\r\n    }\r\n\r\n    \/* 4. KEYFRAMES ANIMASI (Infinite Scroll) *\/\r\n    @keyframes marquee-messy {\r\n        0% { transform: translateX(0); }\r\n        100% { transform: translateX(calc(-250px * 5)); } \/* Geser sejauh 5 foto *\/\r\n    }\r\n\r\n    \/* 5. RESPONSIVE MOBILE *\/\r\n    @media (max-width: 768px) {\r\n        .gallery-header-messy h2 { font-size: 2.2rem; }\r\n        .photo-frame-messy {\r\n            flex: 0 0 150px; \/* Foto lebih kecil di HP *\/\r\n            height: 150px;\r\n            padding: 8px 8px 20px 8px;\r\n        }\r\n        @keyframes marquee-messy {\r\n            100% { transform: translateX(calc(-180px * 5)); } \/* Sesuaikan geseran di HP *\/\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"bun-gallery-messy\">\r\n    \r\n    <div class=\"gallery-header-messy\">\r\n        <h2>Moments of Magic<\/h2>\r\n        <p>A peek into the inseparable bond and daily adventures of Bunbun and his tiny best friend.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"marquee-messy-container\">\r\n        \r\n        <div class=\"marquee-messy-row row-top\">\r\n            \r\n            <div class=\"photo-frame-messy\"><img decoding=\"async\" src=\"https:\/\/bunbun.pro\/wp-content\/uploads\/2026\/04\/BUN1.png\" alt=\"Bunbun Gallery 1\"><\/div>\r\n            <div class=\"photo-frame-messy\"><img decoding=\"async\" src=\"https:\/\/bunbun.pro\/wp-content\/uploads\/2026\/04\/BUN2.png\" alt=\"Bunbun Gallery 2\"><\/div>\r\n            <div class=\"photo-frame-messy\"><img decoding=\"async\" src=\"https:\/\/bunbun.pro\/wp-content\/uploads\/2026\/04\/BUN3.png\" alt=\"Bunbun Gallery 3\"><\/div>\r\n            <div class=\"photo-frame-messy\"><img decoding=\"async\" src=\"https:\/\/bunbun.pro\/wp-content\/uploads\/2026\/04\/BUN4.png\" alt=\"Bunbun Gallery 4\"><\/div>\r\n            <div class=\"photo-frame-messy\"><img decoding=\"async\" src=\"https:\/\/bunbun.pro\/wp-content\/uploads\/2026\/04\/BUN5.png\" alt=\"Bunbun Gallery 5\"><\/div>\r\n\r\n            <div class=\"photo-frame-messy\"><img decoding=\"async\" src=\"https:\/\/bunbun.pro\/wp-content\/uploads\/2026\/04\/BUN1.png\" alt=\"Bunbun Gallery 1\"><\/div>\r\n            <div class=\"photo-frame-messy\"><img decoding=\"async\" src=\"https:\/\/bunbun.pro\/wp-content\/uploads\/2026\/04\/BUN2.png\" alt=\"Bunbun Gallery 2\"><\/div>\r\n            <div class=\"photo-frame-messy\"><img decoding=\"async\" src=\"https:\/\/bunbun.pro\/wp-content\/uploads\/2026\/04\/BUN3.png\" alt=\"Bunbun Gallery 3\"><\/div>\r\n            <div class=\"photo-frame-messy\"><img decoding=\"async\" src=\"https:\/\/bunbun.pro\/wp-content\/uploads\/2026\/04\/BUN4.png\" alt=\"Bunbun Gallery 4\"><\/div>\r\n            <div class=\"photo-frame-messy\"><img decoding=\"async\" src=\"https:\/\/bunbun.pro\/wp-content\/uploads\/2026\/04\/BUN5.png\" alt=\"Bunbun Gallery 5\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"marquee-messy-row row-bottom\">\r\n            \r\n            <div class=\"photo-frame-messy\"><img decoding=\"async\" src=\"https:\/\/bunbun.pro\/wp-content\/uploads\/2026\/04\/BUN6.png\" alt=\"Bunbun Gallery 6\"><\/div>\r\n            <div class=\"photo-frame-messy\"><img decoding=\"async\" src=\"https:\/\/bunbun.pro\/wp-content\/uploads\/2026\/04\/BUN7.png\" alt=\"Bunbun Gallery 7\"><\/div>\r\n            <div class=\"photo-frame-messy\"><img decoding=\"async\" src=\"https:\/\/bunbun.pro\/wp-content\/uploads\/2026\/04\/BUN8.png\" alt=\"Bunbun Gallery 8\"><\/div>\r\n            <div class=\"photo-frame-messy\"><img decoding=\"async\" src=\"https:\/\/bunbun.pro\/wp-content\/uploads\/2026\/04\/BUN9.png\" alt=\"Bunbun Gallery 9\"><\/div>\r\n            <div class=\"photo-frame-messy\"><img decoding=\"async\" src=\"https:\/\/bunbun.pro\/wp-content\/uploads\/2026\/04\/BUN10.png\" alt=\"Bunbun Gallery 10\"><\/div>\r\n\r\n            <div class=\"photo-frame-messy\"><img decoding=\"async\" src=\"https:\/\/bunbun.pro\/wp-content\/uploads\/2026\/04\/BUN6.png\" alt=\"Bunbun Gallery 6\"><\/div>\r\n            <div class=\"photo-frame-messy\"><img decoding=\"async\" src=\"https:\/\/bunbun.pro\/wp-content\/uploads\/2026\/04\/BUN7.png\" alt=\"Bunbun Gallery 7\"><\/div>\r\n            <div class=\"photo-frame-messy\"><img decoding=\"async\" src=\"https:\/\/bunbun.pro\/wp-content\/uploads\/2026\/04\/BUN8.png\" alt=\"Bunbun Gallery 8\"><\/div>\r\n            <div class=\"photo-frame-messy\"><img decoding=\"async\" src=\"https:\/\/bunbun.pro\/wp-content\/uploads\/2026\/04\/BUN9.png\" alt=\"Bunbun Gallery 9\"><\/div>\r\n            <div class=\"photo-frame-messy\"><img decoding=\"async\" src=\"https:\/\/bunbun.pro\/wp-content\/uploads\/2026\/04\/BUN10.png\" alt=\"Bunbun Gallery 10\"><\/div>\r\n        <\/div>\r\n\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-a65b2de e-flex e-con-boxed e-con e-parent\" data-id=\"a65b2de\" 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-cae6d25 e-con-full e-flex e-con e-child\" data-id=\"cae6d25\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e77c2b elementor-widget elementor-widget-html\" data-id=\"4e77c2b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;800&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n\r\n<style>\r\n    :root {\r\n        --bun-gold: #f7d774;\r\n        --glass-bg: rgba(255, 255, 255, 0.05);\r\n        --glass-border: rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    .bun-section-title {\r\n        font-family: 'Poppins', sans-serif;\r\n        text-align: center;\r\n        padding: 40px 20px 10px;\r\n        color: #fff;\r\n    }\r\n\r\n    .bun-section-title h2 {\r\n        font-size: clamp(2rem, 5vw, 3rem);\r\n        font-weight: 800;\r\n        color: var(--bun-gold);\r\n        text-shadow: 0 5px 15px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    \/* --- SLIM HORIZONTAL TOKENOMICS --- *\/\r\n    .bun-tokenomics-slim {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        gap: 15px;\r\n        max-width: 1100px;\r\n        margin: 0 auto 60px auto;\r\n        padding: 0 20px;\r\n        font-family: 'Poppins', sans-serif;\r\n    }\r\n\r\n    .token-item-slim {\r\n        background: var(--glass-bg);\r\n        backdrop-filter: blur(10px);\r\n        -webkit-backdrop-filter: blur(10px);\r\n        border: 1px solid var(--glass-border);\r\n        border-radius: 15px;\r\n        padding: 15px 25px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        flex: 1;\r\n        min-width: 200px; \/* Menjaga agar tetap rapi saat wrapping *\/\r\n        transition: 0.3s ease;\r\n    }\r\n\r\n    .token-item-slim:hover {\r\n        background: rgba(255, 255, 255, 0.1);\r\n        border-color: var(--bun-gold);\r\n        transform: translateY(-3px);\r\n    }\r\n\r\n    .token-icon-slim {\r\n        font-size: 1.5rem;\r\n        color: var(--bun-gold);\r\n        filter: drop-shadow(0 0 5px rgba(247, 215, 116, 0.3));\r\n    }\r\n\r\n    .token-info-slim {\r\n        text-align: left;\r\n    }\r\n\r\n    .token-info-slim h3 {\r\n        font-size: 0.75rem;\r\n        color: rgba(255, 255, 255, 0.7);\r\n        margin: 0;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .token-info-slim p {\r\n        font-size: 1.1rem;\r\n        font-weight: 800;\r\n        color: #fff;\r\n        margin: 0;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    \/* --- ROADMAP STYLE (REMAINS CONSISTENT) --- *\/\r\n    .bun-roadmap {\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n        padding: 20px;\r\n        position: relative;\r\n    }\r\n\r\n    .bun-roadmap::before {\r\n        content: '';\r\n        position: absolute;\r\n        left: 50%;\r\n        width: 2px;\r\n        height: 100%;\r\n        background: linear-gradient(to bottom, transparent, var(--bun-gold), transparent);\r\n        transform: translateX(-50%);\r\n    }\r\n\r\n    .roadmap-item {\r\n        display: flex;\r\n        justify-content: flex-end;\r\n        padding-right: 50%;\r\n        position: relative;\r\n        margin-bottom: 40px;\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .roadmap-item:nth-child(even) {\r\n        justify-content: flex-start;\r\n        padding-right: 0;\r\n        padding-left: 50%;\r\n    }\r\n\r\n    .roadmap-dot {\r\n        position: absolute;\r\n        left: 50%;\r\n        top: 20px;\r\n        width: 12px;\r\n        height: 12px;\r\n        background: var(--bun-gold);\r\n        border-radius: 50%;\r\n        transform: translateX(-50%);\r\n        box-shadow: 0 0 10px var(--bun-gold);\r\n        z-index: 2;\r\n    }\r\n\r\n    .roadmap-content {\r\n        width: 85%;\r\n        background: var(--glass-bg);\r\n        backdrop-filter: blur(10px);\r\n        border: 1px solid var(--glass-border);\r\n        padding: 20px;\r\n        border-radius: 15px;\r\n        margin: 0 15px;\r\n        text-align: left;\r\n    }\r\n\r\n    .roadmap-content h4 {\r\n        color: var(--bun-gold);\r\n        font-weight: 800;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .roadmap-content ul {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n\r\n    .roadmap-content li {\r\n        color: rgba(255,255,255,0.8);\r\n        font-size: 0.85rem;\r\n        margin-bottom: 5px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n    }\r\n\r\n    .roadmap-content li::before {\r\n        content: '\ud83d\udc3e';\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .bun-tokenomics-slim { flex-direction: column; }\r\n        .token-item-slim { width: 100%; }\r\n        .bun-roadmap::before { left: 20px; transform: none; }\r\n        .roadmap-item, .roadmap-item:nth-child(even) { justify-content: flex-start; padding-left: 40px; padding-right: 0; }\r\n        .roadmap-dot { left: 20px; }\r\n        .roadmap-content { width: 100%; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"bun-section-title\" data-aos=\"fade-up\">\r\n    <h2>Tokenomics<\/h2>\r\n<\/div>\r\n\r\n<div class=\"bun-tokenomics-slim\">\r\n    <div class=\"token-item-slim\" data-aos=\"fade-right\" data-aos-delay=\"100\">\r\n        <div class=\"token-icon-slim\"><i class=\"fa-solid fa-coins\"><\/i><\/div>\r\n        <div class=\"token-info-slim\">\r\n            <h3>Supply<\/h3>\r\n            <p>1,000,000,000<\/p>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"token-item-slim\" data-aos=\"fade-right\" data-aos-delay=\"200\">\r\n        <div class=\"token-icon-slim\"><i class=\"fa-solid fa-fire-burner\"><\/i><\/div>\r\n        <div class=\"token-info-slim\">\r\n            <h3>Liquidity<\/h3>\r\n            <p>100% Burned<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"token-item-slim\" data-aos=\"fade-right\" data-aos-delay=\"300\">\r\n        <div class=\"token-icon-slim\"><i class=\"fa-solid fa-percent\"><\/i><\/div>\r\n        <div class=\"token-info-slim\">\r\n            <h3>Tax<\/h3>\r\n            <p>0% \/ 0%<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"token-item-slim\" data-aos=\"fade-right\" data-aos-delay=\"400\">\r\n        <div class=\"token-icon-slim\"><i class=\"fa-solid fa-shield-check\"><\/i><\/div>\r\n        <div class=\"token-info-slim\">\r\n            <h3>Security<\/h3>\r\n            <p>Mint Revoked<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"bun-section-title\" data-aos=\"fade-up\">\r\n    <h2>Roadmap<\/h2>\r\n<\/div>\r\n\r\n<div class=\"bun-roadmap\">\r\n    <div class=\"roadmap-item\" data-aos=\"fade-right\">\r\n        <div class=\"roadmap-dot\"><\/div>\r\n        <div class=\"roadmap-content\">\r\n            <h4>Phase 1: Sunrise<\/h4>\r\n            <ul>\r\n                <li>Community Launch<\/li>\r\n                <li>Website & Socials Reveal<\/li>\r\n                <li>Initial Marketing Push<\/li>\r\n                <li>$BUNBUN Fair Launch<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"roadmap-item\" data-aos=\"fade-left\">\r\n        <div class=\"roadmap-dot\"><\/div>\r\n        <div class=\"roadmap-content\">\r\n            <h4>Phase 2: The Garden<\/h4>\r\n            <ul>\r\n                <li>CoinGecko & CMC Listing<\/li>\r\n                <li>Community Contests<\/li>\r\n                <li>Tier 2 Exchange Listings<\/li>\r\n                <li>5,000+ Holders<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"roadmap-item\" data-aos=\"fade-right\">\r\n        <div class=\"roadmap-dot\"><\/div>\r\n        <div class=\"roadmap-content\">\r\n            <h4>Phase 3: Golden Age<\/h4>\r\n            <ul>\r\n                <li>BUNBUN Official Merch<\/li>\r\n                <li>Major Partnerships<\/li>\r\n                <li>Massive Marketing Wave<\/li>\r\n                <li>10,000+ Holders<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        AOS.init({ duration: 1000, once: true });\r\n    });\r\n<\/script>\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-a48cb0c e-flex e-con-boxed e-con e-parent\" data-id=\"a48cb0c\" 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-9bc37e1 e-con-full e-flex e-con e-child\" data-id=\"9bc37e1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-595e8a7 elementor-widget elementor-widget-html\" data-id=\"595e8a7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;800&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n\r\n<style>\r\n    \/* 2. STYLE CSS - PREMIUM COMMUNITY SECTION *\/\r\n    .bun-com-glass-section {\r\n        font-family: 'Poppins', sans-serif;\r\n        padding: 100px 20px;\r\n        background: transparent;\r\n        color: #ffffff;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* THE MAIN GLASS CARD *\/\r\n    .bun-com-glass-card {\r\n        background: rgba(255, 255, 255, 0.03); \/* Sangat tipis *\/\r\n        backdrop-filter: blur(15px);\r\n        -webkit-backdrop-filter: blur(15px);\r\n        border: 1px solid rgba(255, 255, 255, 0.08);\r\n        border-radius: 40px;\r\n        max-width: 1100px;\r\n        width: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 50px;\r\n        padding: 60px;\r\n        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4);\r\n        position: relative;\r\n    }\r\n\r\n    \/* VIDEO SECTION - MEGA CIRCLE *\/\r\n    .bun-com-video-area {\r\n        flex: 1;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        position: relative;\r\n    }\r\n\r\n    .bun-mega-video-circle {\r\n        \/* Ukuran Video Jauh Lebih Besar *\/\r\n        width: 400px; \r\n        height: 400px;\r\n        border-radius: 50%;\r\n        overflow: hidden;\r\n        border: 4px solid #f7d774;\r\n        box-shadow: 0 0 40px rgba(247, 215, 116, 0.5);\r\n        position: relative;\r\n        z-index: 2;\r\n        animation: com-pulse-glow 3s infinite;\r\n    }\r\n\r\n    .bun-mega-video-circle video {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover; \/* Video presisi di dalam lingkaran *\/\r\n    }\r\n\r\n    \/* Aura Pulse di belakang video *\/\r\n    .bun-com-video-area::before {\r\n        content: '';\r\n        position: absolute;\r\n        width: 450px;\r\n        height: 450px;\r\n        background: rgba(247, 215, 116, 0.08);\r\n        border-radius: 50%;\r\n        z-index: 1;\r\n        animation: com-pulse-outer 3s infinite;\r\n    }\r\n\r\n    @keyframes com-pulse-glow {\r\n        0% { box-shadow: 0 0 20px rgba(247, 215, 116, 0.4); }\r\n        50% { box-shadow: 0 0 60px rgba(247, 215, 116, 0.7); }\r\n        100% { box-shadow: 0 0 20px rgba(247, 215, 116, 0.4); }\r\n    }\r\n\r\n    @keyframes com-pulse-outer {\r\n        0% { transform: scale(1); opacity: 0.6; }\r\n        100% { transform: scale(1.3); opacity: 0; }\r\n    }\r\n\r\n    \/* TEXT SECTION - PRESISI DENGAN VIDEO *\/\r\n    .bun-com-text-area {\r\n        flex: 1.1;\r\n        text-align: left;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n    }\r\n\r\n    .com-badge-glass {\r\n        color: #f7d774;\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        margin-bottom: 15px;\r\n        display: block;\r\n        text-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n    }\r\n\r\n    .com-title-glass {\r\n        font-size: clamp(2.2rem, 5vw, 3.5rem);\r\n        font-weight: 800;\r\n        line-height: 1.1;\r\n        margin-bottom: 25px;\r\n        color: #f7d774;\r\n        text-shadow: 0 5px 15px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    .com-desc-glass {\r\n        font-size: 1rem;\r\n        line-height: 1.8;\r\n        color: rgba(255, 255, 255, 0.9);\r\n        margin-bottom: 35px;\r\n        text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.8);\r\n    }\r\n\r\n    \/* BUTTONS STYLE *\/\r\n    .com-buttons-glass {\r\n        display: flex;\r\n        gap: 15px;\r\n    }\r\n\r\n    .bun-btn-glass {\r\n        padding: 14px 30px;\r\n        border-radius: 50px;\r\n        text-decoration: none;\r\n        font-weight: 700;\r\n        font-size: 0.9rem;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        border: 1px solid transparent;\r\n    }\r\n\r\n    .glass-tg {\r\n        background: #f7d774;\r\n        color: #111;\r\n    }\r\n\r\n    .glass-tg:hover {\r\n        background: #fff;\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    .glass-x {\r\n        background: rgba(255, 255, 255, 0.05);\r\n        color: #fff;\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        backdrop-filter: blur(5px);\r\n    }\r\n\r\n    .glass-x:hover {\r\n        background: rgba(255, 255, 255, 0.1);\r\n        border-color: rgba(255, 255, 255, 0.3);\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    \/* 3. RESPONSIVE MOBILE *\/\r\n    @media (max-width: 992px) {\r\n        .bun-com-glass-card {\r\n            flex-direction: column-reverse; \/* Video di bawah teks di tablet *\/\r\n            padding: 40px;\r\n            gap: 40px;\r\n        }\r\n        .bun-com-text-area {\r\n            text-align: center;\r\n            align-items: center;\r\n        }\r\n        .com-buttons-glass {\r\n            justify-content: center;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .bun-com-glass-card {\r\n            border-radius: 20px;\r\n            padding: 30px 20px;\r\n        }\r\n        .bun-mega-video-circle {\r\n            width: 280px; \/* Mengecil di mobile tapi tetap bulat *\/\r\n            height: 280px;\r\n        }\r\n        .bun-com-video-area::before {\r\n            width: 320px;\r\n            height: 320px;\r\n        }\r\n        .com-title-glass { font-size: 2rem; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"bun-com-glass-section\">\r\n    <div class=\"bun-com-glass-card\" data-aos=\"fade-up\">\r\n        \r\n        <div class=\"bun-com-text-area\">\r\n            <span class=\"com-badge-glass\">Community Owned<\/span>\r\n            <h2 class=\"com-title-glass\">Join the Bunbun Army<\/h2>\r\n            <p class=\"com-desc-glass\">\r\n                Be part of the most heartwarming and loyal community in the crypto space. \r\n                Follow our daily adventures, get exclusive updates, and connect with \r\n                thousands of Bunbun enthusiasts worldwide.\r\n            <\/p>\r\n\r\n            <div class=\"com-buttons-glass\">\r\n                <a href=\"https:\/\/t.me\/bunbunlegend\" target=\"_blank\" class=\"bun-btn-glass glass-tg\">\r\n                    <i class=\"fa-brands fa-telegram\"><\/i> Telegram\r\n                <\/a>\r\n                <a href=\"https:\/\/x.com\/bunbunlegend\" target=\"_blank\" class=\"bun-btn-glass glass-x\">\r\n                    <i class=\"fa-brands fa-x-twitter\"><\/i> Twitter\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bun-com-video-area\">\r\n            <div class=\"bun-mega-video-circle\">\r\n                <video autoplay muted loop playsinline>\r\n                    <source src=\"https:\/\/bunbun.pro\/wp-content\/uploads\/2026\/04\/ICON-DEX-BUNBUN.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>\r\n<\/section>\r\n\r\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        \/\/ Inisialisasi AOS untuk animasi card\r\n        AOS.init({ \r\n            duration: 1000, \r\n            once: true,\r\n            offset: 200 \/\/ Memulai animasi saat card 20% terlihat\r\n        });\r\n    });\r\n<\/script>\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-adf65a7 e-flex e-con-boxed e-con e-parent\" data-id=\"adf65a7\" 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-d0989c4 e-con-full e-flex e-con e-child\" data-id=\"d0989c4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2278844 elementor-widget elementor-widget-html\" data-id=\"2278844\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n\r\n<style>\r\n    .bun-footer-section {\r\n        font-family: 'Poppins', sans-serif;\r\n        padding: 40px 20px;\r\n        background: transparent;\r\n        color: #ffffff;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        position: relative;\r\n    }\r\n\r\n    .bun-footer-glass {\r\n        width: 100%;\r\n        max-width: 1100px;\r\n        background: rgba(255, 255, 255, 0.03);\r\n        backdrop-filter: blur(10px);\r\n        -webkit-backdrop-filter: blur(10px);\r\n        border-radius: 20px;\r\n        border: 1px solid rgba(255, 255, 255, 0.08);\r\n        padding: 30px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 20px;\r\n        box-shadow: 0 -10px 40px rgba(0,0,0,0.2);\r\n    }\r\n\r\n    \/* Ticker Styling *\/\r\n    .footer-ticker {\r\n        font-weight: 800;\r\n        font-size: 1.2rem;\r\n        color: #f7d774;\r\n        letter-spacing: 2px;\r\n        text-transform: uppercase;\r\n        margin: 0;\r\n        animation: footer-glow 3s infinite ease-in-out;\r\n    }\r\n\r\n    \/* Copyright Text *\/\r\n    .copyright-text {\r\n        font-size: 0.85rem;\r\n        font-weight: 300;\r\n        color: rgba(255, 255, 255, 0.6);\r\n        text-align: center;\r\n        margin: 0;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .copyright-text span {\r\n        color: #f7d774;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* Disclaimer \/ Legal (Opsional tapi Profesional) *\/\r\n    .footer-disclaimer {\r\n        font-size: 0.7rem;\r\n        color: rgba(255, 255, 255, 0.3);\r\n        max-width: 700px;\r\n        text-align: center;\r\n        line-height: 1.5;\r\n        border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n        padding-top: 15px;\r\n    }\r\n\r\n    \/* Animation *\/\r\n    @keyframes footer-glow {\r\n        0%, 100% { opacity: 0.8; text-shadow: 0 0 5px rgba(247, 215, 116, 0.2); }\r\n        50% { opacity: 1; text-shadow: 0 0 15px rgba(247, 215, 116, 0.6); }\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 768px) {\r\n        .bun-footer-glass {\r\n            padding: 20px;\r\n            border-radius: 15px;\r\n        }\r\n        .footer-ticker { font-size: 1rem; }\r\n        .copyright-text { font-size: 0.75rem; }\r\n    }\r\n<\/style>\r\n\r\n<footer class=\"bun-footer-section\">\r\n    <div class=\"bun-footer-glass\">\r\n        \r\n        <h3 class=\"footer-ticker\">$BUNBUN<\/h3>\r\n\r\n        <p class=\"copyright-text\">\r\n            \u00a9 2026 <span>Bunbun<\/span>. All Rights Reserved. \r\n            Created with love for the most loyal community.\r\n        <\/p>\r\n\r\n       \r\n\r\n    <\/div>\r\n<\/footer>\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>Twitter Telegram Chart Swap \u2728 Welcome to Bunbun! BUNBUN A Heartwarming Tale of the Guardian and the Tiny Golden Wings. In the hustle and bustle of the world, there is a place where time seems to slow down. That place is Bunbun\u2019s backyard, where every day brings a new adventure for these two most unlikely [&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:\/\/bunbun.pro\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bunbun.pro\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bunbun.pro\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bunbun.pro\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bunbun.pro\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":58,"href":"https:\/\/bunbun.pro\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":92,"href":"https:\/\/bunbun.pro\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/92"}],"wp:attachment":[{"href":"https:\/\/bunbun.pro\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}