{"id":8,"date":"2026-07-15T21:38:32","date_gmt":"2026-07-15T21:38:32","guid":{"rendered":"https:\/\/byehood.fun\/?page_id=8"},"modified":"2026-07-15T22:19:57","modified_gmt":"2026-07-15T22:19:57","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/byehood.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-9baf621 e-flex e-con-boxed e-con e-parent\" data-id=\"9baf621\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/byehood.fun\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/HERO-BYEHOOD.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-ea9a146 e-con-full e-flex e-con e-child\" data-id=\"ea9a146\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33dbeab elementor-widget elementor-widget-html\" data-id=\"33dbeab\" 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: Erica One (Judul\/Tombol) -->\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=Erica+One&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* --- KEYFRAMES ANIMASI GETAR --- *\/\r\n    @keyframes cartoonWobble {\r\n        0% { transform: rotate(0deg) scale(1); }\r\n        15% { transform: rotate(-3deg) scale(1.03); }\r\n        30% { transform: rotate(2deg) scale(1.03); }\r\n        45% { transform: rotate(-2deg) scale(1.03); }\r\n        60% { transform: rotate(1deg) scale(1.03); }\r\n        75% { transform: rotate(-1deg) scale(1.03); }\r\n        100% { transform: rotate(0deg) scale(1.03); }\r\n    }\r\n\r\n    \/* --- NAVBAR CONTAINER --- *\/\r\n    .bh-nav-container {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 10px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .bh-nav {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 15px 25px;\r\n        background: rgba(20, 20, 20, 0.9); \/* Gelap transparan *\/\r\n        border: 4px solid #000000;\r\n        border-radius: 20px;\r\n        box-shadow: 6px 6px 0px #000000;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* --- LOGO (Kiri) --- *\/\r\n    .bh-logo {\r\n        font-family: 'Erica One', cursive;\r\n        font-size: 2.3rem;\r\n        color: #CEF005;\r\n        text-shadow: 3px 3px 0px #000000;\r\n        letter-spacing: 1px;\r\n        text-decoration: none;\r\n        display: inline-block;\r\n        transition: transform 0.2s ease;\r\n    }\r\n    \r\n    .bh-logo:hover {\r\n        transform: scale(1.05) rotate(-2deg);\r\n    }\r\n\r\n    \/* --- TAUTAN & SOSMED (Kanan) --- *\/\r\n    .bh-nav-links {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        flex-wrap: wrap; \/* Mencegah tombol keluar batas di layar kecil *\/\r\n    }\r\n\r\n    \/* --- TOMBOL GAYA KARTUN PREMIUM --- *\/\r\n    .btn-bh-nav {\r\n        font-family: 'Erica One', cursive;\r\n        text-decoration: none;\r\n        padding: 8px 18px;\r\n        font-size: 1rem;\r\n        border: 3px solid #000000;\r\n        border-radius: 12px;\r\n        cursor: pointer;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px; \/* Jarak antara ikon SVG dan Teks *\/\r\n        transition: background-color 0.2s ease, color 0.2s ease, transform 0.1s ease;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Style Ikon SVG di dalam Tombol *\/\r\n    .btn-bh-nav svg {\r\n        width: 18px;\r\n        height: 18px;\r\n        fill: currentColor; \/* Warna ikon mengikuti warna teks *\/\r\n        transition: fill 0.2s ease;\r\n    }\r\n\r\n    \/* --- WARNA DASAR & PERUBAHAN WARNA SAAT DISENTUH (HOVER) --- *\/\r\n    \r\n    \/* Tombol X & Telegram (Awal: Putih -> Hover: Hitam, Teks Hijau Neon) *\/\r\n    .btn-bh-x, .btn-bh-tg {\r\n        background: #ffffff;\r\n        color: #000000;\r\n        box-shadow: 4px 4px 0px #000000;\r\n    }\r\n    .btn-bh-x:hover, .btn-bh-tg:hover {\r\n        background: #000000;\r\n        color: #CEF005;\r\n        border-color: #CEF005;\r\n    }\r\n\r\n    \/* Tombol Buy Now (Awal: Hijau Neon -> Hover: Putih, Teks Hitam) *\/\r\n    .btn-bh-buy {\r\n        background: #CEF005;\r\n        color: #000000;\r\n        box-shadow: 4px 4px 0px #000000;\r\n    }\r\n    .btn-bh-buy:hover {\r\n        background: #ffffff;\r\n        color: #000000;\r\n        border-color: #000000;\r\n    }\r\n\r\n    \/* Efek Hover Getar *\/\r\n    .btn-bh-nav:hover {\r\n        animation: cartoonWobble 0.5s ease-in-out both;\r\n        box-shadow: 2px 2px 0px #000000;\r\n    }\r\n\r\n    .btn-bh-nav:active {\r\n        transform: translate(2px, 2px);\r\n        box-shadow: 1px 1px 0px #000000;\r\n    }\r\n\r\n    \/* --- RESPONSIVE MOBILE --- *\/\r\n    @media (max-width: 768px) {\r\n        .bh-nav {\r\n            flex-direction: column;\r\n            gap: 15px;\r\n            padding: 15px;\r\n            text-align: center;\r\n        }\r\n\r\n        .bh-nav-links {\r\n            width: 100%;\r\n            justify-content: center;\r\n        }\r\n\r\n        .bh-logo {\r\n            font-size: 2rem;\r\n        }\r\n\r\n        .btn-bh-nav {\r\n            padding: 8px 14px;\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .btn-bh-nav svg {\r\n            width: 16px;\r\n            height: 16px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- IMPLEMENTASI HTML -->\r\n<div class=\"bh-nav-container\">\r\n    <nav class=\"bh-nav\">\r\n        <!-- Bagian Kiri -->\r\n        <a href=\"#\" class=\"bh-logo\">$BYEHOOD<\/a>\r\n        \r\n        <!-- Bagian Kanan -->\r\n        <div class=\"bh-nav-links\">\r\n            <!-- Tombol X (Twitter) -->\r\n            <a href=\"LINK-KAMU\" target=\"_blank\" class=\"btn-bh-nav btn-bh-x\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"><\/path>\r\n                <\/svg>\r\n                <span>TWITTER<\/span>\r\n            <\/a>\r\n            \r\n            <!-- Tombol Telegram -->\r\n            <a href=\"LINK-KAMU\" target=\"_blank\" class=\"btn-bh-nav btn-bh-tg\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-12S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-1-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69a.2.2 0 0 0-.05-.18c-.06-.05-.14-.03-.21-.02-.09.02-1.49.95-4.22 2.79-.4.27-.76.41-1.08.4-.36-.01-1.04-.2-1.55-.37-.63-.2-1.12-.31-1.08-.66.02-.18.27-.36.74-.55 2.92-1.27 4.86-2.11 5.83-2.51 2.78-1.16 3.35-1.36 3.73-1.36.08 0 .27.02.39.12.1.08.13.19.14.27-.01.06.01.24 0 .24z\"><\/path>\r\n                <\/svg>\r\n                <span>TELEGRAM<\/span>\r\n            <\/a>\r\n            \r\n            <!-- Tombol Buy Now -->\r\n            <a href=\"LINK-KAMU\" target=\"_blank\" class=\"btn-bh-nav btn-bh-buy\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <path d=\"M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z\"><\/path>\r\n                <\/svg>\r\n                <span>BUY NOW<\/span>\r\n            <\/a>\r\n        <\/div>\r\n    <\/nav>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ea297f e-con-full e-flex e-con e-child\" data-id=\"4ea297f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9838dc9 elementor-widget elementor-widget-html\" data-id=\"9838dc9\" 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: Erica One (Headline\/Tombol) & Coming Soon (Deskripsi\/CA) -->\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=Coming+Soon&family=Erica+One&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* --- KEYFRAMES ANIMASI GETAR --- *\/\r\n    @keyframes cartoonWobble {\r\n        0% { transform: rotate(0deg) scale(1); }\r\n        15% { transform: rotate(-3deg) scale(1.03); }\r\n        30% { transform: rotate(2deg) scale(1.03); }\r\n        45% { transform: rotate(-2deg) scale(1.03); }\r\n        60% { transform: rotate(1deg) scale(1.03); }\r\n        75% { transform: rotate(-1deg) scale(1.03); }\r\n        100% { transform: rotate(0deg) scale(1.03); }\r\n    }\r\n\r\n    \/* --- HERO CONTAINER (TANPA LATAR BELAKANG KOTAK\/CARD) --- *\/\r\n    .bh-hero-nocard {\r\n        width: 100%;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n        padding: 60px 20px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-align: center;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* --- TYPOGRAPHY --- *\/\r\n    .bh-hero-title {\r\n        font-family: 'Erica One', cursive;\r\n        font-size: 3.8rem;\r\n        color: #ffffff;\r\n        text-shadow: 4px 4px 0px #000000;\r\n        line-height: 1.1;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .bh-hero-title span {\r\n        color: #CEF005;\r\n    }\r\n\r\n    .bh-hero-subtitle {\r\n        font-family: 'Coming Soon', cursive;\r\n        font-size: 1.4rem;\r\n        font-weight: bold;\r\n        color: #ffffff;\r\n        text-shadow: 2px 2px 0px #000000;\r\n        line-height: 1.6;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    \/* --- CA COPY BOX --- *\/\r\n    .bh-ca-wrapper {\r\n        margin-bottom: 35px;\r\n        width: 100%;\r\n        max-width: 550px;\r\n    }\r\n\r\n    .bh-ca-label {\r\n        font-family: 'Erica One', cursive;\r\n        font-size: 0.95rem;\r\n        color: #ffffff;\r\n        text-align: left;\r\n        margin-bottom: 8px;\r\n        padding-left: 5px;\r\n        text-shadow: 2px 2px 0px #000000;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .bh-ca-box {\r\n        display: flex;\r\n        align-items: center;\r\n        background: #ffffff;\r\n        border: 4px solid #000000;\r\n        border-radius: 16px;\r\n        padding: 6px 6px 6px 15px;\r\n        box-shadow: 5px 5px 0px #000000;\r\n        cursor: pointer;\r\n        position: relative;\r\n        transition: transform 0.1s ease;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .bh-ca-box:active {\r\n        transform: translate(2px, 2px);\r\n        box-shadow: 3px 3px 0px #000000;\r\n    }\r\n\r\n    .bh-ca-text {\r\n        font-family: 'Coming Soon', cursive;\r\n        font-weight: bold;\r\n        font-size: 1.1rem;\r\n        color: #000000;\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        flex-grow: 1;\r\n        text-align: left;\r\n        padding-right: 10px;\r\n    }\r\n\r\n    .btn-bh-copy {\r\n        font-family: 'Erica One', cursive;\r\n        background: #CEF005;\r\n        color: #000000;\r\n        border: 3px solid #000000;\r\n        border-radius: 10px;\r\n        padding: 8px 18px;\r\n        font-size: 0.9rem;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        transition: background-color 0.2s ease;\r\n    }\r\n\r\n    .btn-bh-copy svg {\r\n        width: 16px;\r\n        height: 16px;\r\n        fill: currentColor;\r\n    }\r\n\r\n    \/* Popup Status Berhasil Salin *\/\r\n    .bh-copied-toast {\r\n        position: absolute;\r\n        top: -45px;\r\n        right: 10px;\r\n        background: #CEF005;\r\n        color: #000000;\r\n        font-family: 'Erica One', cursive;\r\n        font-size: 0.85rem;\r\n        padding: 6px 12px;\r\n        border: 2px solid #000000;\r\n        border-radius: 8px;\r\n        box-shadow: 3px 3px 0px #000000;\r\n        opacity: 0;\r\n        transform: translateY(10px);\r\n        transition: opacity 0.2s ease, transform 0.2s ease;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .bh-copied-toast.show {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    \/* --- CTA BUTTON MAIN --- *\/\r\n    .btn-bh-hero-cta {\r\n        font-family: 'Erica One', cursive;\r\n        text-decoration: none;\r\n        padding: 16px 40px;\r\n        font-size: 1.4rem;\r\n        border: 4px solid #000000;\r\n        border-radius: 18px;\r\n        background: #CEF005;\r\n        color: #000000;\r\n        box-shadow: 6px 6px 0px #000000;\r\n        cursor: pointer;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        transition: background-color 0.2s ease, color 0.2s ease, transform 0.1s ease;\r\n    }\r\n\r\n    .btn-bh-hero-cta svg {\r\n        width: 24px;\r\n        height: 24px;\r\n        fill: currentColor;\r\n    }\r\n\r\n    .btn-bh-hero-cta:hover {\r\n        animation: cartoonWobble 0.5s ease-in-out both;\r\n        background: #ffffff;\r\n        box-shadow: 3px 3px 0px #000000;\r\n    }\r\n\r\n    .btn-bh-hero-cta:active {\r\n        transform: translate(2px, 2px);\r\n        box-shadow: 1px 1px 0px #000000;\r\n    }\r\n\r\n    \/* --- RESPONSIVE MOBILE --- *\/\r\n    @media (max-width: 768px) {\r\n        .bh-hero-nocard {\r\n            padding: 40px 15px;\r\n        }\r\n\r\n        .bh-hero-title {\r\n            font-size: 2.4rem;\r\n        }\r\n\r\n        .bh-hero-subtitle {\r\n            font-size: 1.15rem;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .bh-ca-text {\r\n            font-size: 0.95rem;\r\n        }\r\n\r\n        .btn-bh-copy span {\r\n            display: none; \/* Sembunyikan tulisan teks di HP agar hemat ruang *\/\r\n        }\r\n        \r\n        .btn-bh-copy {\r\n            padding: 8px 10px;\r\n        }\r\n\r\n        .btn-bh-hero-cta {\r\n            font-size: 1.15rem;\r\n            padding: 14px 30px;\r\n            width: 100%;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- IMPLEMENTASI HTML HERO SECTION -->\r\n<div class=\"bh-hero-nocard\">\r\n    <!-- Judul Utama -->\r\n    <h1 class=\"bh-hero-title\">Out of the Hood.<br>Into a <span>Better Home.<\/span><\/h1>\r\n    \r\n    <!-- Sub-headline -->\r\n    <p class=\"bh-hero-subtitle\">\r\n        Tired of getting drained by predatory launchpads? We packed our bags, cut our losses, and moved to Solana. No games, just pure trading.\r\n    <\/p>\r\n\r\n    <!-- CA Section -->\r\n    <div class=\"bh-ca-wrapper\">\r\n        <div class=\"bh-ca-label\">CONTRACT ADDRESS:<\/div>\r\n        <div class=\"bh-ca-box\" id=\"caBoxNoCard\" onclick=\"copyContractNoCard()\">\r\n            <span class=\"bh-ca-text\" id=\"caTextNoCard\">NULL<\/span>\r\n            <button class=\"btn-bh-copy\" aria-label=\"Copy Address\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z\"><\/path>\r\n                <\/svg>\r\n                <span>COPY<\/span>\r\n            <\/button>\r\n            <div class=\"bh-copied-toast\" id=\"bhToastNoCard\">COPIED!<\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Tombol CTA Utama -->\r\n    <a href=\"LINK-KAMU\" target=\"_blank\" class=\"btn-bh-hero-cta\">\r\n        <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-12S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z\"><\/path>\r\n        <\/svg>\r\n        <span>JOIN THE MIGRATION<\/span>\r\n    <\/a>\r\n<\/div>\r\n\r\n<!-- JAVASCRIPT COPY INSTAN -->\r\n<script>\r\n    function copyContractNoCard() {\r\n        var caText = document.getElementById(\"caTextNoCard\").innerText;\r\n        navigator.clipboard.writeText(caText).then(function() {\r\n            var toast = document.getElementById(\"bhToastNoCard\");\r\n            toast.classList.add(\"show\");\r\n            setTimeout(function() {\r\n                toast.classList.remove(\"show\");\r\n            }, 1500);\r\n        }).catch(function(err) {\r\n            console.error('Gagal menyalin: ', 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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2b08c14 e-flex e-con-boxed e-con e-parent\" data-id=\"2b08c14\" 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-ca82c78 e-con-full e-flex e-con e-child\" data-id=\"ca82c78\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7d2850 elementor-widget elementor-widget-html\" data-id=\"f7d2850\" 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: Erica One (Judul) & Coming Soon (Deskripsi) -->\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=Coming+Soon&family=Erica+One&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* --- ABOUT SECTION CONTAINER --- *\/\r\n    .bh-about-container {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 60px 20px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .bh-about-split {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 50px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* --- KOLOM KIRI: TEKS\/NARASI --- *\/\r\n    .bh-about-content {\r\n        flex: 1;\r\n        text-align: left;\r\n    }\r\n\r\n    .bh-about-title {\r\n        font-family: 'Erica One', cursive;\r\n        font-size: 3.2rem;\r\n        color: #000000; \/* DIUBAH MENJADI HITAM *\/\r\n        text-shadow: 2px 2px 0px #ffffff; \/* Shadow putih agar kontras di bg gelap *\/\r\n        margin-bottom: 25px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .bh-about-text {\r\n        font-family: 'Coming Soon', cursive;\r\n        font-size: 1.25rem;\r\n        font-weight: bold;\r\n        color: #ffffff;\r\n        text-shadow: 1px 1px 0px #000000;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .bh-about-text p {\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .bh-about-highlight {\r\n        color: #000000; \/* DIUBAH MENJADI HITAM *\/\r\n        background-color: rgba(255, 255, 255, 0.9); \/* Tambah bg putih tipis khusus teks highlight agar pop-out *\/\r\n        padding: 2px 6px;\r\n        border-radius: 6px;\r\n        display: inline-block;\r\n    }\r\n\r\n    \/* --- KOLOM KANAN: MEDIA\/GIF --- *\/\r\n    .bh-about-media {\r\n        flex: 1;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .bh-about-gif {\r\n        width: 100%;\r\n        max-width: 450px;\r\n        height: auto;\r\n        border: 4px solid #000000;\r\n        border-radius: 24px;\r\n        box-shadow: 8px 8px 0px #000000;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .bh-about-gif:hover {\r\n        transform: scale(1.02) rotate(2deg);\r\n    }\r\n\r\n    \/* --- RESPONSIVE MOBILE STYLES --- *\/\r\n    @media (max-width: 991px) {\r\n        .bh-about-split {\r\n            flex-direction: column;\r\n            gap: 40px;\r\n        }\r\n\r\n        .bh-about-content {\r\n            text-align: center;\r\n            order: 1;\r\n        }\r\n\r\n        .bh-about-media {\r\n            order: 2;\r\n            width: 100%;\r\n        }\r\n\r\n        .bh-about-title {\r\n            font-size: 2.5rem;\r\n        }\r\n\r\n        .bh-about-text {\r\n            font-size: 1.15rem;\r\n        }\r\n\r\n        .bh-about-gif {\r\n            max-width: 85%;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- IMPLEMENTASI HTML ABOUT SECTION -->\r\n<div class=\"bh-about-container\">\r\n    <div class=\"bh-about-split\">\r\n        \r\n        <!-- Kolom Kiri: Narasi Utama -->\r\n        <div class=\"bh-about-content\">\r\n            <h2 class=\"bh-about-title\">The Reality Check<\/h2>\r\n            <div class=\"bh-about-text\">\r\n                <p>Let\u2019s be honest. If you\u2019ve been in the trenches long enough, you know the drill. The launchpad takes its massive cut, liquidity gets squeezed, and retail investors are left holding the bag.<\/p>\r\n                <p>It\u2019s a broken system that rewards middlemen while bleeding the community dry. <span class=\"bh-about-highlight\">We refused to be their exit liquidity any longer.<\/span><\/p>\r\n                <p>$ByeHood isn\u2019t here to pitch you overpromised roadmaps or overcomplicated tech that nobody actually uses. We exist because of a simple, logical choice: either stay where you are constantly being taken advantage of, or move to an ecosystem that actually works.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Kolom Kanan: Tempat Gambar GIF -->\r\n        <div class=\"bh-about-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/byehood.fun\/wp-content\/uploads\/2026\/07\/aset11.gif\" alt=\"$BYEHOOD Migration Art\" class=\"bh-about-gif\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\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-abff86f e-flex e-con-boxed e-con e-parent\" data-id=\"abff86f\" 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-50c70e8 e-con-full e-flex e-con e-child\" data-id=\"50c70e8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d129b4 elementor-widget elementor-widget-html\" data-id=\"4d129b4\" 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: Erica One (Judul\/Label) & Coming Soon (Angka\/Detail) -->\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=Coming+Soon&family=Erica+One&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* --- COMMON CONTAINER STYLES --- *\/\r\n    .bh-section-container {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 60px 20px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .bh-sec-title {\r\n        font-family: 'Erica One', cursive;\r\n        font-size: 3.5rem;\r\n        color: #ffffff;\r\n        text-shadow: 4px 4px 0px #000000;\r\n        text-align: center;\r\n        margin-bottom: 40px;\r\n        line-height: 1.1;\r\n    }\r\n\r\n    .bh-sec-title span {\r\n        color: #CEF005;\r\n    }\r\n\r\n    \/* --- LIVE CHART SECTION (DEXSCREENER) --- *\/\r\n    .bh-chart-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        \/* Menggunakan aspek rasio premium cartoon border *\/\r\n        border: 5px solid #000000;\r\n        border-radius: 24px;\r\n        box-shadow: 8px 8px 0px #000000;\r\n        overflow: hidden;\r\n        background: #151515;\r\n        \/* Membuat container pembungkus aspek rasio 16:9 agar responsif murni *\/\r\n        padding-top: 56.25%; \r\n    }\r\n\r\n    .bh-chart-wrapper iframe {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 0;\r\n    }\r\n\r\n    \/* --- TOKENOMICS SECTION --- *\/\r\n    .bh-tokenomics-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 30px;\r\n        margin-top: 20px;\r\n    }\r\n\r\n    .bh-toke-box {\r\n        background: rgba(0, 0, 0, 0.7);\r\n        border: 4px solid #000000;\r\n        border-radius: 20px;\r\n        padding: 25px;\r\n        text-align: center;\r\n        box-shadow: 6px 6px 0px #000000;\r\n        transition: transform 0.2s ease;\r\n    }\r\n\r\n    .bh-toke-box:hover {\r\n        transform: translateY(-5px) rotate(-1deg);\r\n        box-shadow: 4px 4px 0px #CEF005;\r\n    }\r\n\r\n    .bh-toke-label {\r\n        font-family: 'Erica One', cursive;\r\n        font-size: 1.4rem;\r\n        color: #CEF005;\r\n        text-shadow: 2px 2px 0px #000000;\r\n        margin-bottom: 10px;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .bh-toke-value {\r\n        font-family: 'Coming Soon', cursive;\r\n        font-size: 2rem;\r\n        font-weight: bold;\r\n        color: #ffffff;\r\n        text-shadow: 2px 2px 0px #000000;\r\n    }\r\n\r\n    .bh-toke-desc {\r\n        font-family: 'Coming Soon', cursive;\r\n        font-size: 1.05rem;\r\n        color: #d0d0d0;\r\n        margin-top: 8px;\r\n        font-weight: bold;\r\n    }\r\n\r\n    \/* --- RESPONSIVE MOBILE STYLES --- *\/\r\n    @media (max-width: 768px) {\r\n        .bh-section-container {\r\n            padding: 40px 15px;\r\n        }\r\n\r\n        .bh-sec-title {\r\n            font-size: 2.3rem;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        \/* Mengubah aspek rasio iframe di mobile agar lebih tinggi dan nyaman dilihat *\/\r\n        .bh-chart-wrapper {\r\n            padding-top: 100%; \/* Kotak rasio 1:1 di mobile *\/\r\n            border-width: 4px;\r\n            box-shadow: 5px 5px 0px #000000;\r\n        }\r\n\r\n        .bh-tokenomics-grid {\r\n            grid-template-columns: 1fr; \/* Menjadi 1 kolom bertumpuk di HP *\/\r\n            gap: 20px;\r\n        }\r\n\r\n        .bh-toke-box {\r\n            padding: 20px;\r\n        }\r\n\r\n        .bh-toke-value {\r\n            font-size: 1.7rem;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- ============================================ -->\r\n<!-- 1. SECTION LIVE CHART -->\r\n<!-- ============================================ -->\r\n<div class=\"bh-section-container\">\r\n    <h2 class=\"bh-sec-title\">LIVE <span>CHART<\/span><\/h2>\r\n    \r\n    <div class=\"bh-chart-wrapper\">\r\n        <!-- Ganti ALAMAT_PAIR_TOKEN_KAMU dengan link embed pasangannya dari dexscreen -->\r\n        <iframe src=\"https:\/\/dexscreener.com\/solana\/ALAMAT_PAIR_TOKEN_KAMU?embed=1&theme=dark&trades=0&info=0\"><\/iframe>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- ============================================ -->\r\n<!-- 2. SECTION TOKENOMICS -->\r\n<!-- ============================================ -->\r\n<div class=\"bh-section-container\" style=\"padding-top: 0;\">\r\n    <h2 class=\"bh-sec-title\">TOKEN<span>OMICS<\/span><\/h2>\r\n    \r\n    <div class=\"bh-tokenomics-grid\">\r\n        \r\n        <!-- Box 1: Supply -->\r\n        <div class=\"bh-toke-box\">\r\n            <div class=\"bh-toke-label\">TOTAL SUPPLY<\/div>\r\n            <div class=\"bh-toke-value\">1,000,000,000<\/div>\r\n            <div class=\"bh-toke-desc\">$BYEHOOD Tokens Minted<\/div>\r\n        <\/div>\r\n\r\n        <!-- Box 2: Taxes -->\r\n        <div class=\"bh-toke-box\">\r\n            <div class=\"bh-toke-label\">TAXES<\/div>\r\n            <div class=\"bh-toke-value\">0% \/ 0%<\/div>\r\n            <div class=\"bh-toke-desc\">Zero Buying & Selling Fees<\/div>\r\n        <\/div>\r\n\r\n        <!-- Box 3: Liquidity -->\r\n        <div class=\"bh-toke-box\">\r\n            <div class=\"bh-toke-label\">LIQUIDITY<\/div>\r\n            <div class=\"bh-toke-value\">BURNT<\/div>\r\n            <div class=\"bh-toke-desc\">100% LP Locked & Destroyed<\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\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-2eddb01 e-flex e-con-boxed e-con e-parent\" data-id=\"2eddb01\" 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-4cd3f50 e-con-full e-flex e-con e-child\" data-id=\"4cd3f50\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3acf2b5 elementor-widget elementor-widget-html\" data-id=\"3acf2b5\" 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: Erica One (Judul & Nomor) & Coming Soon (Deskripsi Langkah) -->\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=Coming+Soon&family=Erica+One&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* --- KEYFRAMES HOVER WOBBLE (GETAR ASIMETRIS) --- *\/\r\n    @keyframes slimWobble {\r\n        0% { transform: scale(1.02) rotate(-1deg); }\r\n        100% { transform: scale(1.02) rotate(1.5deg); }\r\n    }\r\n\r\n    \/* --- CONTAINER UTAMA (LEBIH SLIM & PROPORSIONAL) --- *\/\r\n    .bh-buy-container {\r\n        width: 100%;\r\n        max-width: 1000px; \/* Dipersempit agar tampak lebih slim dan fokus *\/\r\n        margin: 0 auto;\r\n        padding: 50px 20px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .bh-buy-split {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 35px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* --- KOLOM KIRI: GAMBAR UTAMA --- *\/\r\n    .bh-buy-media {\r\n        flex: 0.9;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .bh-buy-img {\r\n        width: 100%;\r\n        max-width: 380px; \/* Ukuran disesuaikan agar proporsional dengan layout slim *\/\r\n        height: auto;\r\n        filter: drop-shadow(6px 6px 0px #000000);\r\n        transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    .bh-buy-img:hover {\r\n        transform: scale(1.05) rotate(-3deg);\r\n    }\r\n\r\n    \/* --- KOLOM KANAN: KONTEN DENGAN TATANAN BERANTAKAN --- *\/\r\n    .bh-buy-content {\r\n        flex: 1.2;\r\n        display: flex;\r\n        flex-direction: column;\r\n        text-align: left;\r\n    }\r\n\r\n    .bh-buy-title {\r\n        font-family: 'Erica One', cursive;\r\n        font-size: 3.2rem;\r\n        color: #ffffff;\r\n        text-shadow: 4px 4px 0px #000000;\r\n        margin-bottom: 30px;\r\n        line-height: 1.1;\r\n        transform: rotate(-1deg); \/* Judul dibuat sedikit miring *\/\r\n    }\r\n\r\n    .bh-buy-title span {\r\n        color: #CEF005;\r\n    }\r\n\r\n    \/* --- STEPS LIST WITH ASYMMETRIC LAYOUT (TATANAN SENGAJA ACAK) --- *\/\r\n    .bh-steps-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 15px;\r\n        width: 100%;\r\n    }\r\n\r\n    .bh-step-box {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        background: rgba(15, 15, 15, 0.85);\r\n        border: 3.5px solid #000000;\r\n        border-radius: 16px;\r\n        padding: 16px 20px;\r\n        box-shadow: 5px 5px 0px #000000;\r\n        transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Rotasi sengaja dibuat selang-seling agar terkesan berantakan\/jalanan secara profesional *\/\r\n    .bh-steps-list .bh-step-box:nth-child(1) { transform: rotate(1deg); }\r\n    .bh-steps-list .bh-step-box:nth-child(2) { transform: rotate(-1.5deg) translateX(-5px); }\r\n    .bh-steps-list .bh-step-box:nth-child(3) { transform: rotate(0.8deg) translateX(3px); }\r\n    .bh-steps-list .bh-step-box:nth-child(4) { transform: rotate(-0.5deg); }\r\n\r\n    \/* --- INTERACTIVE HOVER POIN --- *\/\r\n    .bh-step-box:hover {\r\n        animation: slimWobble 0.25s ease-in-out infinite alternate;\r\n        border-color: #CEF005;\r\n        box-shadow: 4px 4px 0px #CEF005;\r\n        background: #000000;\r\n        z-index: 10;\r\n    }\r\n\r\n    \/* Angka Langkah Gaya Kartun Pop-out *\/\r\n    .bh-step-num {\r\n        font-family: 'Erica One', cursive;\r\n        font-size: 1.8rem;\r\n        color: #000000;\r\n        background: #CEF005;\r\n        border: 3px solid #000000;\r\n        border-radius: 10px;\r\n        min-width: 42px;\r\n        height: 42px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        box-shadow: 2px 2px 0px #000000;\r\n        flex-shrink: 0;\r\n        transition: background-color 0.2s ease;\r\n    }\r\n\r\n    .bh-step-box:hover .bh-step-num {\r\n        background: #ffffff;\r\n    }\r\n\r\n    \/* Informasi Teks Box *\/\r\n    .bh-step-info {\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .bh-step-headline {\r\n        font-family: 'Erica One', cursive;\r\n        font-size: 1.2rem;\r\n        color: #ffffff;\r\n        margin-bottom: 3px;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .bh-step-box:hover .bh-step-headline {\r\n        color: #CEF005;\r\n    }\r\n\r\n    .bh-step-desc {\r\n        font-family: 'Coming Soon', cursive;\r\n        font-size: 1rem;\r\n        font-weight: bold;\r\n        color: #cccccc;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .bh-highlight-inline {\r\n        color: #CEF005;\r\n    }\r\n\r\n    \/* --- RESPONSIVE MOBILE --- *\/\r\n    @media (max-width: 991px) {\r\n        .bh-buy-split {\r\n            flex-direction: column;\r\n            gap: 35px;\r\n        }\r\n\r\n        .bh-buy-content {\r\n            width: 100%;\r\n        }\r\n\r\n        .bh-buy-title {\r\n            font-size: 2.6rem;\r\n            text-align: center;\r\n            transform: none;\r\n        }\r\n\r\n        .bh-buy-media {\r\n            width: 100%;\r\n        }\r\n\r\n        .bh-buy-img {\r\n            max-width: 60%;\r\n        }\r\n\r\n        \/* Reset translasi di mobile agar tidak keluar batas layar ponsel *\/\r\n        .bh-steps-list .bh-step-box:nth-child(1),\r\n        .bh-steps-list .bh-step-box:nth-child(2),\r\n        .bh-steps-list .bh-step-box:nth-child(3),\r\n        .bh-steps-list .bh-step-box:nth-child(4) { \r\n            transform: none; \r\n        }\r\n    }\r\n\r\n    @media (max-width: 576px) {\r\n        .bh-step-box {\r\n            flex-direction: column;\r\n            align-items: center;\r\n            text-align: center;\r\n            padding: 15px 12px;\r\n        }\r\n        \r\n        .bh-step-num {\r\n            margin-bottom: 3px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- IMPLEMENTASI HTML HOW TO BUY -->\r\n<div class=\"bh-buy-container\">\r\n    <div class=\"bh-buy-split\">\r\n        \r\n        <!-- Kolom Kiri: Gambar Utama Kustom -->\r\n        <div class=\"bh-buy-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/byehood.fun\/wp-content\/uploads\/2026\/07\/ASD.png\" alt=\"How to buy $BYEHOOD\" class=\"bh-buy-img\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <!-- Kolom Kanan: Daftar Langkah Pembelian (Slim & Asymmetric) -->\r\n        <div class=\"bh-buy-content\">\r\n            <h2 class=\"bh-buy-title\">HOW TO <span>BUY<\/span><\/h2>\r\n            \r\n            <div class=\"bh-steps-list\">\r\n                \r\n                <!-- Poin 1 -->\r\n                <div class=\"bh-step-box\">\r\n                    <div class=\"bh-step-num\">1<\/div>\r\n                    <div class=\"bh-step-info\">\r\n                        <h3 class=\"bh-step-headline\">GET SOME SOLANA<\/h3>\r\n                        <p class=\"bh-step-desc\">Deposit <span class=\"bh-highlight-inline\">SOL<\/span> to your Phantom, Solflare, or Web3 wallet. Make sure you have enough to cover network gas fees.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Poin 2 -->\r\n                <div class=\"bh-step-box\">\r\n                    <div class=\"bh-step-num\">2<\/div>\r\n                    <div class=\"bh-step-info\">\r\n                        <h3 class=\"bh-step-headline\">COPY CONTRACT ADDRESS<\/h3>\r\n                        <p class=\"bh-step-desc\">Head over to our official hero section above and click the CA box to instantly copy the authentic <span class=\"bh-highlight-inline\">$BYEHOOD<\/span> token address.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Poin 3 -->\r\n                <div class=\"bh-step-box\">\r\n                    <div class=\"bh-step-num\">3<\/div>\r\n                    <div class=\"bh-step-info\">\r\n                        <h3 class=\"bh-step-headline\">CONNECT TO PUMP.FUN<\/h3>\r\n                        <p class=\"bh-step-desc\">Navigate to <span class=\"bh-highlight-inline\">pump.fun<\/span> during the initial launch phase, connect your wallet, and execute the trade with zero hassle.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Poin 4 -->\r\n                <div class=\"bh-step-box\">\r\n                    <div class=\"bh-step-num\">4<\/div>\r\n                    <div class=\"bh-step-info\">\r\n                        <h3 class=\"bh-step-headline\">TRACK ON DEXSCREENER<\/h3>\r\n                        <p class=\"bh-step-desc\">Once the raydium pool migrates, paste the CA into <span class=\"bh-highlight-inline\">dexscreener.com<\/span> to monitor real-time charts and watch the community build momentum.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\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-5bf423c e-flex e-con-boxed e-con e-parent\" data-id=\"5bf423c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/byehood.fun\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/HERO-BYEHOOD2.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-f4be096 e-con-full e-flex e-con e-child\" data-id=\"f4be096\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2953826 elementor-widget elementor-widget-html\" data-id=\"2953826\" 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: Erica One (Judul\/Tombol) & Coming Soon (Teks Umum) -->\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=Coming+Soon&family=Erica+One&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* --- KEYFRAMES HOVER WOBBLE --- *\/\r\n    @keyframes cartoonWobble {\r\n        0% { transform: rotate(0deg) scale(1); }\r\n        15% { transform: rotate(-3deg) scale(1.03); }\r\n        30% { transform: rotate(2deg) scale(1.03); }\r\n        45% { transform: rotate(-2deg) scale(1.03); }\r\n        60% { transform: rotate(1deg) scale(1.03); }\r\n        75% { transform: rotate(-1deg) scale(1.03); }\r\n        100% { transform: rotate(0deg) scale(1.03); }\r\n    }\r\n\r\n    \/* --- JOIN US SECTION --- *\/\r\n    .bh-join-container {\r\n        width: 100%;\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n        padding: 60px 20px;\r\n        text-align: center;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .bh-join-title {\r\n        font-family: 'Erica One', cursive;\r\n        font-size: 3.5rem;\r\n        color: #ffffff;\r\n        text-shadow: 4px 4px 0px #000000;\r\n        margin-bottom: 20px;\r\n        line-height: 1.1;\r\n    }\r\n\r\n    .bh-join-title span {\r\n        color: #CEF005;\r\n    }\r\n\r\n    .bh-join-desc {\r\n        font-family: 'Coming Soon', cursive;\r\n        font-size: 1.3rem;\r\n        font-weight: bold;\r\n        color: #ffffff;\r\n        text-shadow: 2px 2px 0px #000000;\r\n        max-width: 600px;\r\n        margin: 0 auto 35px auto;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* --- CTA BUTTONS GROUP --- *\/\r\n    .bh-join-buttons {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        gap: 15px;\r\n        flex-wrap: wrap;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .btn-bh-join {\r\n        font-family: 'Erica One', cursive;\r\n        text-decoration: none;\r\n        padding: 12px 28px;\r\n        font-size: 1.1rem;\r\n        border: 3.5px solid #000000;\r\n        border-radius: 14px;\r\n        cursor: pointer;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        transition: transform 0.1s ease, background-color 0.2s ease, color 0.2s ease;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .btn-bh-join svg {\r\n        width: 20px;\r\n        height: 20px;\r\n        fill: currentColor;\r\n    }\r\n\r\n    \/* Variasi Warna Tombol *\/\r\n    .btn-bh-community {\r\n        background: #CEF005;\r\n        color: #000000;\r\n        box-shadow: 5px 5px 0px #000000;\r\n    }\r\n    .btn-bh-community:hover {\r\n        background: #ffffff;\r\n    }\r\n\r\n    .btn-bh-chart-link {\r\n        background: #ffffff;\r\n        color: #000000;\r\n        box-shadow: 5px 5px 0px #000000;\r\n    }\r\n    .btn-bh-chart-link:hover {\r\n        background: #000000;\r\n        color: #CEF005;\r\n        border-color: #CEF005;\r\n    }\r\n\r\n    .btn-bh-swap {\r\n        background: #000000;\r\n        color: #ffffff;\r\n        border-color: #ffffff;\r\n        box-shadow: 5px 5px 0px #ffffff;\r\n    }\r\n    .btn-bh-swap:hover {\r\n        background: #CEF005;\r\n        color: #000000;\r\n        border-color: #000000;\r\n        box-shadow: 5px 5px 0px #000000;\r\n    }\r\n\r\n    \/* Hover Getar *\/\r\n    .btn-bh-join:hover {\r\n        animation: cartoonWobble 0.5s ease-in-out both;\r\n    }\r\n\r\n    .btn-bh-join:active {\r\n        transform: translate(2px, 2px);\r\n        box-shadow: 2px 2px 0px currentColor;\r\n    }\r\n\r\n    \/* --- SIMPEL FOOTER --- *\/\r\n    .bh-simpel-footer {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 30px 20px;\r\n        border-top: 3px dashed #ffffff;\r\n        text-align: center;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .bh-copyright {\r\n        font-family: 'Coming Soon', cursive;\r\n        font-size: 1rem;\r\n        font-weight: bold;\r\n        color: #cccccc;\r\n    }\r\n\r\n    \/* --- BACK TO TOP BUTTON --- *\/\r\n    .bh-back-to-top {\r\n        position: fixed;\r\n        bottom: 25px;\r\n        right: 25px;\r\n        background: #CEF005;\r\n        color: #000000;\r\n        border: 3px solid #000000;\r\n        border-radius: 12px;\r\n        width: 45px;\r\n        height: 45px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        box-shadow: 4px 4px 0px #000000;\r\n        cursor: pointer;\r\n        z-index: 999;\r\n        transition: all 0.2s ease;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n    }\r\n\r\n    .bh-back-to-top.show {\r\n        opacity: 1;\r\n        visibility: visible;\r\n    }\r\n\r\n    .bh-back-to-top svg {\r\n        width: 22px;\r\n        height: 22px;\r\n        fill: currentColor;\r\n        transition: transform 0.2s ease;\r\n    }\r\n\r\n    .bh-back-to-top:hover {\r\n        background: #ffffff;\r\n        transform: translateY(-3px);\r\n    }\r\n    \r\n    .bh-back-to-top:hover svg {\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .bh-back-to-top:active {\r\n        transform: translate(2px, 2px);\r\n        box-shadow: 1px 1px 0px #000000;\r\n    }\r\n\r\n    \/* --- RESPONSIVE MOBILE --- *\/\r\n    @media (max-width: 768px) {\r\n        .bh-join-title {\r\n            font-size: 2.5rem;\r\n        }\r\n\r\n        .bh-join-desc {\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        .bh-join-buttons {\r\n            flex-direction: column;\r\n            width: 100%;\r\n            gap: 15px;\r\n        }\r\n\r\n        .btn-bh-join {\r\n            width: 100%;\r\n        }\r\n\r\n        .bh-back-to-top {\r\n            bottom: 15px;\r\n            right: 15px;\r\n            width: 40px;\r\n            height: 40px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- IMPLEMENTASI HTML JOIN US SECTION -->\r\n<div class=\"bh-join-container\">\r\n    <h2 class=\"bh-join-title\">JOIN THE <span>MIGRATION<\/span><\/h2>\r\n    <p class=\"bh-join-desc\">Leave the broken systems behind. Connect with thousands of traders who chose freedom and raw execution on Solana.<\/p>\r\n    \r\n    <div class=\"bh-join-buttons\">\r\n        <!-- 1. Tombol Join Community -->\r\n        <a href=\"LINK-KAMU\" target=\"_blank\" class=\"btn-bh-join btn-bh-community\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-12S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-1-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69a.2.2 0 0 0-.05-.18c-.06-.05-.14-.03-.21-.02-.09.02-1.49.95-4.22 2.79-.4.27-.76.41-1.08.4-.36-.01-1.04-.2-1.55-.37-.63-.2-1.12-.31-1.08-.66.02-.18.27-.36.74-.55 2.92-1.27 4.86-2.11 5.83-2.51 2.78-1.16 3.35-1.36 3.73-1.36.08 0 .27.02.39.12.1.08.13.19.14.27-.01.06.01.24 0 .24z\"><\/path>\r\n            <\/svg>\r\n            <span>JOIN COMMUNITY<\/span>\r\n        <\/a>\r\n\r\n        <!-- 2. Tombol Live Chart -->\r\n        <a href=\"LINK-KAMU\" target=\"_blank\" class=\"btn-bh-join btn-bh-chart-link\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z\"><\/path>\r\n            <\/svg>\r\n            <span>LIVE CHART<\/span>\r\n        <\/a>\r\n\r\n        <!-- 3. Tombol Swap Now -->\r\n        <a href=\"LINK-KAMU\" target=\"_blank\" class=\"btn-bh-join btn-bh-swap\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M16 17.01V10h-2v7.01h-3L15 21l4-3.99h-3zM9 3L5 6.99h3V14h2V6.99h3L9 3z\"><\/path>\r\n            <\/svg>\r\n            <span>SWAP NOW<\/span>\r\n        <\/a>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- IMPLEMENTASI HTML FOOTER SIMPEL -->\r\n<footer class=\"bh-simpel-footer\">\r\n    <div class=\"bh-copyright\">\u00a9 2026 $BYEHOOD. All rights reserved.<\/div>\r\n<\/footer>\r\n\r\n<!-- IMPLEMENTASI HTML BUTTON BACK TO TOP -->\r\n<button class=\"bh-back-to-top\" id=\"btnBackToTop\" onclick=\"scrollToTop()\" aria-label=\"Back to Top\">\r\n    <svg viewBox=\"0 0 24 24\">\r\n        <path d=\"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z\"><\/path>\r\n    <\/svg>\r\n<\/button>\r\n\r\n<!-- JAVASCRIPT LOGIC UNTUK SCROLL BACK TO TOP -->\r\n<script>\r\n    var backToTopBtn = document.getElementById(\"btnBackToTop\");\r\n\r\n    \/\/ Deteksi aktivitas scroll halaman\r\n    window.onscroll = function() {\r\n        scrollFunction();\r\n    };\r\n\r\n    function scrollFunction() {\r\n        \/\/ Tombol muncul jika scroll melebihi 300px dari atas halaman\r\n        if (document.body.scrollTop > 300 || document.documentElement.scrollTop > 300) {\r\n            backToTopBtn.classList.add(\"show\");\r\n        } else {\r\n            backToTopBtn.classList.remove(\"show\");\r\n        }\r\n    }\r\n\r\n    \/\/ Aksi kembali ke atas secara mulus (smooth scroll)\r\n    function scrollToTop() {\r\n        window.scrollTo({\r\n            top: 0,\r\n            behavior: 'smooth'\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>$BYEHOOD TWITTER TELEGRAM BUY NOW Out of the Hood.Into a Better Home. Tired of getting drained by predatory launchpads? We packed our bags, cut our losses, and moved to Solana. No games, just pure trading. CONTRACT ADDRESS: NULL COPY COPIED! JOIN THE MIGRATION The Reality Check Let\u2019s be honest. If you\u2019ve been in the trenches [&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:\/\/byehood.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/byehood.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/byehood.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/byehood.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/byehood.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":7,"href":"https:\/\/byehood.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/byehood.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/byehood.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}