Memeland - Just Memes & Good Energy<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarina&family=Jua&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sarina: [\"'Sarina'\", \"cursive\"],\r\n jua: [\"'Jua'\", \"sans-serif\"],\r\n },\r\n colors: {\r\n themeYellow: '#FFD700',\r\n themeOrange: '#FF6B6B',\r\n themeTeal: '#4ECDC4',\r\n themeDark: '#111111',\r\n },\r\n animation: {\r\n 'bounce-slow': 'bounce 3s infinite',\r\n 'pulse-slow': 'pulse 2.5s infinite',\r\n 'float': 'float 4s ease-in-out infinite',\r\n 'marquee': 'marquee 25s linear infinite',\r\n },\r\n keyframes: {\r\n float: {\r\n '0%, 100%': { transform: 'translateY(0px)' },\r\n '50%': { transform: 'translateY(-10px)' },\r\n },\r\n marquee: {\r\n '0%': { transform: 'translateX(0%)' },\r\n '100%': { transform: 'translateX(-50%)' },\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n \/* Custom Ticket Styles *\/\r\n .ticket-container {\r\n position: relative;\r\n background: rgba(255, 255, 255, 0.08);\r\n backdrop-filter: blur(16px);\r\n -webkit-backdrop-filter: blur(16px);\r\n border: 3px solid rgba(255, 255, 255, 0.2);\r\n border-radius: 24px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n \/* Ticket Cutouts *\/\r\n .ticket-cutout-left, .ticket-cutout-right {\r\n position: absolute;\r\n width: 32px;\r\n height: 32px;\r\n background: #111; \/* fallback matches bg video *\/\r\n border-radius: 50%;\r\n z-index: 10;\r\n }\r\n .ticket-cutout-left {\r\n left: -16px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n box-shadow: inset -4px 0 8px rgba(0, 0, 0, 0.5), 3px 0 0 rgba(255, 255, 255, 0.2);\r\n }\r\n .ticket-cutout-right {\r\n right: -16px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n box-shadow: inset 4px 0 8px rgba(0, 0, 0, 0.5), -3px 0 0 rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n \/* Custom scrollbar for modals *\/\r\n ::-webkit-scrollbar {\r\n width: 8px;\r\n }\r\n ::-webkit-scrollbar-track {\r\n background: rgba(255, 255, 255, 0.05);\r\n border-radius: 10px;\r\n }\r\n ::-webkit-scrollbar-thumb {\r\n background: #FFD700;\r\n border-radius: 10px;\r\n }\r\n\r\n \/* Animation classes *\/\r\n .glow-yellow:hover {\r\n box-shadow: 0 0 20px rgba(255, 215, 0, 0.6);\r\n }\r\n .glow-teal:hover {\r\n box-shadow: 0 0 20px rgba(78, 205, 196, 0.6);\r\n }\r\n .glow-orange:hover {\r\n box-shadow: 0 0 20px rgba(255, 107, 107, 0.6);\r\n }\r\n\r\n \/* Barcode generator using CSS *\/\r\n .barcode {\r\n display: flex;\r\n height: 50px;\r\n align-items: stretch;\r\n }\r\n .barcode div {\r\n background-color: white;\r\n margin-right: 2px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-black text-white font-jua select-none overflow-hidden h-screen w-full relative\">\r\n\r\n <div id=\"loading-screen\" data-testid=\"loading-screen\" class=\"fixed inset-0 z-50 flex flex-col justify-between items-center p-8 bg-black transition-all duration-1000\">\r\n <video autoplay loop muted playsinline class=\"absolute inset-0 w-full h-full object-cover opacity-80 pointer-events-none -z-10\">\r\n <source src=\"https:\/\/memeisland.fun\/wp-content\/uploads\/2026\/06\/MEMELAND-LOADING-SCREEN.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <div class=\"absolute inset-0 bg-gradient-to-b from-black\/60 via-black\/40 to-black\/90 pointer-events-none -z-10\"><\/div>\r\n\r\n <div class=\"relative z-10 text-center mt-8\">\r\n <h1 class=\"font-sarina text-yellow-400 text-5xl md:text-7xl tracking-widest drop-shadow-[0_4px_10px_rgba(255,215,0,0.5)] animate-pulse\">\r\n memeland.\r\n <\/h1>\r\n <p class=\"font-jua text-gray-300 mt-2 text-lg md:text-xl tracking-wide uppercase\">\r\n first class internet culture boarding\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"relative z-10 w-full max-w-md bg-black\/60 backdrop-blur-md p-6 rounded-3xl border border-white\/10 mb-8 flex flex-col items-center\">\r\n <div id=\"progress-text\" class=\"text-yellow-400 font-jua text-lg mb-2\">CHARGING VIBES: 0%<\/div>\r\n <div class=\"w-full bg-white\/10 h-4 rounded-full overflow-hidden p-0.5 border border-white\/20\">\r\n <div id=\"progress-bar\" class=\"bg-gradient-to-r from-yellow-400 via-yellow-300 to-amber-500 h-full rounded-full w-0 transition-all duration-150 ease-out\"><\/div>\r\n <\/div>\r\n \r\n <button id=\"enter-button\" data-testid=\"enter-memeland-button\" class=\"hidden mt-4 px-8 py-3 bg-yellow-400 hover:bg-yellow-300 text-black font-sarina text-xl rounded-full transition-all duration-300 transform hover:scale-105 active:scale-95 border-2 border-white shadow-[0_0_25px_rgba(255,215,0,0.6)] font-bold cursor-pointer\">\r\n Claim Boarding Pass\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n <div id=\"main-content\" class=\"fixed inset-0 z-0 w-full h-full flex flex-col justify-between p-4 md:p-8 overflow-hidden opacity-0 scale-95 transition-all duration-1000\">\r\n \r\n <video autoplay loop muted playsinline class=\"absolute inset-0 w-full h-full object-cover pointer-events-none -z-10\">\r\n <source src=\"https:\/\/memeisland.fun\/wp-content\/uploads\/2026\/06\/MEMELAND-BG2.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <div class=\"absolute inset-0 bg-gradient-to-b from-black\/40 via-transparent to-black\/70 pointer-events-none -z-10\"><\/div>\r\n\r\n <nav data-testid=\"main-navbar\" class=\"relative z-20 w-full flex justify-between items-center py-2 px-4 md:px-6 bg-white\/10 backdrop-blur-md border border-white\/10 rounded-2xl md:rounded-full\">\r\n <div class=\"flex items-center space-x-2\">\r\n <span class=\"font-sarina text-2xl md:text-3xl text-yellow-400 tracking-wider hover:scale-105 transition-transform duration-300 cursor-pointer drop-shadow-[0_2px_8px_rgba(255,215,0,0.4)]\">\r\n $Memeland\r\n <\/span>\r\n <\/div>\r\n \r\n <div class=\"flex items-center space-x-2 md:space-x-4\">\r\n <a href=\"https:\/\/x.com\/visitmemeland\" target=\"_blank\" class=\"w-10 h-10 md:w-11 md:h-11 rounded-full bg-white\/10 hover:bg-white\/20 border border-white\/20 flex items-center justify-center transition-all duration-300 hover:scale-110 text-white\" title=\"X (Twitter)\">\r\n <svg class=\"w-5 h-5 fill-current\" viewBox=\"0 0 24 24\">\r\n <path d=\"M18.244 2.25h3.308l-7.227 7.56 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.085L1.254 2.25h6.81l4.7 6.222 5.48-6.222V2.25zM16.085 19.77h1.833L7.084 4.126H5.117L16.085 19.77z\"\/>\r\n <\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/t.me\/visitmemeland\" target=\"_blank\" class=\"w-10 h-10 md:w-11 md:h-11 rounded-full bg-[#229ED9]\/20 hover:bg-[#229ED9]\/40 border border-[#229ED9]\/30 flex items-center justify-center transition-all duration-300 hover:scale-110 text-white\" title=\"Telegram\">\r\n <svg class=\"w-5 h-5 fill-current pr-0.5\" viewBox=\"0 0 24 24\">\r\n <path d=\"M20.665 3.717l-17.73 6.837c-1.21.486-1.203 1.161-.222 1.462l4.552 1.42l10.532-6.645c.498-.303.953-.14.579.192l-8.533 7.701h-.002l.002.001l-.314 4.692c.46 0 .663-.211.921-.46l2.211-2.15l4.599 3.397c.848.467 1.457.227 1.668-.785l3.019-14.228c.309-1.239-.473-1.8-1.282-1.434z\"\/>\r\n <\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/dexscreener.com\/solana\/6oFTtmz3bHNijQBunBHSbxBMHhR12FjE6xqXd4kypump\" target=\"_blank\" class=\"w-10 h-10 md:w-11 md:h-11 rounded-full bg-[#4ECDC4]\/20 hover:bg-[#4ECDC4]\/40 border border-[#4ECDC4]\/30 flex items-center justify-center transition-all duration-300 hover:scale-110 text-[#4ECDC4]\" title=\"Chart\">\r\n <svg class=\"w-5 h-5 stroke-current\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 3v18h18M21 9l-5 5-4-4-5 5\" \/>\r\n <\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=6oFTtmz3bHNijQBunBHSbxBMHhR12FjE6xqXd4kypump\" target=\"_blank\" class=\"px-3 md:px-4 h-10 md:h-11 rounded-full bg-yellow-400 hover:bg-yellow-300 text-black flex items-center justify-center space-x-1.5 transition-all duration-300 hover:scale-105 font-bold shadow-[0_0_15px_rgba(255,215,0,0.4)]\" title=\"Buy $MEMELAND\">\r\n <svg class=\"w-4 h-4 fill-current\" viewBox=\"0 0 24 24\">\r\n <path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zm1-15l5 5-5 5v-3H7v-4h6V7z\"\/>\r\n <\/svg>\r\n <span class=\"text-xs md:text-sm uppercase tracking-wide\">Buy<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/nav>\r\n\r\n <main class=\"relative z-10 my-auto w-full max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-12 gap-6 md:gap-8 items-center px-2 md:px-4\">\r\n \r\n <div class=\"lg:col-span-7 flex justify-center w-full\">\r\n <div class=\"ticket-container w-full max-w-2xl flex flex-col md:flex-row shadow-[0_20px_60px_rgba(0,0,0,0.6)] overflow-hidden animate-float\">\r\n \r\n <div class=\"ticket-cutout-left hidden md:block\"><\/div>\r\n <div class=\"ticket-cutout-right hidden md:block\"><\/div>\r\n\r\n <div class=\"md:w-[40%] bg-gradient-to-b from-yellow-400\/20 via-yellow-400\/5 to-transparent p-6 flex flex-col justify-between border-b md:border-b-0 md:border-r border-dashed border-white\/20 relative\">\r\n <div class=\"flex justify-between items-center mb-4\">\r\n <span class=\"text-yellow-400 font-sarina text-sm uppercase tracking-widest\">Boarding Pass<\/span>\r\n <span class=\"text-xs text-white\/50\">AIR MEME-777<\/span>\r\n <\/div>\r\n\r\n <div class=\"w-32 h-32 md:w-full md:h-auto mx-auto aspect-square rounded-2xl overflow-hidden border-2 border-yellow-400\/40 p-2 bg-black\/40 flex items-center justify-center relative group\">\r\n <div class=\"absolute inset-0 bg-yellow-400\/10 opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/memeisland.fun\/wp-content\/uploads\/2026\/06\/Asset-14.png\" alt=\"MemeLand Mascot\" class=\"max-w-full max-h-full object-contain transform group-hover:scale-110 transition-transform duration-300\">\r\n <\/div>\r\n\r\n <div class=\"mt-4 space-y-1.5 text-left text-xs text-white\/70 hidden md:block\">\r\n <div class=\"flex justify-between border-b border-white\/5 pb-1\">\r\n <span>PASSENGER:<\/span>\r\n <span class=\"font-bold text-white\">DEGENS<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between border-b border-white\/5 pb-1\">\r\n <span>DESTINATION:<\/span>\r\n <span class=\"font-bold text-yellow-400\">MEMELAND<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between\">\r\n <span>BOARDING:<\/span>\r\n <span class=\"font-bold text-green-400\">NOW<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"md:w-[60%] p-6 md:p-8 flex flex-col justify-between bg-black\/45 relative\">\r\n <div>\r\n <div class=\"flex justify-between items-center text-xs text-yellow-400\/80 mb-2\">\r\n <span class=\"uppercase tracking-widest\">GATE: DEFI<\/span>\r\n <span class=\"uppercase tracking-widest\">SEAT: 1A<\/span>\r\n <\/div>\r\n <h2 class=\"font-sarina text-yellow-400 text-4xl md:text-5xl lg:text-6xl tracking-wide leading-none mb-4 pr-4 drop-shadow-[0_2px_10px_rgba(255,215,0,0.3)]\">\r\n memeland.\r\n <\/h2>\r\n <p class=\"font-jua text-gray-200 text-base md:text-lg lg:text-xl leading-relaxed\">\r\n your one-way ticket out of the trenches.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"mt-6 pt-6 border-t border-dashed border-white\/10 flex flex-col items-center\">\r\n <div class=\"barcode w-full flex justify-center opacity-70 hover:opacity-100 transition-opacity\">\r\n <div class=\"w-1\"><\/div><div class=\"w-3\"><\/div><div class=\"w-1\"><\/div><div class=\"w-1\"><\/div>\r\n <div class=\"w-4\"><\/div><div class=\"w-1\"><\/div><div class=\"w-2\"><\/div><div class=\"w-3\"><\/div>\r\n <div class=\"w-1\"><\/div><div class=\"w-4\"><\/div><div class=\"w-1\"><\/div><div class=\"w-2\"><\/div>\r\n <div class=\"w-3\"><\/div><div class=\"w-1\"><\/div><div class=\"w-1\"><\/div><div class=\"w-4\"><\/div>\r\n <div class=\"w-2\"><\/div><div class=\"w-1\"><\/div><div class=\"w-3\"><\/div><div class=\"w-1\"><\/div>\r\n <div class=\"w-4\"><\/div><div class=\"w-1\"><\/div><div class=\"w-2\"><\/div><div class=\"w-3\"><\/div>\r\n <\/div>\r\n <span class=\"text-[10px] text-white\/40 tracking-[6px] mt-1 uppercase font-mono font-bold\">$MEMELAND<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-5 flex flex-col justify-center space-y-4 md:space-y-5 w-full max-w-md mx-auto\">\r\n \r\n <div class=\"p-4 md:p-5 bg-white\/10 backdrop-blur-md border border-white\/10 rounded-2xl shadow-lg flex flex-col space-y-2\">\r\n <span class=\"text-xs text-yellow-400 font-jua uppercase tracking-widest text-left\">CONTACT ADDRESS:<\/span>\r\n <div class=\"flex items-center space-x-2 bg-black\/40 rounded-xl p-1 border border-white\/10\">\r\n <input id=\"ca-text\" type=\"text\" readonly value=\"6oFTtmz3bHNijQBunBHSbxBMHhR12FjE6xqXd4kypump\" class=\"bg-transparent text-white font-mono text-center text-sm md:text-base focus:outline-none flex-grow overflow-ellipsis px-2\">\r\n <button id=\"btn-copy-ca\" data-testid=\"copy-ca-button\" class=\"px-4 py-2 bg-yellow-400 hover:bg-yellow-300 text-black text-xs md:text-sm font-bold rounded-lg uppercase tracking-wide transition-all active:scale-95 cursor-pointer flex items-center space-x-1\">\r\n <span id=\"copy-ca-label\">COPY<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col space-y-3\">\r\n <button id=\"btn-about\" data-testid=\"about-button\" class=\"w-full py-3.5 bg-[#FF6B6B]\/20 hover:bg-[#FF6B6B]\/30 border-2 border-[#FF6B6B]\/40 hover:border-[#FF6B6B] rounded-2xl font-jua text-lg md:text-xl text-white tracking-wide transition-all transform hover:-translate-y-1 hover:scale-[1.02] active:scale-95 glow-orange flex justify-center items-center cursor-pointer\">\r\n [ what is this? ]\r\n <\/button>\r\n\r\n <button id=\"btn-tokenomics\" data-testid=\"tokenomics-button\" class=\"w-full py-3.5 bg-[#4ECDC4]\/20 hover:bg-[#4ECDC4]\/30 border-2 border-[#4ECDC4]\/40 hover:border-[#4ECDC4] rounded-2xl font-jua text-lg md:text-xl text-white tracking-wide transition-all transform hover:-translate-y-1 hover:scale-[1.02] active:scale-95 glow-teal flex justify-center items-center cursor-pointer\">\r\n [ supply & safety ]\r\n <\/button>\r\n\r\n <button id=\"btn-howtobuy\" data-testid=\"howtobuy-button\" class=\"w-full py-3.5 bg-yellow-400\/20 hover:bg-yellow-400\/30 border-2 border-yellow-400\/40 hover:border-yellow-400 rounded-2xl font-jua text-lg md:text-xl text-white tracking-wide transition-all transform hover:-translate-y-1 hover:scale-[1.02] active:scale-95 glow-yellow flex justify-center items-center cursor-pointer\">\r\n [ how to get in ]\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/main>\r\n\r\n <footer class=\"relative z-10 w-full text-center text-xs text-white\/35 py-2 font-mono uppercase tracking-[3px]\">\r\n © 2026 MEMELAND. NO BULLSHIT, JUST CULTURE.\r\n <\/footer>\r\n <\/div>\r\n\r\n\r\n <div id=\"modal-about\" data-testid=\"about-modal\" class=\"fixed inset-0 z-40 hidden items-center justify-center p-4 bg-black\/75 backdrop-blur-md transition-opacity duration-300\">\r\n <div class=\"bg-themeDark border-2 border-[#FF6B6B] w-full max-w-lg rounded-3xl p-6 md:p-8 relative shadow-[0_0_30px_rgba(255,107,107,0.3)] animate-float\">\r\n <div class=\"flex justify-between items-center mb-5 border-b border-[#FF6B6B]\/20 pb-3\">\r\n <h3 class=\"font-sarina text-[#FF6B6B] text-2xl md:text-3xl\">what is memeland?<\/h3>\r\n <button id=\"btn-close-about\" class=\"text-white\/60 hover:text-white transition-colors p-1.5 rounded-full hover:bg-white\/10 cursor-pointer\">\r\n <svg class=\"w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <div class=\"space-y-4 font-jua text-gray-200 text-base md:text-lg leading-relaxed max-h-[60vh] overflow-y-auto pr-2\">\r\n <p>You\u2019ve spent way too long surviving the trenches, trading the same recycled meta. Memeland is your escape route.<\/p>\r\n <p>We built this project to be the ultimate digital resort for the culture. It\u2019s not about promising a fake Web3 revolution; it\u2019s about claiming a piece of the internet for ourselves. In Memeland, attention and humor are the actual currency, and the people holding the line are the ones who reap the rewards. You already have the boarding pass.<\/p>\r\n <p>The liquidity is burned, the contract is safe, and the flight is booked. Claim your seat and enjoy the ride.<\/p>\r\n <\/div>\r\n <div class=\"mt-6 border-t border-dashed border-white\/20 pt-4 text-center\">\r\n <span class=\"text-xs text-[#FF6B6B]\/85 font-mono tracking-widest uppercase\">BOARDING PASS VERIFIED • CLASS: VIBES<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n <div id=\"modal-tokenomics\" data-testid=\"tokenomics-modal\" class=\"fixed inset-0 z-40 hidden items-center justify-center p-4 bg-black\/75 backdrop-blur-md transition-opacity duration-300\">\r\n <div class=\"bg-themeDark border-2 border-[#4ECDC4] w-full max-w-lg rounded-3xl p-6 md:p-8 relative shadow-[0_0_30px_rgba(78,205,196,0.3)] animate-float\">\r\n <div class=\"flex justify-between items-center mb-5 border-b border-[#4ECDC4]\/20 pb-3\">\r\n <h3 class=\"font-sarina text-[#4ECDC4] text-2xl md:text-3xl\">supply & safety<\/h3>\r\n <button id=\"btn-close-tokenomics\" class=\"text-white\/60 hover:text-white transition-colors p-1.5 rounded-full hover:bg-white\/10 cursor-pointer\">\r\n <svg class=\"w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <div class=\"space-y-4 font-jua text-gray-200 text-base md:text-lg leading-relaxed max-h-[60vh] overflow-y-auto pr-2\">\r\n <p class=\"text-white\">We kept the contract completely clean so everyone starts on a level playing field.<\/p>\r\n \r\n <ul class=\"space-y-3 mt-3\">\r\n <li class=\"flex items-center space-x-3 bg-white\/5 p-3 rounded-xl border border-white\/10\">\r\n <span class=\"w-3 h-3 rounded-full bg-[#4ECDC4]\"><\/span>\r\n <div><strong>Tax:<\/strong> <span class=\"text-yellow-400\">0% buy \/ 0% sell<\/span><\/div>\r\n <\/li>\r\n <li class=\"flex items-center space-x-3 bg-white\/5 p-3 rounded-xl border border-white\/10\">\r\n <span class=\"w-3 h-3 rounded-full bg-[#4ECDC4]\"><\/span>\r\n <div><strong>Liquidity:<\/strong> <span class=\"text-yellow-400\">100% burned (locked forever)<\/span><\/div>\r\n <\/li>\r\n <li class=\"flex items-center space-x-3 bg-white\/5 p-3 rounded-xl border border-white\/10\">\r\n <span class=\"w-3 h-3 rounded-full bg-[#4ECDC4]\"><\/span>\r\n <div><strong>Ownership:<\/strong> <span class=\"text-yellow-400\">Renounced (nobody can change the code)<\/span><\/div>\r\n <\/li>\r\n <li class=\"flex items-center space-x-3 bg-white\/5 p-3 rounded-xl border border-white\/10\">\r\n <span class=\"w-3 h-3 rounded-full bg-[#4ECDC4]\"><\/span>\r\n <div><strong>Team allocation:<\/strong> <span class=\"text-yellow-400\">0% (we buy from market)<\/span><\/div>\r\n <\/li>\r\n <\/ul>\r\n\r\n <p class=\"text-xs text-white\/50 mt-4 leading-relaxed italic\">\r\n The math is simple. The contract is safe, the liquidity is gone, and the community owns the entire supply.\r\n <\/p>\r\n <\/div>\r\n <div class=\"mt-6 border-t border-dashed border-white\/20 pt-4 text-center\">\r\n <span class=\"text-xs text-[#4ECDC4]\/85 font-mono tracking-widest uppercase\">AUDIT STATUS: RENOUNCED & SECURE<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n <div id=\"modal-howtobuy\" data-testid=\"howtobuy-modal\" class=\"fixed inset-0 z-40 hidden items-center justify-center p-4 bg-black\/75 backdrop-blur-md transition-opacity duration-300\">\r\n <div class=\"bg-themeDark border-2 border-yellow-400 w-full max-w-lg rounded-3xl p-6 md:p-8 relative shadow-[0_0_30px_rgba(255,215,0,0.3)] animate-float\">\r\n <div class=\"flex justify-between items-center mb-5 border-b border-yellow-400\/20 pb-3\">\r\n <h3 class=\"font-sarina text-yellow-400 text-2xl md:text-3xl\">how to get in<\/h3>\r\n <button id=\"btn-close-howtobuy\" class=\"text-white\/60 hover:text-white transition-colors p-1.5 rounded-full hover:bg-white\/10 cursor-pointer\">\r\n <svg class=\"w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <div class=\"space-y-4 font-jua text-gray-200 text-base md:text-lg leading-relaxed max-h-[60vh] overflow-y-auto pr-2 text-left\">\r\n <p class=\"text-white font-bold mb-3\">The quick guide if you want a bag:<\/p>\r\n \r\n <ol class=\"space-y-4\">\r\n <li class=\"bg-white\/5 p-3 rounded-2xl border border-white\/10\">\r\n <span class=\"text-yellow-400 font-bold mr-2 text-xl font-sarina\">1.<\/span>\r\n <strong>Set up a wallet:<\/strong> Get Phantom or MetaMask.\r\n <\/li>\r\n <li class=\"bg-white\/5 p-3 rounded-2xl border border-white\/10\">\r\n <span class=\"text-yellow-400 font-bold mr-2 text-xl font-sarina\">2.<\/span>\r\n <strong>Get some crypto:<\/strong> Fund your wallet with SOL or ETH.\r\n <\/li>\r\n <li class=\"bg-white\/5 p-3 rounded-2xl border border-white\/10\">\r\n <span class=\"text-yellow-400 font-bold mr-2 text-xl font-sarina\">3.<\/span>\r\n <strong>Swap:<\/strong> Go to pump.swap, connect your wallet, and paste our official contract address.\r\n <\/li>\r\n <li class=\"bg-white\/5 p-3 rounded-2xl border border-white\/10\">\r\n <span class=\"text-yellow-400 font-bold mr-2 text-xl font-sarina\">4.<\/span>\r\n <strong>Hold:<\/strong> Double-check the address to make sure it's the real one, swap, and welcome to the group.\r\n <\/li>\r\n <\/ol>\r\n <\/div>\r\n <div class=\"mt-6 border-t border-dashed border-white\/20 pt-4 text-center\">\r\n <span class=\"text-xs text-yellow-400\/85 font-mono tracking-widest uppercase\">BOARDING CLASS: HIGH FLIER<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n <div id=\"toast-container\" class=\"fixed bottom-5 right-5 z-50 flex flex-col gap-2\"><\/div>\r\n\r\n\r\n <script>\r\n \/\/ DOM Elements\r\n const loadingScreen = document.getElementById('loading-screen');\r\n const mainContent = document.getElementById('main-content');\r\n const progressBar = document.getElementById('progress-bar');\r\n const progressText = document.getElementById('progress-text');\r\n const enterButton = document.getElementById('enter-button');\r\n\r\n \/\/ Modals\r\n const modals = {\r\n about: {\r\n trigger: document.getElementById('btn-about'),\r\n modal: document.getElementById('modal-about'),\r\n close: document.getElementById('btn-close-about')\r\n },\r\n tokenomics: {\r\n trigger: document.getElementById('btn-tokenomics'),\r\n modal: document.getElementById('modal-tokenomics'),\r\n close: document.getElementById('btn-close-tokenomics')\r\n },\r\n howtobuy: {\r\n trigger: document.getElementById('btn-howtobuy'),\r\n modal: document.getElementById('modal-howtobuy'),\r\n close: document.getElementById('btn-close-howtobuy')\r\n }\r\n };\r\n\r\n const copyCaBtn = document.getElementById('btn-copy-ca');\r\n const copyCaLabel = document.getElementById('copy-ca-label');\r\n const caInput = document.getElementById('ca-text');\r\n\r\n \/\/ Toast Helper\r\n function showToast(message, type = 'success') {\r\n const container = document.getElementById('toast-container');\r\n const toast = document.createElement('div');\r\n \r\n let bgStyle = 'bg-yellow-400 text-black border-2 border-white';\r\n if (type === 'info') bgStyle = 'bg-teal-400 text-black border-2 border-white';\r\n \r\n toast.className = `${bgStyle} px-6 py-3 rounded-2xl shadow-2xl font-jua text-sm flex items-center space-x-2 animate-bounce-slow transform translate-y-0 opacity-100 transition-all duration-300 border border-white\/20`;\r\n toast.innerHTML = `\r\n <svg class=\"w-5 h-5 fill-current\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\r\n <\/svg>\r\n <span>${message}<\/span>\r\n `;\r\n container.appendChild(toast);\r\n \r\n \/\/ Remove after 3 seconds with smooth fade\r\n setTimeout(() => {\r\n toast.style.opacity = '0';\r\n toast.style.transform = 'translateY(10px)';\r\n setTimeout(() => toast.remove(), 350);\r\n }, 3000);\r\n }\r\n\r\n \/\/ Loading Progress Simulation\r\n let progress = 0;\r\n const progressInterval = setInterval(() => {\r\n if (progress >= 100) {\r\n clearInterval(progressInterval);\r\n progressText.innerText = 'BOARDING COMPLETE!';\r\n progressText.classList.add('text-green-400');\r\n enterButton.classList.remove('hidden');\r\n } else {\r\n progress += Math.floor(Math.random() * 8) + 5;\r\n if (progress > 100) progress = 100;\r\n progressBar.style.width = progress + '%';\r\n progressText.innerText = 'CHARGING VIBES: ' + progress + '%';\r\n }\r\n }, 120);\r\n\r\n \/\/ Enter Main Site\r\n enterButton.addEventListener('click', () => {\r\n \/\/ Fade out loading screen\r\n loadingScreen.style.opacity = '0';\r\n loadingScreen.style.transform = 'scale(1.05)';\r\n \r\n \/\/ Show main site\r\n mainContent.classList.remove('opacity-0', 'scale-95');\r\n mainContent.classList.add('opacity-100', 'scale-100');\r\n \r\n setTimeout(() => {\r\n loadingScreen.classList.add('hidden');\r\n showToast('WELCOME TO MEMELAND!', 'info');\r\n }, 1000);\r\n });\r\n\r\n \/\/ Modal Functionality\r\n Object.keys(modals).forEach(key => {\r\n const item = modals[key];\r\n \r\n \/\/ Open modal\r\n item.trigger.addEventListener('click', () => {\r\n item.modal.classList.remove('hidden');\r\n item.modal.classList.add('flex', 'opacity-100');\r\n });\r\n \r\n \/\/ Close modal\r\n item.close.addEventListener('click', () => {\r\n item.modal.classList.add('hidden');\r\n item.modal.classList.remove('flex', 'opacity-100');\r\n });\r\n\r\n \/\/ Close on click outside content\r\n item.modal.addEventListener('click', (e) => {\r\n if (e.target === item.modal) {\r\n item.modal.classList.add('hidden');\r\n item.modal.classList.remove('flex', 'opacity-100');\r\n }\r\n });\r\n });\r\n\r\n \/\/ Copy Contract Address\r\n copyCaBtn.addEventListener('click', () => {\r\n const textToCopy = caInput.value;\r\n navigator.clipboard.writeText(textToCopy).then(() => {\r\n copyCaLabel.innerText = 'COPIED!';\r\n showToast('CONTRACT ADDRESS COPIED TO CLIPBOARD!');\r\n setTimeout(() => {\r\n copyCaLabel.innerText = 'COPY';\r\n }, 2000);\r\n }).catch(err => {\r\n console.error('Failed to copy: ', err);\r\n showToast('FAILED TO COPY ADDRESS', 'error');\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>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Memeland – Just Memes & Good Energy memeland. first class internet culture boarding CHARGING VIBES: 0% Claim Boarding Pass $Memeland Buy Boarding Pass AIR MEME-777 PASSENGER: DEGENS DESTINATION: MEMELAND BOARDING: NOW GATE: DEFI SEAT: 1A memeland. your one-way ticket out of the trenches. $MEMELAND CONTACT ADDRESS: COPY [ what is this? ] [ supply & […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/memeisland.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/memeisland.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/memeisland.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/memeisland.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/memeisland.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":52,"href":"https:\/\/memeisland.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":71,"href":"https:\/\/memeisland.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/71"}],"wp:attachment":[{"href":"https:\/\/memeisland.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"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 Memeland - Just Memes & Good Energy<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarina&family=Jua&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sarina: [\"'Sarina'\", \"cursive\"],\r\n jua: [\"'Jua'\", \"sans-serif\"],\r\n },\r\n colors: {\r\n themeYellow: '#FFD700',\r\n themeOrange: '#FF6B6B',\r\n themeTeal: '#4ECDC4',\r\n themeDark: '#111111',\r\n },\r\n animation: {\r\n 'bounce-slow': 'bounce 3s infinite',\r\n 'pulse-slow': 'pulse 2.5s infinite',\r\n 'float': 'float 4s ease-in-out infinite',\r\n 'marquee': 'marquee 25s linear infinite',\r\n },\r\n keyframes: {\r\n float: {\r\n '0%, 100%': { transform: 'translateY(0px)' },\r\n '50%': { transform: 'translateY(-10px)' },\r\n },\r\n marquee: {\r\n '0%': { transform: 'translateX(0%)' },\r\n '100%': { transform: 'translateX(-50%)' },\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n \/* Custom Ticket Styles *\/\r\n .ticket-container {\r\n position: relative;\r\n background: rgba(255, 255, 255, 0.08);\r\n backdrop-filter: blur(16px);\r\n -webkit-backdrop-filter: blur(16px);\r\n border: 3px solid rgba(255, 255, 255, 0.2);\r\n border-radius: 24px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n \/* Ticket Cutouts *\/\r\n .ticket-cutout-left, .ticket-cutout-right {\r\n position: absolute;\r\n width: 32px;\r\n height: 32px;\r\n background: #111; \/* fallback matches bg video *\/\r\n border-radius: 50%;\r\n z-index: 10;\r\n }\r\n .ticket-cutout-left {\r\n left: -16px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n box-shadow: inset -4px 0 8px rgba(0, 0, 0, 0.5), 3px 0 0 rgba(255, 255, 255, 0.2);\r\n }\r\n .ticket-cutout-right {\r\n right: -16px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n box-shadow: inset 4px 0 8px rgba(0, 0, 0, 0.5), -3px 0 0 rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n \/* Custom scrollbar for modals *\/\r\n ::-webkit-scrollbar {\r\n width: 8px;\r\n }\r\n ::-webkit-scrollbar-track {\r\n background: rgba(255, 255, 255, 0.05);\r\n border-radius: 10px;\r\n }\r\n ::-webkit-scrollbar-thumb {\r\n background: #FFD700;\r\n border-radius: 10px;\r\n }\r\n\r\n \/* Animation classes *\/\r\n .glow-yellow:hover {\r\n box-shadow: 0 0 20px rgba(255, 215, 0, 0.6);\r\n }\r\n .glow-teal:hover {\r\n box-shadow: 0 0 20px rgba(78, 205, 196, 0.6);\r\n }\r\n .glow-orange:hover {\r\n box-shadow: 0 0 20px rgba(255, 107, 107, 0.6);\r\n }\r\n\r\n \/* Barcode generator using CSS *\/\r\n .barcode {\r\n display: flex;\r\n height: 50px;\r\n align-items: stretch;\r\n }\r\n .barcode div {\r\n background-color: white;\r\n margin-right: 2px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-black text-white font-jua select-none overflow-hidden h-screen w-full relative\">\r\n\r\n <div id=\"loading-screen\" data-testid=\"loading-screen\" class=\"fixed inset-0 z-50 flex flex-col justify-between items-center p-8 bg-black transition-all duration-1000\">\r\n <video autoplay loop muted playsinline class=\"absolute inset-0 w-full h-full object-cover opacity-80 pointer-events-none -z-10\">\r\n <source src=\"https:\/\/memeisland.fun\/wp-content\/uploads\/2026\/06\/MEMELAND-LOADING-SCREEN.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <div class=\"absolute inset-0 bg-gradient-to-b from-black\/60 via-black\/40 to-black\/90 pointer-events-none -z-10\"><\/div>\r\n\r\n <div class=\"relative z-10 text-center mt-8\">\r\n <h1 class=\"font-sarina text-yellow-400 text-5xl md:text-7xl tracking-widest drop-shadow-[0_4px_10px_rgba(255,215,0,0.5)] animate-pulse\">\r\n memeland.\r\n <\/h1>\r\n <p class=\"font-jua text-gray-300 mt-2 text-lg md:text-xl tracking-wide uppercase\">\r\n first class internet culture boarding\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"relative z-10 w-full max-w-md bg-black\/60 backdrop-blur-md p-6 rounded-3xl border border-white\/10 mb-8 flex flex-col items-center\">\r\n <div id=\"progress-text\" class=\"text-yellow-400 font-jua text-lg mb-2\">CHARGING VIBES: 0%<\/div>\r\n <div class=\"w-full bg-white\/10 h-4 rounded-full overflow-hidden p-0.5 border border-white\/20\">\r\n <div id=\"progress-bar\" class=\"bg-gradient-to-r from-yellow-400 via-yellow-300 to-amber-500 h-full rounded-full w-0 transition-all duration-150 ease-out\"><\/div>\r\n <\/div>\r\n \r\n <button id=\"enter-button\" data-testid=\"enter-memeland-button\" class=\"hidden mt-4 px-8 py-3 bg-yellow-400 hover:bg-yellow-300 text-black font-sarina text-xl rounded-full transition-all duration-300 transform hover:scale-105 active:scale-95 border-2 border-white shadow-[0_0_25px_rgba(255,215,0,0.6)] font-bold cursor-pointer\">\r\n Claim Boarding Pass\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n <div id=\"main-content\" class=\"fixed inset-0 z-0 w-full h-full flex flex-col justify-between p-4 md:p-8 overflow-hidden opacity-0 scale-95 transition-all duration-1000\">\r\n \r\n <video autoplay loop muted playsinline class=\"absolute inset-0 w-full h-full object-cover pointer-events-none -z-10\">\r\n <source src=\"https:\/\/memeisland.fun\/wp-content\/uploads\/2026\/06\/MEMELAND-BG2.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <div class=\"absolute inset-0 bg-gradient-to-b from-black\/40 via-transparent to-black\/70 pointer-events-none -z-10\"><\/div>\r\n\r\n <nav data-testid=\"main-navbar\" class=\"relative z-20 w-full flex justify-between items-center py-2 px-4 md:px-6 bg-white\/10 backdrop-blur-md border border-white\/10 rounded-2xl md:rounded-full\">\r\n <div class=\"flex items-center space-x-2\">\r\n <span class=\"font-sarina text-2xl md:text-3xl text-yellow-400 tracking-wider hover:scale-105 transition-transform duration-300 cursor-pointer drop-shadow-[0_2px_8px_rgba(255,215,0,0.4)]\">\r\n $Memeland\r\n <\/span>\r\n <\/div>\r\n \r\n <div class=\"flex items-center space-x-2 md:space-x-4\">\r\n <a href=\"https:\/\/x.com\/visitmemeland\" target=\"_blank\" class=\"w-10 h-10 md:w-11 md:h-11 rounded-full bg-white\/10 hover:bg-white\/20 border border-white\/20 flex items-center justify-center transition-all duration-300 hover:scale-110 text-white\" title=\"X (Twitter)\">\r\n <svg class=\"w-5 h-5 fill-current\" viewBox=\"0 0 24 24\">\r\n <path d=\"M18.244 2.25h3.308l-7.227 7.56 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.085L1.254 2.25h6.81l4.7 6.222 5.48-6.222V2.25zM16.085 19.77h1.833L7.084 4.126H5.117L16.085 19.77z\"\/>\r\n <\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/t.me\/visitmemeland\" target=\"_blank\" class=\"w-10 h-10 md:w-11 md:h-11 rounded-full bg-[#229ED9]\/20 hover:bg-[#229ED9]\/40 border border-[#229ED9]\/30 flex items-center justify-center transition-all duration-300 hover:scale-110 text-white\" title=\"Telegram\">\r\n <svg class=\"w-5 h-5 fill-current pr-0.5\" viewBox=\"0 0 24 24\">\r\n <path d=\"M20.665 3.717l-17.73 6.837c-1.21.486-1.203 1.161-.222 1.462l4.552 1.42l10.532-6.645c.498-.303.953-.14.579.192l-8.533 7.701h-.002l.002.001l-.314 4.692c.46 0 .663-.211.921-.46l2.211-2.15l4.599 3.397c.848.467 1.457.227 1.668-.785l3.019-14.228c.309-1.239-.473-1.8-1.282-1.434z\"\/>\r\n <\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/dexscreener.com\/solana\/6oFTtmz3bHNijQBunBHSbxBMHhR12FjE6xqXd4kypump\" target=\"_blank\" class=\"w-10 h-10 md:w-11 md:h-11 rounded-full bg-[#4ECDC4]\/20 hover:bg-[#4ECDC4]\/40 border border-[#4ECDC4]\/30 flex items-center justify-center transition-all duration-300 hover:scale-110 text-[#4ECDC4]\" title=\"Chart\">\r\n <svg class=\"w-5 h-5 stroke-current\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 3v18h18M21 9l-5 5-4-4-5 5\" \/>\r\n <\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=6oFTtmz3bHNijQBunBHSbxBMHhR12FjE6xqXd4kypump\" target=\"_blank\" class=\"px-3 md:px-4 h-10 md:h-11 rounded-full bg-yellow-400 hover:bg-yellow-300 text-black flex items-center justify-center space-x-1.5 transition-all duration-300 hover:scale-105 font-bold shadow-[0_0_15px_rgba(255,215,0,0.4)]\" title=\"Buy $MEMELAND\">\r\n <svg class=\"w-4 h-4 fill-current\" viewBox=\"0 0 24 24\">\r\n <path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zm1-15l5 5-5 5v-3H7v-4h6V7z\"\/>\r\n <\/svg>\r\n <span class=\"text-xs md:text-sm uppercase tracking-wide\">Buy<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/nav>\r\n\r\n <main class=\"relative z-10 my-auto w-full max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-12 gap-6 md:gap-8 items-center px-2 md:px-4\">\r\n \r\n <div class=\"lg:col-span-7 flex justify-center w-full\">\r\n <div class=\"ticket-container w-full max-w-2xl flex flex-col md:flex-row shadow-[0_20px_60px_rgba(0,0,0,0.6)] overflow-hidden animate-float\">\r\n \r\n <div class=\"ticket-cutout-left hidden md:block\"><\/div>\r\n <div class=\"ticket-cutout-right hidden md:block\"><\/div>\r\n\r\n <div class=\"md:w-[40%] bg-gradient-to-b from-yellow-400\/20 via-yellow-400\/5 to-transparent p-6 flex flex-col justify-between border-b md:border-b-0 md:border-r border-dashed border-white\/20 relative\">\r\n <div class=\"flex justify-between items-center mb-4\">\r\n <span class=\"text-yellow-400 font-sarina text-sm uppercase tracking-widest\">Boarding Pass<\/span>\r\n <span class=\"text-xs text-white\/50\">AIR MEME-777<\/span>\r\n <\/div>\r\n\r\n <div class=\"w-32 h-32 md:w-full md:h-auto mx-auto aspect-square rounded-2xl overflow-hidden border-2 border-yellow-400\/40 p-2 bg-black\/40 flex items-center justify-center relative group\">\r\n <div class=\"absolute inset-0 bg-yellow-400\/10 opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/memeisland.fun\/wp-content\/uploads\/2026\/06\/Asset-14.png\" alt=\"MemeLand Mascot\" class=\"max-w-full max-h-full object-contain transform group-hover:scale-110 transition-transform duration-300\">\r\n <\/div>\r\n\r\n <div class=\"mt-4 space-y-1.5 text-left text-xs text-white\/70 hidden md:block\">\r\n <div class=\"flex justify-between border-b border-white\/5 pb-1\">\r\n <span>PASSENGER:<\/span>\r\n <span class=\"font-bold text-white\">DEGENS<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between border-b border-white\/5 pb-1\">\r\n <span>DESTINATION:<\/span>\r\n <span class=\"font-bold text-yellow-400\">MEMELAND<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between\">\r\n <span>BOARDING:<\/span>\r\n <span class=\"font-bold text-green-400\">NOW<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"md:w-[60%] p-6 md:p-8 flex flex-col justify-between bg-black\/45 relative\">\r\n <div>\r\n <div class=\"flex justify-between items-center text-xs text-yellow-400\/80 mb-2\">\r\n <span class=\"uppercase tracking-widest\">GATE: DEFI<\/span>\r\n <span class=\"uppercase tracking-widest\">SEAT: 1A<\/span>\r\n <\/div>\r\n <h2 class=\"font-sarina text-yellow-400 text-4xl md:text-5xl lg:text-6xl tracking-wide leading-none mb-4 pr-4 drop-shadow-[0_2px_10px_rgba(255,215,0,0.3)]\">\r\n memeland.\r\n <\/h2>\r\n <p class=\"font-jua text-gray-200 text-base md:text-lg lg:text-xl leading-relaxed\">\r\n your one-way ticket out of the trenches.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"mt-6 pt-6 border-t border-dashed border-white\/10 flex flex-col items-center\">\r\n <div class=\"barcode w-full flex justify-center opacity-70 hover:opacity-100 transition-opacity\">\r\n <div class=\"w-1\"><\/div><div class=\"w-3\"><\/div><div class=\"w-1\"><\/div><div class=\"w-1\"><\/div>\r\n <div class=\"w-4\"><\/div><div class=\"w-1\"><\/div><div class=\"w-2\"><\/div><div class=\"w-3\"><\/div>\r\n <div class=\"w-1\"><\/div><div class=\"w-4\"><\/div><div class=\"w-1\"><\/div><div class=\"w-2\"><\/div>\r\n <div class=\"w-3\"><\/div><div class=\"w-1\"><\/div><div class=\"w-1\"><\/div><div class=\"w-4\"><\/div>\r\n <div class=\"w-2\"><\/div><div class=\"w-1\"><\/div><div class=\"w-3\"><\/div><div class=\"w-1\"><\/div>\r\n <div class=\"w-4\"><\/div><div class=\"w-1\"><\/div><div class=\"w-2\"><\/div><div class=\"w-3\"><\/div>\r\n <\/div>\r\n <span class=\"text-[10px] text-white\/40 tracking-[6px] mt-1 uppercase font-mono font-bold\">$MEMELAND<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-5 flex flex-col justify-center space-y-4 md:space-y-5 w-full max-w-md mx-auto\">\r\n \r\n <div class=\"p-4 md:p-5 bg-white\/10 backdrop-blur-md border border-white\/10 rounded-2xl shadow-lg flex flex-col space-y-2\">\r\n <span class=\"text-xs text-yellow-400 font-jua uppercase tracking-widest text-left\">CONTACT ADDRESS:<\/span>\r\n <div class=\"flex items-center space-x-2 bg-black\/40 rounded-xl p-1 border border-white\/10\">\r\n <input id=\"ca-text\" type=\"text\" readonly value=\"6oFTtmz3bHNijQBunBHSbxBMHhR12FjE6xqXd4kypump\" class=\"bg-transparent text-white font-mono text-center text-sm md:text-base focus:outline-none flex-grow overflow-ellipsis px-2\">\r\n <button id=\"btn-copy-ca\" data-testid=\"copy-ca-button\" class=\"px-4 py-2 bg-yellow-400 hover:bg-yellow-300 text-black text-xs md:text-sm font-bold rounded-lg uppercase tracking-wide transition-all active:scale-95 cursor-pointer flex items-center space-x-1\">\r\n <span id=\"copy-ca-label\">COPY<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col space-y-3\">\r\n <button id=\"btn-about\" data-testid=\"about-button\" class=\"w-full py-3.5 bg-[#FF6B6B]\/20 hover:bg-[#FF6B6B]\/30 border-2 border-[#FF6B6B]\/40 hover:border-[#FF6B6B] rounded-2xl font-jua text-lg md:text-xl text-white tracking-wide transition-all transform hover:-translate-y-1 hover:scale-[1.02] active:scale-95 glow-orange flex justify-center items-center cursor-pointer\">\r\n [ what is this? ]\r\n <\/button>\r\n\r\n <button id=\"btn-tokenomics\" data-testid=\"tokenomics-button\" class=\"w-full py-3.5 bg-[#4ECDC4]\/20 hover:bg-[#4ECDC4]\/30 border-2 border-[#4ECDC4]\/40 hover:border-[#4ECDC4] rounded-2xl font-jua text-lg md:text-xl text-white tracking-wide transition-all transform hover:-translate-y-1 hover:scale-[1.02] active:scale-95 glow-teal flex justify-center items-center cursor-pointer\">\r\n [ supply & safety ]\r\n <\/button>\r\n\r\n <button id=\"btn-howtobuy\" data-testid=\"howtobuy-button\" class=\"w-full py-3.5 bg-yellow-400\/20 hover:bg-yellow-400\/30 border-2 border-yellow-400\/40 hover:border-yellow-400 rounded-2xl font-jua text-lg md:text-xl text-white tracking-wide transition-all transform hover:-translate-y-1 hover:scale-[1.02] active:scale-95 glow-yellow flex justify-center items-center cursor-pointer\">\r\n [ how to get in ]\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/main>\r\n\r\n <footer class=\"relative z-10 w-full text-center text-xs text-white\/35 py-2 font-mono uppercase tracking-[3px]\">\r\n © 2026 MEMELAND. NO BULLSHIT, JUST CULTURE.\r\n <\/footer>\r\n <\/div>\r\n\r\n\r\n <div id=\"modal-about\" data-testid=\"about-modal\" class=\"fixed inset-0 z-40 hidden items-center justify-center p-4 bg-black\/75 backdrop-blur-md transition-opacity duration-300\">\r\n <div class=\"bg-themeDark border-2 border-[#FF6B6B] w-full max-w-lg rounded-3xl p-6 md:p-8 relative shadow-[0_0_30px_rgba(255,107,107,0.3)] animate-float\">\r\n <div class=\"flex justify-between items-center mb-5 border-b border-[#FF6B6B]\/20 pb-3\">\r\n <h3 class=\"font-sarina text-[#FF6B6B] text-2xl md:text-3xl\">what is memeland?<\/h3>\r\n <button id=\"btn-close-about\" class=\"text-white\/60 hover:text-white transition-colors p-1.5 rounded-full hover:bg-white\/10 cursor-pointer\">\r\n <svg class=\"w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <div class=\"space-y-4 font-jua text-gray-200 text-base md:text-lg leading-relaxed max-h-[60vh] overflow-y-auto pr-2\">\r\n <p>You\u2019ve spent way too long surviving the trenches, trading the same recycled meta. Memeland is your escape route.<\/p>\r\n <p>We built this project to be the ultimate digital resort for the culture. It\u2019s not about promising a fake Web3 revolution; it\u2019s about claiming a piece of the internet for ourselves. In Memeland, attention and humor are the actual currency, and the people holding the line are the ones who reap the rewards. You already have the boarding pass.<\/p>\r\n <p>The liquidity is burned, the contract is safe, and the flight is booked. Claim your seat and enjoy the ride.<\/p>\r\n <\/div>\r\n <div class=\"mt-6 border-t border-dashed border-white\/20 pt-4 text-center\">\r\n <span class=\"text-xs text-[#FF6B6B]\/85 font-mono tracking-widest uppercase\">BOARDING PASS VERIFIED • CLASS: VIBES<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n <div id=\"modal-tokenomics\" data-testid=\"tokenomics-modal\" class=\"fixed inset-0 z-40 hidden items-center justify-center p-4 bg-black\/75 backdrop-blur-md transition-opacity duration-300\">\r\n <div class=\"bg-themeDark border-2 border-[#4ECDC4] w-full max-w-lg rounded-3xl p-6 md:p-8 relative shadow-[0_0_30px_rgba(78,205,196,0.3)] animate-float\">\r\n <div class=\"flex justify-between items-center mb-5 border-b border-[#4ECDC4]\/20 pb-3\">\r\n <h3 class=\"font-sarina text-[#4ECDC4] text-2xl md:text-3xl\">supply & safety<\/h3>\r\n <button id=\"btn-close-tokenomics\" class=\"text-white\/60 hover:text-white transition-colors p-1.5 rounded-full hover:bg-white\/10 cursor-pointer\">\r\n <svg class=\"w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <div class=\"space-y-4 font-jua text-gray-200 text-base md:text-lg leading-relaxed max-h-[60vh] overflow-y-auto pr-2\">\r\n <p class=\"text-white\">We kept the contract completely clean so everyone starts on a level playing field.<\/p>\r\n \r\n <ul class=\"space-y-3 mt-3\">\r\n <li class=\"flex items-center space-x-3 bg-white\/5 p-3 rounded-xl border border-white\/10\">\r\n <span class=\"w-3 h-3 rounded-full bg-[#4ECDC4]\"><\/span>\r\n <div><strong>Tax:<\/strong> <span class=\"text-yellow-400\">0% buy \/ 0% sell<\/span><\/div>\r\n <\/li>\r\n <li class=\"flex items-center space-x-3 bg-white\/5 p-3 rounded-xl border border-white\/10\">\r\n <span class=\"w-3 h-3 rounded-full bg-[#4ECDC4]\"><\/span>\r\n <div><strong>Liquidity:<\/strong> <span class=\"text-yellow-400\">100% burned (locked forever)<\/span><\/div>\r\n <\/li>\r\n <li class=\"flex items-center space-x-3 bg-white\/5 p-3 rounded-xl border border-white\/10\">\r\n <span class=\"w-3 h-3 rounded-full bg-[#4ECDC4]\"><\/span>\r\n <div><strong>Ownership:<\/strong> <span class=\"text-yellow-400\">Renounced (nobody can change the code)<\/span><\/div>\r\n <\/li>\r\n <li class=\"flex items-center space-x-3 bg-white\/5 p-3 rounded-xl border border-white\/10\">\r\n <span class=\"w-3 h-3 rounded-full bg-[#4ECDC4]\"><\/span>\r\n <div><strong>Team allocation:<\/strong> <span class=\"text-yellow-400\">0% (we buy from market)<\/span><\/div>\r\n <\/li>\r\n <\/ul>\r\n\r\n <p class=\"text-xs text-white\/50 mt-4 leading-relaxed italic\">\r\n The math is simple. The contract is safe, the liquidity is gone, and the community owns the entire supply.\r\n <\/p>\r\n <\/div>\r\n <div class=\"mt-6 border-t border-dashed border-white\/20 pt-4 text-center\">\r\n <span class=\"text-xs text-[#4ECDC4]\/85 font-mono tracking-widest uppercase\">AUDIT STATUS: RENOUNCED & SECURE<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n <div id=\"modal-howtobuy\" data-testid=\"howtobuy-modal\" class=\"fixed inset-0 z-40 hidden items-center justify-center p-4 bg-black\/75 backdrop-blur-md transition-opacity duration-300\">\r\n <div class=\"bg-themeDark border-2 border-yellow-400 w-full max-w-lg rounded-3xl p-6 md:p-8 relative shadow-[0_0_30px_rgba(255,215,0,0.3)] animate-float\">\r\n <div class=\"flex justify-between items-center mb-5 border-b border-yellow-400\/20 pb-3\">\r\n <h3 class=\"font-sarina text-yellow-400 text-2xl md:text-3xl\">how to get in<\/h3>\r\n <button id=\"btn-close-howtobuy\" class=\"text-white\/60 hover:text-white transition-colors p-1.5 rounded-full hover:bg-white\/10 cursor-pointer\">\r\n <svg class=\"w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <div class=\"space-y-4 font-jua text-gray-200 text-base md:text-lg leading-relaxed max-h-[60vh] overflow-y-auto pr-2 text-left\">\r\n <p class=\"text-white font-bold mb-3\">The quick guide if you want a bag:<\/p>\r\n \r\n <ol class=\"space-y-4\">\r\n <li class=\"bg-white\/5 p-3 rounded-2xl border border-white\/10\">\r\n <span class=\"text-yellow-400 font-bold mr-2 text-xl font-sarina\">1.<\/span>\r\n <strong>Set up a wallet:<\/strong> Get Phantom or MetaMask.\r\n <\/li>\r\n <li class=\"bg-white\/5 p-3 rounded-2xl border border-white\/10\">\r\n <span class=\"text-yellow-400 font-bold mr-2 text-xl font-sarina\">2.<\/span>\r\n <strong>Get some crypto:<\/strong> Fund your wallet with SOL or ETH.\r\n <\/li>\r\n <li class=\"bg-white\/5 p-3 rounded-2xl border border-white\/10\">\r\n <span class=\"text-yellow-400 font-bold mr-2 text-xl font-sarina\">3.<\/span>\r\n <strong>Swap:<\/strong> Go to pump.swap, connect your wallet, and paste our official contract address.\r\n <\/li>\r\n <li class=\"bg-white\/5 p-3 rounded-2xl border border-white\/10\">\r\n <span class=\"text-yellow-400 font-bold mr-2 text-xl font-sarina\">4.<\/span>\r\n <strong>Hold:<\/strong> Double-check the address to make sure it's the real one, swap, and welcome to the group.\r\n <\/li>\r\n <\/ol>\r\n <\/div>\r\n <div class=\"mt-6 border-t border-dashed border-white\/20 pt-4 text-center\">\r\n <span class=\"text-xs text-yellow-400\/85 font-mono tracking-widest uppercase\">BOARDING CLASS: HIGH FLIER<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n <div id=\"toast-container\" class=\"fixed bottom-5 right-5 z-50 flex flex-col gap-2\"><\/div>\r\n\r\n\r\n <script>\r\n \/\/ DOM Elements\r\n const loadingScreen = document.getElementById('loading-screen');\r\n const mainContent = document.getElementById('main-content');\r\n const progressBar = document.getElementById('progress-bar');\r\n const progressText = document.getElementById('progress-text');\r\n const enterButton = document.getElementById('enter-button');\r\n\r\n \/\/ Modals\r\n const modals = {\r\n about: {\r\n trigger: document.getElementById('btn-about'),\r\n modal: document.getElementById('modal-about'),\r\n close: document.getElementById('btn-close-about')\r\n },\r\n tokenomics: {\r\n trigger: document.getElementById('btn-tokenomics'),\r\n modal: document.getElementById('modal-tokenomics'),\r\n close: document.getElementById('btn-close-tokenomics')\r\n },\r\n howtobuy: {\r\n trigger: document.getElementById('btn-howtobuy'),\r\n modal: document.getElementById('modal-howtobuy'),\r\n close: document.getElementById('btn-close-howtobuy')\r\n }\r\n };\r\n\r\n const copyCaBtn = document.getElementById('btn-copy-ca');\r\n const copyCaLabel = document.getElementById('copy-ca-label');\r\n const caInput = document.getElementById('ca-text');\r\n\r\n \/\/ Toast Helper\r\n function showToast(message, type = 'success') {\r\n const container = document.getElementById('toast-container');\r\n const toast = document.createElement('div');\r\n \r\n let bgStyle = 'bg-yellow-400 text-black border-2 border-white';\r\n if (type === 'info') bgStyle = 'bg-teal-400 text-black border-2 border-white';\r\n \r\n toast.className = `${bgStyle} px-6 py-3 rounded-2xl shadow-2xl font-jua text-sm flex items-center space-x-2 animate-bounce-slow transform translate-y-0 opacity-100 transition-all duration-300 border border-white\/20`;\r\n toast.innerHTML = `\r\n <svg class=\"w-5 h-5 fill-current\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\r\n <\/svg>\r\n <span>${message}<\/span>\r\n `;\r\n container.appendChild(toast);\r\n \r\n \/\/ Remove after 3 seconds with smooth fade\r\n setTimeout(() => {\r\n toast.style.opacity = '0';\r\n toast.style.transform = 'translateY(10px)';\r\n setTimeout(() => toast.remove(), 350);\r\n }, 3000);\r\n }\r\n\r\n \/\/ Loading Progress Simulation\r\n let progress = 0;\r\n const progressInterval = setInterval(() => {\r\n if (progress >= 100) {\r\n clearInterval(progressInterval);\r\n progressText.innerText = 'BOARDING COMPLETE!';\r\n progressText.classList.add('text-green-400');\r\n enterButton.classList.remove('hidden');\r\n } else {\r\n progress += Math.floor(Math.random() * 8) + 5;\r\n if (progress > 100) progress = 100;\r\n progressBar.style.width = progress + '%';\r\n progressText.innerText = 'CHARGING VIBES: ' + progress + '%';\r\n }\r\n }, 120);\r\n\r\n \/\/ Enter Main Site\r\n enterButton.addEventListener('click', () => {\r\n \/\/ Fade out loading screen\r\n loadingScreen.style.opacity = '0';\r\n loadingScreen.style.transform = 'scale(1.05)';\r\n \r\n \/\/ Show main site\r\n mainContent.classList.remove('opacity-0', 'scale-95');\r\n mainContent.classList.add('opacity-100', 'scale-100');\r\n \r\n setTimeout(() => {\r\n loadingScreen.classList.add('hidden');\r\n showToast('WELCOME TO MEMELAND!', 'info');\r\n }, 1000);\r\n });\r\n\r\n \/\/ Modal Functionality\r\n Object.keys(modals).forEach(key => {\r\n const item = modals[key];\r\n \r\n \/\/ Open modal\r\n item.trigger.addEventListener('click', () => {\r\n item.modal.classList.remove('hidden');\r\n item.modal.classList.add('flex', 'opacity-100');\r\n });\r\n \r\n \/\/ Close modal\r\n item.close.addEventListener('click', () => {\r\n item.modal.classList.add('hidden');\r\n item.modal.classList.remove('flex', 'opacity-100');\r\n });\r\n\r\n \/\/ Close on click outside content\r\n item.modal.addEventListener('click', (e) => {\r\n if (e.target === item.modal) {\r\n item.modal.classList.add('hidden');\r\n item.modal.classList.remove('flex', 'opacity-100');\r\n }\r\n });\r\n });\r\n\r\n \/\/ Copy Contract Address\r\n copyCaBtn.addEventListener('click', () => {\r\n const textToCopy = caInput.value;\r\n navigator.clipboard.writeText(textToCopy).then(() => {\r\n copyCaLabel.innerText = 'COPIED!';\r\n showToast('CONTRACT ADDRESS COPIED TO CLIPBOARD!');\r\n setTimeout(() => {\r\n copyCaLabel.innerText = 'COPY';\r\n }, 2000);\r\n }).catch(err => {\r\n console.error('Failed to copy: ', err);\r\n showToast('FAILED TO COPY ADDRESS', 'error');\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>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Memeland – Just Memes & Good Energy memeland. first class internet culture boarding CHARGING VIBES: 0% Claim Boarding Pass $Memeland Buy Boarding Pass AIR MEME-777 PASSENGER: DEGENS DESTINATION: MEMELAND BOARDING: NOW GATE: DEFI SEAT: 1A memeland. your one-way ticket out of the trenches. $MEMELAND CONTACT ADDRESS: COPY [ what is this? ] [ supply & […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/memeisland.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/memeisland.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/memeisland.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/memeisland.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/memeisland.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":52,"href":"https:\/\/memeisland.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":71,"href":"https:\/\/memeisland.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/71"}],"wp:attachment":[{"href":"https:\/\/memeisland.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}