{"id":8,"date":"2026-07-03T15:46:18","date_gmt":"2026-07-03T15:46:18","guid":{"rendered":"https:\/\/gettempura.lol\/?page_id=8"},"modified":"2026-07-03T17:16:37","modified_gmt":"2026-07-03T17:16:37","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/gettempura.lol\/","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-21b0b10 e-flex e-con-boxed e-con e-parent\" data-id=\"21b0b10\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff69cd4 elementor-widget elementor-widget-html\" data-id=\"ff69cd4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>$TEMPURA - Golden Crisp & Absolute Power<\/title>\r\n    <!-- Google Fonts integration -->\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=Rubik+Bubbles&family=Sniglet:wght@400;800&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        \/* CSS RESET & THEME VARIABLES *\/\r\n        * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n        \r\n        \/* Membatasi user-select hanya pada elemen dekoratif, konten teks utama tetap bisa di-copy manual *\/\r\n        img, video, nav, .loader-text {\r\n            user-select: none;\r\n            -webkit-user-select: none;\r\n        }\r\n\r\n        :root {\r\n            --primary-bg: #291814; \r\n            --accent-gold: #ffb834;\r\n            --accent-gold-glow: rgba(255, 184, 52, 0.35);\r\n            --accent-orange: #ff5722;\r\n            --text-light: #fffcf7;\r\n            --text-muted: #dcd1c4;\r\n            --font-title: 'Rubik Bubbles', system-ui, sans-serif;\r\n            --font-desc: 'Sniglet', system-ui, sans-serif;\r\n            --transition-premium: cubic-bezier(0.16, 1, 0.3, 1);\r\n        }\r\n\r\n        body {\r\n            background-color: var(--primary-bg);\r\n            color: var(--text-light);\r\n            font-family: var(--font-desc);\r\n            min-height: 100vh;\r\n            overflow-x: hidden;\r\n            padding: 20px 24px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        \/* PREMIUM INTRO LOADING SCREEN *\/\r\n        #loading-screen {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100vw;\r\n            height: 100vh;\r\n            background-color: var(--primary-bg);\r\n            z-index: 9999;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            flex-direction: column;\r\n            transition: opacity 0.5s var(--transition-premium), visibility 0.5s;\r\n        }\r\n        .loader-asset {\r\n            width: 130px;\r\n            max-width: 30vw;\r\n            height: auto;\r\n            animation: tempuraFloat 1.8s ease-in-out infinite;\r\n            filter: drop-shadow(0 8px 20px var(--accent-gold-glow));\r\n        }\r\n        .loader-text {\r\n            font-family: var(--font-title);\r\n            margin-top: 15px;\r\n            font-size: 1.3rem;\r\n            letter-spacing: 3px;\r\n            color: var(--accent-gold);\r\n            text-shadow: 2px 2px 0px #000;\r\n        }\r\n\r\n        \/* MAIN ULTRA SLIM CONTAINER *\/\r\n        .grid-container {\r\n            width: 100%;\r\n            max-width: 1000px; \r\n            margin: 0 auto;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 24px;\r\n            align-items: flex-start; \/* Mengubah kontainer utama agar mengikuti orientasi rata kiri *\/\r\n        }\r\n\r\n        \/* 1. NAV MENU CONTAINER *\/\r\n        .nav-container {\r\n            width: 100%;\r\n            background: rgba(41, 24, 20, 0.65);\r\n            border: 1px solid rgba(255, 184, 52, 0.2);\r\n            border-radius: 16px;\r\n            padding: 12px 24px;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            backdrop-filter: blur(14px);\r\n            -webkit-backdrop-filter: blur(14px);\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);\r\n            z-index: 10;\r\n        }\r\n        .brand-logo {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            cursor: pointer;\r\n        }\r\n        .brand-logo img {\r\n            width: 38px;\r\n            height: 38px;\r\n            object-fit: contain;\r\n            transition: transform 0.5s var(--transition-premium);\r\n        }\r\n        .brand-logo:hover img {\r\n            transform: scale(1.15) rotate(8deg);\r\n        }\r\n        .brand-logo span {\r\n            font-family: var(--font-title);\r\n            font-size: 1.4rem;\r\n            color: var(--accent-gold);\r\n            text-shadow: 2px 2px 0px rgba(0,0,0,0.3);\r\n        }\r\n        .nav-links {\r\n            display: flex;\r\n            gap: 6px;\r\n            list-style: none;\r\n        }\r\n        .nav-links a {\r\n            color: var(--text-muted);\r\n            text-decoration: none;\r\n            font-size: 1.05rem;\r\n            font-weight: bold;\r\n            padding: 8px 16px;\r\n            border-radius: 10px;\r\n            transition: all 0.3s var(--transition-premium);\r\n            cursor: pointer;\r\n        }\r\n        .nav-links a:hover {\r\n            color: var(--accent-gold);\r\n            background: rgba(255, 184, 52, 0.08);\r\n            transform: translateY(-1px);\r\n        }\r\n        .cta-nav {\r\n            font-family: var(--font-desc);\r\n            background: linear-gradient(135deg, var(--accent-gold), #e09b1f);\r\n            border: none;\r\n            padding: 10px 22px;\r\n            border-radius: 10px;\r\n            color: #1a0f0d;\r\n            font-weight: 800;\r\n            font-size: 1rem;\r\n            cursor: pointer;\r\n            box-shadow: 0 4px 14px rgba(255, 184, 52, 0.2);\r\n            transition: all 0.4s var(--transition-premium);\r\n            text-decoration: none;\r\n            display: inline-block;\r\n            text-align: center;\r\n        }\r\n        .cta-nav:hover {\r\n            transform: scale(1.03) translateY(-1px);\r\n            box-shadow: 0 6px 20px var(--accent-gold-glow);\r\n        }\r\n\r\n        \/* 2. JUDUL UTAMA - RATAL KIRI DENGAN ANIMASI MASUK & BERKELANJUTAN *\/\r\n        .judul-utama {\r\n            font-family: var(--font-title);\r\n            font-size: clamp(2.2rem, 5.5vw, 4.8rem);\r\n            line-height: 1.0;\r\n            color: var(--accent-gold); \r\n            text-transform: uppercase;\r\n            margin: 10px 0;\r\n            letter-spacing: -1px;\r\n            text-align: left; \/* Mengubah orientasi font judul menjadi rata kiri sesuai instruksi *\/\r\n            \r\n            \/* Kombinasi Animasi: Masuk (FadeInUp) & Berkelanjutan (Breathing Glow) *\/\r\n            animation: fadeInUp 0.8s var(--transition-premium) forwards, titleBreathe 3s ease-in-out infinite alternate;\r\n            text-shadow: 0 0 20px rgba(255, 184, 52, 0.2);\r\n            width: 100%;\r\n        }\r\n\r\n        \/* 3. VIDEO PANEL CONTAINER *\/\r\n        .video-hero-wrapper {\r\n            width: 100%;\r\n            height: 55vh;\r\n            min-height: 480px;\r\n            position: relative;\r\n            border-radius: 24px;\r\n            overflow: hidden;\r\n            box-shadow: 0 20px 50px rgba(0,0,0,0.55);\r\n            border: 1px solid rgba(255, 255, 255, 0.04);\r\n        }\r\n        .bg-video {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            z-index: 1;\r\n        }\r\n        .video-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(135deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.65) 100%);\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* CARD GLASS LIQUID TRANSMISSION (DESKRIPSI HERO) *\/\r\n        .hero-content-box {\r\n            position: absolute;\r\n            top: 35px;\r\n            left: 35px;\r\n            max-width: 430px;\r\n            background: rgba(255, 255, 255, 0.03); \r\n            border: 1px solid rgba(255, 255, 255, 0.15); \r\n            padding: 26px;\r\n            border-radius: 18px;\r\n            z-index: 3;\r\n            backdrop-filter: blur(10px); \r\n            -webkit-backdrop-filter: blur(10px);\r\n            box-shadow: 0 10px 35px rgba(0, 0, 0, 0.25);\r\n            transition: all 0.5s var(--transition-premium);\r\n        }\r\n        .hero-content-box:hover {\r\n            background: rgba(255, 255, 255, 0.06);\r\n            border-color: rgba(255, 184, 52, 0.4);\r\n            box-shadow: 0 12px 40px rgba(255, 184, 52, 0.15);\r\n            transform: translateY(-3px);\r\n        }\r\n        .hero-content-box p {\r\n            font-size: 1.05rem;\r\n            line-height: 1.6;\r\n            color: var(--text-light);\r\n        }\r\n\r\n        \/* ACTION BUTTONS GRID *\/\r\n        .action-buttons-group {\r\n            position: absolute;\r\n            bottom: 35px;\r\n            right: 35px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 10px;\r\n            width: 220px;\r\n            z-index: 3;\r\n        }\r\n        .btn-action {\r\n            font-family: var(--font-desc);\r\n            width: 100%;\r\n            background: #4e342e; \r\n            border: 1px solid rgba(255,255,255,0.06);\r\n            padding: 13px 16px;\r\n            color: var(--text-light);\r\n            font-weight: bold;\r\n            font-size: 1.05rem;\r\n            border-radius: 12px;\r\n            cursor: pointer;\r\n            text-align: center;\r\n            text-decoration: none;\r\n            transition: all 0.4s var(--transition-premium);\r\n            display: block;\r\n        }\r\n        .btn-action:hover {\r\n            background: var(--accent-gold);\r\n            color: #1a0f0d;\r\n            border-color: var(--accent-gold);\r\n            transform: translateX(-5px);\r\n            box-shadow: -4px 4px 18px rgba(255, 184, 52, 0.25);\r\n        }\r\n\r\n        \/* 4. SLIM PREMIUM CA BAR (FONT KONSISTEN DENGAN DESKRIPSI) *\/\r\n        .ca-container {\r\n            width: 100%;\r\n            background: #36221c;\r\n            border: 1px solid rgba(255, 184, 52, 0.18);\r\n            border-radius: 16px;\r\n            padding: 12px 20px;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            gap: 15px;\r\n            box-shadow: 0 6px 24px rgba(0,0,0,0.15);\r\n        }\r\n        .ca-left-box {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            overflow: hidden;\r\n            width: 100%;\r\n        }\r\n        .ca-text {\r\n            color: var(--accent-gold);\r\n            font-weight: 800;\r\n            font-size: 1rem;\r\n            font-family: var(--font-desc);\r\n        }\r\n        .ca-value {\r\n            color: var(--text-light);\r\n            font-family: var(--font-desc);\r\n            font-size: 1.05rem;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n            background: rgba(0, 0, 0, 0.2);\r\n            padding: 6px 14px;\r\n            border-radius: 8px;\r\n            width: 100%;\r\n        }\r\n        .btn-copy-trigger {\r\n            font-family: var(--font-desc);\r\n            background: var(--accent-gold);\r\n            color: #1a0f0d;\r\n            border: none;\r\n            padding: 8px 18px;\r\n            font-weight: 800;\r\n            font-size: 0.95rem;\r\n            border-radius: 8px;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            white-space: nowrap;\r\n        }\r\n        .btn-copy-trigger:hover {\r\n            background: #fff;\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        \/* WIDE & ACCURATE MODAL POP-UP SYSTEM (NO SCROLL \/ BALANCED SIZE) *\/\r\n        .modal-overlay {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100vw;\r\n            height: 100vh;\r\n            background: rgba(15, 9, 8, 0.85);\r\n            backdrop-filter: blur(14px);\r\n            -webkit-backdrop-filter: blur(14px);\r\n            z-index: 1000;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            transition: opacity 0.4s var(--transition-premium), visibility 0.4s;\r\n        }\r\n        .modal-overlay.active {\r\n            opacity: 1;\r\n            visibility: visible;\r\n        }\r\n        .modal-window {\r\n            background: #311c17;\r\n            border: 2px solid var(--accent-gold);\r\n            border-radius: 24px;\r\n            width: 92%;\r\n            max-width: 840px;\r\n            padding: 40px;\r\n            position: relative;\r\n            box-shadow: 0 30px 60px rgba(0,0,0,0.65);\r\n            transform: scale(0.92) translateY(15px);\r\n            transition: transform 0.4s var(--transition-premium);\r\n        }\r\n        .modal-overlay.active .modal-window {\r\n            transform: scale(1) translateY(0);\r\n        }\r\n        .close-btn {\r\n            position: absolute;\r\n            top: 20px;\r\n            right: 24px;\r\n            font-size: 2rem;\r\n            background: none;\r\n            border: none;\r\n            color: var(--accent-gold);\r\n            cursor: pointer;\r\n            transition: transform 0.2s;\r\n            line-height: 1;\r\n        }\r\n        .close-btn:hover {\r\n            transform: scale(1.1) rotate(90deg);\r\n        }\r\n        .modal-title {\r\n            font-family: var(--font-title);\r\n            font-size: 2rem;\r\n            color: var(--accent-gold);\r\n            margin-bottom: 18px;\r\n            text-transform: uppercase;\r\n        }\r\n        .modal-body {\r\n            font-size: 1.1rem;\r\n            line-height: 1.6;\r\n            color: var(--text-light);\r\n        }\r\n\r\n        \/* GRID POP-UP CONFIGURATIONS *\/\r\n        .tokenomics-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n            gap: 14px;\r\n            margin-top: 15px;\r\n        }\r\n        .tokenomics-card {\r\n            background: rgba(0,0,0,0.15);\r\n            padding: 14px;\r\n            border-radius: 12px;\r\n            border: 1px solid rgba(255,255,255,0.04);\r\n            text-align: center;\r\n        }\r\n        .tokenomics-card label {\r\n            display: block;\r\n            font-size: 0.9rem;\r\n            color: var(--accent-gold);\r\n            margin-bottom: 4px;\r\n            font-weight: bold;\r\n        }\r\n        .tokenomics-card val {\r\n            display: block;\r\n            font-size: 1.1rem;\r\n            font-weight: 800;\r\n        }\r\n\r\n        .roadmap-container {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n            gap: 14px;\r\n            margin-top: 15px;\r\n        }\r\n        .roadmap-card-box {\r\n            background: rgba(0,0,0,0.15);\r\n            padding: 20px;\r\n            border-radius: 16px;\r\n            border-top: 3px solid var(--accent-orange);\r\n        }\r\n        .roadmap-card-box h4 {\r\n            color: var(--accent-gold);\r\n            margin-bottom: 8px;\r\n            font-size: 1.15rem;\r\n        }\r\n        .roadmap-card-box ul {\r\n            list-style: none;\r\n        }\r\n        .roadmap-card-box li {\r\n            font-size: 0.95rem;\r\n            margin-bottom: 5px;\r\n            position: relative;\r\n            padding-left: 14px;\r\n            line-height: 1.4;\r\n        }\r\n        .roadmap-card-box li::before {\r\n            content: \"\u2022\";\r\n            position: absolute;\r\n            left: 0;\r\n            color: var(--accent-gold);\r\n        }\r\n\r\n        .buy-steps-wrapper {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 12px;\r\n        }\r\n        .buy-step-item {\r\n            background: rgba(0,0,0,0.15);\r\n            padding: 16px 20px;\r\n            border-radius: 12px;\r\n            border-left: 3px solid var(--accent-gold);\r\n            position: relative;\r\n        }\r\n        .buy-step-item h4 {\r\n            color: var(--accent-gold);\r\n            margin-bottom: 4px;\r\n        }\r\n        .modal-btn-pump {\r\n            display: inline-block;\r\n            margin-top: 10px;\r\n            background: linear-gradient(135deg, var(--accent-orange), #ff7043);\r\n            color: #fff;\r\n            text-decoration: none;\r\n            padding: 8px 18px;\r\n            font-weight: 800;\r\n            border-radius: 8px;\r\n            font-size: 0.95rem;\r\n            transition: background 0.3s, transform 0.2s;\r\n            box-shadow: 0 4px 10px rgba(255, 87, 34, 0.2);\r\n        }\r\n        .modal-btn-pump:hover {\r\n            transform: translateY(-1px);\r\n            box-shadow: 0 6px 14px rgba(255, 87, 34, 0.4);\r\n        }\r\n\r\n        \/* KEYFRAMES TIMELINES *\/\r\n        @keyframes tempuraFloat {\r\n            0%, 100% { transform: translateY(0); }\r\n            50% { transform: translateY(-10px); }\r\n        }\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(25px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n        @keyframes titleBreathe {\r\n            0% {\r\n                text-shadow: 0 0 15px rgba(255, 184, 52, 0.2);\r\n            }\r\n            100% {\r\n                text-shadow: 0 0 30px rgba(255, 184, 52, 0.55), 0 0 10px rgba(255, 184, 52, 0.3);\r\n            }\r\n        }\r\n\r\n        \/* MOBILE ADAPTIVE *\/\r\n        @media (max-width: 992px) {\r\n            body { padding: 12px; }\r\n            .judul-utama {\r\n                text-align: left;\r\n            }\r\n            .video-hero-wrapper {\r\n                height: auto;\r\n                min-height: auto;\r\n                display: flex;\r\n                flex-direction: column;\r\n            }\r\n            .bg-video {\r\n                position: relative;\r\n                height: 220px;\r\n            }\r\n            .video-overlay {\r\n                display: none;\r\n            }\r\n            .hero-content-box {\r\n                position: relative;\r\n                top: 0;\r\n                left: 0;\r\n                max-width: 100%;\r\n                border-radius: 0;\r\n                border: none;\r\n                background: #3a231e;\r\n                padding: 24px;\r\n            }\r\n            .action-buttons-group {\r\n                position: relative;\r\n                bottom: 0;\r\n                right: 0;\r\n                width: 100%;\r\n                padding: 0 24px 24px 24px;\r\n                background: #3a231e;\r\n                gap: 8px;\r\n            }\r\n            .btn-action:hover {\r\n                transform: translateY(-2px);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .nav-container {\r\n                flex-direction: column;\r\n                gap: 12px;\r\n                padding: 12px;\r\n            }\r\n            .nav-links {\r\n                width: 100%;\r\n                justify-content: center;\r\n                flex-wrap: wrap;\r\n                gap: 2px;\r\n            }\r\n            .nav-links a {\r\n                font-size: 0.95rem;\r\n                padding: 5px 8px;\r\n            }\r\n            .cta-nav {\r\n                width: 100%;\r\n                text-align: center;\r\n            }\r\n            .modal-window {\r\n                padding: 30px 20px;\r\n                max-height: 85vh;\r\n                overflow-y: auto;\r\n            }\r\n            .modal-title {\r\n                font-size: 1.5rem;\r\n            }\r\n            .tokenomics-grid, .roadmap-container {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- COOL LOADING SCREEN -->\r\n    <div id=\"loading-screen\">\r\n        <img decoding=\"async\" src=\"https:\/\/gettempura.lol\/wp-content\/uploads\/2026\/07\/ASET.png\" alt=\"Loading Assets\" class=\"loader-asset\">\r\n        <div class=\"loader-text\">COOKING $TEMPURA...<\/div>\r\n    <\/div>\r\n\r\n    <!-- MAIN GRID CONTAINER -->\r\n    <div class=\"grid-container\">\r\n        \r\n        <!-- HEADER \/ NAVIGATION MENU -->\r\n        <nav class=\"nav-container\">\r\n            <div class=\"brand-logo\" onclick=\"window.location.reload();\">\r\n                <img decoding=\"async\" src=\"https:\/\/gettempura.lol\/wp-content\/uploads\/2026\/07\/ASET.png\" alt=\"Logo $TEMPURA\">\r\n                <span>$TEMPURA<\/span>\r\n            <\/div>\r\n            <ul class=\"nav-links\">\r\n                <li><a onclick=\"openModal('philosophy')\">Philosophy<\/a><\/li>\r\n                <li><a onclick=\"openModal('tokenomics')\">Tokenomics<\/a><\/li>\r\n                <li><a onclick=\"openModal('howtobuy')\">How to Buy<\/a><\/li>\r\n                <li><a onclick=\"openModal('target')\">Target<\/a><\/li>\r\n            <\/ul>\r\n            <!-- Target Link Buy $TEMPURA langsung mengarah ke tautan khusus Pump.fun -->\r\n            <a href=\"GANTI-LINK\" target=\"_blank\" class=\"cta-nav\">Buy $TEMPURA<\/a>\r\n        <\/nav>\r\n\r\n        <!-- MAIN TITLE (JUDUL UTAMA - EMAS PREMIUM DENGAN ANIMASI MASUK & GLOW BERKELANJUTAN RATA KIRI) -->\r\n        <h1 class=\"judul-utama\">Where Culinary Art<br>Meets Market Momentum.<\/h1>\r\n\r\n        <!-- HERO PANEL \/ VIDEO CONTENT DISPLAY -->\r\n        <div class=\"video-hero-wrapper\">\r\n            <!-- Background Video Asset (Autoplay enabled explicitly) -->\r\n            <video class=\"bg-video\" autoplay loop muted playsinline>\r\n                <source src=\"https:\/\/gettempura.lol\/wp-content\/uploads\/2026\/07\/HERO-TEMPURA.mp4\" type=\"video\/mp4\">\r\n            <\/video>\r\n            \r\n            <div class=\"video-overlay\"><\/div>\r\n\r\n            <!-- CARD GLASS TIPIS SEPERTI LIQUID (DESKRIPSI HERO - BISA DI-COPY MANUAL) -->\r\n            <div class=\"hero-content-box\">\r\n                <p>Welcome to the next evolution of digital culture on Solana. $TEMPURA isn\u2019t just another token; it is a premium cultural movement that perfectly fuses the resilient spirit of the bull market with the universal, golden appeal of the world\u2019s most beloved crispy delicacy.<\/p>\r\n                <p style=\"margin-top: 12px;\">We are here to cultivate a high-energy, dedicated community poised to capture the digital landscape with a narrative that is bold, engaging, and structurally sound.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Action Link Buttons Area -->\r\n            <div class=\"action-buttons-group\">\r\n                <a href=\"#\" target=\"_blank\" class=\"btn-action\">JOIN TELEGRAM<\/a>\r\n                <a href=\"#\" target=\"_blank\" class=\"btn-action\">TWITTER\/X<\/a>\r\n                <a href=\"#\" target=\"_blank\" class=\"btn-action\">LIVE CHART<\/a>\r\n                <a href=\"GANTI-LINK\" target=\"_blank\" class=\"btn-action\">BUY NOW<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- COPYABLE CA BAR COMPONENT WITH RIGHT ALIGNED COPY BUTTON -->\r\n        <div class=\"ca-container\">\r\n            <div class=\"ca-left-box\">\r\n                <span class=\"ca-text\">CA:<\/span>\r\n                <span class=\"ca-value\" id=\"ca-string\">NULL<\/span>\r\n            <\/div>\r\n            <button class=\"btn-copy-trigger\" onclick=\"copyContractAddress()\">COPY CA<\/button>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- MODAL POPUP WINDOWS SYSTEM -->\r\n    <div class=\"modal-overlay\" id=\"modalOverlay\" onclick=\"closeModal()\">\r\n        <div class=\"modal-window\" onclick=\"event.stopPropagation()\">\r\n            <button class=\"close-btn\" onclick=\"closeModal()\">&times;<\/button>\r\n            <div id=\"modalContent\">\r\n                <!-- Injected via JavaScript -->\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- JAVASCRIPT LOGIC -->\r\n    <script>\r\n        \/\/ 1. Loader Logic\r\n        window.addEventListener('load', () => {\r\n            const loader = document.getElementById('loading-screen');\r\n            setTimeout(() => {\r\n                loader.style.opacity = '0';\r\n                loader.style.visibility = 'hidden';\r\n            }, 900);\r\n        });\r\n\r\n        \/\/ 2. Optimized Content Mapping (No Raw Filenames \/ Completely Clean text Selection)\r\n        const modalData = {\r\n            philosophy: `\r\n                <h2 class=\"modal-title\">The Perfect Blend: Golden Crisp & Absolute Power<\/h2>\r\n                <div class=\"modal-body\">\r\n                    <p><strong>$TEMPURA<\/strong> was created to redefine what a community-driven token can achieve on the Solana blockchain.<\/p>\r\n                    <p style=\"margin-top:10px;\">By merging the elite, golden aesthetics of a premium tempura shrimp with the unmistakable ferocity of a market bull, we have engineered a hybrid mascot that immediately commands attention across every social timeline.<\/p>\r\n                    <p style=\"margin-top:10px;\">This project goes far beyond a fleeting internet trend; it is about establishing a fresh, recognizable digital subculture. Behind the playful yet sophisticated visual identity lies a community-first engine fueled by collective energy, transparency, and a shared drive to reach the absolute peak of the crypto space.<\/p>\r\n                <\/div>\r\n            `,\r\n            tokenomics: `\r\n                <h2 class=\"modal-title\">Token Specifications & Structure<\/h2>\r\n                <div class=\"modal-body\">\r\n                    <p>The financial architecture of $TEMPURA is engineered for absolute transparency and investor confidence right from day one.<\/p>\r\n                    <div class=\"tokenomics-grid\">\r\n                        <div class=\"tokenomics-card\"><label>Official Ticker<\/label><val>$TEMPURA<\/val><\/div>\r\n                        <div class=\"tokenomics-card\"><label>Total Supply<\/label><val>1,000,000,000<\/val><\/div>\r\n                        <div class=\"tokenomics-card\"><label>Primary Network<\/label><val>Solana<\/val><\/div>\r\n                        <div class=\"tokenomics-card\"><label>Transaction Tax<\/label><val>0% Tax<\/val><\/div>\r\n                    <\/div>\r\n                    <p style=\"margin-top: 12px; text-align: center; color: var(--accent-gold); font-size: 0.9rem;\">Liquidity Security: LP Burned Permanently & Contract Ownership Renounced.<\/p>\r\n                <\/div>\r\n            `,\r\n            howtobuy: `\r\n                <h2 class=\"modal-title\">Your Step-by-Step Guide on Solana<\/h2>\r\n                <div class=\"modal-body\">\r\n                    <div class=\"buy-steps-wrapper\">\r\n                        <div class=\"buy-step-item\">\r\n                            <h4>1. Secure Your Allocation on Pump.fun<\/h4>\r\n                            <p>Locate the official $TEMPURA launch on Pump.fun. Connect your trusted Solana wallet to safely swap and secure your tokens during the foundational phase.<\/p>\r\n                            <a href=\"GANTI-LINK\" target=\"_blank\" class=\"modal-btn-pump\">Launch Pump.fun &rarr;<\/a>\r\n                        <\/div>\r\n                        <div class=\"buy-step-item\">\r\n                            <h4>2. Monitor the Market via DexScreener<\/h4>\r\n                            <p>Utilize DexScreener to track our live, real-time price action, analyze trading volume, and monitor transparent on-chain transactions.<\/p>\r\n                        <\/div>\r\n                        <div class=\"buy-step-item\">\r\n                            <h4>3. Execute Instant Trades<\/h4>\r\n                            <p>Trade seamlessly using the direct swap integrations provided on DexScreener or your preferred Solana DEX aggregators with optimal routing.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            `,\r\n            target: `\r\n                <h2 class=\"modal-title\">Our Strategic Path<\/h2>\r\n                <div class=\"modal-body\">\r\n                    <div class=\"roadmap-container\">\r\n                        <div class=\"roadmap-card-box\">\r\n                            <h4>Phase 1: Foundation<\/h4>\r\n                            <ul>\r\n                                <li>Official website & core community launch.<\/li>\r\n                                <li>Fair launch execution via Pump.fun.<\/li>\r\n                                <li>Permanent burning of the Liquidity Pool (LP).<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                        <div class=\"roadmap-card-box\">\r\n                            <h4>Phase 2: Amplification<\/h4>\r\n                            <ul>\r\n                                <li>Global marketing campaigns on X to accelerate outreach.<\/li>\r\n                                <li>Full data indexation on DexScreener.<\/li>\r\n                                <li>Community challenges & rewards.<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                        <div class=\"roadmap-card-box\">\r\n                            <h4>Phase 3: Domination<\/h4>\r\n                            <ul>\r\n                                <li>Cross-ecosystem partnerships on Solana.<\/li>\r\n                                <li>Tier-1 Centralized Exchange listings.<\/li>\r\n                                <li>Exclusive premium brand merchandise.<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            `\r\n        };\r\n\r\n        \/\/ 3. Modal System Controls\r\n        const overlay = document.getElementById('modalOverlay');\r\n        const container = document.getElementById('modalContent');\r\n\r\n        function openModal(key) {\r\n            if(modalData[key]) {\r\n                container.innerHTML = modalData[key];\r\n                overlay.classList.add('active');\r\n                document.body.style.overflow = 'hidden';\r\n            }\r\n        }\r\n\r\n        function closeModal() {\r\n            overlay.classList.remove('active');\r\n            document.body.style.overflow = 'auto';\r\n        }\r\n\r\n        \/\/ 4. Clipboard Handler\r\n        function copyContractAddress() {\r\n            const caText = document.getElementById('ca-string').innerText;\r\n            navigator.clipboard.writeText(caText).then(() => {\r\n                alert('Contract Address Copied: ' + caText);\r\n            }).catch(err => {\r\n                console.error('Copy failed', err);\r\n            });\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\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>$TEMPURA &#8211; Golden Crisp &#038; Absolute Power COOKING $TEMPURA&#8230; $TEMPURA Philosophy Tokenomics How to Buy Target Buy $TEMPURA Where Culinary ArtMeets Market Momentum. Welcome to the next evolution of digital culture on Solana. $TEMPURA isn\u2019t just another token; it is a premium cultural movement that perfectly fuses the resilient spirit of the bull market with [&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:\/\/gettempura.lol\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gettempura.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gettempura.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gettempura.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gettempura.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":22,"href":"https:\/\/gettempura.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":40,"href":"https:\/\/gettempura.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/40"}],"wp:attachment":[{"href":"https:\/\/gettempura.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}