{"id":9,"date":"2026-06-29T14:37:06","date_gmt":"2026-06-29T14:37:06","guid":{"rendered":"https:\/\/whitebull.lol\/?page_id=9"},"modified":"2026-06-29T15:36:11","modified_gmt":"2026-06-29T15:36:11","slug":"elementor-9","status":"publish","type":"page","link":"https:\/\/whitebull.lol\/","title":{"rendered":"Elementor #9"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n The White Bull | $ANTOT<\/title>\r\n \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=Schibsted+Grotesk:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root {\r\n --font-main: 'Schibsted Grotesk', sans-serif;\r\n --color-bg: #030303;\r\n --color-text: #ffffff;\r\n --color-muted: #a1a1aa;\r\n --color-accent: #00ff66; \/* Neon Green *\/\r\n --color-accent-glow: rgba(0, 255, 102, 0.2);\r\n --glass-bg: rgba(20, 20, 20, 0.6);\r\n --glass-border: rgba(255, 255, 255, 0.08);\r\n }\r\n\r\n * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n body, html {\r\n font-family: var(--font-main);\r\n background-color: var(--color-bg);\r\n color: var(--color-text);\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden; \r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n \/* --- Background Video & Cinematic Overlay --- *\/\r\n .bg-video {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n }\r\n \r\n .video-overlay {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 1;\r\n background: radial-gradient(circle at 30% 50%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);\r\n pointer-events: none;\r\n }\r\n\r\n \/* --- Navbar --- *\/\r\n nav {\r\n position: fixed;\r\n top: 0; left: 0; right: 0;\r\n z-index: 50;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 1.5rem 2.5rem;\r\n background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, transparent 100%);\r\n }\r\n\r\n .logo-container {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.75rem;\r\n cursor: pointer;\r\n }\r\n \r\n .logo-text {\r\n font-weight: 700;\r\n font-size: 20px;\r\n letter-spacing: 1px;\r\n }\r\n \r\n .logo-icon {\r\n color: var(--color-accent);\r\n font-size: 20px;\r\n line-height: 1;\r\n text-shadow: 0 0 10px var(--color-accent-glow);\r\n }\r\n\r\n .desktop-nav {\r\n display: flex;\r\n gap: 2.5rem;\r\n font-size: 14px;\r\n font-weight: 500;\r\n letter-spacing: 0.5px;\r\n }\r\n \r\n .desktop-nav a {\r\n color: var(--color-muted);\r\n text-decoration: none;\r\n position: relative;\r\n transition: color 0.3s ease;\r\n cursor: pointer;\r\n }\r\n \r\n .desktop-nav a:hover { \r\n color: var(--color-text); \r\n }\r\n\r\n .desktop-cta {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--color-bg);\r\n background: var(--color-text);\r\n text-decoration: none;\r\n padding: 0.6rem 1.5rem;\r\n border-radius: 99px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n \r\n .desktop-cta:hover { \r\n background: var(--color-accent); \r\n box-shadow: 0 0 15px var(--color-accent-glow);\r\n transform: translateY(-1px);\r\n }\r\n\r\n \/* --- Hero Section --- *\/\r\n .hero {\r\n position: relative;\r\n z-index: 10;\r\n height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n padding: 0 4rem;\r\n }\r\n\r\n .hero-content {\r\n max-width: 650px; \/* Lebar dibatasi agar elegan *\/\r\n }\r\n\r\n \/* Typewriter Title *\/\r\n .typewriter-container {\r\n font-size: clamp(32px, 4vw, 48px);\r\n font-weight: 600;\r\n line-height: 1.15;\r\n letter-spacing: -0.02em;\r\n margin-bottom: 1rem;\r\n min-height: 110px; \r\n }\r\n\r\n .cursor {\r\n display: inline-block;\r\n width: 3px;\r\n height: 0.9em;\r\n background: var(--color-accent);\r\n vertical-align: middle;\r\n margin-left: 6px;\r\n animation: blink 1s step-end infinite;\r\n }\r\n @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }\r\n\r\n \/* Description (Sekarang di BAWAH judul) *\/\r\n .hero-description {\r\n font-size: clamp(15px, 1.5vw, 17px);\r\n color: var(--color-muted);\r\n line-height: 1.6;\r\n margin-bottom: 2.5rem;\r\n font-weight: 400;\r\n max-width: 90%;\r\n opacity: 0; \/* Disembunyikan dulu sampai efek ngetik selesai *\/\r\n transform: translateY(10px);\r\n transition: opacity 0.8s ease, transform 0.8s ease;\r\n }\r\n \r\n .hero-description.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* --- Premium Action Pills --- *\/\r\n .pills-container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n opacity: 0;\r\n transform: translateY(15px);\r\n transition: opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s;\r\n }\r\n \r\n .pills-container.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .pill {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--glass-bg);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n color: #e4e4e7;\r\n border: 1px solid var(--glass-border);\r\n font-size: 13px;\r\n font-weight: 500;\r\n padding: 0.6rem 1.4rem;\r\n border-radius: 99px;\r\n text-decoration: none;\r\n letter-spacing: 0.5px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .pill:hover {\r\n background: rgba(255,255,255,0.05);\r\n border-color: var(--color-accent);\r\n color: var(--color-accent);\r\n }\r\n\r\n .pill-ca {\r\n border-color: rgba(0, 255, 102, 0.3);\r\n color: var(--color-accent);\r\n gap: 8px;\r\n }\r\n \r\n .pill-ca:hover {\r\n background: var(--color-accent);\r\n color: var(--color-bg);\r\n border-color: var(--color-accent);\r\n }\r\n\r\n \/* --- Glassmorphism Modals --- *\/\r\n .modal-overlay {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0, 0, 0, 0.7);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n z-index: 100;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n opacity: 0;\r\n pointer-events: none;\r\n transition: opacity 0.4s ease;\r\n }\r\n \r\n .modal-overlay.active { opacity: 1; pointer-events: auto; }\r\n\r\n .modal-box {\r\n background: rgba(15, 15, 15, 0.8);\r\n border: 1px solid var(--glass-border);\r\n border-top: 2px solid var(--color-accent);\r\n border-radius: 16px;\r\n padding: 3rem;\r\n max-width: 540px;\r\n width: 90%;\r\n transform: translateY(20px) scale(0.98);\r\n transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n position: relative;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\r\n }\r\n \r\n .modal-overlay.active .modal-box { transform: translateY(0) scale(1); }\r\n\r\n .modal-close {\r\n position: absolute;\r\n top: 20px;\r\n right: 25px;\r\n background: none;\r\n border: none;\r\n color: var(--color-muted);\r\n font-size: 28px;\r\n font-weight: 300;\r\n cursor: pointer;\r\n transition: color 0.2s ease;\r\n line-height: 1;\r\n }\r\n \r\n .modal-close:hover { color: var(--color-accent); }\r\n\r\n .modal-title {\r\n font-size: 24px;\r\n font-weight: 600;\r\n margin-bottom: 1.25rem;\r\n color: var(--color-text);\r\n letter-spacing: -0.5px;\r\n }\r\n \r\n .modal-content-text {\r\n font-size: 15px;\r\n line-height: 1.7;\r\n color: var(--color-muted);\r\n }\r\n \r\n .modal-content-text strong { color: var(--color-text); font-weight: 500; }\r\n .modal-content-text p { margin-bottom: 1.25rem; }\r\n .modal-content-text ul { padding-left: 20px; margin-bottom: 1.25rem; }\r\n .modal-content-text li { margin-bottom: 8px; }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <video \r\n id=\"bg-video\" \r\n class=\"bg-video\"\r\n src=\"https:\/\/whitebull.lol\/wp-content\/uploads\/2026\/06\/whitebull-bg3.mp4\"\r\n muted playsinline preload=\"auto\">\r\n <\/video>\r\n <div class=\"video-overlay\"><\/div>\r\n\r\n <nav>\r\n <div class=\"logo-container\">\r\n <span class=\"logo-icon\">\u25b2<\/span>\r\n <span class=\"logo-text\">$ANTOT<\/span>\r\n <\/div>\r\n \r\n <div class=\"desktop-nav\">\r\n <a data-modal=\"modal-about\">About<\/a>\r\n <a data-modal=\"modal-tokenomics\">Tokenomics<\/a>\r\n <a data-modal=\"modal-buy\">How to Buy<\/a>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/raydium.io\/swap\/\" target=\"_blank\" class=\"desktop-cta\">Swap Now<\/a>\r\n <\/nav>\r\n\r\n <section class=\"hero\">\r\n <div class=\"hero-content\">\r\n \r\n <div class=\"typewriter-container\">\r\n <span id=\"typed-text\"><\/span><span id=\"cursor\" class=\"cursor\"><\/span>\r\n <\/div>\r\n\r\n <p id=\"hero-description\" class=\"hero-description\">\r\n The liquidity and index layer for the enlightened herd on Solana.\r\n <\/p>\r\n\r\n <div id=\"pills-container\" class=\"pills-container\">\r\n <a href=\"#\" target=\"_blank\" class=\"pill\">Twitter \/ X<\/a>\r\n <a href=\"#\" target=\"_blank\" class=\"pill\">Telegram<\/a>\r\n <a href=\"#\" target=\"_blank\" class=\"pill\">Dexscreener<\/a>\r\n \r\n <button id=\"copy-btn\" class=\"pill pill-ca\">\r\n <span id=\"ca-text\">CA: 9cRCn9rGT8V2imeM2BaKs13yhMEais3ruM3rPvTGpump<\/span>\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect>\r\n <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"modal-overlay\" id=\"modal-overlay\">\r\n \r\n <div class=\"modal-box\" id=\"modal-about\" style=\"display: none;\">\r\n <button class=\"modal-close\">×<\/button>\r\n <div class=\"modal-title\">Beyond the Noise<\/div>\r\n <div class=\"modal-content-text\">\r\n <p>We are <strong>The Enlightened Herd<\/strong>. We don't blindly charge at every green candle or flinch at the red ones. True conviction requires solid infrastructure.<\/p>\r\n <p>The White Bull ($ANTOT) is a cult liquidity experiment built on absolute transparency. Instead of letting your bags sit idle, we created <strong>Sanctuary Pools<\/strong> to deepen ecosystem strength.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"modal-box\" id=\"modal-tokenomics\" style=\"display: none;\">\r\n <button class=\"modal-close\">×<\/button>\r\n <div class=\"modal-title\">77% Purity Thesis<\/div>\r\n <div class=\"modal-content-text\">\r\n <ul>\r\n <li><strong>The 77% Anchor:<\/strong> 77% of supply is secured in a public, trackable wallet.<\/li>\r\n <li><strong>Zero Insider Shadows:<\/strong> No hidden VC allocations. No secret unlocks.<\/li>\r\n <li><strong>Zen Flywheel:<\/strong> Protocol fees fund the Zen Index and support stability.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"modal-box\" id=\"modal-buy\" style=\"display: none;\">\r\n <button class=\"modal-close\">×<\/button>\r\n <div class=\"modal-title\">Join The Herd<\/div>\r\n <div class=\"modal-content-text\">\r\n <ul>\r\n <li><strong>1. Initialize:<\/strong> Download Phantom wallet.<\/li>\r\n <li><strong>2. Fund:<\/strong> Acquire SOL and transfer it to your wallet.<\/li>\r\n <li><strong>3. Connect:<\/strong> Navigate to Raydium or Pump.fun.<\/li>\r\n <li><strong>4. Verify:<\/strong> Paste the official $ANTOT CA.<\/li>\r\n <li><strong>5. Execute:<\/strong> Swap SOL for $ANTOT and welcome the serenity.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n \r\n \/\/ 1. Typewriter Effect -> Then Show Description & Pills\r\n const rawText = \"The White Bull\\nCalm Amidst the Chaos\";\r\n const typedTextEl = document.getElementById(\"typed-text\");\r\n const cursorEl = document.getElementById(\"cursor\");\r\n const descEl = document.getElementById(\"hero-description\");\r\n const pillsEl = document.getElementById(\"pills-container\");\r\n \r\n let i = 0;\r\n \r\n setTimeout(() => {\r\n const interval = setInterval(() => {\r\n let currentText = rawText.substring(0, i + 1);\r\n currentText = currentText.replace(\/\\n\/g, '<br>');\r\n typedTextEl.innerHTML = currentText;\r\n i++;\r\n \r\n if (i === rawText.length) {\r\n clearInterval(interval);\r\n cursorEl.style.display = 'none'; \r\n \r\n \/\/ Tampilkan deskripsi dan pills setelah ngetik selesai\r\n descEl.classList.add(\"visible\");\r\n pillsEl.classList.add(\"visible\");\r\n }\r\n }, 50); \r\n }, 600); \r\n\r\n \/\/ 2. Copy CA Logic\r\n const copyBtn = document.getElementById(\"copy-btn\");\r\n const caString = \"9cRCn9rGT8V2imeM2BaKs13yhMEais3ruM3rPvTGpump\";\r\n const caTextEl = document.getElementById(\"ca-text\");\r\n const originalText = caTextEl.innerText;\r\n\r\n copyBtn.addEventListener(\"click\", () => {\r\n navigator.clipboard.writeText(caString).then(() => {\r\n caTextEl.innerText = \"COPIED TO CLIPBOARD!\";\r\n copyBtn.style.background = \"var(--color-accent)\";\r\n copyBtn.style.color = \"var(--color-bg)\";\r\n copyBtn.style.borderColor = \"var(--color-accent)\";\r\n \r\n setTimeout(() => {\r\n caTextEl.innerText = originalText;\r\n copyBtn.style.background = \"\";\r\n copyBtn.style.color = \"\";\r\n copyBtn.style.borderColor = \"\";\r\n }, 2000);\r\n });\r\n });\r\n\r\n \/\/ 3. Modal Pop-up Logic\r\n const modalOverlay = document.getElementById(\"modal-overlay\");\r\n const triggers = document.querySelectorAll(\"[data-modal]\");\r\n const closeBtns = document.querySelectorAll(\".modal-close\");\r\n const modalBoxes = document.querySelectorAll(\".modal-box\");\r\n\r\n function openModal(modalId) {\r\n modalBoxes.forEach(box => box.style.display = \"none\"); \r\n document.getElementById(modalId).style.display = \"block\"; \r\n modalOverlay.classList.add(\"active\");\r\n }\r\n\r\n function closeModal() {\r\n modalOverlay.classList.remove(\"active\");\r\n setTimeout(() => { modalBoxes.forEach(box => box.style.display = \"none\"); }, 400);\r\n }\r\n\r\n triggers.forEach(trigger => {\r\n trigger.addEventListener(\"click\", (e) => {\r\n e.preventDefault();\r\n openModal(trigger.getAttribute(\"data-modal\"));\r\n });\r\n });\r\n\r\n closeBtns.forEach(btn => btn.addEventListener(\"click\", closeModal));\r\n modalOverlay.addEventListener(\"click\", (e) => {\r\n if (e.target === modalOverlay) closeModal();\r\n });\r\n\r\n \/\/ 4. Video Mouse-Scrubbing (Persis kode asli)\r\n const video = document.getElementById(\"bg-video\");\r\n let prevX = null;\r\n let targetTime = null;\r\n let isSeeking = false;\r\n const SENSITIVITY = 0.8;\r\n\r\n window.addEventListener(\"mousemove\", (e) => {\r\n if (!video || !video.duration) {\r\n prevX = e.clientX;\r\n return;\r\n }\r\n\r\n const currentX = e.clientX;\r\n \r\n if (prevX === null) {\r\n prevX = currentX;\r\n targetTime = video.currentTime;\r\n return;\r\n }\r\n\r\n const delta = currentX - prevX;\r\n prevX = currentX;\r\n\r\n if (targetTime === null) {\r\n targetTime = video.currentTime;\r\n }\r\n\r\n const offset = (delta \/ window.innerWidth) * SENSITIVITY * video.duration;\r\n targetTime = Math.max(0, Math.min(video.duration, targetTime + offset));\r\n\r\n if (!isSeeking) {\r\n isSeeking = true;\r\n video.currentTime = targetTime;\r\n }\r\n });\r\n\r\n video.addEventListener(\"seeked\", () => {\r\n if (targetTime === null) return;\r\n \r\n if (Math.abs(video.currentTime - targetTime) > 0.05) {\r\n isSeeking = true;\r\n video.currentTime = targetTime;\r\n } else {\r\n isSeeking = false;\r\n }\r\n });\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<div class=\"elementor-element elementor-element-d1ea158 elementor-widget elementor-widget-image\" data-id=\"d1ea158\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/whitebull.lol\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\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>The White Bull | $ANTOT \u25b2 $ANTOT About Tokenomics How to Buy Swap Now The liquidity and index layer for the enlightened herd on Solana. Twitter \/ X Telegram Dexscreener CA: 9cRCn9rGT8V2imeM2BaKs13yhMEais3ruM3rPvTGpump × Beyond the Noise We are The Enlightened Herd. We don’t blindly charge at every green candle or flinch at the red ones. […]<\/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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/whitebull.lol\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/whitebull.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/whitebull.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/whitebull.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/whitebull.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":37,"href":"https:\/\/whitebull.lol\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":55,"href":"https:\/\/whitebull.lol\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/55"}],"wp:attachment":[{"href":"https:\/\/whitebull.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}