{"id":8,"date":"2026-04-03T16:45:15","date_gmt":"2026-04-03T16:45:15","guid":{"rendered":"https:\/\/brickstars.fun\/?page_id=8"},"modified":"2026-04-03T17:37:31","modified_gmt":"2026-04-03T17:37:31","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/brickstars.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-17108d2 e-con-full e-flex e-con e-parent\" data-id=\"17108d2\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-768b2d8 elementor-widget elementor-widget-html\" data-id=\"768b2d8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"brickstars-app\">\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;700;900&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n        #brickstars-app {\r\n            font-family: 'Inter', sans-serif;\r\n            background-color: #030303; \r\n            color: #e5e7eb;\r\n            overflow-x: hidden;\r\n            --accent-main: #FACC15; \r\n            --accent-glow: rgba(250, 204, 21, 0.4);\r\n            --bg-dark: #030303;\r\n            --glass-bg: rgba(20, 20, 20, 0.4);\r\n            --glass-border: rgba(255, 255, 255, 0.08);\r\n            --glass-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.1);\r\n        }\r\n\r\n        #brickstars-app h1, #brickstars-app h2, #brickstars-app h3, .heading-font {\r\n            font-family: 'Outfit', sans-serif;\r\n            margin: 0;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        \/* Elegant Button *\/\r\n        .btn-elegant {\r\n            background: rgba(255, 255, 255, 0.03);\r\n            color: #fff;\r\n            border: 1px solid var(--glass-border);\r\n            border-radius: 8px;\r\n            padding: 12px 28px;\r\n            font-size: 13px;\r\n            font-family: 'Outfit', sans-serif;\r\n            font-weight: 700;\r\n            letter-spacing: 1.5px;\r\n            cursor: pointer;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n            text-transform: uppercase;\r\n            backdrop-filter: blur(10px);\r\n        }\r\n        .btn-elegant:hover {\r\n            border-color: var(--accent-main);\r\n            color: var(--accent-main);\r\n            background: rgba(250, 204, 21, 0.05);\r\n            transform: translateY(-2px);\r\n        }\r\n        .btn-elegant.primary {\r\n            background: var(--accent-main);\r\n            color: #000;\r\n            border-color: var(--accent-main);\r\n            box-shadow: 0 4px 15px var(--accent-glow);\r\n        }\r\n        .btn-elegant.primary:hover {\r\n            background: #fde047;\r\n            box-shadow: 0 8px 25px var(--accent-glow);\r\n            color: #000;\r\n        }\r\n        .btn-elegant svg {\r\n            width: 20px;\r\n            height: 20px;\r\n            stroke: currentColor;\r\n        }\r\n\r\n        \/* Navbar *\/\r\n        .b-nav {\r\n            position: fixed;\r\n            top: 0; left: 0; right: 0;\r\n            background: rgba(3, 3, 3, 0.7);\r\n            border-bottom: 1px solid var(--glass-border);\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 20px 5%;\r\n            z-index: 1000;\r\n            backdrop-filter: blur(20px);\r\n            -webkit-backdrop-filter: blur(20px);\r\n        }\r\n        .b-nav-logo { \r\n            font-size: 24px; \r\n            font-weight: 900; \r\n            color: #fff; \r\n            letter-spacing: 4px;\r\n            font-family: 'Outfit', sans-serif;\r\n        }\r\n        .b-nav-logo span { color: var(--accent-main); }\r\n        .b-nav-links { display: flex; gap: 16px; }\r\n\r\n        \/* Hero Section *\/\r\n        .b-hero {\r\n            position: relative;\r\n            height: 100vh;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: flex-start;\r\n            padding-top: 20vh;\r\n            overflow: hidden;\r\n        }\r\n        .hero-bg-video {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            object-fit: cover;\r\n            z-index: 0;\r\n            opacity: 0.4;\r\n        }\r\n        .b-hero-overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            \/* Linear gradient overlay *\/\r\n            background: linear-gradient(to bottom, rgba(3,3,3,0.1) 0%, var(--bg-dark) 100%);\r\n            z-index: 1;\r\n        }\r\n        .b-hero-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            text-align: center;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 30px;\r\n        }\r\n        .b-hero-title {\r\n            font-size: 85px;\r\n            font-weight: 900;\r\n            color: #fff;\r\n            letter-spacing: 12px;\r\n            text-shadow: 0 10px 30px rgba(0,0,0,0.8);\r\n            line-height: 1;\r\n        }\r\n        .ca-box {\r\n            background: var(--glass-bg);\r\n            border: 1px solid var(--glass-border);\r\n            padding: 10px 10px 10px 24px;\r\n            border-radius: 50px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 20px;\r\n            backdrop-filter: blur(15px);\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.5), var(--glass-highlight);\r\n        }\r\n        .ca-box span { font-family: 'Inter', monospace; color: #a3a3a3; font-size: 14px; letter-spacing: 1px;}\r\n        .ca-box .btn-elegant { border-radius: 40px; padding: 10px 24px; }\r\n\r\n        \/* Global Section Styles *\/\r\n        .b-section { padding: 120px 5%; position: relative; z-index: 2; border-bottom: 1px solid var(--glass-border); }\r\n        .b-section-title { \r\n            font-size: 40px; \r\n            text-align: center; \r\n            margin-bottom: 100px; \/* Jarak diperlebar *\/\r\n            color: #fff;\r\n            font-weight: 900;\r\n            letter-spacing: 4px;\r\n        }\r\n        .b-section-title span { color: var(--accent-main); }\r\n        \r\n        \/* Reveal Animation Classes *\/\r\n        .reveal {\r\n            opacity: 0;\r\n            transform: translateY(40px);\r\n            transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n        }\r\n        .reveal.active { opacity: 1; transform: translateY(0); }\r\n        \r\n        \/* About Section *\/\r\n        .b-about-grid {\r\n            display: flex;\r\n            gap: 70px;\r\n            align-items: center;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n        .b-about-embed {\r\n            flex: 1;\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            background: #0a0a0a;\r\n            box-shadow: 0 20px 50px rgba(0,0,0,0.8);\r\n            border: 1px solid var(--glass-border);\r\n            position: relative;\r\n        }\r\n        .b-about-embed::after {\r\n            content: ''; position: absolute; inset: 0; border-radius: 16px;\r\n            box-shadow: var(--glass-highlight); pointer-events: none;\r\n        }\r\n        .b-about-text-container { flex: 1; }\r\n        .b-about-text-container h2 { font-size: 38px; margin-bottom: 24px; color: #fff; letter-spacing: 2px;}\r\n        .b-about-text-container p { \r\n            font-size: 17px; \r\n            line-height: 1.8; \r\n            color: #9ca3af; \r\n            margin-bottom: 35px;\r\n            font-weight: 300;\r\n        }\r\n\r\n        \/* Gacha Section *\/\r\n        .b-gacha {\r\n            position: relative;\r\n            padding: 140px 0;\r\n            overflow: hidden;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            min-height: 700px;\r\n            background: radial-gradient(circle at center, rgba(30,30,30,0.4) 0%, var(--bg-dark) 70%);\r\n        }\r\n        .marquee-wrapper {\r\n            position: absolute;\r\n            inset: 0;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            gap: 24px;\r\n            opacity: 0.1; \r\n            mask-image: linear-gradient(to right, transparent, black 25%, black 75%, transparent);\r\n            -webkit-mask-image: linear-gradient(to right, transparent, black 25%, black 75%, transparent);\r\n            pointer-events: none;\r\n        }\r\n        .marquee-track { display: flex; gap: 24px; width: max-content; }\r\n        .marquee-track img { height: 220px; border-radius: 10px; filter: grayscale(80%) contrast(1.2); }\r\n        .track-right { animation: scrollRight 45s linear infinite; }\r\n        .track-left { animation: scrollLeft 45s linear infinite; }\r\n        \r\n        @keyframes scrollLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\r\n        @keyframes scrollRight { 0% { transform: translateX(-50%); } 100% { transform: translateX(0); } }\r\n\r\n        .gacha-ui-box {\r\n            position: relative;\r\n            z-index: 10;\r\n            background: rgba(15, 15, 15, 0.6);\r\n            backdrop-filter: blur(25px);\r\n            -webkit-backdrop-filter: blur(25px);\r\n            border: 1px solid var(--glass-border);\r\n            border-radius: 24px;\r\n            padding: 60px 50px;\r\n            text-align: center;\r\n            width: 90%;\r\n            max-width: 440px;\r\n            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8), var(--glass-highlight);\r\n        }\r\n        .gacha-display {\r\n            width: 250px; height: 350px;\r\n            background: rgba(0,0,0,0.5);\r\n            border: 1px solid rgba(255,255,255,0.05);\r\n            border-radius: 16px;\r\n            margin: 0 auto 40px auto;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            overflow: hidden;\r\n            position: relative;\r\n            box-shadow: inset 0 0 30px rgba(0,0,0,0.8);\r\n        }\r\n        .gacha-display img { width: 100%; height: 100%; object-fit: contain; display: none; }\r\n        .gacha-question { font-size: 80px; color: #333; font-family: 'Outfit'; font-weight: 900;}\r\n        .gacha-animation { animation: pulseGlow 0.8s cubic-bezier(0.16, 1, 0.3, 1); }\r\n        @keyframes pulseGlow {\r\n            0% { transform: scale(0.95); box-shadow: inset 0 0 30px rgba(0,0,0,0.8), 0 0 0 0 rgba(250, 204, 21, 0); }\r\n            50% { transform: scale(1.05); box-shadow: inset 0 0 0 rgba(0,0,0,0), 0 0 40px 10px rgba(250, 204, 21, 0.2); border-color: var(--accent-main);}\r\n            100% { transform: scale(1); box-shadow: inset 0 0 30px rgba(0,0,0,0.8), 0 0 0 0 rgba(250, 204, 21, 0); }\r\n        }\r\n\r\n        .gacha-actions {\r\n            display: flex;\r\n            gap: 15px;\r\n            width: 100%;\r\n        }\r\n        .gacha-actions .btn-elegant {\r\n            padding: 18px;\r\n            font-size: 15px;\r\n        }\r\n        .gacha-actions .primary {\r\n            flex: 1;\r\n        }\r\n        .btn-download {\r\n            display: none; \/* Disembunyikan awalnya *\/\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 18px 22px !important;\r\n        }\r\n\r\n        \/* How To Buy *\/\r\n        .b-htb-grid { \r\n            display: grid; \r\n            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); \r\n            gap: 30px; \r\n            max-width: 1200px; \r\n            margin: 0 auto;\r\n        }\r\n        .htb-card {\r\n            background: var(--glass-bg);\r\n            border: 1px solid var(--glass-border);\r\n            border-radius: 16px;\r\n            padding: 40px 30px;\r\n            text-align: left;\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.3), var(--glass-highlight);\r\n            backdrop-filter: blur(10px);\r\n        }\r\n        .htb-card:hover {\r\n            transform: translateY(-8px);\r\n            background: rgba(30, 30, 30, 0.6);\r\n            border-color: rgba(255,255,255,0.15);\r\n        }\r\n        .htb-step { \r\n            display: inline-block;\r\n            font-size: 12px; \r\n            font-family: 'Outfit'; \r\n            color: var(--accent-main); \r\n            letter-spacing: 3px;\r\n            margin-bottom: 20px;\r\n            background: rgba(250, 204, 21, 0.1);\r\n            padding: 6px 12px;\r\n            border-radius: 30px;\r\n        }\r\n        .htb-card h3 { font-size: 22px; margin-bottom: 15px; color: #fff;}\r\n        .htb-card p { font-size: 15px; color: #9ca3af; line-height: 1.6;}\r\n\r\n        \/* Roadmap *\/\r\n        .b-roadmap-grid { display: flex; flex-direction: column; gap: 24px; max-width: 800px; margin: 0 auto; position: relative;}\r\n        .b-roadmap-grid::before {\r\n            content: ''; position: absolute; left: 45px; top: 0; bottom: 0; width: 1px;\r\n            background: linear-gradient(to bottom, transparent, var(--glass-border), transparent);\r\n            z-index: 0;\r\n        }\r\n        @media (max-width: 768px) { .b-roadmap-grid::before { display: none; } }\r\n\r\n        .rm-card {\r\n            background: var(--glass-bg); \r\n            border: 1px solid var(--glass-border); \r\n            border-radius: 16px;\r\n            padding: 40px; \r\n            display: flex; \r\n            gap: 50px; \r\n            align-items: center;\r\n            position: relative;\r\n            z-index: 1;\r\n            backdrop-filter: blur(10px);\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.3), var(--glass-highlight);\r\n        }\r\n        .rm-phase { \r\n            font-size: 28px; \r\n            color: #fff; \r\n            font-family: 'Outfit'; \r\n            min-width: 140px;\r\n            font-weight: 900;\r\n        }\r\n        .rm-phase span { color: var(--accent-main); font-size: 14px; display: block; font-weight: 400; letter-spacing: 2px;}\r\n        .rm-content ul { list-style: none; padding: 0; margin: 0; color: #d1d5db;}\r\n        .rm-content li { margin-bottom: 14px; position: relative; padding-left: 24px; font-size: 16px; font-weight: 300;}\r\n        .rm-content li::before { \r\n            content: ''; \r\n            position: absolute; \r\n            left: 0; top: 8px; \r\n            width: 6px; height: 6px; \r\n            border-radius: 50%; \r\n            background: var(--accent-main);\r\n            box-shadow: 0 0 10px var(--accent-main);\r\n        }\r\n\r\n        \/* Community Section *\/\r\n        .b-community {\r\n            position: relative;\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-attachment: fixed;\r\n            padding: 160px 5%;\r\n            text-align: center;\r\n            border-bottom: none;\r\n        }\r\n        .comm-overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: rgba(0, 0, 0, 0.8); \/* Solid dark overlay *\/\r\n            z-index: 1;\r\n        }\r\n        .comm-content { position: relative; z-index: 2; max-width: 800px; margin: 0 auto; }\r\n        .comm-content h2 { font-size: 54px; margin-bottom: 24px; color: #fff; letter-spacing: 2px;}\r\n        .comm-content p { color: #a3a3a3; font-size: 18px; margin-bottom: 50px; line-height: 1.6; font-weight: 300;}\r\n        .comm-links { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;}\r\n\r\n        \/* Footer *\/\r\n        .b-footer {\r\n            background: #000;\r\n            border-top: 1px solid var(--glass-border);\r\n            padding: 50px 5%;\r\n            text-align: center;\r\n            color: #6b7280;\r\n            font-size: 14px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        .b-footer-logo {\r\n            font-family: 'Outfit';\r\n            font-size: 22px;\r\n            color: #fff;\r\n            margin-bottom: 15px;\r\n            letter-spacing: 4px;\r\n            font-weight: 900;\r\n        }\r\n        .b-footer p { margin-top: 15px; max-width: 600px; margin-left: auto; margin-right: auto; font-size: 12px; line-height: 1.6;}\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .b-about-grid { flex-direction: column; gap: 40px;}\r\n            .b-hero-title { font-size: 50px; letter-spacing: 6px;}\r\n            .rm-card { flex-direction: column; text-align: left; gap: 20px; align-items: flex-start; padding: 30px;}\r\n            .b-nav { padding: 15px; }\r\n            .b-nav-links { display: none; }\r\n            .b-hero { padding-top: 160px; }\r\n            .ca-box { flex-direction: column; padding: 15px; border-radius: 16px; gap: 10px;}\r\n            .ca-box span { font-size: 12px; word-break: break-all; text-align: center;}\r\n            .ca-box .btn-elegant { width: 100%; border-radius: 8px;}\r\n            .b-section-title { margin-bottom: 60px; font-size: 32px; }\r\n        }\r\n    <\/style>\r\n\r\n    <nav class=\"b-nav\">\r\n        <div class=\"b-nav-logo\">BRICK<span>STARS<\/span><\/div>\r\n        <div class=\"b-nav-links\">\r\n            <a href=\"#\" class=\"btn-elegant\">Twitter<\/a>\r\n            <a href=\"#\" class=\"btn-elegant\">Telegram<\/a>\r\n            <a href=\"#\" class=\"btn-elegant primary\">Chart<\/a>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <section class=\"b-hero\">\r\n        <video autoplay loop muted playsinline class=\"hero-bg-video\">\r\n            <source src=\"http:\/\/brickstars.fun\/wp-content\/uploads\/2026\/04\/BRICKSTARS-BG1.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n        <div class=\"b-hero-overlay\"><\/div>\r\n        <div class=\"b-hero-content reveal\">\r\n            <h1 class=\"b-hero-title\">$BSTAR<\/h1>\r\n            <div class=\"ca-box\">\r\n                <span id=\"ca-text\">CA : NULL<\/span>\r\n                <button id=\"ca-btn\" class=\"btn-elegant primary\" onclick=\"copyCA()\">COPY<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"b-section b-about\">\r\n        <div class=\"b-about-grid\">\r\n            <div class=\"b-about-embed reveal\">\r\n                <iframe src=\"https:\/\/www.instagram.com\/p\/DWn_nn2jJfe\/embed\" width=\"100%\" height=\"480\" frameborder=\"0\" scrolling=\"no\" allowtransparency=\"true\"><\/iframe>\r\n            <\/div>\r\n            <div class=\"b-about-text-container reveal\">\r\n                <h2 class=\"heading-font\">ASSEMBLING <span>GREATNESS<\/span><\/h2>\r\n                <p>Greatness isn't born; it's built piece by piece. BRICKSTARS was sparked by the sheer magic of the iconic Lego advertisement that broke the internet\u2014a masterpiece that brought football royalty like Messi, Ronaldo, Mbapp\u00e9, and Vin\u00edcius Jr. together in one legendary frame. Inspired by that vision, we created a community-driven ecosystem for those who appreciate the power of absolute legends standing shoulder to shoulder. $BSTAR is the foundational block of a new digital stadium, where fans and collectors assemble to create something monumental. It\u2019s iconic, it\u2019s historic, and it\u2019s built to last.<\/p>\r\n                <a href=\"#\" class=\"btn-elegant\">JOIN COMMUNITY<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"b-gacha\">\r\n        <div class=\"marquee-wrapper\" id=\"marquee-container\">\r\n            <\/div>\r\n        <div class=\"gacha-ui-box reveal\">\r\n            <h2 class=\"heading-font\" style=\"margin-bottom:35px; font-size: 32px; letter-spacing: 2px;\">THE LEGENDARY<span> DRAW<\/span><\/h2>\r\n            <div class=\"gacha-display\" id=\"gacha-display\">\r\n                <div class=\"gacha-question\">?<\/div>\r\n                <img decoding=\"async\" src=\"\" id=\"gacha-img\">\r\n            <\/div>\r\n            \r\n            <div class=\"gacha-actions\">\r\n                <button class=\"btn-elegant primary\" onclick=\"pullGacha()\">INITIATE PULL<\/button>\r\n                <button class=\"btn-elegant btn-download\" id=\"btn-download\" onclick=\"downloadGacha()\" title=\"Download Your Legend\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\r\n                        <polyline points=\"7 10 12 15 17 10\"><\/polyline>\r\n                        <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\r\n                    <\/svg>\r\n                <\/button>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"b-section\">\r\n        <h2 class=\"b-section-title reveal\">THE <span>BLUEPRINT<\/span><\/h2>\r\n        <div class=\"b-htb-grid\">\r\n            <div class=\"htb-card reveal\">\r\n                <div class=\"htb-step\">PHASE 01<\/div>\r\n                <h3 class=\"heading-font\">Create Wallet<\/h3>\r\n                <p>Download Phantom or your preferred Solana wallet extension to begin your journey.<\/p>\r\n            <\/div>\r\n            <div class=\"htb-card reveal\">\r\n                <div class=\"htb-step\">PHASE 02<\/div>\r\n                <h3 class=\"heading-font\">Acquire SOL<\/h3>\r\n                <p>Fund your digital wallet with SOL to cover necessary network transaction fees.<\/p>\r\n            <\/div>\r\n            <div class=\"htb-card reveal\">\r\n                <div class=\"htb-step\">PHASE 03<\/div>\r\n                <h3 class=\"heading-font\">Access DEX<\/h3>\r\n                <p>Connect your wallet securely to decentralized exchanges like Raydium or Jupiter.<\/p>\r\n            <\/div>\r\n            <div class=\"htb-card reveal\">\r\n                <div class=\"htb-step\">PHASE 04<\/div>\r\n                <h3 class=\"heading-font\">Swap to $BSTAR<\/h3>\r\n                <p>Enter the official contract address and execute your swap to acquire $BSTAR.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"b-section\">\r\n        <h2 class=\"b-section-title reveal\">MASTER <span>PLAN<\/span><\/h2>\r\n        <div class=\"b-roadmap-grid\">\r\n            <div class=\"rm-card reveal\">\r\n                <div class=\"rm-phase\">STAGE I <span>FOUNDATION<\/span><\/div>\r\n                <div class=\"rm-content\">\r\n                    <ul>\r\n                        <li>Brand Assembly & Ecosystem Launch<\/li>\r\n                        <li>Community Establishment (Telegram & X)<\/li>\r\n                        <li>Fair Launch on Solana Network<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"rm-card reveal\">\r\n                <div class=\"rm-phase\">STAGE II <span>EXPANSION<\/span><\/div>\r\n                <div class=\"rm-content\">\r\n                    <ul>\r\n                        <li>Global Digital Marketing Campaigns<\/li>\r\n                        <li>DexTools & DexScreener Trending<\/li>\r\n                        <li>Strategic Creator Partnerships<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"rm-card reveal\">\r\n                <div class=\"rm-phase\">STAGE III <span>LEGACY<\/span><\/div>\r\n                <div class=\"rm-content\">\r\n                    <ul>\r\n                        <li>Digital Collectibles Integration<\/li>\r\n                        <li>Tier-1 Exchange Listings<\/li>\r\n                        <li>Exclusive Global Community Events<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"b-section b-community\" style=\"background-image: url('http:\/\/brickstars.fun\/wp-content\/uploads\/2026\/04\/Asset-19.png')\">\r\n        <div class=\"comm-overlay\"><\/div>\r\n        <div class=\"comm-content reveal\">\r\n            <h2 class=\"heading-font\">JOIN THE <span>ALL-STARS<\/span><\/h2>\r\n            <p>Become part of a global movement. Stay updated, connect with elite collectors, and build the future of digital legacy together.<\/p>\r\n            <div class=\"comm-links\">\r\n                <a href=\"#\" class=\"btn-elegant\">X (Twitter)<\/a>\r\n                <a href=\"#\" class=\"btn-elegant primary\">Swap Now<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <footer class=\"b-footer\">\r\n        <div class=\"b-footer-logo\">BRICK<span>STARS<\/span><\/div>\r\n        <div>&copy; 2026 BrickStars. All Rights Reserved.<\/div>\r\n        <p>Disclaimer: $BSTAR is a digital token created for entertainment and community-building purposes. It holds no intrinsic value. Please participate responsibly.<\/p>\r\n    <\/footer>\r\n\r\n    <script>\r\n        \/\/ Copy CA Function\r\n        function copyCA() {\r\n            const ca = document.getElementById(\"ca-text\").innerText;\r\n            navigator.clipboard.writeText(ca).then(() => {\r\n                const btn = document.getElementById(\"ca-btn\");\r\n                btn.innerText = \"COPIED!\";\r\n                setTimeout(() => btn.innerText = \"COPY\", 2000);\r\n            });\r\n        }\r\n\r\n        \/\/ Gacha Logic & Marquee Injection\r\n        const cardImages = [\r\n            \"http:\/\/brickstars.fun\/wp-content\/uploads\/2026\/04\/Asset-5.png\",\r\n            \"http:\/\/brickstars.fun\/wp-content\/uploads\/2026\/04\/Asset-6.png\",\r\n            \"http:\/\/brickstars.fun\/wp-content\/uploads\/2026\/04\/Asset-7.png\",\r\n            \"http:\/\/brickstars.fun\/wp-content\/uploads\/2026\/04\/Asset-8.png\",\r\n            \"http:\/\/brickstars.fun\/wp-content\/uploads\/2026\/04\/Asset-9.png\",\r\n            \"http:\/\/brickstars.fun\/wp-content\/uploads\/2026\/04\/Asset-10.png\",\r\n            \"http:\/\/brickstars.fun\/wp-content\/uploads\/2026\/04\/Asset-11.png\",\r\n            \"http:\/\/brickstars.fun\/wp-content\/uploads\/2026\/04\/Asset-12.png\",\r\n            \"http:\/\/brickstars.fun\/wp-content\/uploads\/2026\/04\/Asset-13.png\",\r\n            \"http:\/\/brickstars.fun\/wp-content\/uploads\/2026\/04\/Asset-14.png\",\r\n            \"http:\/\/brickstars.fun\/wp-content\/uploads\/2026\/04\/Asset-15.png\",\r\n            \"http:\/\/brickstars.fun\/wp-content\/uploads\/2026\/04\/Asset-16.png\",\r\n            \"http:\/\/brickstars.fun\/wp-content\/uploads\/2026\/04\/Asset-17.png\",\r\n            \"http:\/\/brickstars.fun\/wp-content\/uploads\/2026\/04\/Asset-18.png\"\r\n        ];\r\n\r\n        \/\/ Populate Marquee Setup\r\n        const marqueeContainer = document.getElementById('marquee-container');\r\n        \r\n        function createMarqueeRow(directionClass) {\r\n            let track = document.createElement('div');\r\n            track.className = `marquee-track ${directionClass}`;\r\n            \/\/ Duplicate array multiple times for smooth infinity\r\n            let combinedImages = [...cardImages, ...cardImages, ...cardImages, ...cardImages]; \r\n            \/\/ Shuffle array\r\n            combinedImages.sort(() => 0.5 - Math.random());\r\n            \r\n            combinedImages.forEach(src => {\r\n                let img = document.createElement('img');\r\n                img.src = src;\r\n                track.appendChild(img);\r\n            });\r\n            return track;\r\n        }\r\n\r\n        \/\/ Add rows\r\n        marqueeContainer.appendChild(createMarqueeRow('track-left'));\r\n        marqueeContainer.appendChild(createMarqueeRow('track-right'));\r\n\r\n        \/\/ Pull Gacha Action\r\n        let isPulling = false;\r\n        function pullGacha() {\r\n            if (isPulling) return;\r\n            isPulling = true;\r\n            \r\n            const displayBox = document.getElementById('gacha-display');\r\n            const imgElement = document.getElementById('gacha-img');\r\n            const questionMark = document.querySelector('.gacha-question');\r\n            const downloadBtn = document.getElementById('btn-download');\r\n            \r\n            const randomCard = cardImages[Math.floor(Math.random() * cardImages.length)];\r\n            \r\n            \/\/ Hide image and download button during animation\r\n            imgElement.style.display = 'none';\r\n            downloadBtn.style.display = 'none';\r\n            questionMark.style.display = 'block';\r\n            displayBox.classList.add('gacha-animation');\r\n            \r\n            setTimeout(() => {\r\n                questionMark.style.display = 'none';\r\n                imgElement.src = randomCard;\r\n                imgElement.style.display = 'block';\r\n                displayBox.classList.remove('gacha-animation');\r\n                \r\n                \/\/ Show download button\r\n                downloadBtn.style.display = 'flex';\r\n                \r\n                isPulling = false;\r\n            }, 800); \/\/ Matches CSS animation duration\r\n        }\r\n\r\n        \/\/ Download Action\r\n        function downloadGacha() {\r\n            const imgSrc = document.getElementById('gacha-img').src;\r\n            if (!imgSrc) return;\r\n            \r\n            \/\/ Create a temporary anchor element to trigger download\r\n            const link = document.createElement('a');\r\n            link.href = imgSrc;\r\n            \r\n            \/\/ Extract filename from URL or default\r\n            const urlParts = imgSrc.split('\/');\r\n            const fileName = urlParts[urlParts.length - 1] || 'BrickStars-Legend.png';\r\n            \r\n            link.download = fileName;\r\n            document.body.appendChild(link);\r\n            link.click();\r\n            document.body.removeChild(link);\r\n        }\r\n\r\n        \/\/ Scroll Reveal Animation Observer\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            const reveals = document.querySelectorAll('.reveal');\r\n            \r\n            const revealOptions = {\r\n                threshold: 0.15,\r\n                rootMargin: \"0px 0px -50px 0px\"\r\n            };\r\n\r\n            const revealOnScroll = new IntersectionObserver(function(entries, observer) {\r\n                entries.forEach(entry => {\r\n                    if (!entry.isIntersecting) {\r\n                        return;\r\n                    } else {\r\n                        entry.target.classList.add('active');\r\n                        observer.unobserve(entry.target); \r\n                    }\r\n                });\r\n            }, revealOptions);\r\n\r\n            reveals.forEach(reveal => {\r\n                revealOnScroll.observe(reveal);\r\n            });\r\n            \r\n            \/\/ Trigger once on load for elements already in viewport\r\n            setTimeout(() => {\r\n                reveals.forEach(reveal => {\r\n                    const windowHeight = window.innerHeight;\r\n                    const elementTop = reveal.getBoundingClientRect().top;\r\n                    if (elementTop < windowHeight - 50) {\r\n                        reveal.classList.add('active');\r\n                    }\r\n                });\r\n            }, 100);\r\n        });\r\n    <\/script>\r\n<\/div>\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>BRICKSTARS Twitter Telegram Chart $BSTAR CA : NULL COPY ASSEMBLING GREATNESS Greatness isn&#8217;t born; it&#8217;s built piece by piece. BRICKSTARS was sparked by the sheer magic of the iconic Lego advertisement that broke the internet\u2014a masterpiece that brought football royalty like Messi, Ronaldo, Mbapp\u00e9, and Vin\u00edcius Jr. together in one legendary frame. Inspired by that [&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:\/\/brickstars.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brickstars.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brickstars.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brickstars.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brickstars.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":31,"href":"https:\/\/brickstars.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":60,"href":"https:\/\/brickstars.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/60"}],"wp:attachment":[{"href":"https:\/\/brickstars.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}