{"id":8,"date":"2026-07-01T14:12:15","date_gmt":"2026-07-01T14:12:15","guid":{"rendered":"https:\/\/theduckbull.fun\/?page_id=8"},"modified":"2026-07-02T07:11:57","modified_gmt":"2026-07-02T07:11:57","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/theduckbull.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-aac03e2 e-con-full e-flex e-con e-parent\" data-id=\"aac03e2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9222193 elementor-widget elementor-widget-html\" data-id=\"9222193\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Google Fonts: Comic Neue -->\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=Comic+Neue:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- GSAP for Smooth Scroll Animations -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<style>\r\n    \/* --- GLOBAL VARIABLES & RESET --- *\/\r\n    :root {\r\n        --bg-color: #FDFAF7;\r\n        --duck-yellow: #FFCC00;\r\n        --duck-orange: #FF8C00;\r\n        --dark-stroke: #1a1a1a;\r\n        --paper-white: #FFF9F2;\r\n    }\r\n\r\n    * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n    .duckbull-wrapper {\r\n        font-family: 'Comic Neue', cursive;\r\n        background-color: var(--bg-color);\r\n        color: var(--dark-stroke);\r\n        overflow-x: hidden;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* --- CARTOON 2D STYLES --- *\/\r\n    .cartoon-border {\r\n        background-color: var(--paper-white);\r\n        border: 4px solid var(--dark-stroke);\r\n        border-radius: 255px 15px 225px 15px \/ 15px 225px 15px 255px;\r\n        box-shadow: 8px 8px 0px rgba(26, 26, 26, 0.9);\r\n    }\r\n\r\n    .cartoon-btn {\r\n        background-color: var(--duck-yellow);\r\n        color: var(--dark-stroke);\r\n        font-family: 'Comic Neue', cursive;\r\n        font-weight: 700;\r\n        font-size: 0.95rem;\r\n        padding: 8px 18px;\r\n        border: 2.5px solid var(--dark-stroke);\r\n        border-radius: 10px 25px 15px 20px \/ 20px 10px 25px 15px;\r\n        cursor: pointer;\r\n        text-transform: uppercase;\r\n        text-decoration: none;\r\n        display: inline-block;\r\n        box-shadow: 3px 3px 0px var(--dark-stroke);\r\n        transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .cartoon-btn:hover {\r\n        transform: translateY(-2px) rotate(-2deg);\r\n        box-shadow: 5px 5px 0px var(--dark-stroke);\r\n        background-color: #FFD633;\r\n    }\r\n\r\n    .cartoon-btn:active {\r\n        transform: translate(3px, 3px) rotate(0deg);\r\n        box-shadow: 0px 0px 0px var(--dark-stroke);\r\n    }\r\n\r\n    .title-text {\r\n        font-size: 4rem;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        color: #fff;\r\n        text-shadow: \r\n            -2px -2px 0 var(--dark-stroke), 2px -2px 0 var(--dark-stroke),\r\n            -2px 2px 0 var(--dark-stroke), 2px 2px 0 var(--dark-stroke),\r\n            5px 5px 0 var(--duck-yellow), 8px 8px 0 var(--dark-stroke);\r\n        margin-bottom: 20px;\r\n        line-height: 1.05;\r\n        transform: rotate(-2deg);\r\n    }\r\n\r\n    @keyframes float {\r\n        0% { transform: translateY(0px) rotate(0deg); }\r\n        50% { transform: translateY(-12px) rotate(1deg); }\r\n        100% { transform: translateY(0px) rotate(0deg); }\r\n    }\r\n    .floating { animation: float 4s ease-in-out infinite; }\r\n\r\n    \/* --- NAVBAR --- *\/\r\n    .db-navbar {\r\n        position: fixed;\r\n        top: 0; left: 0; width: 100%;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 20px 5%;\r\n        background: transparent;\r\n        z-index: 100;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .db-logo {\r\n        font-size: 1.8rem;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        color: #fff;\r\n        text-decoration: none;\r\n        pointer-events: auto;\r\n        text-shadow: -1px -1px 0 var(--dark-stroke), 1px -1px 0 var(--dark-stroke), -1px 1px 0 var(--dark-stroke), 1px 1px 0 var(--dark-stroke), 3px 3px 0 var(--dark-stroke);\r\n        transition: transform 0.2s;\r\n    }\r\n    .db-logo:hover { transform: scale(1.05) rotate(2deg); }\r\n\r\n    .db-nav-links { display: flex; gap: 12px; pointer-events: auto; }\r\n\r\n    \/* --- HERO & ABOUT (PINNED SECTION) --- *\/\r\n    .pin-section {\r\n        position: relative;\r\n        height: 100vh;\r\n        width: 100%;\r\n        overflow: hidden;\r\n        background-color: #000;\r\n    }\r\n\r\n    .bg-video {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        object-fit: cover;\r\n        z-index: 1;\r\n        opacity: 1;\r\n    }\r\n\r\n    .video-overlay {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background: radial-gradient(circle at center, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.8) 100%);\r\n        z-index: 2;\r\n    }\r\n\r\n    .pin-content-wrapper {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        z-index: 3;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .content-panel {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        position: absolute;\r\n        padding: 0 5%;\r\n        will-change: transform, opacity;\r\n    }\r\n\r\n    .panel-left, .panel-right { width: 48%; }\r\n    .panel-right {\r\n        padding: 35px;\r\n        transform: rotate(2deg);\r\n        background: rgba(255, 249, 242, 0.95);\r\n        backdrop-filter: blur(5px);\r\n    }\r\n\r\n    .content-about {\r\n        opacity: 0;\r\n        pointer-events: none;\r\n        transform: translateY(100px) scale(0.95);\r\n        filter: blur(5px);\r\n    }\r\n    .content-about .panel-right { transform: rotate(-1deg); }\r\n\r\n    .ca-box {\r\n        display: flex; flex-direction: column; gap: 10px;\r\n        margin-top: 25px; background: rgba(255, 204, 0, 0.2);\r\n        padding: 15px; border: 2px dashed var(--dark-stroke); border-radius: 10px;\r\n    }\r\n    .ca-text {\r\n        font-family: monospace; font-size: 1rem; font-weight: bold;\r\n        word-break: break-all; color: var(--dark-stroke);\r\n    }\r\n\r\n    \/* --- TOKENOMICS --- *\/\r\n    .tokenomics-section {\r\n        padding: 120px 5%; text-align: center; background: var(--bg-color);\r\n        position: relative; z-index: 10; border-top: 6px solid var(--dark-stroke);\r\n        background-image: radial-gradient(#FFCC00 2px, transparent 2px); background-size: 40px 40px;\r\n    }\r\n    .cards-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; margin-top: 60px; }\r\n    .token-card {\r\n        padding: 40px 20px; width: 260px; font-size: 1.6rem; font-weight: 700;\r\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n    .token-card:nth-child(odd) { transform: rotate(-3deg); }\r\n    .token-card:nth-child(even) { transform: rotate(3deg); }\r\n    .token-card:hover { transform: translateY(-15px) scale(1.05) rotate(0deg); box-shadow: 12px 12px 0px rgba(26, 26, 26, 1); background-color: #fff; z-index: 2; }\r\n    .token-card span { display: block; font-size: 2.8rem; color: var(--duck-yellow); text-shadow: 3px 3px 0px var(--dark-stroke); margin-top: 15px; transform: scale(1.1); }\r\n\r\n    \/* --- HOW TO BUY --- *\/\r\n    .how-to-buy-section {\r\n        min-height: 60vh; background-image: url('https:\/\/theduckbull.fun\/wp-content\/uploads\/2026\/07\/Asset-2.png');\r\n        background-size: cover; background-position: center center; background-attachment: fixed;\r\n        position: relative; display: flex; align-items: center; justify-content: center;\r\n        padding: 100px 5%; border-top: 6px solid var(--dark-stroke);\r\n    }\r\n    .htb-container {\r\n        position: relative; z-index: 2; max-width: 1200px; width: 100%;\r\n        display: flex; align-items: center; justify-content: space-between; gap: 50px;\r\n    }\r\n    .htb-left { width: 40%; } .htb-right { width: 60%; }\r\n    .step-list { list-style: none; display: flex; flex-direction: column; gap: 25px; }\r\n    .step-list li {\r\n        font-size: 1.15rem; display: flex; align-items: flex-start; gap: 20px;\r\n        background: #fff; padding: 25px; border: 4px solid var(--dark-stroke);\r\n        border-radius: 20px 255px 20px 255px \/ 255px 20px 255px 20px; box-shadow: 6px 6px 0px var(--dark-stroke); transition: transform 0.2s ease;\r\n    }\r\n    .step-list li:hover { transform: scale(1.02) rotate(1deg); }\r\n    .step-num {\r\n        background: var(--duck-yellow); border: 3px solid var(--dark-stroke);\r\n        min-width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;\r\n        font-weight: bold; font-size: 1.8rem; border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%;\r\n        box-shadow: 3px 3px 0px var(--dark-stroke); flex-shrink: 0;\r\n    }\r\n\r\n    \/* --- ROADMAP --- *\/\r\n    .roadmap-section {\r\n        padding: 120px 5%; background: var(--bg-color); text-align: center;\r\n        border-top: 6px solid var(--dark-stroke); position: relative; overflow: hidden;\r\n    }\r\n    .roadmap-wrapper { position: relative; max-width: 1000px; margin: 80px auto 0; display: flex; flex-direction: column; gap: 60px; }\r\n    .roadmap-line-bg { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 100%; background: rgba(26,26,26,0.1); border-radius: 10px; z-index: 0; }\r\n    .roadmap-line-fill { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 10px; height: 0%; background: var(--dark-stroke); border-radius: 10px; z-index: 1; }\r\n    .roadmap-item { position: relative; z-index: 2; width: 45%; padding: 35px; opacity: 0; }\r\n    .roadmap-item.left { align-self: flex-start; transform: translateX(-150px) rotate(-5deg); }\r\n    .roadmap-item.right { align-self: flex-end; transform: translateX(150px) rotate(5deg); }\r\n    .roadmap-item h3 {\r\n        font-size: 2.2rem; color: #fff; text-shadow: 2px 2px 0px var(--dark-stroke), -1px -1px 0px var(--dark-stroke);\r\n        background: var(--duck-orange); display: inline-block; padding: 5px 20px;\r\n        border: 3px solid var(--dark-stroke); border-radius: 15px; margin-bottom: 15px;\r\n        box-shadow: 3px 3px 0px var(--dark-stroke); transform: translateY(-55px);\r\n    }\r\n\r\n    \/* --- JOIN COMMUNITY --- *\/\r\n    .community-section {\r\n        background-image: url('https:\/\/theduckbull.fun\/wp-content\/uploads\/2026\/07\/Asset-4.png');\r\n        background-size: cover; background-position: top center; position: relative;\r\n        padding: 150px 5%; text-align: center; border-top: 6px solid var(--dark-stroke); color: #fff;\r\n    }\r\n    .comm-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 100%); z-index: 1; }\r\n    .comm-content { position: relative; z-index: 2; max-width: 800px; margin: 0 auto; }\r\n    .comm-content p { font-size: 1.4rem; margin-bottom: 40px; text-shadow: 2px 2px 0px #000; font-weight: bold; line-height: 1.8; }\r\n    .social-links { display: flex; justify-content: center; gap: 25px; flex-wrap: wrap; }\r\n    .social-links .cartoon-btn { font-size: 1.2rem; padding: 12px 30px; }\r\n\r\n    \/* --- FOOTER --- *\/\r\n    .footer { background: var(--dark-stroke); color: #fff; text-align: center; padding: 25px; font-size: 1.1rem; letter-spacing: 1px; }\r\n\r\n    \/* --- RESPONSIVE --- *\/\r\n    @media (max-width: 900px) {\r\n        .content-panel { flex-direction: column; justify-content: center; text-align: center; }\r\n        .panel-left, .panel-right { width: 100%; margin-bottom: 20px; }\r\n        .panel-right { transform: rotate(0deg); }\r\n        .db-nav-links { display: none; }\r\n        .title-text { font-size: 2.8rem; }\r\n        .htb-container { flex-direction: column; text-align: center; }\r\n        .htb-left, .htb-right { width: 100%; }\r\n        .htb-left .title-text { text-align: center; }\r\n        .roadmap-line-bg, .roadmap-line-fill { left: 5%; }\r\n        .roadmap-item { width: 85%; align-self: flex-end !important; margin-left: auto; }\r\n        .roadmap-item.left, .roadmap-item.right { transform: translateX(100px) rotate(0deg); }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"duckbull-wrapper\">\r\n    \r\n    <!-- Navbar -->\r\n    <nav class=\"db-navbar\">\r\n        <a href=\"#\" class=\"db-logo\">The DuckBull<\/a>\r\n        <div class=\"db-nav-links\">\r\n            <a href=\"#\" class=\"cartoon-btn\">Twitter<\/a>\r\n            <a href=\"#\" class=\"cartoon-btn\">Telegram<\/a>\r\n            <a href=\"#\" class=\"cartoon-btn\">Chart<\/a>\r\n            <a href=\"#\" class=\"cartoon-btn\">Swap Now<\/a>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <!-- Hero & About (Scroll to Play Video) -->\r\n    <section class=\"pin-section\" id=\"scroll-pin-trigger\">\r\n        <video id=\"db-video\" class=\"bg-video\" src=\"https:\/\/theduckbull.fun\/wp-content\/uploads\/2026\/07\/DUCK-BULL-360-D.mp4\" muted playsinline preload=\"auto\"><\/video>\r\n        <div class=\"video-overlay\"><\/div>\r\n        \r\n        <div class=\"pin-content-wrapper\">\r\n            \r\n            <!-- Hero Content -->\r\n            <div class=\"content-panel content-hero\">\r\n                <div class=\"panel-left floating\">\r\n                    <h1 class=\"title-text\">You didn't see<br>the duck coming.<\/h1>\r\n                    <h2 style=\"font-size: 1.8rem; color: #fff; text-shadow: 3px 3px 0px #000; transform: rotate(-2deg); display: inline-block;\">Nobody ever does.<\/h2>\r\n                <\/div>\r\n                <div class=\"panel-right cartoon-border\">\r\n                    <p style=\"font-size: 1.25rem; font-weight: bold; margin-bottom: 15px;\">\r\n                        The timeline is crying. Portfolios are down 70%. The group chat is dead silent. Then, a duck waddles in. Climbs on the bull. Flexes. And rides.\r\n                    <\/p>\r\n                    <div class=\"ca-box\">\r\n                        <span style=\"font-size: 0.95rem; text-transform: uppercase;\">Official Contract Address:<\/span>\r\n                        <div class=\"ca-text\" id=\"ca-text\">0xDUCKBULL...YOUR...CA...HERE<\/div>\r\n                        <button class=\"cartoon-btn\" style=\"width: 100%; margin-top: 10px;\" onclick=\"copyCA()\">Copy CA<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- About Content -->\r\n            <div class=\"content-panel content-about\">\r\n                <div class=\"panel-left floating\">\r\n                    <h1 class=\"title-text\" style=\"font-size: 3.5rem;\">The Lore:<br>Quietly<br>Getting Jacked<\/h1>\r\n                <\/div>\r\n                <div class=\"panel-right cartoon-border\">\r\n                    <p style=\"font-size: 1.2rem; font-weight: bold; margin-bottom: 15px;\">\r\n                        While everybody else was watching the \u201clions\u201d and the \u201cwolves\u201d \u2014 the guys who sound dangerous and call themselves killers \u2014 the duck was in the gym.\r\n                    <\/p>\r\n                    <p style=\"font-size: 1.15rem; margin-bottom: 15px;\">\r\n                        Quietly. Every single day. No progress pics. No \"grind don't stop\" captions. Just the duck, the weights, and the charts. By the time the bull appeared, the duck was ready. \r\n                    <\/p>\r\n                    <div style=\"background: var(--dark-stroke); color: #fff; padding: 15px; border-radius: 10px; transform: rotate(1deg);\">\r\n                        <p style=\"font-size: 1.15rem; font-weight: bold; color: var(--duck-yellow);\">\r\n                            Someone says the duck is the dumbest thing they've ever seen. The duck doesn\u2019t respond. The duck is up 4x.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Tokenomics -->\r\n    <section class=\"tokenomics-section\">\r\n        <h2 class=\"title-text\" style=\"color: var(--dark-stroke); text-shadow: 4px 4px 0px #fff, 6px 6px 0px var(--duck-yellow); transform: rotate(0deg);\">Duckonomics<\/h2>\r\n        <p style=\"font-size: 1.5rem; font-weight: bold; margin-top: -10px;\">No Fluff, Just Muscle.<\/p>\r\n        \r\n        <div class=\"cards-grid\">\r\n            <div class=\"token-card cartoon-border\">Taxes<span>0\/0%<\/span><\/div>\r\n            <div class=\"token-card cartoon-border\">Liquidity<span>BURNED<\/span><\/div>\r\n            <div class=\"token-card cartoon-border\">Contract<span>REVOKED<\/span><\/div>\r\n            <div class=\"token-card cartoon-border\">Supply<span>1 BILLION<\/span><\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- How To Buy -->\r\n    <section class=\"how-to-buy-section\">\r\n        <div class=\"video-overlay\" style=\"background: rgba(0,0,0,0.5);\"><\/div>\r\n        <div class=\"htb-container\">\r\n            <div class=\"htb-left floating\">\r\n                <h2 class=\"title-text\" style=\"font-size: 5rem; text-align: left; transform: rotate(-3deg);\">How to<br>Mount<br>the Bull<\/h2>\r\n            <\/div>\r\n            <div class=\"htb-right\">\r\n                <ul class=\"step-list\">\r\n                    <li><div class=\"step-num\">1<\/div><div><strong>Get a Wallet:<\/strong> Download Phantom. Guard your seed phrase.<\/div><\/li>\r\n                    <li><div class=\"step-num\">2<\/div><div><strong>Fund it:<\/strong> Buy SOL on an exchange and send it to your wallet.<\/div><\/li>\r\n                    <li><div class=\"step-num\">3<\/div><div><strong>Connect to DEX:<\/strong> Head over to PumpSwap and paste the official CA.<\/div><\/li>\r\n                    <li><div class=\"step-num\">4<\/div><div><strong>Swap & Hold:<\/strong> Swap your tokens for $DONALT. Ride the bull.<\/div><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Roadmap -->\r\n    <section class=\"roadmap-section\" id=\"roadmap-trigger\">\r\n        <h2 class=\"title-text\" style=\"color: var(--dark-stroke); text-shadow: 4px 4px 0px #fff, 6px 6px 0px var(--duck-orange); transform: rotate(1deg);\">The Roadmap<\/h2>\r\n        <p style=\"font-size: 1.5rem; font-weight: bold;\">How the duck takes over.<\/p>\r\n        \r\n        <div class=\"roadmap-wrapper\">\r\n            <div class=\"roadmap-line-bg\"><\/div>\r\n            <div class=\"roadmap-line-fill\"><\/div>\r\n            <div class=\"roadmap-item cartoon-border left\">\r\n                <h3>Phase 1: The Waddle<\/h3>\r\n                <p style=\"font-size: 1.2rem; font-weight: bold;\">Token Launch, DexScreener Update, Building the core pond.<\/p>\r\n            <\/div>\r\n            <div class=\"roadmap-item cartoon-border right\">\r\n                <h3>Phase 2: Bulking Season<\/h3>\r\n                <p style=\"font-size: 1.2rem; font-weight: bold;\">Heavy meme marketing, CG\/CMC listings, flexing on the timeline.<\/p>\r\n            <\/div>\r\n            <div class=\"roadmap-item cartoon-border left\">\r\n                <h3>Phase 3: Riding the Bull<\/h3>\r\n                <p style=\"font-size: 1.2rem; font-weight: bold;\">CEX Listings, Global duck domination.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Join Community -->\r\n    <section class=\"community-section\">\r\n        <div class=\"comm-overlay\"><\/div>\r\n        <div class=\"comm-content floating\">\r\n            <h2 class=\"title-text\" style=\"font-size: 4.5rem; transform: rotate(-3deg);\">Welcome to the Pond<\/h2>\r\n            <p>\r\n                We aren't the lions. We aren't the wolves. We are the ducks.<br>\r\n                The ones who waddled in when everything was red. Unassuming on the surface. Absolutely built underneath.\r\n            <\/p>\r\n            <div class=\"social-links\">\r\n                <a href=\"#\" class=\"cartoon-btn\">Join Telegram<\/a>\r\n                <a href=\"#\" class=\"cartoon-btn\">Follow on X<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Footer -->\r\n    <footer class=\"footer\">\r\n        <strong>$DONALT<\/strong>. The DuckBull. Quack. \u00a9 2026 All Rights Reserved.\r\n    <\/footer>\r\n<\/div>\r\n\r\n<script>\r\n    function copyCA() {\r\n        const caText = document.getElementById(\"ca-text\").innerText;\r\n        navigator.clipboard.writeText(caText).then(() => {\r\n            const btn = document.querySelector('.ca-box button');\r\n            const originalText = btn.innerText;\r\n            btn.innerText = \"COPIED! QUACK!\";\r\n            btn.style.backgroundColor = \"#FF8C00\";\r\n            setTimeout(() => { btn.innerText = originalText; btn.style.backgroundColor = \"\"; }, 2000);\r\n        });\r\n    }\r\n\r\n    document.addEventListener(\"DOMContentLoaded\", () => {\r\n        gsap.registerPlugin(ScrollTrigger);\r\n        \r\n        const video = document.getElementById('db-video');\r\n        video.currentTime = 0; \r\n        \r\n        \/\/ PISAHKAN LOGIKA: Timeline ini HANYA untuk menganimasi kemunculan Teks.\r\n        let textTimeline = gsap.timeline({\r\n            scrollTrigger: {\r\n                trigger: \"#scroll-pin-trigger\",\r\n                start: \"top top\",\r\n                end: \"+=4000\",\r\n                pin: true,\r\n                scrub: true,\r\n                onUpdate: (self) => {\r\n                    \/\/ INI KUNCINYA: Video diikat mutlak ke progress scroll (0% sampai 100%)\r\n                    \/\/ Jadi tidak akan ada jeda\/pause sama sekali apa pun yang terjadi pada teksnya\r\n                    if(video.readyState >= 1) {\r\n                        \/\/ self.progress menghasilkan nilai 0.0 sampai 1.0\r\n                        \/\/ Dikalikan 4.99 agar tidak error saat persis di detik 5.0\r\n                        video.currentTime = self.progress * 4.99; \r\n                    }\r\n                }\r\n            }\r\n        });\r\n\r\n        \/\/ Animasi Teks (Diatur via GSAP Timeline, tidak ganggu jalan video)\r\n        \/\/ 1. Teks Hero menghilang pelan-pelan\r\n        textTimeline.to(\".content-hero\", { \r\n            opacity: 0, \r\n            y: -100, \r\n            scale: 0.9,\r\n            filter: \"blur(10px)\", \r\n            duration: 1 \r\n        });\r\n        \r\n        \/\/ 2. Beri jeda kosong sedikit agar transisinya terlihat natural\r\n        textTimeline.to({}, { duration: 0.5 });\r\n        \r\n        \/\/ 3. Teks About muncul pelan-pelan\r\n        textTimeline.to(\".content-about\", { \r\n            opacity: 1, \r\n            y: 0, \r\n            scale: 1,\r\n            filter: \"blur(0px)\", \r\n            pointerEvents: \"auto\", \r\n            duration: 1 \r\n        });\r\n\r\n        \/\/ --- ROADMAP ANIMATIONS ---\r\n        gsap.to(\".roadmap-line-fill\", {\r\n            scrollTrigger: {\r\n                trigger: \".roadmap-wrapper\",\r\n                start: \"top 50%\",\r\n                end: \"bottom 80%\",\r\n                scrub: 1\r\n            },\r\n            height: \"100%\",\r\n            ease: \"none\"\r\n        });\r\n\r\n        const roadmapItems = gsap.utils.toArray('.roadmap-item');\r\n        roadmapItems.forEach((item, i) => {\r\n            gsap.to(item, {\r\n                scrollTrigger: { trigger: item, start: \"top 80%\" },\r\n                opacity: 1,\r\n                x: 0, \r\n                rotation: i % 2 === 0 ? -1 : 1, \r\n                duration: 1,\r\n                ease: \"elastic.out(1, 0.6)\"\r\n            });\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The DuckBull Twitter Telegram Chart Swap Now You didn&#8217;t seethe duck coming. Nobody ever does. The timeline is crying. Portfolios are down 70%. The group chat is dead silent. Then, a duck waddles in. Climbs on the bull. Flexes. And rides. Official Contract Address: 0xDUCKBULL&#8230;YOUR&#8230;CA&#8230;HERE Copy CA The Lore:QuietlyGetting Jacked While everybody else was watching [&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:\/\/theduckbull.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theduckbull.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theduckbull.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theduckbull.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theduckbull.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":100,"href":"https:\/\/theduckbull.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":118,"href":"https:\/\/theduckbull.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/118"}],"wp:attachment":[{"href":"https:\/\/theduckbull.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}