{"id":8,"date":"2026-08-16T11:49:28","date_gmt":"2026-08-16T11:49:28","guid":{"rendered":"https:\/\/bublu.xyz\/?page_id=8"},"modified":"2026-08-16T12:31:25","modified_gmt":"2026-08-16T12:31:25","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/bublu.xyz\/","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-11ba1c0 e-con-full e-flex e-con e-parent\" data-id=\"11ba1c0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a7cf30 elementor-widget elementor-widget-html\" data-id=\"0a7cf30\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Import Fonts -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Bakbak+One&family=Inter:wght@400;600;800&display=swap');\r\n\r\n\/* Reset & Scope untuk Elementor *\/\r\n#bublu-hyper-minimal {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 100vh;\r\n    background-color: #020202; \/* Deep Black *\/\r\n    color: #ffffff;\r\n    font-family: 'Inter', sans-serif;\r\n    overflow: hidden;\r\n    z-index: 1;\r\n}\r\n\r\n\/* Background Video - Grayscale, Deep Etch, Shimmer *\/\r\n#bublu-hyper-minimal .bg-video {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    object-fit: cover;\r\n    z-index: -2;\r\n    filter: grayscale(100%) opacity(0.15);\r\n}\r\n\r\n\/* Grid Overlay untuk Video Depth *\/\r\n#bublu-hyper-minimal::before {\r\n    content: '';\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    background-image: \r\n        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\r\n    background-size: 50px 50px;\r\n    z-index: -1;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* ---------------- ANIMATIONS ---------------- *\/\r\n\r\n\/* Entrance Animations *\/\r\n@keyframes fadeUp {\r\n    0% { opacity: 0; transform: translateY(40px); }\r\n    100% { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@keyframes fadeRight {\r\n    0% { opacity: 0; transform: translateX(-40px); }\r\n    100% { opacity: 1; transform: translateX(0); }\r\n}\r\n\r\n@keyframes fadeLeft {\r\n    0% { opacity: 0; transform: translateX(40px); }\r\n    100% { opacity: 1; transform: translateX(0); }\r\n}\r\n\r\n\/* Continuous Animations *\/\r\n@keyframes floating {\r\n    0% { transform: translateX(-50%) translateY(0px); }\r\n    50% { transform: translateX(-50%) translateY(-15px); }\r\n    100% { transform: translateX(-50%) translateY(0px); }\r\n}\r\n\r\n@keyframes pulseGlow {\r\n    0% { box-shadow: 0 0 15px rgba(255, 255, 255, 0.05); }\r\n    50% { box-shadow: 0 0 25px rgba(255, 255, 255, 0.2); }\r\n    100% { box-shadow: 0 0 15px rgba(255, 255, 255, 0.05); }\r\n}\r\n\r\n\/* Initial hidden state for animation *\/\r\n.animate-up, .animate-left, .animate-right {\r\n    opacity: 0;\r\n}\r\n\r\n\/* Fixed Mascot Bottom with Parallax Shimmer & Float *\/\r\n#bublu-hyper-minimal .mascot-bottom {\r\n    position: fixed;\r\n    bottom: -10px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 260px;\r\n    max-width: 80vw;\r\n    z-index: 999;\r\n    pointer-events: none;\r\n    filter: drop-shadow(0px 15px 30px rgba(0,0,0,1));\r\n    \/* Float animation starts immediately *\/\r\n    animation: floating 6s ease-in-out infinite;\r\n}\r\n\r\n\/* Main Container *\/\r\n#bublu-hyper-minimal .main-container {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    padding: 0 2rem 180px 2rem;\r\n    position: relative;\r\n    z-index: 10;\r\n}\r\n\r\n\/* Navbar *\/\r\n#bublu-hyper-minimal .navbar {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 1.5rem 0;\r\n    margin-bottom: 8rem;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.05);\r\n    animation: fadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n}\r\n\r\n#bublu-hyper-minimal .nav-logo { height: 55px; }\r\n\r\n\/* Minimalist Premium Button *\/\r\n#bublu-hyper-minimal .btn-premium {\r\n    font-family: 'Bakbak One', display;\r\n    background: transparent;\r\n    color: #fff;\r\n    border: 1px solid rgba(255, 255, 255, 0.15);\r\n    padding: 12px 28px;\r\n    font-size: 1rem;\r\n    letter-spacing: 1px;\r\n    cursor: pointer;\r\n    border-radius: 100px;\r\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n#bublu-hyper-minimal .btn-premium::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 200%;\r\n    height: 100%;\r\n    background: linear-gradient(90deg, transparent, rgba(0, 255, 255, 0.1), rgba(255, 0, 255, 0.1), transparent);\r\n    transition: 0.5s ease;\r\n}\r\n\r\n#bublu-hyper-minimal .btn-premium:hover {\r\n    background: rgba(255, 255, 255, 0.05);\r\n    border-color: rgba(255, 255, 255, 0.4);\r\n    transform: scale(1.05);\r\n}\r\n\r\n#bublu-hyper-minimal .btn-premium:hover::after { left: 100%; }\r\n\r\n\/* Hero Section *\/\r\n#bublu-hyper-minimal .hero {\r\n    text-align: center;\r\n    margin-bottom: 10rem;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n\r\n#bublu-hyper-minimal .hero h1 {\r\n    font-family: 'Bakbak One', display;\r\n    font-size: clamp(3.5rem, 8vw, 6.5rem);\r\n    line-height: 1.05;\r\n    margin: 0 0 2rem 0;\r\n    letter-spacing: -2px;\r\n    color: #FFF;\r\n    text-shadow: 0 0 20px rgba(255, 255, 255, 0.1);\r\n    text-wrap: balance;\r\n    \/* Hero Title Animation *\/\r\n    animation: fadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;\r\n}\r\n\r\n\/* CA Box - Glassmorph, Holographic Border *\/\r\n#bublu-hyper-minimal .ca-box {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    background: rgba(15, 15, 15, 0.8);\r\n    backdrop-filter: blur(15px);\r\n    -webkit-backdrop-filter: blur(15px);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    padding: 16px 28px;\r\n    border-radius: 100px;\r\n    font-size: 1.15rem;\r\n    font-family: 'Inter', monospace;\r\n    color: #888;\r\n    cursor: pointer;\r\n    transition: 0.3s ease;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.5);\r\n    \/* CA Box Animation *\/\r\n    animation: fadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) 0.4s forwards, pulseGlow 4s infinite 2s;\r\n}\r\n\r\n#bublu-hyper-minimal .ca-box:hover {\r\n    background: rgba(255, 255, 255, 0.03);\r\n    color: #fff;\r\n    border-color: rgba(255, 255, 255, 0.3);\r\n    transform: translateY(-3px);\r\n}\r\n\r\n#bublu-hyper-minimal .ca-box span.ca-value { color: #fff; font-weight: 600; }\r\n#bublu-hyper-minimal .copy-icon { width: 18px; height: 18px; stroke: currentColor; transition: stroke 0.3s; }\r\n\r\n\/* About Grid *\/\r\n#bublu-hyper-minimal .about-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.5fr 1fr;\r\n    gap: 3rem;\r\n    align-items: stretch;\r\n}\r\n\r\n\/* Refined Glass Cards *\/\r\n#bublu-hyper-minimal .glass-card {\r\n    background: rgba(10, 10, 10, 0.7);\r\n    backdrop-filter: blur(20px);\r\n    -webkit-backdrop-filter: blur(20px);\r\n    border: 1px solid rgba(255, 255, 255, 0.05);\r\n    border-radius: 24px;\r\n    padding: 3rem;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    transition: border-color 0.4s ease, transform 0.4s ease, box-shadow 0.4s ease;\r\n    box-shadow: 0 20px 50px rgba(0,0,0,0.6);\r\n}\r\n\r\n\/* Staggered Card Animations *\/\r\n#bublu-hyper-minimal .card-left {\r\n    animation: fadeRight 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s forwards;\r\n}\r\n#bublu-hyper-minimal .card-right {\r\n    animation: fadeLeft 1s cubic-bezier(0.16, 1, 0.3, 1) 0.8s forwards;\r\n}\r\n\r\n#bublu-hyper-minimal .glass-card:hover {\r\n    border-color: rgba(255, 255, 255, 0.15);\r\n    transform: translateY(-8px) scale(1.01);\r\n    box-shadow: 0 30px 60px rgba(0,0,0,0.8);\r\n}\r\n\r\n#bublu-hyper-minimal .glass-card p {\r\n    font-size: 1.5rem;\r\n    line-height: 1.7;\r\n    margin: 0;\r\n    color: #e0e0e0;\r\n    font-weight: 400;\r\n    letter-spacing: -0.2px;\r\n}\r\n\r\n\/* Social Buttons *\/\r\n#bublu-hyper-minimal .socials-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1.2rem;\r\n    height: 100%;\r\n    justify-content: center;\r\n}\r\n\r\n#bublu-hyper-minimal .btn-social {\r\n    width: 100%;\r\n    justify-content: space-between;\r\n    padding: 20px 28px;\r\n    border-radius: 16px;\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    background: rgba(0,0,0,0.2);\r\n    gap: 16px;\r\n    font-family: 'Inter', sans-serif;\r\n    font-weight: 600;\r\n    text-transform: none;\r\n    letter-spacing: 0;\r\n}\r\n\r\n#bublu-hyper-minimal .btn-social svg { width: 22px; height: 22px; fill: #888; transition: fill 0.3s; }\r\n#bublu-hyper-minimal .btn-social span { color: #888; transition: color 0.3s; }\r\n#bublu-hyper-minimal .dex-icon { width: 22px; height: 22px; object-fit: contain; filter: grayscale(100%) opacity(0.6); transition: all 0.3s ease; }\r\n\r\n#bublu-hyper-minimal .btn-social:hover {\r\n    border-color: rgba(255, 255, 255, 0.3);\r\n    background: rgba(255, 255, 255, 0.05);\r\n}\r\n#bublu-hyper-minimal .btn-social:hover svg,\r\n#bublu-hyper-minimal .btn-social:hover span { fill: #fff; color: #fff; }\r\n#bublu-hyper-minimal .btn-social:hover .dex-icon { filter: grayscale(0%) opacity(1); }\r\n\r\n\/* Footer *\/\r\n#bublu-hyper-minimal .footer {\r\n    text-align: center;\r\n    padding: 3rem 2rem;\r\n    margin-top: 8rem;\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 0.95rem;\r\n    color: #444;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.03);\r\n    position: relative;\r\n    z-index: 10;\r\n    animation: fadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) 1s forwards;\r\n    opacity: 0;\r\n}\r\n\r\n\/* Responsive Optimized *\/\r\n@media (max-width: 991px) {\r\n    #bublu-hyper-minimal .main-container { padding-bottom: 200px; }\r\n    #bublu-hyper-minimal .about-grid { grid-template-columns: 1fr; gap: 2rem; }\r\n    #bublu-hyper-minimal .mascot-bottom { width: 220px; bottom: 0; }\r\n}\r\n@media (max-width: 768px) {\r\n    #bublu-hyper-minimal .glass-card { padding: 2rem; }\r\n    #bublu-hyper-minimal .glass-card p { font-size: 1.2rem; }\r\n    #bublu-hyper-minimal .navbar { margin-bottom: 5rem; }\r\n    #bublu-hyper-minimal .hero { margin-bottom: 7rem; }\r\n    #bublu-hyper-minimal .ca-box { font-size: 0.9rem; padding: 12px 20px; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"bublu-hyper-minimal\">\r\n    <!-- Background Video Grayscale -->\r\n    <video autoplay loop muted playsinline class=\"bg-video\">\r\n        <source src=\"https:\/\/bublu.xyz\/wp-content\/uploads\/2026\/08\/BUBLU-BG1.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n\r\n    <!-- Fixed Bottom Mascot (Animated Float) -->\r\n    <img decoding=\"async\" src=\"https:\/\/bublu.xyz\/wp-content\/uploads\/2026\/08\/Asset-6.png\" class=\"mascot-bottom\" alt=\"Bublu Mascot\">\r\n\r\n    <div class=\"main-container\">\r\n        <!-- Navbar -->\r\n        <nav class=\"navbar animate-up\">\r\n            <img decoding=\"async\" src=\"https:\/\/bublu.xyz\/wp-content\/uploads\/2026\/08\/Asset-8.png\" alt=\"Bublu Logo\" class=\"nav-logo\">\r\n            <a href=\"#\" class=\"btn-premium\">pump.swap<\/a>\r\n        <\/nav>\r\n\r\n        <!-- Hero -->\r\n        <section class=\"hero\">\r\n            <h1 class=\"animate-up\">zero panic.<br>just $blu.<\/h1>\r\n            <div class=\"ca-box animate-up\" id=\"ca-button\" onclick=\"copyContract()\">\r\n                CA: <span class=\"ca-value\" id=\"ca-text\">YOUR_CONTRACT_ADDRESS_HERE<\/span>\r\n                <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path><\/svg>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- About -->\r\n        <section class=\"about-grid\">\r\n            <!-- Content Card (Slide from Left) -->\r\n            <div class=\"glass-card card-left animate-left\">\r\n                <p>markets bleed, people panic, bublu just chews gum. green or red candles? zero reaction. no fomo, no stress. just watching the whole room go absolutely crazy.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Socials Card (Slide from Right) -->\r\n            <div class=\"glass-card card-right animate-right\" style=\"padding: 24px;\">\r\n                <div class=\"socials-container\">\r\n                    <a href=\"#\" class=\"btn-premium btn-social\" target=\"_blank\">\r\n                        <svg viewBox=\"0 0 24 24\"><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.231zm-1.161 17.52h1.833L7.008 4.076H5.078z\"\/><\/svg>\r\n                        <span>Twitter<\/span>\r\n                    <\/a>\r\n                    <a href=\"#\" class=\"btn-premium btn-social\" target=\"_blank\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.888-.662 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/><\/svg>\r\n                        <span>Telegram<\/span>\r\n                    <\/a>\r\n                    <a href=\"#\" class=\"btn-premium btn-social\" target=\"_blank\">\r\n                        <img decoding=\"async\" src=\"https:\/\/bublu.xyz\/wp-content\/uploads\/2026\/08\/Asset-7.png\" alt=\"Dexscreener\" class=\"dex-icon\">\r\n                        <span>Dexscreener<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n    <\/div>\r\n\r\n    <!-- Footer -->\r\n    <footer class=\"footer\">\r\n        \u00a9 2026 bublu ($blu). zero panic.\r\n    <\/footer>\r\n<\/div>\r\n\r\n<!-- JS Script -->\r\n<script>\r\nfunction copyContract() {\r\n    const ca = \"YOUR_CONTRACT_ADDRESS_HERE\";\r\n    const caValueSpan = document.getElementById('ca-text');\r\n    const caBox = document.getElementById('ca-button');\r\n    \r\n    navigator.clipboard.writeText(ca).then(() => {\r\n        const originalText = caValueSpan.innerHTML;\r\n        caValueSpan.innerHTML = \"COPIED TO CLIPBOARD!\";\r\n        caBox.style.background = \"rgba(255, 255, 255, 0.1)\";\r\n        caBox.style.borderColor = \"rgba(255, 255, 255, 0.6)\";\r\n        caBox.style.transform = \"scale(0.95)\";\r\n        \r\n        setTimeout(() => {\r\n            caValueSpan.innerHTML = originalText;\r\n            caBox.style.background = \"\";\r\n            caBox.style.borderColor = \"\";\r\n            caBox.style.transform = \"\";\r\n        }, 2000);\r\n    }).catch(err => {\r\n        console.error('Failed to copy CA: ', err);\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>pump.swap zero panic.just $blu. CA: YOUR_CONTRACT_ADDRESS_HERE markets bleed, people panic, bublu just chews gum. green or red candles? zero reaction. no fomo, no stress. just watching the whole room go absolutely crazy. Twitter Telegram Dexscreener \u00a9 2026 bublu ($blu). zero panic.<\/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:\/\/bublu.xyz\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bublu.xyz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bublu.xyz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bublu.xyz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bublu.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":8,"href":"https:\/\/bublu.xyz\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":25,"href":"https:\/\/bublu.xyz\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/25"}],"wp:attachment":[{"href":"https:\/\/bublu.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}