ZMART Navigation Bar - Premium 2D Cartoon Fixed Mobile<\/title>\r\n <style>\r\n \/* --- IMPORT GOOGLE FONTS --- *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Skranji:wght@400;700&display=swap');\r\n\r\n \/* --- RESET & BASE STYLES --- *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n body {\r\n background-color: #002244; \r\n }\r\n\r\n \/* --- NAVBAR STYLES (DESKTOP DEFAULT) --- *\/\r\n .zmart-navbar {\r\n background-color: #004b87;\r\n width: 100%;\r\n padding: 0 16px; \r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 1000;\r\n gap: 12px;\r\n height: 54px; \/* Sedikit disesuaikan agar terasa kokoh *\/\r\n \r\n border-bottom: 3.5px solid #000000;\r\n box-shadow: 0 5px 0px rgba(0, 0, 0, 0.25);\r\n }\r\n\r\n \/* Container Logo *\/\r\n .nav-logo-container {\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-start; \r\n flex-shrink: 0;\r\n width: 110px; \r\n height: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n .nav-logo {\r\n max-height: 30px; \r\n width: 100%; \r\n object-fit: contain;\r\n filter: drop-shadow(2px 2px 0px #000000);\r\n }\r\n\r\n \/* Container Tombol *\/\r\n .nav-actions-container {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px; \r\n flex-wrap: nowrap;\r\n justify-content: flex-end;\r\n height: 100%;\r\n }\r\n\r\n \/* Gaya Tombol Komik Kartun - Font Skranji *\/\r\n .nav-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 6px 14px; \r\n border-radius: 6px;\r\n font-size: 12px; \r\n font-family: 'Skranji', system-ui, -apple-system, sans-serif;\r\n text-transform: uppercase; \r\n text-decoration: none;\r\n font-weight: 700; \r\n flex-shrink: 0;\r\n \r\n border: 2.5px solid #000000; \r\n transition: transform 0.1s ease, box-shadow 0.1s ease;\r\n white-space: nowrap; \r\n }\r\n\r\n \/* Tombol Outline *\/\r\n .btn-outline {\r\n color: #ffffff;\r\n background-color: #0066b2; \r\n box-shadow: 0 3px 0px #000000;\r\n }\r\n\r\n .btn-outline:hover {\r\n background-color: #0077cc;\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 0px #000000;\r\n }\r\n\r\n .btn-outline:active {\r\n transform: translateY(2px);\r\n box-shadow: 0 1px 0px #000000;\r\n }\r\n\r\n \/* Tombol Swap Now *\/\r\n .btn-swap {\r\n background-color: #ffc220; \r\n color: #000000; \r\n box-shadow: 0 3px 0px #000000;\r\n }\r\n\r\n .btn-swap:hover {\r\n background-color: #ffe033;\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 0px #000000;\r\n }\r\n\r\n .btn-swap:active {\r\n transform: translateY(2px);\r\n box-shadow: 0 1px 0px #000000;\r\n }\r\n\r\n \/* --- RESPONSIVE MOBILE SIZING (ANTI-MELUBER KOTAK TOTAL) --- *\/\r\n @media (max-width: 650px) {\r\n .zmart-navbar {\r\n padding: 8px 12px; \r\n gap: 8px;\r\n height: auto; \/* Membiarkan navbar membesar vertikal secara rapi *\/\r\n flex-direction: column; \/* Baris 1: Logo, Baris 2: Tombol-tombol *\/\r\n align-items: stretch; \/* Memaksa konten melebar seimbang *\/\r\n border-bottom: 3px solid #000000;\r\n }\r\n\r\n .nav-logo-container {\r\n width: auto;\r\n height: 24px;\r\n justify-content: center; \/* Logo diposisikan di tengah atas agar simetris *\/\r\n margin-bottom: 6px;\r\n }\r\n\r\n .nav-logo {\r\n max-height: 22px; \r\n }\r\n\r\n .nav-actions-container {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr); \/* Twitter, Telegram, Live Chart berbagi ruang sama rata *\/\r\n gap: 6px;\r\n width: 100%;\r\n height: auto;\r\n padding-bottom: 2px;\r\n }\r\n\r\n .nav-btn {\r\n padding: 6px 4px;\r\n font-size: 11px;\r\n border: 2px solid #000000;\r\n box-shadow: 0 2.5px 0px #000000;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n \/* Memaksa tombol Swap Now memotong layout di bawah dan mengambil baris penuh sendirian *\/\r\n .btn-swap {\r\n grid-column: span 3; \/* Melebar dari ujung kiri ke ujung kanan *\/\r\n margin-top: 2px;\r\n padding: 8px 4px; \/* Dibuat sedikit lebih tebal sebagai tombol utama *\/\r\n }\r\n \r\n .nav-btn:hover {\r\n transform: none; \/* Matikan efek hover translate di mobile agar tidak merusak tap layar sentuh *\/\r\n box-shadow: 0 2.5px 0px #000000;\r\n }\r\n\r\n .nav-btn:active {\r\n transform: translateY(1px);\r\n box-shadow: 0 1.5px 0px #000000;\r\n }\r\n }\r\n\r\n \/* Pembatas atas halaman disesuaikan karena tinggi navbar mobile bertambah *\/\r\n .page-content {\r\n margin-top: 75px; \r\n }\r\n\r\n @media (max-width: 650px) {\r\n .page-content {\r\n margin-top: 120px; \/* Jarak lebih renggang di mobile agar konten hero tidak tertutup *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <nav class=\"zmart-navbar\">\r\n \r\n <div class=\"nav-logo-container\">\r\n <img decoding=\"async\" class=\"nav-logo\" src=\"https:\/\/zmart.lol\/wp-content\/uploads\/2026\/06\/icon-logo1.png\" alt=\"ZMART Logo\">\r\n <\/div>\r\n\r\n \r\n <div class=\"nav-actions-container\">\r\n <a href=\"https:\/\/x.com\/zmart_shop\" class=\"nav-btn btn-outline\" target=\"_blank\">Twitter<\/a>\r\n <a href=\"https:\/\/t.me\/zmart_shop\" class=\"nav-btn btn-outline\" target=\"_blank\">Telegram<\/a>\r\n <a href=\"https:\/\/dexscreener.com\/solana\/HU7FotjNBiLPQvCiye3W147oX7qS9qrpdU3iY617pump\" class=\"nav-btn btn-outline\" target=\"_blank\">Live Chart<\/a>\r\n <a href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=HU7FotjNBiLPQvCiye3W147oX7qS9qrpdU3iY617pump\" class=\"nav-btn btn-swap\">Swap Now<\/a>\r\n <\/div>\r\n <\/nav>\r\n \r\n\r\n <div class=\"page-content\"><\/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-784fede e-con-full e-flex e-con e-child\" data-id=\"784fede\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0d5a49 elementor-widget elementor-widget-html\" data-id=\"e0d5a49\" 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>ZMART Hero Section - Super Slim Custom Typography<\/title>\r\n <style>\r\n \/* --- IMPORT GOOGLE FONTS --- *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Skranji:wght@400;700&family=Slackside+One&display=swap');\r\n\r\n \/* --- RESET & BASE STYLES --- *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* --- HERO SECTION STYLES (SLIM & TRANSPARENT) --- *\/\r\n .zmart-hero {\r\n position: relative;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 40px 16px; \/* Padding dipangkas tipis agar super slim *\/\r\n overflow: hidden;\r\n background: transparent; \/* Transparan total mengikuti bawaan WordPress *\/\r\n }\r\n\r\n \/* Pembungkus Konten Utama *\/\r\n .hero-container {\r\n max-width: 800px;\r\n width: 100%;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 10;\r\n }\r\n\r\n \/* Judul Utama - FONT SKRANJI (Slimmer Margin) *\/\r\n .hero-title {\r\n font-family: 'Skranji', system-ui, -apple-system, sans-serif;\r\n font-size: 52px; \/* Ukuran disesuaikan agar lebih proporsional & flat *\/\r\n font-weight: 700;\r\n color: #ffffff;\r\n text-transform: uppercase;\r\n line-height: 1.05;\r\n margin-bottom: 16px; \/* Jarak dipersempit *\/\r\n \r\n \/* Efek Kartun Komik Premium *\/\r\n -webkit-text-stroke: 2.5px #000000;\r\n text-shadow: 0 5px 0px #000000;\r\n }\r\n\r\n \/* Deskripsi Sub-judul - FONT SLACKSIDE ONE (Slimmer Layout) *\/\r\n .hero-subtitle {\r\n font-family: 'Slackside One', cursive, sans-serif;\r\n font-size: 28px;\r\n color: #e0f0ff;\r\n line-height: 1.2;\r\n max-width: 680px;\r\n margin-bottom: 20px; \/* Jarak dipersempit *\/\r\n }\r\n\r\n \/* Highlight Brand\/Ticker *\/\r\n .hero-highlight {\r\n color: #ffc220; \r\n font-family: 'Skranji', sans-serif;\r\n font-size: 26px;\r\n -webkit-text-stroke: 1px #000000;\r\n }\r\n\r\n \/* --- CONTRACT ADDRESS (CA) BOX (SLIM VERSION) --- *\/\r\n .ca-container {\r\n display: flex;\r\n align-items: center;\r\n background-color: rgba(0, 23, 44, 0.6); \/* Transparan gelap agar nge-blend dengan tema WP *\/\r\n border: 2px solid #000000; \/* Border ditipiskan *\/\r\n border-radius: 8px;\r\n padding: 6px 12px; \/* Padding diperketat *\/\r\n margin-bottom: 24px; \/* Jarak dipersempit *\/\r\n max-width: 440px;\r\n width: 100%;\r\n justify-content: space-between;\r\n box-shadow: 0 3px 0px #000000;\r\n }\r\n\r\n .ca-label {\r\n font-family: 'Skranji', sans-serif; \/* Disesuaikan ke Skranji *\/\r\n font-size: 11px;\r\n color: #ffc220;\r\n text-transform: uppercase;\r\n margin-right: 10px;\r\n white-space: nowrap;\r\n }\r\n\r\n .ca-text {\r\n font-family: 'Courier New', Courier, monospace;\r\n font-size: 13px;\r\n color: #ffffff;\r\n font-weight: bold;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n user-select: all;\r\n text-align: left;\r\n width: 100%;\r\n }\r\n\r\n .ca-copy-btn {\r\n background-color: #ffc220;\r\n border: 2px solid #000000;\r\n border-radius: 5px;\r\n color: #000000;\r\n font-family: 'Skranji', sans-serif; \/* Disesuaikan ke Skranji *\/\r\n font-size: 11px;\r\n text-transform: uppercase;\r\n padding: 4px 10px;\r\n cursor: pointer;\r\n margin-left: 10px;\r\n box-shadow: 0 2px 0px #000000;\r\n transition: all 0.1s ease;\r\n }\r\n\r\n .ca-copy-btn:hover {\r\n background-color: #ffe033;\r\n }\r\n\r\n .ca-copy-btn:active {\r\n transform: translateY(1.5px);\r\n box-shadow: 0 0.5px 0px #000000;\r\n }\r\n\r\n \/* Container Tombol Aksi *\/\r\n .hero-btn-group {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px; \/* Jarak tombol lebih rapat *\/\r\n flex-wrap: wrap;\r\n width: 100%;\r\n }\r\n\r\n \/* Gaya Tombol Hero - DISESUAIKAN KE FONT SKRANJI & SLIM *\/\r\n .hero-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px 24px; \/* Dibuat jauh lebih slim *\/\r\n border-radius: 10px;\r\n font-size: 15px; \/* Sedikit dikecilkan agar seimbang *\/\r\n font-family: 'Skranji', system-ui, sans-serif; \/* Tombol murni font Skranji *\/\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n font-weight: 700;\r\n border: 2px solid #000000; \/* Border ditipiskan *\/\r\n transition: transform 0.1s ease, box-shadow 0.1s ease;\r\n white-space: nowrap;\r\n }\r\n\r\n \/* Tombol Swap Now *\/\r\n .btn-hero-swap {\r\n background-color: #ffc220;\r\n color: #000000;\r\n box-shadow: 0 4px 0px #000000;\r\n }\r\n\r\n .btn-hero-swap:hover {\r\n background-color: #ffe033;\r\n transform: translateY(-1px);\r\n box-shadow: 0 5px 0px #000000;\r\n }\r\n\r\n .btn-hero-swap:active {\r\n transform: translateY(1.5px);\r\n box-shadow: 0 2.5px 0px #000000;\r\n }\r\n\r\n \/* Tombol Live Chart *\/\r\n .btn-hero-chart {\r\n background-color: #0066b2;\r\n color: #ffffff;\r\n box-shadow: 0 4px 0px #000000;\r\n }\r\n\r\n .btn-hero-chart:hover {\r\n background-color: #0077cc;\r\n transform: translateY(-1px);\r\n box-shadow: 0 5px 0px #000000;\r\n }\r\n\r\n .btn-hero-chart:active {\r\n transform: translateY(1.5px);\r\n box-shadow: 0 2.5px 0px #000000;\r\n }\r\n\r\n \/* --- RESPONSIVE MOBILE SIZING --- *\/\r\n @media (max-width: 768px) {\r\n .zmart-hero {\r\n padding: 30px 12px;\r\n }\r\n\r\n .hero-title {\r\n font-size: 34px;\r\n -webkit-text-stroke: 2px #000000;\r\n text-shadow: 0 3.5px 0px #000000;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 24px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .ca-container {\r\n margin-bottom: 24px;\r\n padding: 5px 10px;\r\n }\r\n\r\n .ca-text {\r\n font-size: 11px;\r\n }\r\n\r\n .hero-btn-group {\r\n gap: 10px;\r\n flex-direction: column;\r\n }\r\n\r\n .hero-btn {\r\n width: 100%;\r\n max-width: 250px;\r\n padding: 10px 20px;\r\n font-size: 14px;\r\n box-shadow: 0 3.5px 0px #000000;\r\n }\r\n \r\n .hero-btn:hover {\r\n transform: translateY(-1px);\r\n box-shadow: 0 4.5px 0px #000000;\r\n }\r\n\r\n .hero-btn:active {\r\n transform: translateY(1px);\r\n box-shadow: 0 2.5px 0px #000000;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"zmart-hero\">\r\n <div class=\"hero-container\">\r\n \r\n <h1 class=\"hero-title\">Save Money.<br>Live Better.<br>Ape Harder.<\/h1>\r\n \r\n \r\n <p class=\"hero-subtitle\">\r\n Welcome to <span class=\"hero-highlight\">ZMART ($MART)<\/span>, the largest hyper-decentralized supermarket chain in the meme world. Inspired by the world's retail giants, we are bringing the everyday grocery shopping experience straight to the fastest blockchain network.\r\n <\/p>\r\n \r\n \r\n <div class=\"ca-container\">\r\n <span class=\"ca-label\">CA:<\/span>\r\n <span class=\"ca-text\" id=\"tokenAddress\">HU7FotjNBiLPQvCiye3W147oX7qS9qrpdU3iY617pump<\/span>\r\n <button class=\"ca-copy-btn\" id=\"copyButton\" onclick=\"copyContractAddress()\">Copy<\/button>\r\n <\/div>\r\n \r\n \r\n <div class=\"hero-btn-group\">\r\n <a href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=HU7FotjNBiLPQvCiye3W147oX7qS9qrpdU3iY617pump\" class=\"hero-btn btn-hero-swap\">Swap Now<\/a>\r\n <a href=\"https:\/\/dexscreener.com\/solana\/HU7FotjNBiLPQvCiye3W147oX7qS9qrpdU3iY617pump\" class=\"hero-btn btn-hero-chart\" target=\"_blank\">Live Chart<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n\r\n \r\n <script>\r\n function copyContractAddress() {\r\n const addressText = document.getElementById(\"HU7FotjNBiLPQvCiye3W147oX7qS9qrpdU3iY617pump\").innerText;\r\n const copyBtn = document.getElementById(\"copyButton\");\r\n\r\n navigator.clipboard.writeText(addressText).then(() => {\r\n copyBtn.innerText = \"Copied!\";\r\n copyBtn.style.backgroundColor = \"#28a745\"; \r\n copyBtn.style.color = \"#ffffff\";\r\n\r\n setTimeout(() => {\r\n copyBtn.innerText = \"Copy\";\r\n copyBtn.style.backgroundColor = \"#ffc220\";\r\n copyBtn.style.color = \"#000000\";\r\n }, 2000);\r\n }).catch(err => {\r\n console.error(\"Gagal menyalin text: \", 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-827ee3e e-flex e-con-boxed e-con e-parent\" data-id=\"827ee3e\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7869df0 e-con-full e-flex e-con e-child\" data-id=\"7869df0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1153232 elementor-widget elementor-widget-html\" data-id=\"1153232\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"zmart-ticker-wrap\">\r\n <div class=\"zmart-ticker\">\r\n <span class=\"ticker-item\">\ud83d\uded2 WELCOME TO ZMART! \u2022 SAVE MONEY. LIVE BETTER. APE HARDER! \u2022 SWAP $MART NOW \u2022 REVOLUTIONIZING WEB3 RETAIL \u2022 \ud83e\udd69 FRESH LIQUIDITY DAILY \u2022 \ud83d\udcca CHECK THE LIVE CHART \ud83d\uded2<\/span>\r\n <span class=\"ticker-item\" aria-hidden=\"true\">\ud83d\uded2 WELCOME TO ZMART! \u2022 SAVE MONEY. LIVE BETTER. APE HARDER! \u2022 SWAP $MART NOW \u2022 REVOLUTIONIZING WEB3 RETAIL \u2022 \ud83e\udd69 FRESH LIQUIDITY DAILY \u2022 \ud83d\udcca CHECK THE LIVE CHART \ud83d\uded2<\/span>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Pembungkus utama: Full lebar layar, tanpa background, tanpa garis *\/\r\n.zmart-ticker-wrap {\r\n width: 100vw;\r\n position: relative;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n overflow: hidden;\r\n background: transparent; \/* Tanpa background *\/\r\n padding: 10px 0;\r\n}\r\n\r\n\/* Container animasi flex horizontal *\/\r\n.zmart-ticker {\r\n display: flex;\r\n width: max-content;\r\n animation: smoothTicker 20s linear infinite; \/* Jalur lari meluncur tanpa henti *\/\r\n}\r\n\r\n\/* Desain teks disesuaikan dengan tema Hero Anda *\/\r\n.ticker-item {\r\n font-family: 'Skranji', sans-serif;\r\n font-size: 18px;\r\n font-weight: bold;\r\n color: #ffc220; \/* Warna kuning murni *\/\r\n text-transform: uppercase;\r\n white-space: nowrap;\r\n padding-right: 50px; \/* Jarak pas saat teks berulang menyambung *\/\r\n -webkit-text-stroke: 0.5px #000000;\r\n text-shadow: 1px 1px 0px #000000;\r\n}\r\n\r\n\/* Animasi CSS murni untuk geseran tak terbatas *\/\r\n@keyframes smoothTicker {\r\n 0% { transform: translate3d(0, 0, 0); }\r\n 100% { transform: translate3d(-50%, 0, 0); }\r\n}\r\n<\/style>\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-1ec0a8b e-flex e-con-boxed e-con e-parent\" data-id=\"1ec0a8b\" data-element_type=\"container\" data-settings=\"{"background_background":"video","background_video_link":"https:\\\/\\\/zmart.lol\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/HERO-ZMART3.mp4","background_play_on_mobile":"yes"}\">\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-2a3d3cd e-con-full e-flex e-con e-child\" data-id=\"2a3d3cd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6abab8 elementor-widget elementor-widget-html\" data-id=\"e6abab8\" 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>ZMART - Interactive About & Services<\/title>\r\n <style>\r\n \/* --- IMPORT GOOGLE FONTS --- *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Skranji:wght@400;700&family=Slackside+One&display=swap');\r\n\r\n \/* --- RESET & BASE STYLES --- *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n body {\r\n background-color: #002244; \r\n color: #ffffff;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* --- UTILITY CLASSES FOR 2D CARTOON --- *\/\r\n .comic-title {\r\n font-family: 'Skranji', sans-serif;\r\n font-size: 42px;\r\n color: #ffffff;\r\n text-transform: uppercase;\r\n text-align: center;\r\n line-height: 1.1;\r\n margin-bottom: 24px;\r\n -webkit-text-stroke: 2.5px #000000;\r\n text-shadow: 0 5px 0px #000000;\r\n }\r\n\r\n \/* --- GAYA BUTTON INTERAKTIF PREMIUM --- *\/\r\n .zmart-action-btn {\r\n font-family: 'Skranji', sans-serif;\r\n font-size: 16px;\r\n color: #000000;\r\n background-color: #ffc220; \r\n text-transform: uppercase;\r\n text-decoration: none;\r\n padding: 12px 28px;\r\n border: 2.5px solid #000000;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 0px #000000;\r\n cursor: pointer;\r\n transition: transform 0.1s ease, box-shadow 0.1s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .zmart-action-btn:hover {\r\n background-color: #ffe033;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 0px #000000;\r\n }\r\n\r\n .zmart-action-btn:active {\r\n transform: translateY(2px);\r\n box-shadow: 0 2px 0px #000000;\r\n }\r\n\r\n \/* --- 1. ABOUT ZMART SECTION (COMPACT) --- *\/\r\n .zmart-about {\r\n width: 100%;\r\n padding: 50px 20px;\r\n background: transparent;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .about-container {\r\n max-width: 900px;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n gap: 20px;\r\n }\r\n\r\n .about-preview-box {\r\n background-color: rgba(0, 23, 44, 0.6);\r\n border: 2.5px solid #000000;\r\n border-radius: 12px;\r\n padding: 16px 24px;\r\n box-shadow: 0 4px 0px #000000;\r\n max-width: 600px;\r\n }\r\n\r\n .about-brief-text {\r\n font-family: 'Skranji', sans-serif; \r\n font-size: 20px;\r\n color: #e0f0ff;\r\n line-height: 1.4;\r\n }\r\n\r\n \/* --- 2. KEY FEATURES \/ SERVICES SECTION --- *\/\r\n .zmart-features {\r\n width: 100%;\r\n padding: 40px 20px 60px 20px;\r\n background: transparent;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .features-menu-grid {\r\n max-width: 800px;\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr); \r\n gap: 16px;\r\n }\r\n\r\n .btn-service {\r\n background-color: #0066b2; \r\n color: #ffffff;\r\n }\r\n\r\n .btn-service:hover {\r\n background-color: #0077cc;\r\n }\r\n\r\n \/* --- 3. POP-UP MODAL EFFECT STYLES (2D CARTOON WINDOW) --- *\/\r\n .zmart-modal {\r\n display: none; \r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 15, 30, 0.85); \r\n z-index: 2000;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n }\r\n\r\n .modal-comic-box {\r\n background-color: #003366; \r\n border: 3.5px solid #000000;\r\n border-radius: 16px;\r\n max-width: 550px; \/* Ukuran standar untuk popup pendek *\/\r\n width: 100%;\r\n padding: 28px;\r\n box-shadow: 0 8px 0px #000000;\r\n position: relative;\r\n text-align: left;\r\n animation: popIn 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\r\n }\r\n\r\n \/* PERBAIKAN: Melebarkan khusus popup deskripsi About agar teks menyebar horizontal *\/\r\n .modal-comic-box.box-wide {\r\n max-width: 850px; \r\n width: 90%; \r\n }\r\n\r\n @keyframes popIn {\r\n 0% { transform: scale(0.85); opacity: 0; }\r\n 100% { transform: scale(1); opacity: 1; }\r\n }\r\n\r\n .modal-close-btn {\r\n position: absolute;\r\n top: -15px;\r\n right: -15px;\r\n width: 36px;\r\n height: 36px;\r\n background-color: #ff4444;\r\n color: #ffffff;\r\n border: 2.5px solid #000000;\r\n border-radius: 50%;\r\n font-family: 'Impact', sans-serif;\r\n font-size: 18px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n box-shadow: 0 3px 0px #000000;\r\n transition: all 0.1s ease;\r\n }\r\n\r\n .modal-close-btn:hover {\r\n background-color: #ff6666;\r\n transform: scale(1.05);\r\n }\r\n\r\n .modal-close-btn:active {\r\n transform: translateY(2px);\r\n box-shadow: 0 1px 0px #000000;\r\n }\r\n\r\n .modal-header {\r\n font-family: 'Skranji', sans-serif;\r\n font-size: 24px;\r\n color: #ffc220;\r\n text-transform: uppercase;\r\n margin-bottom: 14px;\r\n -webkit-text-stroke: 1px #000000;\r\n text-shadow: 0 2px 0px #000000;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .modal-body {\r\n font-family: 'Slackside One', cursive, sans-serif;\r\n font-size: 28px;\r\n color: #e0f0ff;\r\n line-height: 1.2;\r\n text-align: justify; \/* Meratakan paragraf horizontal agar rapi saat melebar *\/\r\n }\r\n\r\n \/* --- RESPONSIVE SIZING --- *\/\r\n @media (max-width: 650px) {\r\n .comic-title {\r\n font-size: 32px;\r\n -webkit-text-stroke: 2px #000000;\r\n text-shadow: 0 3.5px 0px #000000;\r\n }\r\n\r\n .about-brief-text {\r\n font-size: 16px;\r\n }\r\n\r\n .features-menu-grid {\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n width: 100%;\r\n max-width: 280px;\r\n }\r\n\r\n .zmart-action-btn {\r\n padding: 10px 20px;\r\n font-size: 14px;\r\n }\r\n\r\n .modal-comic-box {\r\n padding: 20px;\r\n }\r\n\r\n .modal-comic-box.box-wide {\r\n width: 95%; \/* Memaksimalkan area baca di layar smartphone pintar *\/\r\n }\r\n\r\n .modal-header {\r\n font-size: 20px;\r\n }\r\n\r\n .modal-body {\r\n font-size: 23px;\r\n text-align: left; \/* Mengembalikan ke rata kiri di mobile agar spasi kata tidak terlalu renggang *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"zmart-about\">\r\n <div class=\"about-container\">\r\n <h2 class=\"comic-title\">About ZMART<\/h2>\r\n <div class=\"about-preview-box\">\r\n <p class=\"about-brief-text\">\r\n ZMART ($MART) is the ultimate digital Web3 supermarket evolution born out of the relentless degen spirit.\r\n <\/p>\r\n <\/div>\r\n <button class=\"zmart-action-btn\" onclick=\"openModal('aboutModal')\">Read Corporate History<\/button>\r\n <\/div>\r\n <\/section>\r\n <section class=\"zmart-features\">\r\n <h2 class=\"comic-title\">Our Premier Services<\/h2>\r\n \r\n <div class=\"features-menu-grid\">\r\n <button class=\"zmart-action-btn btn-service\" onclick=\"openModal('marketModal')\">\ud83d\uded2 Hypermarket<\/button>\r\n <button class=\"zmart-action-btn btn-service\" onclick=\"openModal('liquidityModal')\">\ud83e\udd69 Fresh Deli<\/button>\r\n <button class=\"zmart-action-btn btn-service\" onclick=\"openModal('techModal')\">\ud83d\udcca Smart Cart<\/button>\r\n <\/div>\r\n <\/section>\r\n <div id=\"aboutModal\" class=\"zmart-modal\" onclick=\"closeModalOnOutsideClick(event, 'aboutModal')\">\r\n <div class=\"modal-comic-box box-wide\">\r\n <div class=\"modal-close-btn\" onclick=\"closeModal('aboutModal')\">X<\/div>\r\n <div class=\"modal-header\">Corporate History<\/div>\r\n <div class=\"modal-body\">\r\n Founded by the relentless spirit of degens who were completely fed up with grocery inflation, ZMART stands as the ultimate corporate retail replica in the crypto space. Heavily inspired by the monumental history of Walmart\u2014which was founded by Sam Walton in 1962 and grew into the world's largest retail company by revenue\u2014ZMART ($MART) is its digital Web3 evolution.<br><br>\r\n We operate thousands of \"virtual shelves\" stocked with high-liquidity coins, fresh produce straight out of yield farming, and completely rug-pull-proof shopping carts. We cater to millions of holders who want to grab their daily essentials while keeping a close eye on the 1-minute candle charts.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"marketModal\" class=\"zmart-modal\" onclick=\"closeModalOnOutsideClick(event, 'marketModal')\">\r\n <div class=\"modal-comic-box\">\r\n <div class=\"modal-close-btn\" onclick=\"closeModal('marketModal')\">X<\/div>\r\n <div class=\"modal-header\">\ud83d\uded2 Web3 Hypermarket<\/div>\r\n <div class=\"modal-body\">\r\n Your shopping cart automatically connects to your Web3 wallet. Want to buy organic carrots or the latest trending hype token? You can check them all out simultaneously at our decentralized cash register.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"liquidityModal\" class=\"zmart-modal\" onclick=\"closeModalOnOutsideClick(event, 'liquidityModal')\">\r\n <div class=\"modal-comic-box\">\r\n <div class=\"modal-close-btn\" onclick=\"closeModal('liquidityModal')\">X<\/div>\r\n <div class=\"modal-header\">\ud83e\udd69 Deli & Fresh Liquidity<\/div>\r\n <div class=\"modal-body\">\r\n Freshly cut meats, pure organic fruit juices, and tokens hot out of the oven. All liquidity pools are sourced straight from trusted and completely verified smart contracts to ensure safe shopping.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"techModal\" class=\"zmart-modal\" onclick=\"closeModalOnOutsideClick(event, 'techModal')\">\r\n <div class=\"modal-comic-box\">\r\n <div class=\"modal-close-btn\" onclick=\"closeModal('techModal')\">X<\/div>\r\n <div class=\"modal-header\">\ud83d\udcca Smart Cart Tech<\/div>\r\n <div class=\"modal-body\">\r\n Every single shopping cart in our store is fully equipped with a real-time price tracker screen. This ensures you never miss a massive token breakout or a sudden pump while waiting in the checkout line.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n <script>\r\n function openModal(modalId) {\r\n document.getElementById(modalId).style.display = 'flex';\r\n document.body.style.overflow = 'hidden'; \r\n }\r\n\r\n function closeModal(modalId) {\r\n document.getElementById(modalId).style.display = 'none';\r\n document.body.style.overflow = 'auto'; \r\n }\r\n\r\n function closeModalOnOutsideClick(event, modalId) {\r\n if (event.target.id === modalId) {\r\n closeModal(modalId);\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ZMART Navigation Bar – Premium 2D Cartoon Fixed Mobile Twitter Telegram Live Chart Swap Now ZMART Hero Section – Super Slim Custom Typography Save Money.Live Better.Ape Harder. Welcome to ZMART ($MART), the largest hyper-decentralized supermarket chain in the meme world. Inspired by the world’s retail giants, we are bringing the everyday grocery shopping experience straight […]<\/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:\/\/zmart.lol\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zmart.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zmart.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zmart.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zmart.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":37,"href":"https:\/\/zmart.lol\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":59,"href":"https:\/\/zmart.lol\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/59"}],"wp:attachment":[{"href":"https:\/\/zmart.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n \r\n \r\n ZMART Navigation Bar - Premium 2D Cartoon Fixed Mobile<\/title>\r\n <style>\r\n \/* --- IMPORT GOOGLE FONTS --- *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Skranji:wght@400;700&display=swap');\r\n\r\n \/* --- RESET & BASE STYLES --- *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n body {\r\n background-color: #002244; \r\n }\r\n\r\n \/* --- NAVBAR STYLES (DESKTOP DEFAULT) --- *\/\r\n .zmart-navbar {\r\n background-color: #004b87;\r\n width: 100%;\r\n padding: 0 16px; \r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 1000;\r\n gap: 12px;\r\n height: 54px; \/* Sedikit disesuaikan agar terasa kokoh *\/\r\n \r\n border-bottom: 3.5px solid #000000;\r\n box-shadow: 0 5px 0px rgba(0, 0, 0, 0.25);\r\n }\r\n\r\n \/* Container Logo *\/\r\n .nav-logo-container {\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-start; \r\n flex-shrink: 0;\r\n width: 110px; \r\n height: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n .nav-logo {\r\n max-height: 30px; \r\n width: 100%; \r\n object-fit: contain;\r\n filter: drop-shadow(2px 2px 0px #000000);\r\n }\r\n\r\n \/* Container Tombol *\/\r\n .nav-actions-container {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px; \r\n flex-wrap: nowrap;\r\n justify-content: flex-end;\r\n height: 100%;\r\n }\r\n\r\n \/* Gaya Tombol Komik Kartun - Font Skranji *\/\r\n .nav-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 6px 14px; \r\n border-radius: 6px;\r\n font-size: 12px; \r\n font-family: 'Skranji', system-ui, -apple-system, sans-serif;\r\n text-transform: uppercase; \r\n text-decoration: none;\r\n font-weight: 700; \r\n flex-shrink: 0;\r\n \r\n border: 2.5px solid #000000; \r\n transition: transform 0.1s ease, box-shadow 0.1s ease;\r\n white-space: nowrap; \r\n }\r\n\r\n \/* Tombol Outline *\/\r\n .btn-outline {\r\n color: #ffffff;\r\n background-color: #0066b2; \r\n box-shadow: 0 3px 0px #000000;\r\n }\r\n\r\n .btn-outline:hover {\r\n background-color: #0077cc;\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 0px #000000;\r\n }\r\n\r\n .btn-outline:active {\r\n transform: translateY(2px);\r\n box-shadow: 0 1px 0px #000000;\r\n }\r\n\r\n \/* Tombol Swap Now *\/\r\n .btn-swap {\r\n background-color: #ffc220; \r\n color: #000000; \r\n box-shadow: 0 3px 0px #000000;\r\n }\r\n\r\n .btn-swap:hover {\r\n background-color: #ffe033;\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 0px #000000;\r\n }\r\n\r\n .btn-swap:active {\r\n transform: translateY(2px);\r\n box-shadow: 0 1px 0px #000000;\r\n }\r\n\r\n \/* --- RESPONSIVE MOBILE SIZING (ANTI-MELUBER KOTAK TOTAL) --- *\/\r\n @media (max-width: 650px) {\r\n .zmart-navbar {\r\n padding: 8px 12px; \r\n gap: 8px;\r\n height: auto; \/* Membiarkan navbar membesar vertikal secara rapi *\/\r\n flex-direction: column; \/* Baris 1: Logo, Baris 2: Tombol-tombol *\/\r\n align-items: stretch; \/* Memaksa konten melebar seimbang *\/\r\n border-bottom: 3px solid #000000;\r\n }\r\n\r\n .nav-logo-container {\r\n width: auto;\r\n height: 24px;\r\n justify-content: center; \/* Logo diposisikan di tengah atas agar simetris *\/\r\n margin-bottom: 6px;\r\n }\r\n\r\n .nav-logo {\r\n max-height: 22px; \r\n }\r\n\r\n .nav-actions-container {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr); \/* Twitter, Telegram, Live Chart berbagi ruang sama rata *\/\r\n gap: 6px;\r\n width: 100%;\r\n height: auto;\r\n padding-bottom: 2px;\r\n }\r\n\r\n .nav-btn {\r\n padding: 6px 4px;\r\n font-size: 11px;\r\n border: 2px solid #000000;\r\n box-shadow: 0 2.5px 0px #000000;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n \/* Memaksa tombol Swap Now memotong layout di bawah dan mengambil baris penuh sendirian *\/\r\n .btn-swap {\r\n grid-column: span 3; \/* Melebar dari ujung kiri ke ujung kanan *\/\r\n margin-top: 2px;\r\n padding: 8px 4px; \/* Dibuat sedikit lebih tebal sebagai tombol utama *\/\r\n }\r\n \r\n .nav-btn:hover {\r\n transform: none; \/* Matikan efek hover translate di mobile agar tidak merusak tap layar sentuh *\/\r\n box-shadow: 0 2.5px 0px #000000;\r\n }\r\n\r\n .nav-btn:active {\r\n transform: translateY(1px);\r\n box-shadow: 0 1.5px 0px #000000;\r\n }\r\n }\r\n\r\n \/* Pembatas atas halaman disesuaikan karena tinggi navbar mobile bertambah *\/\r\n .page-content {\r\n margin-top: 75px; \r\n }\r\n\r\n @media (max-width: 650px) {\r\n .page-content {\r\n margin-top: 120px; \/* Jarak lebih renggang di mobile agar konten hero tidak tertutup *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <nav class=\"zmart-navbar\">\r\n \r\n <div class=\"nav-logo-container\">\r\n <img decoding=\"async\" class=\"nav-logo\" src=\"https:\/\/zmart.lol\/wp-content\/uploads\/2026\/06\/icon-logo1.png\" alt=\"ZMART Logo\">\r\n <\/div>\r\n\r\n \r\n <div class=\"nav-actions-container\">\r\n <a href=\"https:\/\/x.com\/zmart_shop\" class=\"nav-btn btn-outline\" target=\"_blank\">Twitter<\/a>\r\n <a href=\"https:\/\/t.me\/zmart_shop\" class=\"nav-btn btn-outline\" target=\"_blank\">Telegram<\/a>\r\n <a href=\"https:\/\/dexscreener.com\/solana\/HU7FotjNBiLPQvCiye3W147oX7qS9qrpdU3iY617pump\" class=\"nav-btn btn-outline\" target=\"_blank\">Live Chart<\/a>\r\n <a href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=HU7FotjNBiLPQvCiye3W147oX7qS9qrpdU3iY617pump\" class=\"nav-btn btn-swap\">Swap Now<\/a>\r\n <\/div>\r\n <\/nav>\r\n \r\n\r\n <div class=\"page-content\"><\/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-784fede e-con-full e-flex e-con e-child\" data-id=\"784fede\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0d5a49 elementor-widget elementor-widget-html\" data-id=\"e0d5a49\" 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>ZMART Hero Section - Super Slim Custom Typography<\/title>\r\n <style>\r\n \/* --- IMPORT GOOGLE FONTS --- *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Skranji:wght@400;700&family=Slackside+One&display=swap');\r\n\r\n \/* --- RESET & BASE STYLES --- *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* --- HERO SECTION STYLES (SLIM & TRANSPARENT) --- *\/\r\n .zmart-hero {\r\n position: relative;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 40px 16px; \/* Padding dipangkas tipis agar super slim *\/\r\n overflow: hidden;\r\n background: transparent; \/* Transparan total mengikuti bawaan WordPress *\/\r\n }\r\n\r\n \/* Pembungkus Konten Utama *\/\r\n .hero-container {\r\n max-width: 800px;\r\n width: 100%;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 10;\r\n }\r\n\r\n \/* Judul Utama - FONT SKRANJI (Slimmer Margin) *\/\r\n .hero-title {\r\n font-family: 'Skranji', system-ui, -apple-system, sans-serif;\r\n font-size: 52px; \/* Ukuran disesuaikan agar lebih proporsional & flat *\/\r\n font-weight: 700;\r\n color: #ffffff;\r\n text-transform: uppercase;\r\n line-height: 1.05;\r\n margin-bottom: 16px; \/* Jarak dipersempit *\/\r\n \r\n \/* Efek Kartun Komik Premium *\/\r\n -webkit-text-stroke: 2.5px #000000;\r\n text-shadow: 0 5px 0px #000000;\r\n }\r\n\r\n \/* Deskripsi Sub-judul - FONT SLACKSIDE ONE (Slimmer Layout) *\/\r\n .hero-subtitle {\r\n font-family: 'Slackside One', cursive, sans-serif;\r\n font-size: 28px;\r\n color: #e0f0ff;\r\n line-height: 1.2;\r\n max-width: 680px;\r\n margin-bottom: 20px; \/* Jarak dipersempit *\/\r\n }\r\n\r\n \/* Highlight Brand\/Ticker *\/\r\n .hero-highlight {\r\n color: #ffc220; \r\n font-family: 'Skranji', sans-serif;\r\n font-size: 26px;\r\n -webkit-text-stroke: 1px #000000;\r\n }\r\n\r\n \/* --- CONTRACT ADDRESS (CA) BOX (SLIM VERSION) --- *\/\r\n .ca-container {\r\n display: flex;\r\n align-items: center;\r\n background-color: rgba(0, 23, 44, 0.6); \/* Transparan gelap agar nge-blend dengan tema WP *\/\r\n border: 2px solid #000000; \/* Border ditipiskan *\/\r\n border-radius: 8px;\r\n padding: 6px 12px; \/* Padding diperketat *\/\r\n margin-bottom: 24px; \/* Jarak dipersempit *\/\r\n max-width: 440px;\r\n width: 100%;\r\n justify-content: space-between;\r\n box-shadow: 0 3px 0px #000000;\r\n }\r\n\r\n .ca-label {\r\n font-family: 'Skranji', sans-serif; \/* Disesuaikan ke Skranji *\/\r\n font-size: 11px;\r\n color: #ffc220;\r\n text-transform: uppercase;\r\n margin-right: 10px;\r\n white-space: nowrap;\r\n }\r\n\r\n .ca-text {\r\n font-family: 'Courier New', Courier, monospace;\r\n font-size: 13px;\r\n color: #ffffff;\r\n font-weight: bold;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n user-select: all;\r\n text-align: left;\r\n width: 100%;\r\n }\r\n\r\n .ca-copy-btn {\r\n background-color: #ffc220;\r\n border: 2px solid #000000;\r\n border-radius: 5px;\r\n color: #000000;\r\n font-family: 'Skranji', sans-serif; \/* Disesuaikan ke Skranji *\/\r\n font-size: 11px;\r\n text-transform: uppercase;\r\n padding: 4px 10px;\r\n cursor: pointer;\r\n margin-left: 10px;\r\n box-shadow: 0 2px 0px #000000;\r\n transition: all 0.1s ease;\r\n }\r\n\r\n .ca-copy-btn:hover {\r\n background-color: #ffe033;\r\n }\r\n\r\n .ca-copy-btn:active {\r\n transform: translateY(1.5px);\r\n box-shadow: 0 0.5px 0px #000000;\r\n }\r\n\r\n \/* Container Tombol Aksi *\/\r\n .hero-btn-group {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px; \/* Jarak tombol lebih rapat *\/\r\n flex-wrap: wrap;\r\n width: 100%;\r\n }\r\n\r\n \/* Gaya Tombol Hero - DISESUAIKAN KE FONT SKRANJI & SLIM *\/\r\n .hero-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px 24px; \/* Dibuat jauh lebih slim *\/\r\n border-radius: 10px;\r\n font-size: 15px; \/* Sedikit dikecilkan agar seimbang *\/\r\n font-family: 'Skranji', system-ui, sans-serif; \/* Tombol murni font Skranji *\/\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n font-weight: 700;\r\n border: 2px solid #000000; \/* Border ditipiskan *\/\r\n transition: transform 0.1s ease, box-shadow 0.1s ease;\r\n white-space: nowrap;\r\n }\r\n\r\n \/* Tombol Swap Now *\/\r\n .btn-hero-swap {\r\n background-color: #ffc220;\r\n color: #000000;\r\n box-shadow: 0 4px 0px #000000;\r\n }\r\n\r\n .btn-hero-swap:hover {\r\n background-color: #ffe033;\r\n transform: translateY(-1px);\r\n box-shadow: 0 5px 0px #000000;\r\n }\r\n\r\n .btn-hero-swap:active {\r\n transform: translateY(1.5px);\r\n box-shadow: 0 2.5px 0px #000000;\r\n }\r\n\r\n \/* Tombol Live Chart *\/\r\n .btn-hero-chart {\r\n background-color: #0066b2;\r\n color: #ffffff;\r\n box-shadow: 0 4px 0px #000000;\r\n }\r\n\r\n .btn-hero-chart:hover {\r\n background-color: #0077cc;\r\n transform: translateY(-1px);\r\n box-shadow: 0 5px 0px #000000;\r\n }\r\n\r\n .btn-hero-chart:active {\r\n transform: translateY(1.5px);\r\n box-shadow: 0 2.5px 0px #000000;\r\n }\r\n\r\n \/* --- RESPONSIVE MOBILE SIZING --- *\/\r\n @media (max-width: 768px) {\r\n .zmart-hero {\r\n padding: 30px 12px;\r\n }\r\n\r\n .hero-title {\r\n font-size: 34px;\r\n -webkit-text-stroke: 2px #000000;\r\n text-shadow: 0 3.5px 0px #000000;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 24px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .ca-container {\r\n margin-bottom: 24px;\r\n padding: 5px 10px;\r\n }\r\n\r\n .ca-text {\r\n font-size: 11px;\r\n }\r\n\r\n .hero-btn-group {\r\n gap: 10px;\r\n flex-direction: column;\r\n }\r\n\r\n .hero-btn {\r\n width: 100%;\r\n max-width: 250px;\r\n padding: 10px 20px;\r\n font-size: 14px;\r\n box-shadow: 0 3.5px 0px #000000;\r\n }\r\n \r\n .hero-btn:hover {\r\n transform: translateY(-1px);\r\n box-shadow: 0 4.5px 0px #000000;\r\n }\r\n\r\n .hero-btn:active {\r\n transform: translateY(1px);\r\n box-shadow: 0 2.5px 0px #000000;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"zmart-hero\">\r\n <div class=\"hero-container\">\r\n \r\n <h1 class=\"hero-title\">Save Money.<br>Live Better.<br>Ape Harder.<\/h1>\r\n \r\n \r\n <p class=\"hero-subtitle\">\r\n Welcome to <span class=\"hero-highlight\">ZMART ($MART)<\/span>, the largest hyper-decentralized supermarket chain in the meme world. Inspired by the world's retail giants, we are bringing the everyday grocery shopping experience straight to the fastest blockchain network.\r\n <\/p>\r\n \r\n \r\n <div class=\"ca-container\">\r\n <span class=\"ca-label\">CA:<\/span>\r\n <span class=\"ca-text\" id=\"tokenAddress\">HU7FotjNBiLPQvCiye3W147oX7qS9qrpdU3iY617pump<\/span>\r\n <button class=\"ca-copy-btn\" id=\"copyButton\" onclick=\"copyContractAddress()\">Copy<\/button>\r\n <\/div>\r\n \r\n \r\n <div class=\"hero-btn-group\">\r\n <a href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=HU7FotjNBiLPQvCiye3W147oX7qS9qrpdU3iY617pump\" class=\"hero-btn btn-hero-swap\">Swap Now<\/a>\r\n <a href=\"https:\/\/dexscreener.com\/solana\/HU7FotjNBiLPQvCiye3W147oX7qS9qrpdU3iY617pump\" class=\"hero-btn btn-hero-chart\" target=\"_blank\">Live Chart<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n\r\n \r\n <script>\r\n function copyContractAddress() {\r\n const addressText = document.getElementById(\"HU7FotjNBiLPQvCiye3W147oX7qS9qrpdU3iY617pump\").innerText;\r\n const copyBtn = document.getElementById(\"copyButton\");\r\n\r\n navigator.clipboard.writeText(addressText).then(() => {\r\n copyBtn.innerText = \"Copied!\";\r\n copyBtn.style.backgroundColor = \"#28a745\"; \r\n copyBtn.style.color = \"#ffffff\";\r\n\r\n setTimeout(() => {\r\n copyBtn.innerText = \"Copy\";\r\n copyBtn.style.backgroundColor = \"#ffc220\";\r\n copyBtn.style.color = \"#000000\";\r\n }, 2000);\r\n }).catch(err => {\r\n console.error(\"Gagal menyalin text: \", 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-827ee3e e-flex e-con-boxed e-con e-parent\" data-id=\"827ee3e\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7869df0 e-con-full e-flex e-con e-child\" data-id=\"7869df0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1153232 elementor-widget elementor-widget-html\" data-id=\"1153232\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"zmart-ticker-wrap\">\r\n <div class=\"zmart-ticker\">\r\n <span class=\"ticker-item\">\ud83d\uded2 WELCOME TO ZMART! \u2022 SAVE MONEY. LIVE BETTER. APE HARDER! \u2022 SWAP $MART NOW \u2022 REVOLUTIONIZING WEB3 RETAIL \u2022 \ud83e\udd69 FRESH LIQUIDITY DAILY \u2022 \ud83d\udcca CHECK THE LIVE CHART \ud83d\uded2<\/span>\r\n <span class=\"ticker-item\" aria-hidden=\"true\">\ud83d\uded2 WELCOME TO ZMART! \u2022 SAVE MONEY. LIVE BETTER. APE HARDER! \u2022 SWAP $MART NOW \u2022 REVOLUTIONIZING WEB3 RETAIL \u2022 \ud83e\udd69 FRESH LIQUIDITY DAILY \u2022 \ud83d\udcca CHECK THE LIVE CHART \ud83d\uded2<\/span>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Pembungkus utama: Full lebar layar, tanpa background, tanpa garis *\/\r\n.zmart-ticker-wrap {\r\n width: 100vw;\r\n position: relative;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n overflow: hidden;\r\n background: transparent; \/* Tanpa background *\/\r\n padding: 10px 0;\r\n}\r\n\r\n\/* Container animasi flex horizontal *\/\r\n.zmart-ticker {\r\n display: flex;\r\n width: max-content;\r\n animation: smoothTicker 20s linear infinite; \/* Jalur lari meluncur tanpa henti *\/\r\n}\r\n\r\n\/* Desain teks disesuaikan dengan tema Hero Anda *\/\r\n.ticker-item {\r\n font-family: 'Skranji', sans-serif;\r\n font-size: 18px;\r\n font-weight: bold;\r\n color: #ffc220; \/* Warna kuning murni *\/\r\n text-transform: uppercase;\r\n white-space: nowrap;\r\n padding-right: 50px; \/* Jarak pas saat teks berulang menyambung *\/\r\n -webkit-text-stroke: 0.5px #000000;\r\n text-shadow: 1px 1px 0px #000000;\r\n}\r\n\r\n\/* Animasi CSS murni untuk geseran tak terbatas *\/\r\n@keyframes smoothTicker {\r\n 0% { transform: translate3d(0, 0, 0); }\r\n 100% { transform: translate3d(-50%, 0, 0); }\r\n}\r\n<\/style>\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-1ec0a8b e-flex e-con-boxed e-con e-parent\" data-id=\"1ec0a8b\" data-element_type=\"container\" data-settings=\"{"background_background":"video","background_video_link":"https:\\\/\\\/zmart.lol\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/HERO-ZMART3.mp4","background_play_on_mobile":"yes"}\">\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-2a3d3cd e-con-full e-flex e-con e-child\" data-id=\"2a3d3cd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6abab8 elementor-widget elementor-widget-html\" data-id=\"e6abab8\" 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>ZMART - Interactive About & Services<\/title>\r\n <style>\r\n \/* --- IMPORT GOOGLE FONTS --- *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Skranji:wght@400;700&family=Slackside+One&display=swap');\r\n\r\n \/* --- RESET & BASE STYLES --- *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n body {\r\n background-color: #002244; \r\n color: #ffffff;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* --- UTILITY CLASSES FOR 2D CARTOON --- *\/\r\n .comic-title {\r\n font-family: 'Skranji', sans-serif;\r\n font-size: 42px;\r\n color: #ffffff;\r\n text-transform: uppercase;\r\n text-align: center;\r\n line-height: 1.1;\r\n margin-bottom: 24px;\r\n -webkit-text-stroke: 2.5px #000000;\r\n text-shadow: 0 5px 0px #000000;\r\n }\r\n\r\n \/* --- GAYA BUTTON INTERAKTIF PREMIUM --- *\/\r\n .zmart-action-btn {\r\n font-family: 'Skranji', sans-serif;\r\n font-size: 16px;\r\n color: #000000;\r\n background-color: #ffc220; \r\n text-transform: uppercase;\r\n text-decoration: none;\r\n padding: 12px 28px;\r\n border: 2.5px solid #000000;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 0px #000000;\r\n cursor: pointer;\r\n transition: transform 0.1s ease, box-shadow 0.1s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .zmart-action-btn:hover {\r\n background-color: #ffe033;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 0px #000000;\r\n }\r\n\r\n .zmart-action-btn:active {\r\n transform: translateY(2px);\r\n box-shadow: 0 2px 0px #000000;\r\n }\r\n\r\n \/* --- 1. ABOUT ZMART SECTION (COMPACT) --- *\/\r\n .zmart-about {\r\n width: 100%;\r\n padding: 50px 20px;\r\n background: transparent;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .about-container {\r\n max-width: 900px;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n gap: 20px;\r\n }\r\n\r\n .about-preview-box {\r\n background-color: rgba(0, 23, 44, 0.6);\r\n border: 2.5px solid #000000;\r\n border-radius: 12px;\r\n padding: 16px 24px;\r\n box-shadow: 0 4px 0px #000000;\r\n max-width: 600px;\r\n }\r\n\r\n .about-brief-text {\r\n font-family: 'Skranji', sans-serif; \r\n font-size: 20px;\r\n color: #e0f0ff;\r\n line-height: 1.4;\r\n }\r\n\r\n \/* --- 2. KEY FEATURES \/ SERVICES SECTION --- *\/\r\n .zmart-features {\r\n width: 100%;\r\n padding: 40px 20px 60px 20px;\r\n background: transparent;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .features-menu-grid {\r\n max-width: 800px;\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr); \r\n gap: 16px;\r\n }\r\n\r\n .btn-service {\r\n background-color: #0066b2; \r\n color: #ffffff;\r\n }\r\n\r\n .btn-service:hover {\r\n background-color: #0077cc;\r\n }\r\n\r\n \/* --- 3. POP-UP MODAL EFFECT STYLES (2D CARTOON WINDOW) --- *\/\r\n .zmart-modal {\r\n display: none; \r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 15, 30, 0.85); \r\n z-index: 2000;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n }\r\n\r\n .modal-comic-box {\r\n background-color: #003366; \r\n border: 3.5px solid #000000;\r\n border-radius: 16px;\r\n max-width: 550px; \/* Ukuran standar untuk popup pendek *\/\r\n width: 100%;\r\n padding: 28px;\r\n box-shadow: 0 8px 0px #000000;\r\n position: relative;\r\n text-align: left;\r\n animation: popIn 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\r\n }\r\n\r\n \/* PERBAIKAN: Melebarkan khusus popup deskripsi About agar teks menyebar horizontal *\/\r\n .modal-comic-box.box-wide {\r\n max-width: 850px; \r\n width: 90%; \r\n }\r\n\r\n @keyframes popIn {\r\n 0% { transform: scale(0.85); opacity: 0; }\r\n 100% { transform: scale(1); opacity: 1; }\r\n }\r\n\r\n .modal-close-btn {\r\n position: absolute;\r\n top: -15px;\r\n right: -15px;\r\n width: 36px;\r\n height: 36px;\r\n background-color: #ff4444;\r\n color: #ffffff;\r\n border: 2.5px solid #000000;\r\n border-radius: 50%;\r\n font-family: 'Impact', sans-serif;\r\n font-size: 18px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n box-shadow: 0 3px 0px #000000;\r\n transition: all 0.1s ease;\r\n }\r\n\r\n .modal-close-btn:hover {\r\n background-color: #ff6666;\r\n transform: scale(1.05);\r\n }\r\n\r\n .modal-close-btn:active {\r\n transform: translateY(2px);\r\n box-shadow: 0 1px 0px #000000;\r\n }\r\n\r\n .modal-header {\r\n font-family: 'Skranji', sans-serif;\r\n font-size: 24px;\r\n color: #ffc220;\r\n text-transform: uppercase;\r\n margin-bottom: 14px;\r\n -webkit-text-stroke: 1px #000000;\r\n text-shadow: 0 2px 0px #000000;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .modal-body {\r\n font-family: 'Slackside One', cursive, sans-serif;\r\n font-size: 28px;\r\n color: #e0f0ff;\r\n line-height: 1.2;\r\n text-align: justify; \/* Meratakan paragraf horizontal agar rapi saat melebar *\/\r\n }\r\n\r\n \/* --- RESPONSIVE SIZING --- *\/\r\n @media (max-width: 650px) {\r\n .comic-title {\r\n font-size: 32px;\r\n -webkit-text-stroke: 2px #000000;\r\n text-shadow: 0 3.5px 0px #000000;\r\n }\r\n\r\n .about-brief-text {\r\n font-size: 16px;\r\n }\r\n\r\n .features-menu-grid {\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n width: 100%;\r\n max-width: 280px;\r\n }\r\n\r\n .zmart-action-btn {\r\n padding: 10px 20px;\r\n font-size: 14px;\r\n }\r\n\r\n .modal-comic-box {\r\n padding: 20px;\r\n }\r\n\r\n .modal-comic-box.box-wide {\r\n width: 95%; \/* Memaksimalkan area baca di layar smartphone pintar *\/\r\n }\r\n\r\n .modal-header {\r\n font-size: 20px;\r\n }\r\n\r\n .modal-body {\r\n font-size: 23px;\r\n text-align: left; \/* Mengembalikan ke rata kiri di mobile agar spasi kata tidak terlalu renggang *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"zmart-about\">\r\n <div class=\"about-container\">\r\n <h2 class=\"comic-title\">About ZMART<\/h2>\r\n <div class=\"about-preview-box\">\r\n <p class=\"about-brief-text\">\r\n ZMART ($MART) is the ultimate digital Web3 supermarket evolution born out of the relentless degen spirit.\r\n <\/p>\r\n <\/div>\r\n <button class=\"zmart-action-btn\" onclick=\"openModal('aboutModal')\">Read Corporate History<\/button>\r\n <\/div>\r\n <\/section>\r\n <section class=\"zmart-features\">\r\n <h2 class=\"comic-title\">Our Premier Services<\/h2>\r\n \r\n <div class=\"features-menu-grid\">\r\n <button class=\"zmart-action-btn btn-service\" onclick=\"openModal('marketModal')\">\ud83d\uded2 Hypermarket<\/button>\r\n <button class=\"zmart-action-btn btn-service\" onclick=\"openModal('liquidityModal')\">\ud83e\udd69 Fresh Deli<\/button>\r\n <button class=\"zmart-action-btn btn-service\" onclick=\"openModal('techModal')\">\ud83d\udcca Smart Cart<\/button>\r\n <\/div>\r\n <\/section>\r\n <div id=\"aboutModal\" class=\"zmart-modal\" onclick=\"closeModalOnOutsideClick(event, 'aboutModal')\">\r\n <div class=\"modal-comic-box box-wide\">\r\n <div class=\"modal-close-btn\" onclick=\"closeModal('aboutModal')\">X<\/div>\r\n <div class=\"modal-header\">Corporate History<\/div>\r\n <div class=\"modal-body\">\r\n Founded by the relentless spirit of degens who were completely fed up with grocery inflation, ZMART stands as the ultimate corporate retail replica in the crypto space. Heavily inspired by the monumental history of Walmart\u2014which was founded by Sam Walton in 1962 and grew into the world's largest retail company by revenue\u2014ZMART ($MART) is its digital Web3 evolution.<br><br>\r\n We operate thousands of \"virtual shelves\" stocked with high-liquidity coins, fresh produce straight out of yield farming, and completely rug-pull-proof shopping carts. We cater to millions of holders who want to grab their daily essentials while keeping a close eye on the 1-minute candle charts.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"marketModal\" class=\"zmart-modal\" onclick=\"closeModalOnOutsideClick(event, 'marketModal')\">\r\n <div class=\"modal-comic-box\">\r\n <div class=\"modal-close-btn\" onclick=\"closeModal('marketModal')\">X<\/div>\r\n <div class=\"modal-header\">\ud83d\uded2 Web3 Hypermarket<\/div>\r\n <div class=\"modal-body\">\r\n Your shopping cart automatically connects to your Web3 wallet. Want to buy organic carrots or the latest trending hype token? You can check them all out simultaneously at our decentralized cash register.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"liquidityModal\" class=\"zmart-modal\" onclick=\"closeModalOnOutsideClick(event, 'liquidityModal')\">\r\n <div class=\"modal-comic-box\">\r\n <div class=\"modal-close-btn\" onclick=\"closeModal('liquidityModal')\">X<\/div>\r\n <div class=\"modal-header\">\ud83e\udd69 Deli & Fresh Liquidity<\/div>\r\n <div class=\"modal-body\">\r\n Freshly cut meats, pure organic fruit juices, and tokens hot out of the oven. All liquidity pools are sourced straight from trusted and completely verified smart contracts to ensure safe shopping.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"techModal\" class=\"zmart-modal\" onclick=\"closeModalOnOutsideClick(event, 'techModal')\">\r\n <div class=\"modal-comic-box\">\r\n <div class=\"modal-close-btn\" onclick=\"closeModal('techModal')\">X<\/div>\r\n <div class=\"modal-header\">\ud83d\udcca Smart Cart Tech<\/div>\r\n <div class=\"modal-body\">\r\n Every single shopping cart in our store is fully equipped with a real-time price tracker screen. This ensures you never miss a massive token breakout or a sudden pump while waiting in the checkout line.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n <script>\r\n function openModal(modalId) {\r\n document.getElementById(modalId).style.display = 'flex';\r\n document.body.style.overflow = 'hidden'; \r\n }\r\n\r\n function closeModal(modalId) {\r\n document.getElementById(modalId).style.display = 'none';\r\n document.body.style.overflow = 'auto'; \r\n }\r\n\r\n function closeModalOnOutsideClick(event, modalId) {\r\n if (event.target.id === modalId) {\r\n closeModal(modalId);\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ZMART Navigation Bar – Premium 2D Cartoon Fixed Mobile Twitter Telegram Live Chart Swap Now ZMART Hero Section – Super Slim Custom Typography Save Money.Live Better.Ape Harder. Welcome to ZMART ($MART), the largest hyper-decentralized supermarket chain in the meme world. Inspired by the world’s retail giants, we are bringing the everyday grocery shopping experience straight […]<\/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:\/\/zmart.lol\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zmart.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zmart.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zmart.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zmart.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":37,"href":"https:\/\/zmart.lol\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":59,"href":"https:\/\/zmart.lol\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/59"}],"wp:attachment":[{"href":"https:\/\/zmart.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}