{"id":8,"date":"2026-05-12T11:59:16","date_gmt":"2026-05-12T11:59:16","guid":{"rendered":"https:\/\/bloboo.fun\/?page_id=8"},"modified":"2026-05-14T04:37:55","modified_gmt":"2026-05-14T04:37:55","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/bloboo.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-a08630f e-con-full e-flex e-con e-parent\" data-id=\"a08630f\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c383c15 elementor-widget elementor-widget-html\" data-id=\"c383c15\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================================\r\nBLOBOO WEBSITE - ALL IN ONE HTML \/ CSS \/ JS\r\n========================================================= -->\r\n\r\n<!-- ===================== FONTS ===================== -->\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=Instrument+Serif:ital@0;1&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Fredoka:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* =========================================================\r\n  GLOBAL STYLE\r\n  ========================================================= *\/\r\n\r\n  :root {\r\n    --bloboo-bg: #E5E5E6;\r\n    --bloboo-black: #111111;\r\n    --bloboo-muted: rgba(17, 17, 17, 0.68);\r\n    --bloboo-soft: rgba(255, 255, 255, 0.42);\r\n    --bloboo-border: rgba(17, 17, 17, 0.12);\r\n    --bloboo-serif: \"Instrument Serif\", serif;\r\n    --bloboo-sans: \"Plus Jakarta Sans\", sans-serif;\r\n    --bloboo-playful: \"Fredoka\", sans-serif;\r\n  }\r\n\r\n  html {\r\n    scroll-behavior: smooth;\r\n  }\r\n\r\n  body {\r\n    margin: 0;\r\n    background: var(--bloboo-bg);\r\n  }\r\n\r\n  .bloboo-site {\r\n    background: var(--bloboo-bg);\r\n    color: var(--bloboo-black);\r\n    font-family: var(--bloboo-sans);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .bloboo-site * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .bloboo-section {\r\n    position: relative;\r\n    width: 100%;\r\n  }\r\n\r\n  .bloboo-container {\r\n    width: min(1120px, calc(100% - 44px));\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .bloboo-bg-video,\r\n  .bloboo-bg-image {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .bloboo-bg-video video,\r\n  .bloboo-bg-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n\r\n  .bloboo-section-label {\r\n    display: inline-flex;\r\n    margin-bottom: 18px;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    color: rgba(17,17,17,0.52);\r\n  }\r\n\r\n  .bloboo-heading {\r\n    margin: 0;\r\n    font-family: var(--bloboo-serif);\r\n    font-size: clamp(46px, 6vw, 86px);\r\n    line-height: 0.9;\r\n    letter-spacing: -0.055em;\r\n    font-weight: 400;\r\n    color: #111;\r\n  }\r\n\r\n  .bloboo-body {\r\n    margin: 24px 0 0;\r\n    font-size: 17px;\r\n    line-height: 1.9;\r\n    color: var(--bloboo-muted);\r\n    font-weight: 500;\r\n  }\r\n\r\n  .bloboo-body strong {\r\n    color: #111;\r\n    font-weight: 800;\r\n  }\r\n\r\n  \/* =========================================================\r\n  NAVBAR\r\n  ========================================================= *\/\r\n\r\n  .bloboo-nav-wrap {\r\n    position: fixed;\r\n    top: 24px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: min(95%, 1120px);\r\n    z-index: 999;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .bloboo-nav {\r\n    pointer-events: auto;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 18px;\r\n    padding: 12px 14px 12px 22px;\r\n    border: 1px solid var(--bloboo-border);\r\n    border-radius: 999px;\r\n    background: rgba(229, 229, 230, 0.42);\r\n    backdrop-filter: blur(18px);\r\n    -webkit-backdrop-filter: blur(18px);\r\n    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.06);\r\n  }\r\n\r\n  .bloboo-logo {\r\n    font-family: var(--bloboo-playful);\r\n    font-size: 30px;\r\n    line-height: 1;\r\n    letter-spacing: -0.04em;\r\n    color: var(--bloboo-black);\r\n    text-decoration: none;\r\n  }\r\n\r\n  .bloboo-nav-actions {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .bloboo-nav-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 42px;\r\n    padding: 0 16px;\r\n    border-radius: 999px;\r\n    color: var(--bloboo-black);\r\n    text-decoration: none;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    transition: opacity 0.25s ease, transform 0.25s ease, background 0.25s ease;\r\n  }\r\n\r\n  .bloboo-nav-link:hover {\r\n    background: rgba(255, 255, 255, 0.35);\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  .bloboo-buy {\r\n    position: relative;\r\n    overflow: hidden;\r\n    color: #ffffff;\r\n    background: #111111;\r\n    box-shadow: inset 0 -4px 6px rgba(255, 255, 255, 0.24), 0 10px 26px rgba(0, 0, 0, 0.12);\r\n  }\r\n\r\n  .bloboo-buy::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 78%;\r\n    height: 14px;\r\n    top: 2px;\r\n    left: 11%;\r\n    border-radius: 999px;\r\n    background: linear-gradient(to bottom, rgba(255,255,255,0.46), transparent);\r\n    transition: transform 0.25s ease;\r\n  }\r\n\r\n  .bloboo-buy span {\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .bloboo-buy:hover::before {\r\n    transform: scaleX(1.08);\r\n  }\r\n\r\n  \/* =========================================================\r\n  HERO SECTION\r\n  ========================================================= *\/\r\n\r\n  .bloboo-hero {\r\n    min-height: 118vh;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: center;\r\n    padding: 52px 22px 240px;\r\n    isolation: isolate;\r\n  }\r\n\r\n  .bloboo-hero .bloboo-gradient {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    background: linear-gradient(\r\n      to bottom,\r\n      rgba(229, 229, 230, 0) 0%,\r\n      rgba(229, 229, 230, 0) 78%,\r\n      rgba(229, 229, 230, 1) 100%\r\n    );\r\n    pointer-events: none;\r\n  }\r\n\r\n  .bloboo-hero-content {\r\n    position: relative;\r\n    z-index: 3;\r\n    text-align: center;\r\n    max-width: 840px;\r\n    margin: 0 auto;\r\n    animation: blobooFadeScale 1.4s cubic-bezier(0.16, 1, 0.3, 1) both;\r\n  }\r\n\r\n  .bloboo-kicker {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-bottom: 18px;\r\n    padding: 9px 14px;\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,0.36);\r\n    border: 1px solid rgba(17,17,17,0.1);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.02em;\r\n  }\r\n\r\n  .bloboo-kicker::before {\r\n    content: \"\";\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 99px;\r\n    background: #111;\r\n    box-shadow: 0 0 18px rgba(17,17,17,0.45);\r\n  }\r\n\r\n  .bloboo-title {\r\n    margin: 0;\r\n    font-family: var(--bloboo-serif);\r\n    font-size: clamp(56px, 10vw, 132px);\r\n    line-height: 0.82;\r\n    letter-spacing: -0.065em;\r\n    font-weight: 400;\r\n    color: #111111;\r\n  }\r\n\r\n  .bloboo-title em {\r\n    font-style: italic;\r\n  }\r\n\r\n  .bloboo-desc {\r\n    max-width: 560px;\r\n    margin: 24px auto 0;\r\n    font-size: clamp(15px, 1.35vw, 18px);\r\n    line-height: 1.7;\r\n    color: rgba(17, 17, 17, 0.64);\r\n    font-weight: 500;\r\n    animation: blobooFadeUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.2s both;\r\n  }\r\n\r\n  .bloboo-copy-wrap {\r\n    margin-top: 28px;\r\n    display: flex;\r\n    justify-content: center;\r\n    animation: blobooFadeUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.35s both;\r\n  }\r\n\r\n  .bloboo-copy-btn {\r\n    max-width: min(100%, 640px);\r\n    min-height: 54px;\r\n    border: 1px solid rgba(17,17,17,0.12);\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,0.48);\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n    padding: 8px 10px 8px 22px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    color: #111;\r\n    cursor: pointer;\r\n    box-shadow: 0 18px 50px rgba(0,0,0,0.07);\r\n    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;\r\n  }\r\n\r\n  .bloboo-copy-btn:hover {\r\n    transform: translateY(-2px);\r\n    background: rgba(255,255,255,0.62);\r\n    box-shadow: 0 22px 60px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  .bloboo-ca-text {\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n    text-overflow: ellipsis;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  .bloboo-copy-pill {\r\n    flex: 0 0 auto;\r\n    height: 38px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    border-radius: 999px;\r\n    padding: 0 16px;\r\n    background: #111;\r\n    color: #fff;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n  }\r\n\r\n  \/* =========================================================\r\n  ABOUT SECTION\r\n  ========================================================= *\/\r\n\r\n  .bloboo-about {\r\n    padding: 110px 0 120px;\r\n    background: var(--bloboo-bg);\r\n  }\r\n\r\n  .bloboo-about-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.02fr 0.98fr;\r\n    gap: 56px;\r\n    align-items: center;\r\n  }\r\n\r\n  .bloboo-about-media {\r\n    position: relative;\r\n    border-radius: 38px;\r\n    overflow: hidden;\r\n    background: rgba(255,255,255,0.36);\r\n    border: 1px solid rgba(17,17,17,0.08);\r\n    min-height: 520px;\r\n    box-shadow: 0 30px 100px rgba(0,0,0,0.08);\r\n  }\r\n\r\n  .bloboo-about-media img {\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 520px;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n\r\n  \/* =========================================================\r\n  TOKENOMICS SECTION\r\n  ========================================================= *\/\r\n\r\n  .bloboo-tokenomics {\r\n    min-height: 760px;\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 130px 0;\r\n    isolation: isolate;\r\n  }\r\n\r\n  .bloboo-tokenomics .bloboo-gradient {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    background: linear-gradient(\r\n      to bottom,\r\n      rgba(229, 229, 230, 1) 0%,\r\n      rgba(229, 229, 230, 0) 48%,\r\n      rgba(229, 229, 230, 1) 100%\r\n    );\r\n    pointer-events: none;\r\n  }\r\n\r\n  .bloboo-token-content {\r\n    width: min(520px, 100%);\r\n    margin-left: auto;\r\n    padding: 34px;\r\n    border-radius: 36px;\r\n    background: rgba(229, 229, 230, 0.46);\r\n    border: 1px solid rgba(17,17,17,0.1);\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n    box-shadow: 0 28px 90px rgba(0,0,0,0.08);\r\n  }\r\n\r\n  .bloboo-token-list {\r\n    margin: 28px 0 0;\r\n    display: grid;\r\n    gap: 12px;\r\n  }\r\n\r\n  .bloboo-token-item {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 18px;\r\n    padding: 16px 18px;\r\n    border-radius: 22px;\r\n    background: rgba(255,255,255,0.45);\r\n    border: 1px solid rgba(17,17,17,0.08);\r\n  }\r\n\r\n  .bloboo-token-item span:first-child {\r\n    color: rgba(17,17,17,0.55);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .bloboo-token-item span:last-child {\r\n    color: #111;\r\n    font-size: 14px;\r\n    font-weight: 900;\r\n    text-align: right;\r\n  }\r\n\r\n  \/* =========================================================\r\n  JOIN COMMUNITY SECTION\r\n  ========================================================= *\/\r\n\r\n  .bloboo-join {\r\n    min-height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 140px 0;\r\n    text-align: center;\r\n    isolation: isolate;\r\n  }\r\n\r\n  .bloboo-join .bloboo-gradient {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    background: linear-gradient(\r\n      to bottom,\r\n      rgba(229, 229, 230, 1) 0%,\r\n      rgba(229, 229, 230, 0.12) 42%,\r\n      rgba(229, 229, 230, 0) 100%\r\n    );\r\n    pointer-events: none;\r\n  }\r\n\r\n  .bloboo-join-content {\r\n    max-width: 860px;\r\n    margin: 0 auto;\r\n    padding: 48px 42px;\r\n    border-radius: 42px;\r\n    background: rgba(255, 255, 255, 0.1);\r\n    border: 1px solid rgba(255, 255, 255, 0.72);\r\n    backdrop-filter: blur(4px);\r\n    -webkit-backdrop-filter: blur(20px);\r\n    box-shadow: 0 34px 120px rgba(0,0,0,0.16);\r\n  }\r\n\r\n  .bloboo-join .bloboo-section-label {\r\n    color: rgba(17, 17, 17, 0.52);\r\n  }\r\n\r\n  .bloboo-join .bloboo-heading {\r\n    font-size: clamp(54px, 8vw, 112px);\r\n    color: #111111;\r\n  }\r\n\r\n  .bloboo-join .bloboo-body {\r\n    color: rgba(17, 17, 17, 0.68);\r\n  }\r\n\r\n  .bloboo-join-actions {\r\n    margin-top: 34px;\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n  }\r\n\r\n  .bloboo-btn {\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-height: 54px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 999px;\r\n    padding: 0 24px;\r\n    text-decoration: none;\r\n    font-size: 14px;\r\n    font-weight: 900;\r\n    color: #ffffff;\r\n    background: #111111;\r\n    border: 1px solid #111111;\r\n    box-shadow: inset 0 -4px 6px rgba(255,255,255,0.22), 0 18px 40px rgba(0,0,0,0.12);\r\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n  }\r\n\r\n  .bloboo-btn:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: inset 0 -4px 6px rgba(255,255,255,0.22), 0 24px 56px rgba(0,0,0,0.16);\r\n  }\r\n\r\n  .bloboo-btn-secondary {\r\n    color: #111;\r\n    background: rgba(255,255,255,0.58);\r\n    border: 1px solid rgba(17,17,17,0.12);\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n    box-shadow: 0 18px 40px rgba(0,0,0,0.06);\r\n  }\r\n\r\n  \/* =========================================================\r\n  FOOTER\r\n  ========================================================= *\/\r\n\r\n  .bloboo-footer {\r\n    position: relative;\r\n    padding: 34px 0 40px;\r\n    background: var(--bloboo-bg);\r\n    border-top: 1px solid rgba(17,17,17,0.08);\r\n  }\r\n\r\n  .bloboo-footer-inner {\r\n    width: min(1120px, calc(100% - 44px));\r\n    margin: 0 auto;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 24px;\r\n  }\r\n\r\n  .bloboo-footer-brand {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n  }\r\n\r\n  .bloboo-footer-logo {\r\n    font-family: var(--bloboo-playful);\r\n    font-size: 30px;\r\n    line-height: 1;\r\n    letter-spacing: -0.04em;\r\n    color: #111;\r\n  }\r\n\r\n  .bloboo-footer-tagline {\r\n    margin: 0;\r\n    color: rgba(17,17,17,0.54);\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .bloboo-footer-links {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    flex-wrap: wrap;\r\n    justify-content: flex-end;\r\n  }\r\n\r\n  .bloboo-footer-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 40px;\r\n    padding: 0 15px;\r\n    border-radius: 999px;\r\n    color: #111;\r\n    text-decoration: none;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    background: rgba(255,255,255,0.36);\r\n    border: 1px solid rgba(17,17,17,0.08);\r\n    transition: transform 0.25s ease, background 0.25s ease;\r\n  }\r\n\r\n  .bloboo-footer-link:hover {\r\n    transform: translateY(-2px);\r\n    background: rgba(255,255,255,0.58);\r\n  }\r\n\r\n  \/* =========================================================\r\n  ANIMATIONS\r\n  ========================================================= *\/\r\n\r\n  .bloboo-reveal {\r\n    opacity: 0;\r\n    transform: translateY(28px);\r\n    transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .bloboo-reveal.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  @keyframes blobooFadeScale {\r\n    from {\r\n      opacity: 0;\r\n      transform: scale(0.96);\r\n    }\r\n    to {\r\n      opacity: 1;\r\n      transform: scale(1);\r\n    }\r\n  }\r\n\r\n  @keyframes blobooFadeUp {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(22px);\r\n    }\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n  RESPONSIVE\r\n  ========================================================= *\/\r\n\r\n  @media (max-width: 900px) {\r\n    .bloboo-nav {\r\n      padding-left: 18px;\r\n    }\r\n\r\n    .bloboo-nav-actions {\r\n      gap: 4px;\r\n    }\r\n\r\n    .bloboo-nav-link {\r\n      height: 38px;\r\n      padding: 0 11px;\r\n      font-size: 12px;\r\n    }\r\n\r\n    .bloboo-about-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .bloboo-about-media,\r\n    .bloboo-about-media img {\r\n      min-height: 420px;\r\n    }\r\n\r\n    .bloboo-token-content {\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .bloboo-footer-inner {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .bloboo-footer-links {\r\n      justify-content: flex-start;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .bloboo-nav-wrap {\r\n      top: 14px;\r\n      width: calc(100% - 20px);\r\n    }\r\n\r\n    .bloboo-logo {\r\n      font-size: 25px;\r\n    }\r\n\r\n    .bloboo-nav-link:not(.bloboo-buy) {\r\n      display: none;\r\n    }\r\n\r\n    .bloboo-hero {\r\n      min-height: 105vh;\r\n      padding-top: 112px;\r\n      padding-bottom: 190px;\r\n    }\r\n\r\n    .bloboo-desc,\r\n    .bloboo-body {\r\n      font-size: 15px;\r\n      line-height: 1.75;\r\n    }\r\n\r\n    .bloboo-copy-btn {\r\n      width: 100%;\r\n      border-radius: 26px;\r\n      align-items: stretch;\r\n      flex-direction: column;\r\n      padding: 16px;\r\n      gap: 12px;\r\n    }\r\n\r\n    .bloboo-ca-text {\r\n      width: 100%;\r\n      white-space: normal;\r\n      word-break: break-all;\r\n      text-align: center;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .bloboo-copy-pill {\r\n      width: 100%;\r\n      justify-content: center;\r\n    }\r\n\r\n    .bloboo-about {\r\n      padding: 82px 0 90px;\r\n    }\r\n\r\n    .bloboo-tokenomics,\r\n    .bloboo-join {\r\n      padding: 90px 0;\r\n      min-height: 760px;\r\n    }\r\n\r\n    .bloboo-token-content,\r\n    .bloboo-join-content {\r\n      padding: 24px;\r\n      border-radius: 28px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- =========================================================\r\nHTML STRUCTURE\r\n========================================================= -->\r\n\r\n<div class=\"bloboo-site\">\r\n\r\n  <!-- ===================== NAVBAR ===================== -->\r\n  <div class=\"bloboo-nav-wrap\">\r\n    <nav class=\"bloboo-nav\">\r\n      <a href=\"#hero\" class=\"bloboo-logo\">Bloboo<\/a>\r\n\r\n      <div class=\"bloboo-nav-actions\">\r\n        <a class=\"bloboo-nav-link\" href=\"https:\/\/x.com\/itsbloboo\" target=\"_blank\" rel=\"noopener\">Twitter<\/a>\r\n        <a class=\"bloboo-nav-link\" href=\"https:\/\/t.me\/itsbloboo\" target=\"_blank\" rel=\"noopener\">Telegram<\/a>\r\n        <a class=\"bloboo-nav-link bloboo-buy\" href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=2zBGa4iNmcGhLMti6JM3Bjg4es4E2u5AjJx3zu3wpump\" target=\"_blank\" rel=\"noopener\"><span>Buy Now<\/span><\/a>\r\n      <\/div>\r\n    <\/nav>\r\n  <\/div>\r\n\r\n  <!-- ===================== HERO SECTION ===================== -->\r\n  <section id=\"hero\" class=\"bloboo-section bloboo-hero\">\r\n    <div class=\"bloboo-bg-video\">\r\n      <video autoplay muted loop playsinline preload=\"auto\">\r\n        <source src=\"https:\/\/bloboo.fun\/wp-content\/uploads\/2026\/05\/BLOBOO-BG1.mp4\" type=\"video\/mp4\">\r\n      <\/video>\r\n    <\/div>\r\n\r\n    <div class=\"bloboo-gradient\"><\/div>\r\n\r\n    <div class=\"bloboo-hero-content\">\r\n      <div class=\"bloboo-kicker\">$BLOBOO<\/div>\r\n\r\n      <h1 class=\"bloboo-title\">\r\n        Alone in a World<br>\r\n        <em>Without Color<\/em>\r\n      <\/h1>\r\n\r\n      <p class=\"bloboo-desc\">\r\n        A quiet little wanderer waiting for the first sign of color.\r\n      <\/p>\r\n\r\n      <div class=\"bloboo-copy-wrap\">\r\n        <button class=\"bloboo-copy-btn\" type=\"button\" data-ca=\"2zBGa4iNmcGhLMti6JM3Bjg4es4E2u5AjJx3zu3wpump\" aria-label=\"Copy contract address\">\r\n          <span class=\"bloboo-ca-text\">2zBGa4iNmcGhLMti6JM3Bjg4es4E2u5AjJx3zu3wpump<\/span>\r\n          <span class=\"bloboo-copy-pill\">Copy CA<\/span>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== ABOUT SECTION ===================== -->\r\n  <section id=\"about\" class=\"bloboo-section bloboo-about\">\r\n    <div class=\"bloboo-container bloboo-about-grid\">\r\n      <div class=\"bloboo-about-content bloboo-reveal\">\r\n        <span class=\"bloboo-section-label\">About Bloboo<\/span>\r\n\r\n        <h2 class=\"bloboo-heading\">The Quiet Little One Who Kept Going<\/h2>\r\n\r\n        <p class=\"bloboo-body\">\r\n          BLOBOO lives in a world that feels endless, calm, and almost too perfect. White hills. White clouds. White grass moving with the wind. A place so clean it almost feels lonely.\r\n        <\/p>\r\n\r\n        <p class=\"bloboo-body\">\r\n          But BLOBOO is not just a character. <strong>He is that tiny part of us that keeps standing<\/strong>, even when everything feels blank. He does not shout. He does not chase attention. He simply exists, quietly, curiously, and with a strange kind of hope.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"bloboo-about-media bloboo-reveal\">\r\n        <img decoding=\"async\" src=\"https:\/\/bloboo.fun\/wp-content\/uploads\/2026\/05\/BLOBOOASSET1-ezgif.com-gif-maker.gif\" alt=\"Bloboo character\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== TOKENOMICS SECTION ===================== -->\r\n  <section id=\"tokenomics\" class=\"bloboo-section bloboo-tokenomics\">\r\n    <div class=\"bloboo-bg-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/bloboo.fun\/wp-content\/uploads\/2026\/05\/Asset-6.png\" alt=\"\">\r\n    <\/div>\r\n\r\n    <div class=\"bloboo-gradient\"><\/div>\r\n\r\n    <div class=\"bloboo-container\">\r\n      <div class=\"bloboo-token-content bloboo-reveal\">\r\n        <span class=\"bloboo-section-label\">Tokenomics<\/span>\r\n\r\n        <h2 class=\"bloboo-heading\">Simple, Clean, and Made to Move<\/h2>\r\n\r\n        <p class=\"bloboo-body\">\r\n          No overbuilt promises. Just a character, a ticker, and a community bringing life into his silent world.\r\n        <\/p>\r\n\r\n        <div class=\"bloboo-token-list\">\r\n          <div class=\"bloboo-token-item\">\r\n            <span>Token Name<\/span>\r\n            <span>BLOBOO<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"bloboo-token-item\">\r\n            <span>Ticker<\/span>\r\n            <span>$BLOBOO<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"bloboo-token-item\">\r\n            <span>Supply<\/span>\r\n            <span>1 Billion<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"bloboo-token-item\">\r\n            <span>Tax<\/span>\r\n            <span>0\/0<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== JOIN COMMUNITY SECTION ===================== -->\r\n  <section id=\"join\" class=\"bloboo-section bloboo-join\">\r\n    <div class=\"bloboo-bg-video\">\r\n      <video autoplay muted loop playsinline preload=\"auto\">\r\n        <source src=\"https:\/\/bloboo.fun\/wp-content\/uploads\/2026\/05\/BLOBOO-BG2.mp4\" type=\"video\/mp4\">\r\n      <\/video>\r\n    <\/div>\r\n\r\n    <div class=\"bloboo-gradient\"><\/div>\r\n\r\n    <div class=\"bloboo-container\">\r\n      <div class=\"bloboo-join-content bloboo-reveal\">\r\n        <span class=\"bloboo-section-label\">Join Community<\/span>\r\n\r\n        <h2 class=\"bloboo-heading\">Help BLOBOO Find the Color<\/h2>\r\n\r\n        <p class=\"bloboo-body\">\r\n          BLOBOO starts alone, standing on a quiet white hill and watching the sky. Then something opens. A glimpse of blue. A flash of pink trees. A world full of color on the other side.\r\n        <\/p>\r\n\r\n        <p class=\"bloboo-body\">\r\n          Every holder, every post, every meme, every person who joins brings BLOBOO one step closer to that colorful world.\r\n        <\/p>\r\n\r\n        <div class=\"bloboo-join-actions\">\r\n          <a class=\"bloboo-btn\" href=\"https:\/\/t.me\/itsbloboo\" target=\"_blank\" rel=\"noopener\">Join Telegram<\/a>\r\n          <a class=\"bloboo-btn bloboo-btn-secondary\" href=\"https:\/\/x.com\/\" target=\"_blank\" rel=\"noopener\">Follow Twitter<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== FOOTER ===================== -->\r\n  <footer class=\"bloboo-footer\">\r\n    <div class=\"bloboo-footer-inner\">\r\n      <div class=\"bloboo-footer-brand\">\r\n        <div class=\"bloboo-footer-logo\">Bloboo<\/div>\r\n        <p class=\"bloboo-footer-tagline\">A quiet little one, looking for color.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"bloboo-footer-links\">\r\n        <a class=\"bloboo-footer-link\" href=\"https:\/\/x.com\/itsbloboo\" target=\"_blank\" rel=\"noopener\">Twitter<\/a>\r\n        <a class=\"bloboo-footer-link\" href=\"https:\/\/t.me\/itsbloboo\" target=\"_blank\" rel=\"noopener\">Telegram<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n<\/div>\r\n\r\n<script>\r\n  \/* =========================================================\r\n  COPY CA SCRIPT\r\n  ========================================================= *\/\r\n\r\n  (function () {\r\n    const copyButton = document.querySelector(\".bloboo-copy-btn\");\r\n\r\n    if (copyButton) {\r\n      const pill = copyButton.querySelector(\".bloboo-copy-pill\");\r\n      const caText = copyButton.querySelector(\".bloboo-ca-text\");\r\n\r\n      copyButton.addEventListener(\"click\", async function () {\r\n        const ca = copyButton.getAttribute(\"data-ca\") || \"\";\r\n        const originalText = pill.textContent;\r\n\r\n        try {\r\n          await navigator.clipboard.writeText(ca);\r\n          pill.textContent = \"Copied\";\r\n          caText.textContent = ca;\r\n        } catch (error) {\r\n          const tempInput = document.createElement(\"textarea\");\r\n          tempInput.value = ca;\r\n          document.body.appendChild(tempInput);\r\n          tempInput.select();\r\n          document.execCommand(\"copy\");\r\n          document.body.removeChild(tempInput);\r\n          pill.textContent = \"Copied\";\r\n        }\r\n\r\n        setTimeout(function () {\r\n          pill.textContent = originalText;\r\n        }, 1600);\r\n      });\r\n    }\r\n\r\n    \/* =========================================================\r\n    SCROLL REVEAL SCRIPT\r\n    ========================================================= *\/\r\n\r\n    const revealEls = document.querySelectorAll(\".bloboo-reveal\");\r\n\r\n    const observer = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add(\"is-visible\");\r\n        }\r\n      });\r\n    }, {\r\n      threshold: 0.18\r\n    });\r\n\r\n    revealEls.forEach(function (el) {\r\n      observer.observe(el);\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>Bloboo Twitter Telegram Buy Now $BLOBOO Alone in a World Without Color A quiet little wanderer waiting for the first sign of color. 2zBGa4iNmcGhLMti6JM3Bjg4es4E2u5AjJx3zu3wpump Copy CA About Bloboo The Quiet Little One Who Kept Going BLOBOO lives in a world that feels endless, calm, and almost too perfect. White hills. White clouds. White grass moving [&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:\/\/bloboo.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bloboo.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bloboo.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bloboo.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bloboo.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":16,"href":"https:\/\/bloboo.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/bloboo.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/bloboo.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}