{"id":10,"date":"2026-06-26T19:03:44","date_gmt":"2026-06-26T19:03:44","guid":{"rendered":"https:\/\/bolex.lol\/?page_id=10"},"modified":"2026-06-26T19:59:31","modified_gmt":"2026-06-26T19:59:31","slug":"elementor-10","status":"publish","type":"page","link":"https:\/\/bolex.lol\/","title":{"rendered":"Elementor #10"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c888b1 e-flex e-con-boxed e-con e-parent\" data-id=\"5c888b1\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/bolex.lol\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/HERO-BOLEX.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted elementor-html5-video\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-21aa452 e-con-full e-flex e-con e-child\" data-id=\"21aa452\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46cfd3c elementor-widget elementor-widget-html\" data-id=\"46cfd3c\" 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=\"id\">\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>BOLEX Navbar Component<\/title>\r\n    <!-- Google Fonts Link -->\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=Kirang+Haerang&family=Slackside+One&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        \/* Mengisolasi gaya komponen agar tidak merusak elemen luar atau background bawaan WordPress *\/\r\n        .bolex-nav-wrapper {\r\n            width: 100%;\r\n            padding: 20px 10px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* Container Navbar Slim & Bergaya Coretan Tangan *\/\r\n        .bolex-nav-container {\r\n            width: 100%;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 8px 20px;\r\n            background: #ffffff;\r\n            box-sizing: border-box;\r\n            \r\n            \/* Gaya Garis Tidak Merata Menggunakan Hitam Pekat (#000) *\/\r\n            border: 3px solid #000000;\r\n            border-radius: 255px 15px 225px 15px \/ 15px 225px 15px 255px;\r\n            box-shadow: 4px 5px 0px rgba(0, 0, 0, 0.15);\r\n            \r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            position: relative;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        \/* Logo \/ Judul Merek menggunakan Kirang Haerang (Hitam Pekat) *\/\r\n        .bolex-brand {\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            text-decoration: none;\r\n        }\r\n\r\n        .bolex-logo-text {\r\n            font-family: 'Kirang Haerang', system-ui;\r\n            font-weight: 600;\r\n            font-size: 2.5rem;\r\n            color: #000000;\r\n            line-height: 0.9;\r\n            letter-spacing: 2px;\r\n            transform: rotate(-1deg);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .bolex-brand:hover .bolex-logo-text {\r\n            transform: rotate(2deg) scale(1.05);\r\n        }\r\n\r\n        \/* Deskripsi menggunakan Slackside One *\/\r\n        .bolex-description {\r\n            font-family: 'Slackside One', cursive;\r\n            font-weight: 300;\r\n            font-size: 1.1rem;\r\n            color: #333333;\r\n            margin-top: -2px;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        \/* Menu Navigasi Tengah menggunakan Slackside One *\/\r\n        .bolex-menu {\r\n            display: flex;\r\n            gap: 25px;\r\n            list-style: none;\r\n            align-items: center;\r\n            padding: 0;\r\n            margin: 0;\r\n        }\r\n\r\n        .bolex-menu-item a {\r\n            font-family: 'Slackside One', cursive;\r\n            font-weight: 400;\r\n            font-size: 1.4rem;\r\n            color: #000000;\r\n            text-decoration: none;\r\n            padding: 4px 10px;\r\n            position: relative;\r\n            display: inline-block;\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        \/* Hover Efek Garis Bawah Coretan Tangan Hitam *\/\r\n        .bolex-menu-item a::after {\r\n            content: '';\r\n            position: absolute;\r\n            width: 0;\r\n            height: 3px;\r\n            bottom: -2px;\r\n            left: 5%;\r\n            background-color: #000000;\r\n            border-radius: 120px 20px 80px 30px \/ 4px 3px 6px 2px;\r\n            transition: width 0.3s ease;\r\n        }\r\n\r\n        .bolex-menu-item a:hover {\r\n            color: #000000;\r\n            transform: translateY(-2px) rotate(-2deg);\r\n        }\r\n\r\n        .bolex-menu-item a:hover::after {\r\n            width: 90%;\r\n        }\r\n\r\n        \/* Bagian Tombol Aksi Kanan *\/\r\n        .bolex-actions {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n        }\r\n\r\n        \/* Tombol Sosial Media Menggunakan SVG Icon Line Hitam *\/\r\n        .btn-social {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 40px;\r\n            height: 40px;\r\n            text-decoration: none;\r\n            border: 2px solid #000000;\r\n            border-radius: 120px 40px 95px 35px \/ 30px 85px 25px 90px;\r\n            background: transparent;\r\n            transition: all 0.2s ease;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .btn-social svg {\r\n            width: 18px;\r\n            height: 18px;\r\n            fill: #000000;\r\n            transition: transform 0.2s ease;\r\n        }\r\n\r\n        .btn-social:hover {\r\n            background-color: rgba(0, 0, 0, 0.05);\r\n            transform: scale(1.05) rotate(3deg);\r\n            box-shadow: 2px 2px 0px #000000;\r\n        }\r\n\r\n        .btn-social:hover svg {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        \/* Tombol Utama BUY NOW (Tetap Hijau Ikonik Submariner agar Kontras Menarik) *\/\r\n        .btn-buy-now {\r\n            font-family: 'Slackside One', cursive;\r\n            font-size: 1.4rem;\r\n            color: #ffffff;\r\n            background-color: #1e4620;\r\n            text-decoration: none;\r\n            padding: 6px 20px;\r\n            border: 2px solid #000000;\r\n            border-radius: 20px 150px 30px 110px \/ 90px 25px 85px 30px;\r\n            box-shadow: 2px 3px 0px rgba(0,0,0,0.2);\r\n            transition: all 0.2s ease;\r\n            font-weight: bold;\r\n            letter-spacing: 1px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .btn-buy-now:hover {\r\n            background-color: #163317;\r\n            transform: translateY(-2px) scale(1.03) rotate(-1deg);\r\n            box-shadow: 4px 5px 0px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        \/* Responsive Mobile Style Adjustment (Slim & Fleksibel) *\/\r\n        @media (max-width: 992px) {\r\n            .bolex-menu {\r\n                display: none;\r\n            }\r\n            \r\n            .bolex-actions .btn-social {\r\n                display: none;\r\n            }\r\n\r\n            .bolex-logo-text {\r\n                font-size: 2.2rem;\r\n            }\r\n\r\n            .bolex-description {\r\n                font-size: 0.9rem;\r\n            }\r\n            \r\n            .btn-buy-now {\r\n                font-size: 1.2rem;\r\n                padding: 4px 14px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- Wrapper mandiri agar tidak mengganggu background \/ layout tema luar WordPress -->\r\n    <div class=\"bolex-nav-wrapper\">\r\n        <nav class=\"bolex-nav-container\">\r\n            \r\n            <!-- KIRI: Brand -->\r\n            <a href=\"#\" class=\"bolex-brand\">\r\n                <span class=\"bolex-logo-text\">BOLEX<\/span>\r\n                <span class=\"bolex-description\">the art of raw imagination<\/span>\r\n            <\/a>\r\n\r\n            <!-- TENGAH: Menu Utama -->\r\n            <ul class=\"bolex-menu\">\r\n                <li class=\"bolex-menu-item\"><a href=\"#home\">Home<\/a><\/li>\r\n                <li class=\"bolex-menu-item\"><a href=\"#philosophy\">Philosophy<\/a><\/li>\r\n                <li class=\"bolex-menu-item\"><a href=\"#tokenomics\">Tokenomics<\/a><\/li>\r\n                \r\n\r\n            <!-- KANAN: SVG Sosmed & Buy Now -->\r\n            <div class=\"bolex-actions\">\r\n                <!-- Twitter (X) SVG Icon -->\r\n                <a href=\"#\" class=\"btn-social\" aria-label=\"Twitter\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n                \r\n                <!-- Telegram SVG Icon -->\r\n                <a href=\"#\" class=\"btn-social\" aria-label=\"Telegram\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.12.82-.53 3.23-1.04 5.96-.21 1.15-.65 1.54-.85 1.56-.45.04-.79-.3-.1.23-.74-.47-1.16-.79-1.88-1.27-1.14-.76-.4-1.18.25-2.23.17-.27 3.09-2.83 3.15-3.08.01-.03.01-.13-.05-.18-.06-.05-.14-.03-.21-.02-.09.02-1.57 1-4.44 2.94-.42.29-.8.43-1.14.42-.38-.01-1.11-.21-1.65-.39-.67-.22-1.2-.34-1.15-.72.03-.2.3-.4 1-.61 4.1-1.78 6.83-2.95 8.2-3.52 3.91-1.63 4.72-1.91 5.25-1.92.12 0 .38.03.55.17.14.12.18.29.2.41-.02.09-.01.2-.02.32z\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n                \r\n                <!-- Dexscreener \/ Chart SVG Icon -->\r\n                <a href=\"#\" class=\"btn-social\" aria-label=\"Dexscreener\">\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 16H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1zm-7-4h2v3h-2zm-4-7h2v7H7zm8 3h2v4h-2z\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n                \r\n                <a href=\"#\" class=\"btn-buy-now\">BUY NOW<\/a>\r\n            <\/div>\r\n\r\n        <\/nav>\r\n    <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ce333a3 e-con-full e-flex e-con e-child\" data-id=\"ce333a3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6bc6ebb elementor-widget elementor-widget-html\" data-id=\"6bc6ebb\" 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=\"id\">\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>BOLEX Hero Section<\/title>\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=Kirang+Haerang&family=Slackside+One&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        \/* Base Reset khusus komponen agar aman di WordPress dan mengikuti bg asli *\/\r\n        .bolex-hero-wrapper {\r\n            width: 100%;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 60px 20px;\r\n            box-sizing: border-box;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: flex-start; \/* Rata Kiri *\/\r\n            text-align: left; \/* Rata Kiri *\/\r\n        }\r\n\r\n        \/* Headline Utama Dua Baris menggunakan Kirang Haerang (Hitam Pekat) *\/\r\n        .bolex-hero-title {\r\n            font-family: 'Kirang Haerang', system-ui;\r\n            font-weight: 600;\r\n            font-size: 4.5rem;\r\n            color: #000000;\r\n            line-height: 1.1;\r\n            margin-bottom: 25px;\r\n            letter-spacing: 2px;\r\n            transform: rotate(-0.5deg);\r\n        }\r\n\r\n        \/* Sub-headline menggunakan Slackside One *\/\r\n        .bolex-hero-subtitle {\r\n            font-family: 'Slackside One', cursive;\r\n            font-weight: 300;\r\n            font-size: 1.8rem;\r\n            color: #333333;\r\n            max-width: 800px;\r\n            line-height: 1.4;\r\n            margin-bottom: 35px;\r\n        }\r\n\r\n        \/* Container untuk CA Box bergaya coretan sketsa anak kecil hitam pekat *\/\r\n        .bolex-ca-container {\r\n            display: flex;\r\n            align-items: center;\r\n            background: #ffffff;\r\n            border: 3px solid #000000;\r\n            border-radius: 150px 20px 120px 15px \/ 15px 80px 15px 95px;\r\n            padding: 6px 6px 6px 20px;\r\n            margin-bottom: 35px;\r\n            max-width: 100%;\r\n            box-shadow: 3px 4px 0px rgba(0,0,0,0.15);\r\n            transition: all 0.2s ease;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* Font Label & Teks CA disamakan menggunakan Slackside One sesuai instruksi *\/\r\n        .bolex-ca-label {\r\n            font-family: 'Slackside One', cursive;\r\n            font-size: 1.4rem;\r\n            color: #000000;\r\n            font-weight: bold;\r\n            margin-right: 10px;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .bolex-ca-text {\r\n            font-family: 'Slackside One', cursive;\r\n            font-size: 1.4rem;\r\n            color: #000000;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n            max-width: 320px;\r\n            user-select: all;\r\n        }\r\n\r\n        \/* Tombol Fisik Tulisan \"Copy\" dengan Gaya Garis Sketsa *\/\r\n        .btn-text-copy {\r\n            font-family: 'Slackside One', cursive;\r\n            font-size: 1.2rem;\r\n            font-weight: bold;\r\n            color: #000000;\r\n            background: transparent;\r\n            border: 2px solid #000000;\r\n            border-radius: 80px 30px 90px 20px \/ 20px 60px 25px 70px;\r\n            padding: 4px 15px;\r\n            margin-left: 15px;\r\n            cursor: pointer;\r\n            transition: all 0.2s ease;\r\n            white-space: nowrap;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .btn-text-copy:hover {\r\n            background-color: rgba(0, 0, 0, 0.05);\r\n            transform: scale(1.05) rotate(2deg);\r\n            box-shadow: 2px 2px 0px #000000;\r\n        }\r\n\r\n        \/* Style Umum Tombol Utama Bawah *\/\r\n        .bolex-hero-buttons {\r\n            display: flex;\r\n            gap: 20px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .btn-hero {\r\n            font-family: 'Slackside One', cursive;\r\n            font-size: 1.6rem;\r\n            text-decoration: none;\r\n            padding: 10px 30px;\r\n            border: 2px solid #000000;\r\n            transition: all 0.2s ease;\r\n            font-weight: bold;\r\n            display: inline-block;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .btn-hero-primary {\r\n            color: #ffffff;\r\n            background-color: #1e4620;\r\n            border-radius: 20px 150px 30px 110px \/ 90px 25px 85px 30px;\r\n            box-shadow: 3px 4px 0px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        .btn-hero-primary:hover {\r\n            background-color: #163317;\r\n            transform: translateY(-3px) scale(1.02) rotate(-1deg);\r\n            box-shadow: 5px 6px 0px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .btn-hero-secondary {\r\n            color: #000000;\r\n            background-color: transparent;\r\n            border-radius: 120px 40px 95px 35px \/ 30px 85px 25px 90px;\r\n        }\r\n\r\n        .btn-hero-secondary:hover {\r\n            background-color: rgba(0, 0, 0, 0.05);\r\n            transform: translateY(-3px) scale(1.02) rotate(2deg);\r\n            box-shadow: 3px 4px 0px #000000;\r\n        }\r\n\r\n        \/* Notifikasi Efek Transisi Pop-up \"Copied!\" *\/\r\n        .copy-toast {\r\n            font-family: 'Slackside One', cursive;\r\n            font-size: 1.2rem;\r\n            color: #1e4620;\r\n            margin-left: 10px;\r\n            margin-right: 10px;\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .copy-toast.show {\r\n            opacity: 1;\r\n        }\r\n\r\n        \/* Responsive Mobile Layout *\/\r\n        @media (max-width: 768px) {\r\n            .bolex-hero-wrapper {\r\n                padding: 40px 15px;\r\n            }\r\n\r\n            .bolex-hero-title {\r\n                font-size: 2.8rem;\r\n            }\r\n\r\n            .bolex-hero-subtitle {\r\n                font-size: 1.4rem;\r\n            }\r\n\r\n            .bolex-ca-container {\r\n                width: 100%;\r\n                padding: 6px 6px 6px 12px;\r\n            }\r\n\r\n            .bolex-ca-text {\r\n                max-width: 140px;\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .bolex-ca-label {\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .btn-text-copy {\r\n                padding: 2px 10px;\r\n                font-size: 1rem;\r\n                margin-left: 5px;\r\n            }\r\n\r\n            .bolex-hero-buttons {\r\n                width: 100%;\r\n                flex-direction: column;\r\n                gap: 15px;\r\n            }\r\n\r\n            .btn-hero {\r\n                width: 100%;\r\n                text-align: center;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"bolex-hero-wrapper\">\r\n        \r\n        <h1 class=\"bolex-hero-title\">\r\n            THE ART OF<br>\r\n            RAW IMAGINATION.\r\n        <\/h1>\r\n        \r\n        <p class=\"bolex-hero-subtitle\">\r\n            Where mechanical precision meets the freedom<br>of raw pencil strokes. Inspired by the legendary<br> silhouette of the world\u2019s most iconic diver\u2019s watch<br> (Submariner M126610LV),<br> BOLEX is born to celebrate every second <br>of boundless creativity.\r\n        <\/p>\r\n\r\n        <div class=\"bolex-ca-container\">\r\n            <span class=\"bolex-ca-label\">CA:<\/span>\r\n            <span class=\"bolex-ca-text\" id=\"bolexContractAddress\">NULL<\/span>\r\n            \r\n            <button class=\"btn-text-copy\" onclick=\"copyBolexCA()\">Copy<\/button>\r\n            <span class=\"copy-toast\" id=\"copyToast\">Copied!<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"bolex-hero-buttons\">\r\n            <a href=\"#\" class=\"btn-hero btn-hero-primary\">Buy $BOLEX Now<\/a>\r\n            <a href=\"#\" class=\"btn-hero btn-hero-secondary\">View Chart on Dexscreener<\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <script>\r\n        function copyBolexCA() {\r\n            var caText = document.getElementById(\"bolexContractAddress\").innerText;\r\n            navigator.clipboard.writeText(caText).then(function() {\r\n                var toast = document.getElementById(\"copyToast\");\r\n                toast.classList.add(\"show\");\r\n                setTimeout(function() {\r\n                    toast.classList.remove(\"show\");\r\n                }, 2000);\r\n            }).catch(function(err) {\r\n                console.error('Gagal menyalin text CA: ', err);\r\n            });\r\n        }\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a5bb5dc e-flex e-con-boxed e-con e-parent\" data-id=\"a5bb5dc\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-15da554 e-con-full e-flex e-con e-child\" data-id=\"15da554\" data-element_type=\"container\" id=\"tokenomics\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b08ef66 elementor-widget elementor-widget-html\" data-id=\"b08ef66\" data-element_type=\"widget\" id=\"philosophy\" 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=\"id\">\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>BOLEX Philosophy & Tokenomics<\/title>\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=Kirang+Haerang&family=Slackside+One&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        \/* Base Container Modular untuk WordPress *\/\r\n        .bolex-section-wrapper {\r\n            width: 100%;\r\n            padding: 60px 10px 100px 10px;\r\n            box-sizing: border-box;\r\n            overflow: hidden; \/* Menjaga layar utama tidak scroll horizontal *\/\r\n        }\r\n\r\n        .bolex-dual-container {\r\n            width: 100%;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 50px;\r\n            align-items: stretch;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* --- BALUTAN CARD SKETSA --- *\/\r\n        .bolex-card-drawn {\r\n            background: #ffffff;\r\n            border: 4px solid #000000;\r\n            padding: 40px 30px;\r\n            box-shadow: 6px 8px 0px rgba(0, 0, 0, 1);\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: flex-start;\r\n            box-sizing: border-box;\r\n            position: relative;\r\n            transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n        }\r\n\r\n        .bolex-card-left {\r\n            border-radius: 255px 25px 225px 35px \/ 35px 225px 45px 255px;\r\n            transform: rotate(-0.5deg);\r\n        }\r\n\r\n        .bolex-card-right {\r\n            border-radius: 45px 285px 35px 245px \/ 255px 35px 225px 45px;\r\n            transform: rotate(0.5deg);\r\n        }\r\n\r\n        .bolex-card-drawn:hover {\r\n            transform: translateY(-4px) scale(1.01);\r\n            box-shadow: 9px 12px 0px rgba(0, 0, 0, 1);\r\n        }\r\n\r\n        \/* --- STYLE JUDUL SECTION --- *\/\r\n        .bolex-sec-title {\r\n            font-family: 'Kirang Haerang', system-ui;\r\n            font-weight: 600;\r\n            font-size: 3.2rem;\r\n            color: #000000;\r\n            line-height: 1.1;\r\n            margin-bottom: 25px;\r\n            letter-spacing: 2px;\r\n            text-align: left;\r\n        }\r\n\r\n        \/* --- 2. PHILOSOPHY SECTION (KIRI) --- *\/\r\n        .bolex-philosophy-text {\r\n            font-family: 'Slackside One', cursive;\r\n            font-weight: 300;\r\n            font-size: 1.5rem;\r\n            color: #222222;\r\n            line-height: 1.4;\r\n            margin-bottom: 20px;\r\n            text-align: justify;\r\n            padding: 4px 8px;\r\n            transition: all 0.2s ease;\r\n            border-radius: 8px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .bolex-philosophy-text:hover {\r\n            background-color: rgba(0, 0, 0, 0.04);\r\n            transform: translateX(5px) rotate(-0.5deg);\r\n        }\r\n\r\n        \/* --- 3. TOKENOMICS SECTION (KANAN) --- *\/\r\n        .bolex-tokenomics-subtitle {\r\n            font-family: 'Slackside One', cursive;\r\n            font-weight: 300;\r\n            font-size: 1.5rem;\r\n            color: #222222;\r\n            margin-bottom: 25px;\r\n            line-height: 1.3;\r\n            text-align: left;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .bolex-tokenomics-list {\r\n            width: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 10px;\r\n            margin-bottom: 30px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .bolex-token-row {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 10px 8px;\r\n            border-bottom: 3px dashed #000000;\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .bolex-token-row:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .bolex-token-label,\r\n        .bolex-token-value {\r\n            font-family: 'Slackside One', cursive;\r\n            font-size: 1.4rem;\r\n            color: #000000;\r\n        }\r\n        \r\n        .bolex-token-label { font-weight: bold; }\r\n\r\n        .bolex-token-row:hover {\r\n            background-color: rgba(0, 0, 0, 0.05);\r\n            transform: scale(1.03) rotate(-1deg);\r\n            border-bottom-style: solid;\r\n        }\r\n\r\n        \/* --- KOTAK COPY CA PADA TOKENOMICS --- *\/\r\n        .bolex-tokenomics-ca {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            background: #ffffff;\r\n            border: 3px solid #000000;\r\n            border-radius: 95px 15px 120px 12px \/ 12px 85px 15px 95px;\r\n            padding: 6px 12px;\r\n            width: 100%;\r\n            box-shadow: 3px 4px 0px rgba(0,0,0,1);\r\n            box-sizing: border-box;\r\n            margin-top: auto;\r\n            z-index: 2;\r\n        }\r\n\r\n        .bolex-ca-label,\r\n        .bolex-ca-text {\r\n            font-family: 'Slackside One', cursive;\r\n            font-size: 1.3rem;\r\n            color: #000000;\r\n        }\r\n\r\n        .bolex-ca-label { font-weight: bold; margin-right: 6px; white-space: nowrap; }\r\n        \r\n        .bolex-ca-text {\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n            flex-grow: 1;\r\n            margin-right: 10px;\r\n        }\r\n\r\n        .btn-ca-copy {\r\n            font-family: 'Slackside One', cursive;\r\n            font-size: 1.1rem;\r\n            font-weight: bold;\r\n            color: #000000;\r\n            background: transparent;\r\n            border: 2px solid #000000;\r\n            border-radius: 50px 20px 60px 15px \/ 15px 40px 12px 50px;\r\n            padding: 2px 12px;\r\n            cursor: pointer;\r\n            transition: all 0.2s ease;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .btn-ca-copy:hover {\r\n            background-color: rgba(0, 0, 0, 0.08);\r\n            transform: scale(1.05) rotate(3deg);\r\n        }\r\n\r\n        .bolex-toast {\r\n            font-family: 'Slackside One', cursive;\r\n            font-size: 1.1rem;\r\n            color: #1e4620;\r\n            margin-left: 5px;\r\n            display: none;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .bolex-text-highlight {\r\n            font-weight: bold;\r\n            color: #1e4620;\r\n        }\r\n\r\n        \/* --- DEKORASI GAMBAR DEKORATIF (FLOATING ASSETS) --- *\/\r\n        .bolex-floating-asset {\r\n            position: absolute;\r\n            width: 150px;\r\n            height: auto;\r\n            pointer-events: none;\r\n            z-index: 1;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .bolex-asset-left-bottom {\r\n            bottom: -50px;\r\n            left: -40px;\r\n            transform: rotate(-15deg);\r\n        }\r\n\r\n        .bolex-asset-right-top {\r\n            top: -50px;\r\n            right: -40px;\r\n            transform: rotate(15deg);\r\n        }\r\n\r\n        .bolex-card-left:hover .bolex-asset-left-bottom { transform: rotate(-5deg) scale(1.08); }\r\n        .bolex-card-right:hover .bolex-asset-right-top { transform: rotate(5deg) scale(1.08); }\r\n\r\n        \/* --- PERBAIKAN TOTAL LAYOUT MOBILE (ANTI MELUBER & RESPONSIF) --- *\/\r\n        @media (max-width: 992px) {\r\n            .bolex-section-wrapper {\r\n                padding: 40px 15px 60px 15px;\r\n            }\r\n\r\n            .bolex-dual-container {\r\n                grid-template-columns: 1fr;\r\n                gap: 50px;\r\n            }\r\n\r\n            .bolex-card-drawn {\r\n                padding: 30px 20px;\r\n                transform: none !important; \/* Mencegah skew\/rotasi memotong layar luar *\/\r\n                border-radius: 20px 12px 24px 15px \/ 15px 20px 12px 24px !important;\r\n                box-shadow: 4px 6px 0px rgba(0, 0, 0, 1);\r\n            }\r\n\r\n            .bolex-sec-title {\r\n                font-size: 2.3rem;\r\n                margin-bottom: 15px;\r\n            }\r\n\r\n            .bolex-philosophy-text,\r\n            .bolex-tokenomics-subtitle,\r\n            .bolex-token-label,\r\n            .bolex-token-value,\r\n            .bolex-ca-label,\r\n            .bolex-ca-text,\r\n            .btn-ca-copy {\r\n                font-size: 1.2rem;\r\n            }\r\n\r\n            .bolex-tokenomics-list {\r\n                margin-bottom: 20px;\r\n            }\r\n\r\n            \/* Fleksibilitas kotak CA di layar kecil *\/\r\n            .bolex-tokenomics-ca {\r\n                padding: 6px 10px;\r\n                flex-wrap: nowrap; \/* Mencegah struktur hancur ke bawah *\/\r\n            }\r\n\r\n            .bolex-ca-text {\r\n                max-width: 110px; \/* Batasan aman lebar teks crypto *\/\r\n            }\r\n\r\n            \/* Merelokasi asset dekorasi agar tetap aman di area card *\/\r\n            .bolex-floating-asset {\r\n                width: 90px;\r\n            }\r\n            .bolex-asset-left-bottom {\r\n                bottom: -20px;\r\n                left: -10px;\r\n                transform: rotate(-10deg) !important;\r\n            }\r\n            .bolex-asset-right-top {\r\n                top: -25px;\r\n                right: -10px;\r\n                transform: rotate(10deg) !important;\r\n            }\r\n            \r\n            .bolex-card-left:hover .bolex-asset-left-bottom,\r\n            .bolex-card-right:hover .bolex-asset-right-top {\r\n                transform: scale(1.05) !important;\r\n            }\r\n        }\r\n\r\n        \/* Penyesuaian ekstra untuk layar ultra kecil (Mobile SE \/ 320px) *\/\r\n        @media (max-width: 360px) {\r\n            .bolex-card-drawn {\r\n                padding: 20px 15px;\r\n            }\r\n            .bolex-ca-text {\r\n                max-width: 80px;\r\n            }\r\n            .bolex-sec-title {\r\n                font-size: 2rem;\r\n            }\r\n            .bolex-floating-asset {\r\n                width: 70px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"bolex-section-wrapper\">\r\n        <div class=\"bolex-dual-container\">\r\n            \r\n            <div class=\"bolex-card-drawn bolex-card-left\">\r\n                <h2 class=\"bolex-sec-title\">\r\n                    THE BLUEPRINT:<br>\r\n                    STROKES OF LUXURY\r\n                <\/h2>\r\n                <p class=\"bolex-philosophy-text\">\r\n                    In a world that is completely digital, instant, and rigid, <strong>BOLEX<\/strong> arrives to restore the appreciation for raw textures, real sketch lines, and the raw aesthetic of \"hand-drawn art\". It is a visual masterpiece that shatters the boundary between materialistic luxury and pure artistic luxury.\r\n                <\/p>\r\n                <p class=\"bolex-philosophy-text\">\r\n                    Take a look at the details of the iconic green bezel, sketched with deep soul and passion, contrasting beautifully with the deep black, poetically hatched dial. The number '17' on the date window is a symbol of good fortune for those who dare to stand out. Owning BOLEX means possessing a vision of the future that deeply values art, history, and individual uniqueness.\r\n                <\/p>\r\n\r\n                <img decoding=\"async\" src=\"https:\/\/bolex.lol\/wp-content\/uploads\/2026\/06\/ASET1.png\" alt=\"Bolex Hand-drawn Asset Left\" class=\"bolex-floating-asset bolex-asset-left-bottom\">\r\n            <\/div>\r\n\r\n            <div class=\"bolex-card-drawn bolex-card-right\">\r\n                <img decoding=\"async\" src=\"https:\/\/bolex.lol\/wp-content\/uploads\/2026\/06\/ASET1.png\" alt=\"Bolex Hand-drawn Asset Right\" class=\"bolex-floating-asset bolex-asset-right-top\">\r\n\r\n                <h2 class=\"bolex-sec-title\">\r\n                    FINANCIAL SPECIFICATIONS<br>\r\n                    & UNIQUENESS\r\n                <\/h2>\r\n                <p class=\"bolex-tokenomics-subtitle\">\r\n                    Designed with a balanced, fair, and transparent structure for a community of visionary collectors.\r\n                <\/p>\r\n                \r\n                <div class=\"bolex-tokenomics-list\">\r\n                    <div class=\"bolex-token-row\">\r\n                        <span class=\"bolex-token-label\">Ticker<\/span>\r\n                        <span class=\"bolex-token-value bolex-text-highlight\">$BOLEX<\/span>\r\n                    <\/div>\r\n                    <div class=\"bolex-token-row\">\r\n                        <span class=\"bolex-token-label\">Total Supply<\/span>\r\n                        <span class=\"bolex-token-value\">1,000,000,000<\/span>\r\n                    <\/div>\r\n                    <div class=\"bolex-token-row\">\r\n                        <span class=\"bolex-token-label\">Taxes<\/span>\r\n                        <span class=\"bolex-token-value bolex-text-highlight\">0% Buy \/ 0% Sell<\/span>\r\n                    <\/div>\r\n                    <div class=\"bolex-token-row\">\r\n                        <span class=\"bolex-token-label\">Liquidity Pool<\/span>\r\n                        <span class=\"bolex-token-value\">Burned & Locked Forever \ud83d\udd25<\/span>\r\n                    <\/div>\r\n                    <div class=\"bolex-token-row\">\r\n                        <span class=\"bolex-token-label\">Inspiration<\/span>\r\n                        <span class=\"bolex-token-value\">1000ft = 300m<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"bolex-tokenomics-ca\">\r\n                    <span class=\"bolex-ca-label\">CA:<\/span>\r\n                    <span class=\"bolex-ca-text\" id=\"tknContractAddress\">NULL<\/span>\r\n                    <button class=\"btn-ca-copy\" onclick=\"copyTokenomicsCA()\">Copy<\/button>\r\n                    <span class=\"bolex-toast\" id=\"tknToast\">Copied!<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        function copyTokenomicsCA() {\r\n            var caValue = document.getElementById(\"tknContractAddress\").innerText;\r\n            navigator.clipboard.writeText(caValue).then(function() {\r\n                var toastEl = document.getElementById(\"tknToast\");\r\n                toastEl.style.display = \"inline-block\";\r\n                setTimeout(function() {\r\n                    toastEl.style.display = \"none\";\r\n                }, 2000);\r\n            }).catch(function(err) {\r\n                console.error(\"Gagal menyalin: \", err);\r\n            });\r\n        }\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-be6b9cc e-flex e-con-boxed e-con e-parent\" data-id=\"be6b9cc\" 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-632b105 elementor-widget elementor-widget-html\" data-id=\"632b105\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<footer style=\"width: 100vw; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); padding: 40px 0 80px 0; text-align: center; box-sizing: border-box;\">\r\n    <!-- Garis Sketsa Hitam Full Ujung ke Ujung -->\r\n    <div style=\"width: 100%; height: 4px; background: #000; border-radius: 150px 20px 120px 15px \/ 15px 80px 15px 95px; margin-bottom: 20px;\"><\/div>\r\n    \r\n    <!-- Konten di Dalam (Dibatasi agar Teks Tidak Terlalu ke Pinggir Layar) -->\r\n    <div style=\"max-width: 1200px; margin: 0 auto; padding: 0 20px;\">\r\n        <!-- Ticker Utama & Slogan Seni -->\r\n        <div style=\"font-family: 'Kirang Haerang', system-ui; font-size: 2.5rem; color: #000; margin-bottom: 5px; letter-spacing: 2px;\">BOLEX &bull; $BOLEX<\/div>\r\n        <div style=\"font-family: 'Slackside One', cursive; font-size: 1.5rem; color: #1e4620; margin-bottom: 20px;\">\"Time ticks away, but true art is eternal.\"<\/div>\r\n        \r\n        <!-- Teks Copyright & Disclaimer Ringkas -->\r\n        <p style=\"font-family: 'Slackside One', cursive; font-size: 1.2rem; color: #333; line-height: 1.4; margin-bottom: 8px;\">\r\n            &copy; 2026 BOLEX Arts. Inspired by the timeless 41mm green-bezel luxury icon.\r\n        <\/p>\r\n        <p style=\"font-family: 'Slackside One', cursive; font-size: 1rem; color: #777; max-width: 800px; margin: 0 auto; line-height: 1.3;\">\r\n            $BOLEX is a community token celebrating raw sketch art and has no affiliation with any watch brand. DYOR.\r\n        <\/p>\r\n    <\/div>\r\n<\/footer>\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>BOLEX Navbar Component BOLEX the art of raw imagination Home Philosophy Tokenomics BUY NOW BOLEX Hero Section THE ART OF RAW IMAGINATION. Where mechanical precision meets the freedomof raw pencil strokes. Inspired by the legendary silhouette of the world\u2019s most iconic diver\u2019s watch (Submariner M126610LV), BOLEX is born to celebrate every second of boundless creativity. [&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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bolex.lol\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bolex.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bolex.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bolex.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bolex.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":13,"href":"https:\/\/bolex.lol\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/bolex.lol\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/32"}],"wp:attachment":[{"href":"https:\/\/bolex.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}