<script> (function() { // IntersectionObserver for Scroll-Driven Entrance Animations document.addEventListener("DOMContentLoaded", function() { var animateElements = document.querySelectorAll("[style*='opacity:0'], [style*='opacity: 0'], [data-framer-appear-animation]"); if ("IntersectionObserver" in window) { var observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting) { entry.target.style.opacity = "1"; entry.target.style.transform = "translate(0px, 0px) scale(1)"; entry.target.style.transition = "opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1)"; observer.unobserve(entry.target); } }); }, { threshold: 0.05, rootMargin: "0px 0px -40px 0px" }); animateElements.forEach(function(el) { observer.observe(el); }); } else { // Fallback if IntersectionObserver is unsupported animateElements.forEach(function(el) { el.style.opacity = "1"; el.style.transform = "none"; }); } }); })(); </script> <!-- MIN-GLOBAL Interactive Utilities & Resources Dropdown Engine --> <style> .mgl-dropdown-parent { position: relative !important; display: inline-flex !important; align-items: center !important; cursor: pointer !important; } .mgl-dropdown-menu { position: absolute !important; top: 100% !important; left: 50% !important; transform: translateX(-50%) translateY(10px) !important; background: rgba(15, 23, 42, 0.96) !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; border: 1px solid rgba(255, 255, 255, 0.15) !important; border-radius: 16px !important; padding: 14px !important; min-width: 300px !important; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6), 0 0 25px rgba(0, 102, 255, 0.25) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important; z-index: 999999 !important; } .mgl-dropdown-parent:hover .mgl-dropdown-menu, .mgl-dropdown-menu.active { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateX(-50%) translateY(4px) !important; } .mgl-dropdown-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 6px !important; max-height: 420px !important; overflow-y: auto !important; } .mgl-dropdown-grid::-webkit-scrollbar { width: 4px; } .mgl-dropdown-grid::-webkit-scrollbar-thumb { background: rgba(0, 102, 255, 0.5); border-radius: 4px; } .mgl-dropdown-item { display: flex !important; align-items: center !important; gap: 10px !important; padding: 8px 12px !important; border-radius: 10px !important; color: #F8FAFC !important; text-decoration: none !important; font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important; transition: all 0.2s ease !important; } .mgl-dropdown-item:hover { background: rgba(0, 102, 255, 0.22) !important; color: #00F0FF !important; transform: translateX(4px) !important; } .mgl-dropdown-icon { font-size: 16px !important; width: 22px !important; text-align: center !important; flex-shrink: 0 !important; } </style> <script> (function() { var utilitiesItems = [ { title: "MGL Staking", href: "./staking.html", icon: "⛏️", desc: "Yield Rewards & Pools" }, { title: "Non-Custodial Wallet", href: "./wallet.html", icon: "👛", desc: "Multi-Chain Secure Wallet" }, { title: "Crypto Exchange", href: "./mgl-crypto-exchange.html", icon: "📈", desc: "Hybrid Spot & Futures Trading" }, { title: "Payment Gateway", href: "./mgl-payment-gateway.html", icon: "💳", desc: "Merchant Checkout" }, { title: "MGL Debit Card", href: "./mgl-card.html", icon: "💳", desc: "RWA Crypto Debit Card" }, { title: "Web3 Gaming", href: "./gaming.html", icon: "🎮", desc: "Metaverse & P2E Hub" }, { title: "AI Arbitrage Bot", href: "./mgl-arbitrage-bot.html", icon: "🤖", desc: "Algorithmic Arbitrage" }, { title: "MGL Blockchain", href: "./mgl-blockchain.html", icon: "🔗", desc: "High-Speed BSC Infrastructure" }, { title: "NFT Marketplace", href: "./mgl-nft-marketplace.html", icon: "🖼️", desc: "Cross-Chain NFT Hub" }, { title: "Micro-Tasks & Earn", href: "./mgl-micro-tasks.html", icon: "📋", desc: "Task Rewards Platform" }, { title: "AI Telephony", href: "./mgl-ai-calling.html", icon: "📞", desc: "Decentralized AI Calling" }, { title: "Forex Desk", href: "./mgl-forex.html", icon: "𒁂", desc: "Multi-Asset Trading Desk" }, { title: "FinLearn Academy", href: "./mgl-finlearn.html", icon: "🎓", desc: "Financial Education" } ]; var resourcesItems = [ { title: "Brand Guidelines", href: "./mgl-brand-guidelines.html", icon: "🎨", desc: "Logos & Brand Assets" }, { title: "Whitepaper", href: "https://minglobal.gitbook.io/whitepaper", icon: "📖", desc: "Technical Documentation" }, { title: "Presale Pitch Deck", href: "./presale.html", icon: "📊", desc: "RWA Allocation Overview" }, { title: "Contact Us", href: "./contact-us.html", icon: "📞", desc: "Support & Media Inquiries" }, { title: "Terms of Service", href: "./terms.html", icon: "📜", desc: "Platform Terms" }, { title: "Privacy Policy", href: "./privacypolicy.html", icon: "🛡️", desc: "Data Protection Policy" } ]; function buildMenuHTML(items) { var html = '<div class="mgl-dropdown-menu"><div class="mgl-dropdown-grid">'; items.forEach(function(item) { html += '<a href="' + item.href + '" class="mgl-dropdown-item">' + '<span class="mgl-dropdown-icon">' + item.icon + '</span>' + '<div>' + '<div style="font-weight:700;font-size:13px;color:#F8FAFC;">' + item.title + '</div>' + '<div style="font-size:10px;color:#94A3B8;font-weight:400;">' + item.desc + '</div>' + '</div>' + '</a>'; }); html += '</div></div>'; return html; } function initDropdowns() { var allTextEls = document.querySelectorAll("p, span, div"); allTextEls.forEach(function(el) { if (el.children.length === 0) { var txt = (el.textContent || "").trim(); if (txt === "Utilities") { var parent = el.closest(".framer-1li42sp-container") || el.parentElement.parentElement || el.parentElement; if (parent && !parent.querySelector(".mgl-dropdown-menu")) { parent.classList.add("mgl-dropdown-parent"); parent.insertAdjacentHTML("beforeend", buildMenuHTML(utilitiesItems)); // Toggle on click for touch/mobile parent.addEventListener("click", function(e) { if (!e.target.closest(".mgl-dropdown-item")) { var menu = parent.querySelector(".mgl-dropdown-menu"); if (menu) menu.classList.toggle("active"); } }); } } if (txt === "Resources") { var parent = el.closest(".framer-1y016nv-container") || el.parentElement.parentElement || el.parentElement; if (parent && !parent.querySelector(".mgl-dropdown-menu")) { parent.classList.add("mgl-dropdown-parent"); parent.insertAdjacentHTML("beforeend", buildMenuHTML(resourcesItems)); // Toggle on click for touch/mobile parent.addEventListener("click", function(e) { if (!e.target.closest(".mgl-dropdown-item")) { var menu = parent.querySelector(".mgl-dropdown-menu"); if (menu) menu.classList.toggle("active"); } }); } } } }); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initDropdowns); } else { initDropdowns(); } setTimeout(initDropdowns, 500); setTimeout(initDropdowns, 1500); })(); </script> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet" /> <style> * { padding: 0; margin: 0; box-sizing: border-box; font-family: "Plus Jakarta Sans", sans-serif; } body { background: linear-gradient( 86.17deg, rgba(112, 171, 255, 1) 12.210000306367874%, rgba(0, 105, 255, 1) 92.71000027656555% ); min-height: 100vh; color: #333; } .cont { width: 100%; margin: 0 auto; padding: 1rem; } .col-12 { flex: 0 0 auto; width: 100%; } .page-header { text-align: center; margin-bottom: 2rem; color: white; padding: 1rem 0; } .page-header h1 { font-size: clamp(2rem, 5vw, 3rem); font-weight: 700; margin-bottom: 1rem; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); line-height: 1.2; } .page-header p { font-size: clamp(1rem, 2.5vw, 1.2rem); opacity: 0.9; max-width: 600px; margin: 0 auto; line-height: 1.5; padding: 0 1rem; } .contact-card { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); border-radius: 15px; padding: 1.5rem; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); height: 100%; transition: transform 0.3s ease, box-shadow 0.3s ease; } .contact-card:hover { transform: translateY(-3px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); } .contact-info h2, .contact-form h2 { color: #667eea; font-size: clamp(1.5rem, 3vw, 2rem); margin-bottom: 1.5rem; font-weight: 600; } .info-item { display: flex; align-items: flex-start; margin-bottom: 1.5rem; padding: 1rem; background: rgba(102, 126, 234, 0.05); border-radius: 12px; transition: background 0.3s ease; } .info-item:hover { background: rgba(102, 126, 234, 0.1); } .info-icon { width: 40px; height: 40px; background: linear-gradient( 86.17deg, rgba(112, 171, 255, 1) 12.210000306367874%, rgba(0, 105, 255, 1) 92.71000027656555% ); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 1rem; flex-shrink: 0; } .info-icon i { color: white; font-size: 1rem; } .info-content h4 { color: #333; font-size: clamp(1rem, 2vw, 1.1rem); font-weight: 600; margin-bottom: 0.5rem; } .info-content p { color: #666; line-height: 1.6; margin: 0; font-size: clamp(0.9rem, 1.8vw, 1rem); word-break: break-word; } .info-content a { color: #667eea; text-decoration: none; transition: color 0.3s ease; } .info-content a:hover { color: #764ba2; } .form-group { margin-bottom: 1.5rem; } .form-group label { display: block; margin-bottom: 0.5rem; font-weight: 500; color: #333; font-size: clamp(0.9rem, 1.8vw, 1rem); } .form-control { width: 100%; padding: 0.875rem 1rem; border: 2px solid #e1e5e9; border-radius: 10px; font-size: clamp(0.9rem, 1.8vw, 1rem); transition: all 0.3s ease; background: white; } .form-control:focus { outline: none; border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); } textarea.form-control { resize: vertical; min-height: 100px; } .btn-primary { background: linear-gradient( 86.17deg, rgba(112, 171, 255, 1) 12.210000306367874%, rgba(0, 105, 255, 1) 92.71000027656555% ); color: white; border: none; padding: 1rem 2rem; border-radius: 10px; font-size: clamp(0.9rem, 1.8vw, 1rem); font-weight: 600; cursor: pointer; transition: all 0.3s ease; width: 100%; display: flex; align-items: center; justify-content: center; gap: 0.5rem; } .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3); } .btn-primary:active { transform: translateY(0); } .success-message { background: #d4edda; color: #155724; padding: 1rem; border-radius: 10px; margin-top: 1rem; display: none; font-size: clamp(0.9rem, 1.8vw, 1rem); } /* Mobile First - Extra Small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { .cont { padding: 0.5rem; } .page-header { margin-bottom: 1.5rem; padding: 0.5rem 0; } .contact-card { padding: 1rem; border-radius: 12px; } .row { gap: 1rem; } .info-item { padding: 0.75rem; margin-bottom: 1rem; } .info-icon { width: 35px; height: 35px; margin-right: 0.75rem; } .info-icon i { font-size: 0.9rem; } .form-control { padding: 0.75rem; } .btn-primary { padding: 0.875rem 1.5rem; } textarea.form-control { min-height: 80px; } } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) and (max-width: 767.98px) { .cont { padding: 0.75rem; } .contact-card { padding: 1.25rem; } .row { gap: 1.5rem; } } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { .cont { padding: 1.5rem; } .page-header { margin-bottom: 2.5rem; } .contact-card { padding: 2rem; border-radius: 18px; height: 100%; } .info-icon { width: 45px; height: 45px; } .info-icon i { font-size: 1.1rem; } textarea.form-control { min-height: 110px; } } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { .cont { padding: 2rem 1rem; } .page-header { margin-bottom: 3rem; } .page-header h1 { font-size: 3rem; } .page-header p { font-size: 1.2rem; } .contact-card { padding: 2.5rem; border-radius: 20px; height: 100%; } .contact-info h2, .contact-form h2 { font-size: 2rem; } .info-icon { width: 50px; height: 50px; } .info-icon i { font-size: 1.2rem; } .info-content h4 { font-size: 1.1rem; } .info-content p { font-size: 1rem; } .form-group label { font-size: 1rem; } .form-control { font-size: 1rem; padding: 1rem; } .btn-primary { font-size: 1rem; padding: 1.125rem 2rem; } textarea.form-control { min-height: 120px; } } /* Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { .cont { padding: 3rem 2rem; } .page-header { margin-bottom: 4rem; } .page-header h1 { font-size: 3.5rem; margin-bottom: 1.5rem; } .page-header p { font-size: 1.3rem; } .contact-card { padding: 3rem; border-radius: 24px; height: 100%; } .contact-info h2, .contact-form h2 { font-size: 2.2rem; margin-bottom: 2rem; } .info-item { padding: 1.5rem; margin-bottom: 2rem; border-radius: 16px; } .info-icon { width: 55px; height: 55px; margin-right: 1.5rem; } .info-icon i { font-size: 1.3rem; } .info-content h4 { font-size: 1.2rem; margin-bottom: 0.75rem; } .info-content p { font-size: 1.05rem; } .form-group { margin-bottom: 2rem; } .form-group label { font-size: 1.1rem; margin-bottom: 0.75rem; } .form-control { font-size: 1.05rem; padding: 1.125rem 1.25rem; border-radius: 12px; } .btn-primary { font-size: 1.1rem; padding: 1.25rem 2.5rem; border-radius: 12px; } textarea.form-control { min-height: 140px; } .success-message { font-size: 1.05rem; padding: 1.25rem; border-radius: 12px; } } /* Ultra wide screens (1400px and up) */ @media (min-width: 1400px) { .cont { padding: 4rem 3rem; } .page-header { margin-bottom: 5rem; } .page-header h1 { font-size: 4rem; margin-bottom: 2rem; } .page-header p { font-size: 1.4rem; max-width: 700px; } .contact-card { padding: 3.5rem; border-radius: 28px; height: 100%; } .contact-info h2, .contact-form h2 { font-size: 2.5rem; margin-bottom: 2.5rem; } .info-item { padding: 2rem; margin-bottom: 2.5rem; border-radius: 20px; } .info-icon { width: 60px; height: 60px; margin-right: 2rem; } .info-icon i { font-size: 1.4rem; } .info-content h4 { font-size: 1.3rem; margin-bottom: 1rem; } .info-content p { font-size: 1.1rem; } .form-group { margin-bottom: 2.5rem; } .form-group label { font-size: 1.2rem; margin-bottom: 1rem; } .form-control { font-size: 1.1rem; padding: 1.25rem 1.5rem; border-radius: 14px; } .btn-primary { font-size: 1.2rem; padding: 1.5rem 3rem; border-radius: 14px; } textarea.form-control { min-height: 160px; } .success-message { font-size: 1.1rem; padding: 1.5rem; border-radius: 14px; } } /* XXL screens (1600px and up) */ @media (min-width: 1600px) { .contact-card { padding: 4rem; } } /* Landscape orientation adjustments for tablets and phones */ @media (orientation: landscape) and (max-height: 600px) { .page-header { margin-bottom: 1rem; padding: 0.5rem 0; } .page-header h1 { font-size: clamp(1.8rem, 4vw, 2.5rem); } .contact-card { padding: 1rem; } } /* High DPI displays */ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .contact-card { border-width: 0.5px; } } /* Accessibility - Reduced motion */ @media (prefers-reduced-motion: reduce) { .contact-card, .btn-primary, .info-item { transition: none; } .contact-card:hover { transform: none; } .btn-primary:hover { transform: none; } } /* Dark mode support */ @media (prefers-color-scheme: dark) { body { background: linear-gradient( 86.17deg, rgba(64, 123, 205, 1) 12.21%, rgba(0, 77, 179, 1) 92.71% ); } } /* Print styles */ @media print { body { background: white !important; color: black !important; } .contact-card { background: white !important; box-shadow: none !important; border: 1px solid #ccc !important; } .btn-primary { display: none; } } </style> <style> html, body { overflow-x: hidden !important; max-width: 100vw !important; } img, video { max-width: 100%; height: auto; } </style> <!-- MIN-GLOBAL Framer Motion & CSS Animation Engine --> <style> /* Framer Appear & Motion Animation System */ [data-framer-appear-animation] { will-change: transform, opacity; } .framer-appear, [data-framer-appear-animation] { animation: framer-appear-fade-in 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; } @keyframes framer-appear-fade-in { 0% { opacity: 0; transform: translateY(25px) scale(0.98); } 100% { opacity: 1; transform: translateY(0) scale(1); } } @keyframes framer-float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-8px); } } @keyframes framer-pulse-glow { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.85; transform: scale(1.03); } } /* Floating elements animation */ .framer-float-card, [data-framer-name*="Floating"], [data-framer-name*="Card"] { animation: framer-float 4s ease-in-out infinite; } /* Button and Interactive Element Hover Animations */ a, button, [data-framer-name*="Button"], .framer-lux5qc, [data-border] { transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease !important; } a:hover, button:hover, [data-framer-name*="Button"]:hover { transform: translateY(-2px) scale(1.02); } /* Smooth Scroll Behavior */ html { scroll-behavior: smooth !important; } </style> <script> (function() { // IntersectionObserver for Scroll-Driven Entrance Animations document.addEventListener("DOMContentLoaded", function() { var animateElements = document.querySelectorAll("[style*='opacity:0'], [style*='opacity: 0'], [data-framer-appear-animation]"); if ("IntersectionObserver" in window) { var observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting) { entry.target.style.opacity = "1"; entry.target.style.transform = "translate(0px, 0px) scale(1)"; entry.target.style.transition = "opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1)"; observer.unobserve(entry.target); } }); }, { threshold: 0.05, rootMargin: "0px 0px -40px 0px" }); animateElements.forEach(function(el) { observer.observe(el); }); } else { // Fallback if IntersectionObserver is unsupported animateElements.forEach(function(el) { el.style.opacity = "1"; el.style.transform = "none"; }); } }); })(); </script> <!-- MIN-GLOBAL Interactive Utilities & Resources Dropdown Engine --> <style> .mgl-dropdown-parent { position: relative !important; display: inline-flex !important; align-items: center !important; cursor: pointer !important; } .mgl-dropdown-menu { position: absolute !important; top: 100% !important; left: 50% !important; transform: translateX(-50%) translateY(10px) !important; background: rgba(15, 23, 42, 0.96) !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; border: 1px solid rgba(255, 255, 255, 0.15) !important; border-radius: 16px !important; padding: 14px !important; min-width: 300px !important; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6), 0 0 25px rgba(0, 102, 255, 0.25) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important; z-index: 999999 !important; } .mgl-dropdown-parent:hover .mgl-dropdown-menu, .mgl-dropdown-menu.active { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateX(-50%) translateY(4px) !important; } .mgl-dropdown-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 6px !important; max-height: 420px !important; overflow-y: auto !important; } .mgl-dropdown-grid::-webkit-scrollbar { width: 4px; } .mgl-dropdown-grid::-webkit-scrollbar-thumb { background: rgba(0, 102, 255, 0.5); border-radius: 4px; } .mgl-dropdown-item { display: flex !important; align-items: center !important; gap: 10px !important; padding: 8px 12px !important; border-radius: 10px !important; color: #F8FAFC !important; text-decoration: none !important; font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important; transition: all 0.2s ease !important; } .mgl-dropdown-item:hover { background: rgba(0, 102, 255, 0.22) !important; color: #00F0FF !important; transform: translateX(4px) !important; } .mgl-dropdown-icon { font-size: 16px !important; width: 22px !important; text-align: center !important; flex-shrink: 0 !important; } </style> <script> (function() { var utilitiesItems = [ { title: "MGL Staking", href: "./staking.html", icon: "⛏️", desc: "Yield Rewards & Pools" }, { title: "Non-Custodial Wallet", href: "./wallet.html", icon: "👛", desc: "Multi-Chain Secure Wallet" }, { title: "Crypto Exchange", href: "./mgl-crypto-exchange.html", icon: "📈", desc: "Hybrid Spot & Futures Trading" }, { title: "Payment Gateway", href: "./mgl-payment-gateway.html", icon: "💳", desc: "Merchant Checkout" }, { title: "MGL Debit Card", href: "./mgl-card.html", icon: "💳", desc: "RWA Crypto Debit Card" }, { title: "Web3 Gaming", href: "./gaming.html", icon: "🎮", desc: "Metaverse & P2E Hub" }, { title: "AI Arbitrage Bot", href: "./mgl-arbitrage-bot.html", icon: "🤖", desc: "Algorithmic Arbitrage" }, { title: "MGL Blockchain", href: "./mgl-blockchain.html", icon: "🔗", desc: "High-Speed BSC Infrastructure" }, { title: "NFT Marketplace", href: "./mgl-nft-marketplace.html", icon: "🖼️", desc: "Cross-Chain NFT Hub" }, { title: "Micro-Tasks & Earn", href: "./mgl-micro-tasks.html", icon: "📋", desc: "Task Rewards Platform" }, { title: "AI Telephony", href: "./mgl-ai-calling.html", icon: "📞", desc: "Decentralized AI Calling" }, { title: "Forex Desk", href: "./mgl-forex.html", icon: "𒁂", desc: "Multi-Asset Trading Desk" }, { title: "FinLearn Academy", href: "./mgl-finlearn.html", icon: "🎓", desc: "Financial Education" } ]; var resourcesItems = [ { title: "Brand Guidelines", href: "./mgl-brand-guidelines.html", icon: "🎨", desc: "Logos & Brand Assets" }, { title: "Whitepaper", href: "https://minglobal.gitbook.io/whitepaper", icon: "📖", desc: "Technical Documentation" }, { title: "Presale Pitch Deck", href: "./presale.html", icon: "📊", desc: "RWA Allocation Overview" }, { title: "Contact Us", href: "./contact-us.html", icon: "📞", desc: "Support & Media Inquiries" }, { title: "Terms of Service", href: "./terms.html", icon: "📜", desc: "Platform Terms" }, { title: "Privacy Policy", href: "./privacypolicy.html", icon: "🛡️", desc: "Data Protection Policy" } ]; function buildMenuHTML(items) { var html = '<div class="mgl-dropdown-menu"><div class="mgl-dropdown-grid">'; items.forEach(function(item) { html += '<a href="' + item.href + '" class="mgl-dropdown-item">' + '<span class="mgl-dropdown-icon">' + item.icon + '</span>' + '<div>' + '<div style="font-weight:700;font-size:13px;color:#F8FAFC;">' + item.title + '</div>' + '<div style="font-size:10px;color:#94A3B8;font-weight:400;">' + item.desc + '</div>' + '</div>' + '</a>'; }); html += '</div></div>'; return html; } function initDropdowns() { var allTextEls = document.querySelectorAll("p, span, div"); allTextEls.forEach(function(el) { if (el.children.length === 0) { var txt = (el.textContent || "").trim(); if (txt === "Utilities") { var parent = el.closest(".framer-1li42sp-container") || el.parentElement.parentElement || el.parentElement; if (parent && !parent.querySelector(".mgl-dropdown-menu")) { parent.classList.add("mgl-dropdown-parent"); parent.insertAdjacentHTML("beforeend", buildMenuHTML(utilitiesItems)); // Toggle on click for touch/mobile parent.addEventListener("click", function(e) { if (!e.target.closest(".mgl-dropdown-item")) { var menu = parent.querySelector(".mgl-dropdown-menu"); if (menu) menu.classList.toggle("active"); } }); } } if (txt === "Resources") { var parent = el.closest(".framer-1y016nv-container") || el.parentElement.parentElement || el.parentElement; if (parent && !parent.querySelector(".mgl-dropdown-menu")) { parent.classList.add("mgl-dropdown-parent"); parent.insertAdjacentHTML("beforeend", buildMenuHTML(resourcesItems)); // Toggle on click for touch/mobile parent.addEventListener("click", function(e) { if (!e.target.closest(".mgl-dropdown-item")) { var menu = parent.querySelector(".mgl-dropdown-menu"); if (menu) menu.classList.toggle("active"); } }); } } } }); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initDropdowns); } else { initDropdowns(); } setTimeout(initDropdowns, 500); setTimeout(initDropdowns, 1500); })(); </script> <!-- Contact Us Section --> <div class="cont" style="max-width: 1140px; margin: 40px auto; padding: 0 20px;"> <div class="page-header" style="text-align: center; margin-bottom: 40px;"> <h1 style="font-size: 36px; font-weight: 700; margin-bottom: 12px; color: #fff;">Contact Us</h1> <p style="font-size: 16px; color: #94a3b8;"> We'd love to hear from you. Send us a message and we'll respond as soon as possible. </p> </div> <div class="row" style="display: flex; flex-wrap: wrap; gap: 30px; justify-content: center;"> <div class="col-md-6" style="flex: 1; min-width: 300px; max-width: 520px;"> <div class="contact-card contact-info" style="background: rgba(15, 23, 42, 0.8); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 20px; padding: 32px; backdrop-filter: blur(16px);"> <h2 style="font-size: 24px; font-weight: 700; margin-bottom: 24px; color: #f8fafc;">Get in Touch</h2> <div class="info-item" style="display: flex; align-items: flex-start; gap: 16px; margin-bottom: 20px;"> <div class="info-icon" style="font-size: 20px; color: #2477f1;"> <i class="fas fa-envelope"></i> </div> <div class="info-content"> <h4 style="font-size: 16px; font-weight: 600; color: #f8fafc;">Email Support</h4> <p style="margin-top: 4px;"> <a href="mailto:Support@minglobal.app" style="color: #38bdf8; text-decoration: none;">Support@minglobal.app</a> </p> </div> </div> <div class="info-item" style="display: flex; align-items: flex-start; gap: 16px; margin-bottom: 20px;"> <div class="info-icon" style="font-size: 20px; color: #2477f1;"> <i class="fas fa-phone"></i> </div> <div class="info-content"> <h4 style="font-size: 16px; font-weight: 600; color: #f8fafc;">Phone & WhatsApp</h4> <p style="margin-top: 4px;"><a href="tel:+971569353490" style="color: #38bdf8; text-decoration: none;">+971 56 935 3490</a></p> </div> </div> <div class="info-item" style="display: flex; align-items: flex-start; gap: 16px;"> <div class="info-icon" style="font-size: 20px; color: #2477f1;"> <i class="fas fa-map-marker-alt"></i> </div> <div class="info-content"> <h4 style="font-size: 16px; font-weight: 600; color: #f8fafc;">Office Address</h4> <p style="margin-top: 4px; color: #94a3b8; line-height: 1.6;"> Office No. 3409, Fairmont<br /> Shaikh Zayed Road<br /> Dubai, UAE </p> </div> </div> </div> </div> <div class="col-md-6" style="flex: 1; min-width: 300px; max-width: 520px;"> <div class="contact-card contact-form" style="background: rgba(15, 23, 42, 0.8); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 20px; padding: 32px; backdrop-filter: blur(16px);"> <h2 style="font-size: 24px; font-weight: 700; margin-bottom: 24px; color: #f8fafc;">Send Message</h2> <form id="contactForm"> <div class="form-group" style="margin-bottom: 16px;"> <label for="name" style="display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; color: #cbd5e1;">Full Name *</label> <input type="text" id="name" name="name" class="form-control" style="width: 100%; padding: 12px 14px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2); background: rgba(255,255,255,0.05); color: #fff; outline: none;" required /> </div> <div class="form-group" style="margin-bottom: 16px;"> <label for="email" style="display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; color: #cbd5e1;">Email Address *</label> <input type="email" id="email" name="email" class="form-control" style="width: 100%; padding: 12px 14px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2); background: rgba(255,255,255,0.05); color: #fff; outline: none;" required /> </div> <div class="form-group" style="margin-bottom: 16px;"> <label for="phone" style="display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; color: #cbd5e1;">Phone Number</label> <input type="tel" id="phone" name="phone" class="form-control" style="width: 100%; padding: 12px 14px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2); background: rgba(255,255,255,0.05); color: #fff; outline: none;" /> </div> <div class="form-group" style="margin-bottom: 16px;"> <label for="subject" style="display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; color: #cbd5e1;">Subject *</label> <input type="text" id="subject" name="subject" class="form-control" style="width: 100%; padding: 12px 14px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2); background: rgba(255,255,255,0.05); color: #fff; outline: none;" required /> </div> <div class="form-group" style="margin-bottom: 20px;"> <label for="message" style="display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; color: #cbd5e1;">Message *</label> <textarea id="message" name="message" class="form-control" rows="5" style="width: 100%; padding: 12px 14px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2); background: rgba(255,255,255,0.05); color: #fff; outline: none; resize: vertical;" required></textarea> </div> <button type="submit" class="btn-primary" style="width: 100%; padding: 14px; background: #2477f1; color: #fff; border: none; border-radius: 10px; font-size: 15px; font-weight: 700; cursor: pointer;"> <span>Send Message</span> </button> <div id="successMessage" class="success-message" style="display: none; margin-top: 14px; padding: 12px; background: rgba(34, 197, 94, 0.2); border: 1px solid #22c55e; border-radius: 8px; color: #4ade80; text-align: center; font-size: 14px;"> Thank you for your message! We'll get back to you soon. </div> </form> </div> </div> </div> </div> <script> (function() { var form = document.getElementById("contactForm"); if (form) { form.addEventListener("submit", function (e) { e.preventDefault(); const formData = new FormData(this); const name = formData.get("name"); const email = formData.get("email"); const phone = formData.get("phone"); const subject = formData.get("subject"); const message = formData.get("message"); const mailtoLink = `mailto:admin@minglobal.app?subject=${encodeURIComponent( subject )}&body=${encodeURIComponent( `Name: ${name}\nEmail: ${email}\nPhone: ${ phone || "Not provided" }\n\nMessage:\n${message}` )}`; window.location.href = mailtoLink; var succ = document.getElementById("successMessage"); if (succ) succ.style.display = "block"; this.reset(); setTimeout(() => { if (succ) succ.style.display = "none"; }, 5000); }); } const observerOptions = { threshold: 0.1, rootMargin: "0px 0px -50px 0px", }; const observer = new IntersectionObserver(function (entries) { entries.forEach((entry) => { if (entry.isIntersecting) { entry.target.style.opacity = "1"; entry.target.style.transform = "translateY(0)"; } }); }, observerOptions); document.querySelectorAll(".contact-card").forEach((card) => { card.style.opacity = "0"; card.style.transform = "translateY(30px)"; card.style.transition = "opacity 0.6s ease, transform 0.6s ease"; observer.observe(card); }); })(); </script> <!-- MIN-GLOBAL Universal Local Router Script --> <script> (function() { var routeMap = { 'presale': './presale.html', 'staking': './staking.html', 'wallet': './wallet.html', 'contact-us': './contact-us.html', 'terms': './terms.html', 'privacypolicy': './privacypolicy.html', 'u1-wallet': './wallet.html', 'login': './login.html', 'signup': './signup.html' /* Utility Routers (Commented out - uncomment when needed): , 'gaming': './gaming.html' , 'mgl-card': './mgl-card.html' , 'mgl-crypto-exchange': './mgl-crypto-exchange.html' , 'mgl-payment-gateway': './mgl-payment-gateway.html' , 'mgl-staking': './mgl-staking.html' , 'mgl-blockchain': './mgl-blockchain.html' , 'mgl-nft-marketplace': './mgl-nft-marketplace.html' , 'mgl-micro-tasks': './mgl-micro-tasks.html' , 'mgl-arbitrage-bot': './mgl-arbitrage-bot.html' , 'mgl-ai-calling': './mgl-ai-calling.html' , 'mgl-forex': './mgl-forex.html' , 'mgl-finlearn': './mgl-finlearn.html' , 'mgl-brand-guidelines': './mgl-brand-guidelines.html' , 'u2-crypto-gaming': './gaming.html' , 'u3-mgl-card': './mgl-card.html' , 'u4-mgl-nft-marketplace': './mgl-nft-marketplace.html' , 'u5-mgl-arbitrage-bot': './mgl-arbitrage-bot.html' , 'u6-mgl-micro-tasks-app': './mgl-micro-tasks.html' , 'u7-mgl-payment-gateway': './mgl-payment-gateway.html' , 'u8-finlearn-by-mgl': './mgl-finlearn.html' , 'u9-forex-by-mgl': './mgl-forex.html' , 'u10-mgl-ai-calling': './mgl-ai-calling.html' , 'u11-crypto-exchange-by-mgl': './mgl-crypto-exchange.html' , 'u12-mgl-blockchain': './mgl-blockchain.html' , 'u13-mgl-staking': './mgl-staking.html' , 'guid': './mgl-brand-guidelines.html' */ }; function handleGlobalLinkClick(e) { var target = e.target; if (!target) return; var anchor = target.closest ? target.closest('a, [href], [data-framer-name*="Button"], [data-framer-name*="Presale"], [data-framer-name*="Staking"]') : null; if (!anchor) return; var href = anchor.getAttribute('href') || anchor.href || ''; var rawText = anchor.textContent || ''; var textContent = rawText.trim ? rawText.trim().toLowerCase() : rawText.toLowerCase(); // Prevent navigation to utility pages (Commented out utility routing - uncomment when needed) if (href.indexOf('mgl-') !== -1 || href.indexOf('gaming') !== -1) { e.preventDefault(); e.stopPropagation(); return false; } // Check text content matches first if (textContent.indexOf('sign up') !== -1 || textContent.indexOf('signup') !== -1 || textContent.indexOf('register') !== -1) { e.preventDefault(); e.stopPropagation(); window.location.href = './signup.html'; return false; } if (textContent.indexOf('login') !== -1 || textContent.indexOf('sign in') !== -1 || textContent.indexOf('sign-in') !== -1) { e.preventDefault(); e.stopPropagation(); window.location.href = './login.html'; return false; } if (textContent.indexOf('staking') !== -1 && textContent.indexOf('mgl') === -1) { e.preventDefault(); e.stopPropagation(); window.location.href = './staking.html'; return false; } if (textContent.indexOf('presale') !== -1 || textContent.indexOf('buy now') !== -1) { e.preventDefault(); e.stopPropagation(); window.location.href = './presale.html'; return false; } if (textContent.indexOf('connect wallet') !== -1 || textContent.indexOf('connect') !== -1 || textContent.indexOf('0x') !== -1) { return; } if (textContent.indexOf('wallet') !== -1) { e.preventDefault(); e.stopPropagation(); window.location.href = './wallet.html'; return false; } // Check href matching for (var key in routeMap) { if (href.indexOf(key) !== -1) { e.preventDefault(); e.stopPropagation(); window.location.href = routeMap[key]; return false; } } if (href.indexOf('minglobal.app') !== -1 || href.indexOf('minglobal.app') !== -1 || href.indexOf('sweepwidget') !== -1) { e.preventDefault(); e.stopPropagation(); if (href.indexOf('presale') !== -1) window.location.href = './presale.html'; else if (href.indexOf('staking') !== -1) window.location.href = './staking.html'; else if (href.indexOf('wallet') !== -1) window.location.href = './wallet.html'; else window.location.href = './presale.html'; return false; } } window.addEventListener('click', handleGlobalLinkClick, true); })(); </script> <div class="framer-180esov hidden-9kv8gy hidden-3cxcid" data-framer-name="TOP NOTIFICATION BAR"><!--$--><a class="framer-o6wwsm framer-1rf5vsi" data-framer-name="Frame 20" href="./presale.html" target="_blank" rel="noopener" style="transform:translate(-50%, -50%)"> <div class="framer-2berls" data-framer-name="Join World’s First RWA Backed Presale" style="outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;transform:none" data-framer-component-type="RichTextContainer"> <p style="--font-selector:R0Y7UGx1cyBKYWthcnRhIFNhbnMtNjAw;--framer-font-family:"Plus Jakarta Sans", "Plus Jakarta Sans Placeholder", sans-serif;--framer-font-size:18px;--framer-font-weight:600;--framer-text-alignment:center;--framer-text-color:rgb(255, 255, 255)" class="framer-text">Join World’s First RWA Backed Presale</p> </div> <div data-framer-component-type="SVG" data-framer-name="Frame" style="image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)" class="framer-11cpi6a" aria-hidden="true"> <div class="svgContainer" style="width:100%;height:100%;aspect-ratio:inherit"><svg style="width:100%;height:100%;" viewBox="0 0 15 16"> <use href="#svg1142701723_345" /> </svg></div> </div> </a><!--/$--></div> <div class="framer-x3ckyh hidden-9kv8gy hidden-hh1hk4" data-framer-name="TOP NOTIFICATION BAR"> <div class="ssr-variant hidden-3cxcid"> <div class="framer-sh8i9b" data-framer-name="1 922"> <div style="position:absolute;border-radius:inherit;top:0;right:0;bottom:0;left:0" data-framer-background-image-wrapper="true"><img decoding="async" width="1628" height="1086" sizes="(min-width: 1200px) and (max-width: 1919.98px) max(408.6958px, 407px), (max-width: 1199.98px) max(408.6958px, 407px), (min-width: 1920px) max(408.6958px, 407px)" srcset="./assets/images/c56f4f2d_oJN9zGPvEwfFOhIHhtYACX6bhc.png 512w,./assets/images/a6e4b22c_oJN9zGPvEwfFOhIHhtYACX6bhc.png 1024w,./assets/images/f42dc108_oJN9zGPvEwfFOhIHhtYACX6bhc.png 1628w" src="./assets/images/f42dc108_oJN9zGPvEwfFOhIHhtYACX6bhc.png" alt style="display:block;width:100%;height:100%;border-radius:inherit;object-position:center;object-fit:contain" data-framer-original-sizes="408.6958px"></div> </div> </div> <div class="ssr-variant hidden-hh1hk4 hidden-9kv8gy"> <div class="framer-sh8i9b" data-framer-name="1 922"> <div style="position:absolute;border-radius:inherit;top:0;right:0;bottom:0;left:0" data-framer-background-image-wrapper="true"><img decoding="async" width="1628" height="1086" sizes="(min-width: 1200px) and (max-width: 1919.98px) max(408.6958px, 407px), (max-width: 1199.98px) max(408.6958px, 407px), (min-width: 1920px) max(408.6958px, 407px)" srcset="./assets/images/c56f4f2d_oJN9zGPvEwfFOhIHhtYACX6bhc.png 512w,./assets/images/a6e4b22c_oJN9zGPvEwfFOhIHhtYACX6bhc.png 1024w,./assets/images/f42dc108_oJN9zGPvEwfFOhIHhtYACX6bhc.png 1628w" src="./assets/images/f42dc108_oJN9zGPvEwfFOhIHhtYACX6bhc.png" alt style="display:block;width:100%;height:100%;border-radius:inherit;object-position:center;object-fit:contain" data-framer-original-sizes="408.6958px"></div> </div> </div> <div class="ssr-variant hidden-3cxcid"> <div class="framer-pw3ifo" data-framer-name="1 923"> <div style="position:absolute;border-radius:inherit;top:0;right:0;bottom:0;left:0" data-framer-background-image-wrapper="true"><img decoding="async" width="2688" height="1792" srcset="./assets/images/b3c240b5_6G37JHnEej5PU6jQ5FC8Wna2ds0.png 512w,./assets/images/e7f500d0_6G37JHnEej5PU6jQ5FC8Wna2ds0.png 1024w,./assets/images/26f63988_6G37JHnEej5PU6jQ5FC8Wna2ds0.png 2048w,./assets/images/498e5252_6G37JHnEej5PU6jQ5FC8Wna2ds0.png 2688w" src="./assets/images/498e5252_6G37JHnEej5PU6jQ5FC8Wna2ds0.png" alt style="display:block;width:100%;height:100%;border-radius:inherit;object-position:center;object-fit:cover" data-framer-original-sizes sizes="(min-width: 1200px) and (max-width: 1919.98px) max(100vw, 406.875px), (max-width: 1199.98px) max(100vw, 406.875px), (min-width: 1920px) max(408px, 406.875px)"> </div> </div> </div> <div class="ssr-variant hidden-hh1hk4 hidden-9kv8gy"> <div class="framer-pw3ifo" data-framer-name="1 923"> <div style="position:absolute;border-radius:inherit;top:0;right:0;bottom:0;left:0" data-framer-background-image-wrapper="true"><img decoding="async" width="2688" height="1792" sizes="(min-width: 1200px) and (max-width: 1919.98px) max(100vw, 406.875px), (max-width: 1199.98px) max(100vw, 406.875px), (min-width: 1920px) max(408px, 406.875px)" srcset="./assets/images/b3c240b5_6G37JHnEej5PU6jQ5FC8Wna2ds0.png 512w,./assets/images/e7f500d0_6G37JHnEej5PU6jQ5FC8Wna2ds0.png 1024w,./assets/images/26f63988_6G37JHnEej5PU6jQ5FC8Wna2ds0.png 2048w,./assets/images/498e5252_6G37JHnEej5PU6jQ5FC8Wna2ds0.png 2688w" src="./assets/images/498e5252_6G37JHnEej5PU6jQ5FC8Wna2ds0.png" alt style="display:block;width:100%;height:100%;border-radius:inherit;object-position:center;object-fit:cover" data-framer-original-sizes="408px"></div> </div> </div><!--$--><a class="framer-1509onr framer-1rf5vsi" data-framer-name="Frame 20" href="./presale.html" target="_blank" rel="noopener" style="transform:translate(-50%, -50%)"> <div class="framer-1q3ayzr" data-framer-name="Join World’s First RWA Backed Presale" style="outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;transform:none" data-framer-component-type="RichTextContainer"> <p style="--font-selector:R0Y7UGx1cyBKYWthcnRhIFNhbnMtNjAw;--framer-font-family:"Plus Jakarta Sans", "Plus Jakarta Sans Placeholder", sans-serif;--framer-font-size:20px;--framer-font-weight:600;--framer-text-alignment:center;--framer-text-color:rgb(255, 255, 255)" class="framer-text">Join World’s First RWA Backed Presale</p> </div> <div data-framer-component-type="SVG" data-framer-name="Frame" style="image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)" class="framer-735y4x" aria-hidden="true"> <div class="svgContainer" style="width:100%;height:100%;aspect-ratio:inherit"><svg style="width:100%;height:100%;" viewBox="0 0 15 16"> <use href="#svg1142701723_345" /> </svg></div> </div> </a><!--/$--> </div> <div class="framer-db91jx hidden-3cxcid hidden-hh1hk4" data-framer-name="TOP NOTIFICATION BAR"> <div class="framer-4va6at" data-framer-name="1 922"> <div style="position:absolute;border-radius:inherit;top:0;right:0;bottom:0;left:0" data-framer-background-image-wrapper="true"><img decoding="async" width="1628" height="1086" sizes="(min-width: 1200px) and (max-width: 1919.98px) max(408.6958px, 407px), (max-width: 1199.98px) max(408.6958px, 407px), (min-width: 1920px) max(408.6958px, 407px)" srcset="./assets/images/c56f4f2d_oJN9zGPvEwfFOhIHhtYACX6bhc.png 512w,./assets/images/a6e4b22c_oJN9zGPvEwfFOhIHhtYACX6bhc.png 1024w,./assets/images/f42dc108_oJN9zGPvEwfFOhIHhtYACX6bhc.png 1628w" src="./assets/images/f42dc108_oJN9zGPvEwfFOhIHhtYACX6bhc.png" alt style="display:block;width:100%;height:100%;border-radius:inherit;object-position:center;object-fit:contain" data-framer-original-sizes="407px"></div> </div> <div class="framer-z2a8be" data-framer-name="1 923" style="transform:translateY(-50%)"> <div style="position:absolute;border-radius:inherit;top:0;right:0;bottom:0;left:0" data-framer-background-image-wrapper="true"><img decoding="async" width="2688" height="1792" sizes="(min-width: 1200px) and (max-width: 1919.98px) max(100vw, 406.875px), (max-width: 1199.98px) max(100vw, 406.875px), (min-width: 1920px) max(408px, 406.875px)" srcset="./assets/images/b3c240b5_6G37JHnEej5PU6jQ5FC8Wna2ds0.png 512w,./assets/images/e7f500d0_6G37JHnEej5PU6jQ5FC8Wna2ds0.png 1024w,./assets/images/26f63988_6G37JHnEej5PU6jQ5FC8Wna2ds0.png 2048w,./assets/images/498e5252_6G37JHnEej5PU6jQ5FC8Wna2ds0.png 2688w" src="./assets/images/498e5252_6G37JHnEej5PU6jQ5FC8Wna2ds0.png" alt style="display:block;width:100%;height:100%;border-radius:inherit;object-position:center;object-fit:cover" data-framer-original-sizes="406.875px"></div> </div><!--$--><a class="framer-119tivn framer-1rf5vsi" data-framer-name="Frame 20" href="./presale.html" target="_blank" rel="noopener" style="transform:translate(-50%, -50%)"> <div class="framer-2fkt4e" data-framer-name="Join World’s First RWA Backed Presale" style="outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;transform:none" data-framer-component-type="RichTextContainer"> <p style="--font-selector:R0Y7UGx1cyBKYWthcnRhIFNhbnMtNjAw;--framer-font-family:"Plus Jakarta Sans", "Plus Jakarta Sans Placeholder", sans-serif;--framer-font-size:12.5px;--framer-font-weight:600;--framer-text-alignment:center;--framer-text-color:rgb(255, 255, 255)" class="framer-text">Join World’s First RWA Backed Presale</p> </div> <div data-framer-component-type="SVG" data-framer-name="Frame" style="image-rendering:pixelated;flex-shrink:0;fill:rgba(0,0,0,1);color:rgba(0,0,0,1)" class="framer-1i0ez8o" aria-hidden="true"> <div class="svgContainer" style="width:100%;height:100%;aspect-ratio:inherit"><svg style="width:100%;height:100%;" viewBox="0 0 15 16"> <use href="#svg1142701723_345" /> </svg></div> </div> </a><!--/$--> </div> <div class="ssr-variant hidden-hh1hk4 hidden-3cxcid"> <div class="framer-5xmj6p-container" style="transform:translateX(-50%)"> <nav class="framer-4dm5i framer-127xd9x framer-v-il8g0d" data-framer-name="sm-white" data-hide-scrollbars="true" style="backdrop-filter:blur(15px);background-color:rgba(255, 255, 255, 0.1);-webkit-backdrop-filter:blur(15px);width:100%"> <div class="framer-wnragw" data-framer-name="Name" style="--border-bottom-width:0px;--border-color:rgba(0, 0, 0, 0);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:0px"> <div class="framer-1fsocct" data-framer-name="Logo and Name"><!--$--><a class="framer-qjiya framer-1jm9ir" href="./index.html" target="_blank" rel="noopener"> <div style="position:absolute;border-radius:inherit;top:0;right:0;bottom:0;left:0" data-framer-background-image-wrapper="true"><img decoding="async" width="183" height="100" src="./assets/images/5bbc6827_hqxqwZlLMuQdv9NCO1FVhDRqT0.png" alt style="display:block;width:100%;height:100%;border-radius:inherit;object-position:center;object-fit:contain"> </div> </a><!--/$--></div> </div> <div class="framer-16rdzv" data-framer-name="Links" style="background-color:rgba(0, 0, 0, 0)"> <div class="framer-yrbuof-container"><a class="framer-ETGN9 framer-vv22mr framer-v-vv22mr framer-1vhjf8g" data-framer-name="SM" data-highlight="true" href="./index.html" rel="noopener" tabindex="0"><div class="framer-1bac6fr" style="--extracted-r6o4lv:rgb(37, 37, 37);--framer-paragraph-spacing:0px;transform:none" data-framer-component-type="RichTextContainer"><p style="--font-selector:RlM7UGx1cyBKYWthcnRhIFNhbnMtc2VtaWJvbGQ=;--framer-font-family:"Plus Jakarta Sans", "Plus Jakarta Sans Placeholder", sans-serif;--framer-font-size:15px;--framer-font-weight:600;--framer-letter-spacing:-0.01em;--framer-line-height:2em;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(37, 37, 37))" class="framer-text">Home</p></div></a></div> <div class="framer-d6ux5m-container" data-framer-name="Trigger" id="undefined-d6ux5m" name="Trigger"><div name="Trigger" class="framer-k3b3Y framer-13jdhdd framer-v-13jdhdd" data-framer-name="Closed-sm" data-highlight="true" tabindex="0"><div class="framer-1uyeyyr" style="--extracted-r6o4lv:rgb(37, 37, 37);--framer-paragraph-spacing:0px;transform:none" data-framer-component-type="RichTextContainer"><p style="--font-selector:RlM7UGx1cyBKYWthcnRhIFNhbnMtc2VtaWJvbGQ=;--framer-font-family:"Plus Jakarta Sans", "Plus Jakarta Sans Placeholder", sans-serif;--framer-font-size:15px;--framer-font-weight:600;--framer-letter-spacing:-0.01em;--framer-line-height:2em;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(37, 37, 37))" class="framer-text">Utilities</p></div><div class="framer-1li42sp-container"><div class="framer-2AKI1 framer-1m46ir5 framer-v-1m46ir5" data-framer-name="Closed"><div class="framer-1d8vdja" data-framer-name="Frame" style="transform:none"><div data-framer-component-type="SVG" data-framer-name="Icon" style="image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 14 14"><path d="M 3 5.5 L 7 9.5 L 11 5.5" fill="transparent" stroke-width="2" stroke="%23aaa" stroke-linecap="round" stroke-linejoin="round"></path></svg>')" class="framer-e2d28y" aria-hidden="true"></div></div></div></div></div></div> <div class="framer-1f19f1k-container" data-framer-name="Trigger" id="undefined-1f19f1k" name="Trigger"><div name="Trigger" class="framer-k3b3Y framer-13jdhdd framer-v-13jdhdd" data-framer-name="Closed-sm" data-highlight="true" tabindex="0"><div class="framer-1uyeyyr" style="--extracted-r6o4lv:rgb(37, 37, 37);--framer-paragraph-spacing:0px;transform:none" data-framer-component-type="RichTextContainer"><p style="--font-selector:RlM7UGx1cyBKYWthcnRhIFNhbnMtc2VtaWJvbGQ=;--framer-font-family:"Plus Jakarta Sans", "Plus Jakarta Sans Placeholder", sans-serif;--framer-font-size:15px;--framer-font-weight:600;--framer-letter-spacing:-0.01em;--framer-line-height:2em;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(37, 37, 37))" class="framer-text">Resources</p></div><div class="framer-1y016nv-container"><div class="framer-2AKI1 framer-1m46ir5 framer-v-1m46ir5" data-framer-name="Closed"><div class="framer-1d8vdja" data-framer-name="Frame" style="transform:none"><div data-framer-component-type="SVG" data-framer-name="Icon" style="image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 14 14"><path d="M 3 5.5 L 7 9.5 L 11 5.5" fill="transparent" stroke-width="2" stroke="%23aaa" stroke-linecap="round" stroke-linejoin="round"></path></svg>')" class="framer-e2d28y" aria-hidden="true"></div></div></div></div></div></div> <div class="framer-eetf49-container"><a class="framer-ETGN9 framer-vv22mr framer-v-vv22mr framer-1vhjf8g" data-framer-name="SM" data-highlight="true" href="./presale.html" rel="noopener" tabindex="0"><div class="framer-1bac6fr" style="--extracted-r6o4lv:rgb(37, 37, 37);--framer-paragraph-spacing:0px;transform:none" data-framer-component-type="RichTextContainer"><p style="--font-selector:RlM7UGx1cyBKYWthcnRhIFNhbnMtc2VtaWJvbGQ=;--framer-font-family:"Plus Jakarta Sans", "Plus Jakarta Sans Placeholder", sans-serif;--framer-font-size:15px;--framer-font-weight:600;--framer-letter-spacing:-0.01em;--framer-line-height:2em;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(37, 37, 37))" class="framer-text">Airdrop</p></div></a></div> <div class="framer-19gfph4-container"><a class="framer-ETGN9 framer-vv22mr framer-v-vv22mr framer-1vhjf8g" data-framer-name="SM" data-highlight="true" href="./presale.html" rel="noopener" tabindex="0"><div class="framer-1bac6fr" style="--extracted-r6o4lv:rgb(37, 37, 37);--framer-paragraph-spacing:0px;transform:none" data-framer-component-type="RichTextContainer"><p style="--font-selector:RlM7UGx1cyBKYWthcnRhIFNhbnMtc2VtaWJvbGQ=;--framer-font-family:"Plus Jakarta Sans", "Plus Jakarta Sans Placeholder", sans-serif;--framer-font-size:15px;--framer-font-weight:600;--framer-letter-spacing:-0.01em;--framer-line-height:2em;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(37, 37, 37))" class="framer-text">Presale</p></div></a></div> <div class="framer-twb13o-container"><a class="framer-ETGN9 framer-vv22mr framer-v-vv22mr framer-1vhjf8g" data-framer-name="SM" data-highlight="true" href="./staking.html" rel="noopener" tabindex="0"><div class="framer-1bac6fr" style="--extracted-r6o4lv:rgb(37, 37, 37);--framer-paragraph-spacing:0px;transform:none" data-framer-component-type="RichTextContainer"><p style="--font-selector:RlM7UGx1cyBKYWthcnRhIFNhbnMtc2VtaWJvbGQ=;--framer-font-family:"Plus Jakarta Sans", "Plus Jakarta Sans Placeholder", sans-serif;--framer-font-size:15px;--framer-font-weight:600;--framer-letter-spacing:-0.01em;--framer-line-height:2em;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(37, 37, 37))" class="framer-text">Staking</p></div></a></div> <div class="framer-16d8qh3-container"><a class="framer-ETGN9 framer-vv22mr framer-v-vv22mr framer-1vhjf8g" data-framer-name="SM" data-highlight="true" href="#roadmap" rel="noopener" tabindex="0"><div class="framer-1bac6fr" style="--extracted-r6o4lv:rgb(37, 37, 37);--framer-paragraph-spacing:0px;transform:none" data-framer-component-type="RichTextContainer"><p style="--font-selector:RlM7UGx1cyBKYWthcnRhIFNhbnMtc2VtaWJvbGQ=;--framer-font-family:"Plus Jakarta Sans", "Plus Jakarta Sans Placeholder", sans-serif;--framer-font-size:15px;--framer-font-weight:600;--framer-letter-spacing:-0.01em;--framer-line-height:2em;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(37, 37, 37))" class="framer-text">Blog</p></div></a></div> <div class="framer-1sw52o-container"><a class="framer-ETGN9 framer-vv22mr framer-v-vv22mr framer-1vhjf8g" data-framer-name="SM" data-highlight="true" href="./#roadmap" tabindex="0"><div class="framer-1bac6fr" style="--extracted-r6o4lv:rgb(37, 37, 37);--framer-paragraph-spacing:0px;transform:none" data-framer-component-type="RichTextContainer"><p style="--font-selector:RlM7UGx1cyBKYWthcnRhIFNhbnMtc2VtaWJvbGQ=;--framer-font-family:"Plus Jakarta Sans", "Plus Jakarta Sans Placeholder", sans-serif;--framer-font-size:15px;--framer-font-weight:600;--framer-letter-spacing:-0.01em;--framer-line-height:2em;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(37, 37, 37))" class="framer-text">Roadmap</p></div></a></div> <div class="framer-e4yyhc-container"><a class="framer-ETGN9 framer-vv22mr framer-v-vv22mr framer-1vhjf8g" data-framer-name="SM" data-highlight="true" href="./#tokenomicswab" tabindex="0"><div class="framer-1bac6fr" style="--extracted-r6o4lv:rgb(37, 37, 37);--framer-paragraph-spacing:0px;transform:none" data-framer-component-type="RichTextContainer"><p style="--font-selector:RlM7UGx1cyBKYWthcnRhIFNhbnMtc2VtaWJvbGQ=;--framer-font-family:"Plus Jakarta Sans", "Plus Jakarta Sans Placeholder", sans-serif;--framer-font-size:15px;--framer-font-weight:600;--framer-letter-spacing:-0.01em;--framer-line-height:2em;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(37, 37, 37))" class="framer-text">Tokenomics</p></div></a></div> <div class="framer-8es54v-container" style="display:none!important"><div class="framer-login-container nav-login-wrapper" style="display:inline-flex;align-items:center;"> <a class="framer-ETGN9 framer-vv22mr framer-v-vv22mr framer-1vhjf8g nav-login-link" data-framer-name="SM" data-highlight="true" href="./login.html" tabindex="0"> <div class="framer-1bac6fr" style="--extracted-r6o4lv:rgb(37, 37, 37);--framer-paragraph-spacing:0px;transform:none" data-framer-component-type="RichTextContainer"> <p style="--font-selector:RlM7UGx1cyBKYWthcnRhIFNhbnMtc2VtaWJvbGQ=;--framer-font-family:"Plus Jakarta Sans", "Plus Jakarta Sans Placeholder", sans-serif;--framer-font-size:15px;--framer-font-weight:600;--framer-letter-spacing:-0.01em;--framer-line-height:2em;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(37, 37, 37))" class="framer-text">Log In</p> </div> </a> </div></div> <div class="framer-ah0p2i-container"><!--$--><a class="framer-0VKx0 framer-11v0pov framer-v-11v0pov framer-1gpe2x" data-framer-name="Blue-with-icon" style="--border-bottom-width:0px;--border-color:rgba(0, 0, 0, 0);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:0px;background-color:rgb(36, 119, 241);border-bottom-left-radius:7.5px;border-bottom-right-radius:7.5px;border-top-left-radius:7.5px;border-top-right-radius:7.5px;box-shadow:none" href="#connect-wallet" rel="noopener"> <div class="framer-18735uw" data-framer-name="Icon"> <div style="position:absolute;border-radius:inherit;top:0;right:0;bottom:0;left:0" data-framer-background-image-wrapper="true"><img decoding="async" width="512" height="512" sizes="16px" src="./assets/images/75e70ab9_2FmVrvHAyILprT67zZNe69ME8.png" alt style="display:block;width:100%;height:100%;border-radius:inherit;object-position:center;object-fit:cover"> </div> </div> <div class="framer-1quvq94" data-framer-name="Presale" style="outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;--extracted-r6o4lv:rgb(255, 255, 255);--framer-paragraph-spacing:0px;transform:none" data-framer-component-type="RichTextContainer"> <p style="--font-selector:R0Y7UGx1cyBKYWthcnRhIFNhbnMtNjAw;--framer-font-family:"Plus Jakarta Sans", "Plus Jakarta Sans Placeholder", sans-serif;--framer-font-size:15px;--framer-font-weight:600;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, rgb(255, 255, 255))" class="framer-text">Connect Wallet</p> </div> </a><!--/$--></div> </nav> </div> </div> <div class="ssr-variant hidden-3cxcid hidden-9kv8gy"> <div class="framer-5xmj6p-container" style="transform:translateX(-50%)"> <nav class="framer-4dm5i framer-127xd9x framer-v-9sfcvy" data-framer-name="Phone" style="backdrop-filter:blur(15px);background-color:rgba(255, 255, 255, 0.5);-webkit-backdrop-filter:blur(15px);width:100%"> <div class="framer-wnragw" data-framer-name="Name" style="--border-bottom-width:0px;--border-color:rgba(0, 0, 0, 0);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:0px"> <div class="framer-1fsocct" data-framer-name="Logo and Name"><!--$--><a class="framer-qjiya framer-1jm9ir" href="./index.html" target="_blank" rel="noopener"> <div style="position:absolute;border-radius:inherit;top:0;right:0;bottom:0;left:0" data-framer-background-image-wrapper="true"><img decoding="async" width="183" height="100" src="./assets/images/a169b1c6_JApltjt5hQDYztDhdD6LnCNSo.png" alt style="display:block;width:100%;height:100%;border-radius:inherit;object-position:center;object-fit:contain"> </div> </a><!--/$--></div> </div> <div class="framer-1yo84d" data-framer-name="Icon" data-highlight="true" tabindex="0"> <div class="framer-jbz6dg" data-framer-name="Bottom" style="background-color:rgb(153, 153, 153);border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px"> </div> <div class="framer-d2ox36" data-framer-name="Top" style="background-color:rgb(153, 153, 153);border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px"> </div> </div> <div class="framer-ah0p2i-container"><!--$--><a class="framer-0VKx0 framer-11v0pov framer-v-11v0pov framer-1gpe2x" data-framer-name="Blue-with-icon" style="--border-bottom-width:0px;--border-color:rgba(0, 0, 0, 0);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:0px;background-color:rgb(36, 119, 241);border-bottom-left-radius:7.5px;border-bottom-right-radius:7.5px;border-top-left-radius:7.5px;border-top-right-radius:7.5px;box-shadow:none" href="#connect-wallet" rel="noopener"> <div class="framer-18735uw" data-framer-name="Icon"> <div style="position:absolute;border-radius:inherit;top:0;right:0;bottom:0;left:0" data-framer-background-image-wrapper="true"><img decoding="async" width="512" height="512" sizes="16px" src="./assets/images/75e70ab9_2FmVrvHAyILprT67zZNe69ME8.png" alt style="display:block;width:100%;height:100%;border-radius:inherit;object-position:center;object-fit:cover"> </div> </div> <div class="framer-1quvq94" data-framer-name="Presale" style="outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;--extracted-r6o4lv:rgb(255, 255, 255);--framer-paragraph-spacing:0px;transform:none" data-framer-component-type="RichTextContainer"> <p style="--font-selector:R0Y7UGx1cyBKYWthcnRhIFNhbnMtNjAw;--framer-font-family:"Plus Jakarta Sans", "Plus Jakarta Sans Placeholder", sans-serif;--framer-font-size:15px;--framer-font-weight:600;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, rgb(255, 255, 255))" class="framer-text">Connect Wallet</p> </div> </a><!--/$--></div> </nav> </div> </div> <div class="ssr-variant hidden-hh1hk4 hidden-9kv8gy"> <div class="framer-5xmj6p-container" style="transform:translateX(-50%)"> <nav class="framer-4dm5i framer-127xd9x framer-v-19my436" data-framer-name="FHD-White" data-hide-scrollbars="true" style="backdrop-filter:blur(15px);background-color:rgba(255, 255, 255, 0.1);-webkit-backdrop-filter:blur(15px);width:100%"> <div class="framer-wnragw" data-framer-name="Name" style="--border-bottom-width:0px;--border-color:rgba(0, 0, 0, 0);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:0px"> <div class="framer-1fsocct" data-framer-name="Logo and Name"><!--$--><a class="framer-qjiya framer-1jm9ir" href="./index.html" target="_blank" rel="noopener"> <div style="position:absolute;border-radius:inherit;top:0;right:0;bottom:0;left:0" data-framer-background-image-wrapper="true"><img decoding="async" width="183" height="100" src="./assets/images/5bbc6827_hqxqwZlLMuQdv9NCO1FVhDRqT0.png" alt style="display:block;width:100%;height:100%;border-radius:inherit;object-position:center;object-fit:contain"> </div> </a><!--/$--></div> </div> <div class="framer-16rdzv" data-framer-name="Links" style="background-color:rgba(0, 0, 0, 0)"> <div class="framer-d6ux5m-container" data-framer-name="Trigger" id="undefined-d6ux5m" name="Trigger"> <div name="Trigger" class="framer-k3b3Y framer-13jdhdd framer-v-1a8el4" data-framer-name="White-Closed-FHD" data-highlight="true" tabindex="0"> <div class="framer-1uyeyyr" style="outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;--extracted-r6o4lv:rgb(255, 255, 255);--framer-paragraph-spacing:0px;transform:none" data-framer-component-type="RichTextContainer"> <p style="--font-selector:RlM7UGx1cyBKYWthcnRhIFNhbnMtc2VtaWJvbGQ=;--framer-font-family:"Plus Jakarta Sans", "Plus Jakarta Sans Placeholder", sans-serif;--framer-font-size:20px;--framer-font-weight:600;--framer-letter-spacing:-0.01em;--framer-line-height:2em;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(255, 255, 255))" class="framer-text">Utilities</p> </div> <div class="framer-1li42sp-container"> <div class="framer-2AKI1 framer-1m46ir5 framer-v-1m46ir5" data-framer-name="Closed"> <div class="framer-1d8vdja" data-framer-name="Frame" style="transform:none"> <div data-framer-component-type="SVG" data-framer-name="Icon" style="image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 14 14"><path d="M 3 5.5 L 7 9.5 L 11 5.5" fill="transparent" stroke-width="2" stroke="%23aaa" stroke-linecap="round" stroke-linejoin="round"></path></svg>')" class="framer-144km6g" aria-hidden="true"></div> </div> </div> </div> </div> </div> <div class="framer-1ik5gtz-container" id="undefined-1ik5gtz"> <div class="framer-ABQkQ framer-7fzsta framer-v-185vt7s" data-framer-name="Closed-White-FHD" data-highlight="true"> <div class="framer-1fjnpc" style="outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;--extracted-r6o4lv:rgb(255, 255, 255);--framer-paragraph-spacing:0px;transform:none" data-framer-component-type="RichTextContainer"> <p style="--font-selector:RlM7UGx1cyBKYWthcnRhIFNhbnMtc2VtaWJvbGQ=;--framer-font-family:"Plus Jakarta Sans", "Plus Jakarta Sans Placeholder", sans-serif;--framer-font-size:20px;--framer-font-weight:600;--framer-letter-spacing:-0.01em;--framer-line-height:2em;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(255, 255, 255))" class="framer-text">Resources</p> </div> <div class="framer-1y016nv-container"> <div class="framer-7xqpC framer-mmodta framer-v-mmodta" data-framer-name="Closed"> <div class="framer-165dbdb" data-framer-name="Frame" style="transform:none"> <div data-framer-component-type="SVG" data-framer-name="Icon" style="image-rendering:pixelated;flex-shrink:0;background-size:100% 100%;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 14 14"><path d="M 3 5.5 L 7 9.5 L 11 5.5" fill="transparent" stroke-width="2" stroke="%23aaa" stroke-linecap="round" stroke-linejoin="round"></path></svg>')" class="framer-e2d28y" aria-hidden="true"></div> </div> </div> </div> </div> </div> <div class="framer-1ta22z6-container"><!--$--><a class="framer-ETGN9 framer-vv22mr framer-v-162h15f framer-1vhjf8g" data-framer-name="fhd-white" data-highlight="true" href="./presale.html" rel="noopener" tabindex="0"> <div class="framer-1bac6fr" style="outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;--extracted-r6o4lv:rgb(255, 255, 255);--framer-paragraph-spacing:0px;transform:none" data-framer-component-type="RichTextContainer"> <p style="--font-selector:RlM7UGx1cyBKYWthcnRhIFNhbnMtc2VtaWJvbGQ=;--framer-font-family:"Plus Jakarta Sans", "Plus Jakarta Sans Placeholder", sans-serif;--framer-font-size:20px;--framer-font-weight:600;--framer-letter-spacing:-0.01em;--framer-line-height:2em;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(255, 255, 255))" class="framer-text">Airdrop</p> </div> </a><!--/$--></div> <div class="framer-nqnqhe-container"><!--$--><a class="framer-ETGN9 framer-vv22mr framer-v-162h15f framer-1vhjf8g" data-framer-name="fhd-white" data-highlight="true" href="./index.html/" rel="noopener" tabindex="0"> <div class="framer-1bac6fr" style="outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;--extracted-r6o4lv:rgb(255, 255, 255);--framer-paragraph-spacing:0px;transform:none" data-framer-component-type="RichTextContainer"> <p style="--font-selector:RlM7UGx1cyBKYWthcnRhIFNhbnMtc2VtaWJvbGQ=;--framer-font-family:"Plus Jakarta Sans", "Plus Jakarta Sans Placeholder", sans-serif;--framer-font-size:20px;--framer-font-weight:600;--framer-letter-spacing:-0.01em;--framer-line-height:2em;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(255, 255, 255))" class="framer-text">Home</p> </div> </a><!--/$--></div> <div class="framer-19gfph4-container"><!--$--><a class="framer-ETGN9 framer-vv22mr framer-v-162h15f framer-1vhjf8g" data-framer-name="fhd-white" data-highlight="true" href="./presale.html" rel="noopener" tabindex="0"> <div class="framer-1bac6fr" style="outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;--extracted-r6o4lv:rgb(255, 255, 255);--framer-paragraph-spacing:0px;transform:none" data-framer-component-type="RichTextContainer"> <p style="--font-selector:RlM7UGx1cyBKYWthcnRhIFNhbnMtc2VtaWJvbGQ=;--framer-font-family:"Plus Jakarta Sans", "Plus Jakarta Sans Placeholder", sans-serif;--framer-font-size:20px;--framer-font-weight:600;--framer-letter-spacing:-0.01em;--framer-line-height:2em;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(255, 255, 255))" class="framer-text">Presale</p> </div> </a><!--/$--></div> <div class="framer-twb13o-container"><!--$--><a class="framer-ETGN9 framer-vv22mr framer-v-162h15f framer-1vhjf8g" data-framer-name="fhd-white" data-highlight="true" href="./staking.html" rel="noopener" tabindex="0"> <div class="framer-1bac6fr" style="outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;--extracted-r6o4lv:rgb(255, 255, 255);--framer-paragraph-spacing:0px;transform:none" data-framer-component-type="RichTextContainer"> <p style="--font-selector:RlM7UGx1cyBKYWthcnRhIFNhbnMtc2VtaWJvbGQ=;--framer-font-family:"Plus Jakarta Sans", "Plus Jakarta Sans Placeholder", sans-serif;--framer-font-size:20px;--framer-font-weight:600;--framer-letter-spacing:-0.01em;--framer-line-height:2em;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(255, 255, 255))" class="framer-text">Staking</p> </div> </a><!--/$--></div> <div class="framer-16d8qh3-container"><!--$--><a class="framer-ETGN9 framer-vv22mr framer-v-162h15f framer-1vhjf8g" data-framer-name="fhd-white" data-highlight="true" href="#roadmap" rel="noopener" tabindex="0"> <div class="framer-1bac6fr" style="outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;--extracted-r6o4lv:rgb(255, 255, 255);--framer-paragraph-spacing:0px;transform:none" data-framer-component-type="RichTextContainer"> <p style="--font-selector:RlM7UGx1cyBKYWthcnRhIFNhbnMtc2VtaWJvbGQ=;--framer-font-family:"Plus Jakarta Sans", "Plus Jakarta Sans Placeholder", sans-serif;--framer-font-size:20px;--framer-font-weight:600;--framer-letter-spacing:-0.01em;--framer-line-height:2em;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(255, 255, 255))" class="framer-text">Blog</p> </div> </a><!--/$--></div><!--$--> <div class="framer-1sw52o-container"><!--$--><a class="framer-ETGN9 framer-vv22mr framer-v-162h15f framer-1vhjf8g" data-framer-name="fhd-white" data-highlight="true" href="./#roadmap" tabindex="0"> <div class="framer-1bac6fr" style="outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;--extracted-r6o4lv:rgb(255, 255, 255);--framer-paragraph-spacing:0px;transform:none" data-framer-component-type="RichTextContainer"> <p style="--font-selector:RlM7UGx1cyBKYWthcnRhIFNhbnMtc2VtaWJvbGQ=;--framer-font-family:"Plus Jakarta Sans", "Plus Jakarta Sans Placeholder", sans-serif;--framer-font-size:20px;--framer-font-weight:600;--framer-letter-spacing:-0.01em;--framer-line-height:2em;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(255, 255, 255))" class="framer-text">Roadmap</p> </div> </a><!--/$--></div><!--/$--><!--$--> <div class="framer-e4yyhc-container"><!--$--><a class="framer-ETGN9 framer-vv22mr framer-v-162h15f framer-1vhjf8g" data-framer-name="fhd-white" data-highlight="true" href="./#tokenomics" tabindex="0"> <div class="framer-1bac6fr" style="outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;--extracted-r6o4lv:rgb(255, 255, 255);--framer-paragraph-spacing:0px;transform:none" data-framer-component-type="RichTextContainer"> <p style="--font-selector:RlM7UGx1cyBKYWthcnRhIFNhbnMtc2VtaWJvbGQ=;--framer-font-family:"Plus Jakarta Sans", "Plus Jakarta Sans Placeholder", sans-serif;--framer-font-size:20px;--framer-font-weight:600;--framer-letter-spacing:-0.01em;--framer-line-height:2em;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(255, 255, 255))" class="framer-text">Tokenomics</p> </div> </a><!--/$--></div><!--/$--><!--$--> <div class="framer-8es54v-container"><!--$--><!--/$--></div><!--/$--> <div class="framer-login-container nav-login-wrapper" style="display:inline-flex;align-items:center;"> <a class="framer-ETGN9 framer-vv22mr framer-v-vv22mr framer-1vhjf8g nav-login-link" data-framer-name="SM" data-highlight="true" href="./login.html" tabindex="0"> <div class="framer-1bac6fr" style="--extracted-r6o4lv:rgb(37, 37, 37);--framer-paragraph-spacing:0px;transform:none" data-framer-component-type="RichTextContainer"> <p style="--font-selector:RlM7UGx1cyBKYWthcnRhIFNhbnMtc2VtaWJvbGQ=;--framer-font-family:"Plus Jakarta Sans", "Plus Jakarta Sans Placeholder", sans-serif;--framer-font-size:15px;--framer-font-weight:600;--framer-letter-spacing:-0.01em;--framer-line-height:2em;--framer-text-alignment:left;--framer-text-color:var(--extracted-r6o4lv, rgb(37, 37, 37))" class="framer-text">Log In</p> </div> </a> </div></div> <div class="framer-ah0p2i-container"><!--$--><a class="framer-0VKx0 framer-11v0pov framer-v-11v0pov framer-1gpe2x" data-framer-name="Blue-with-icon" style="--border-bottom-width:0px;--border-color:rgba(0, 0, 0, 0);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:0px;background-color:rgb(36, 119, 241);border-bottom-left-radius:7.5px;border-bottom-right-radius:7.5px;border-top-left-radius:7.5px;border-top-right-radius:7.5px;box-shadow:none" href="#connect-wallet" rel="noopener"> <div class="framer-18735uw" data-framer-name="Icon"> <div style="position:absolute;border-radius:inherit;top:0;right:0;bottom:0;left:0" data-framer-background-image-wrapper="true"><img decoding="async" width="512" height="512" sizes="16px" src="./assets/images/75e70ab9_2FmVrvHAyILprT67zZNe69ME8.png" alt style="display:block;width:100%;height:100%;border-radius:inherit;object-position:center;object-fit:cover"> </div> </div> <div class="framer-1quvq94" data-framer-name="Presale" style="outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;--extracted-r6o4lv:rgb(255, 255, 255);--framer-paragraph-spacing:0px;transform:none" data-framer-component-type="RichTextContainer"> <p style="--font-selector:R0Y7UGx1cyBKYWthcnRhIFNhbnMtNjAw;--framer-font-family:"Plus Jakarta Sans", "Plus Jakarta Sans Placeholder", sans-serif;--framer-font-size:15px;--framer-font-weight:600;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, rgb(255, 255, 255))" class="framer-text">Connect Wallet</p> </div> </a><!--/$--></div> </nav> </div> </div> </div> <div id="overlay"></div><!--/$--> </div> <script>(() => { function u() { function n(t, e, i) { let r = document.createElement("a"); r.href = t, r.target = i, r.rel = e, document.body.appendChild(r), r.click(), r.remove() } function o(t) { if (this.dataset.hydrated) { this.removeEventListener("click", o); return } t.preventDefault(), t.stopPropagation(); let e = this.getAttribute("href"); if (!e) return; if (/Mac|iPod|iPhone|iPad/u.test(navigator.userAgent) ? t.metaKey : t.ctrlKey) return n(e, "", "_blank"); let r = this.getAttribute("rel") ?? "", c = this.getAttribute("target") ?? ""; n(e, r, c) } function a(t) { if (this.dataset.hydrated) { this.removeEventListener("auxclick", o); return } t.preventDefault(), t.stopPropagation(); let e = this.getAttribute("href"); e && n(e, "", "_blank") } function s(t) { if (this.dataset.hydrated) { this.removeEventListener("keydown", s); return } if (t.key !== "Enter") return; t.preventDefault(), t.stopPropagation(); let e = this.getAttribute("href"); if (!e) return; let i = this.getAttribute("rel") ?? "", r = this.getAttribute("target") ?? ""; n(e, i, r) } document.querySelectorAll("[data-nested-link]").forEach(t => { t instanceof HTMLElement && (t.addEventListener("click", o), t.addEventListener("auxclick", a), t.addEventListener("keydown", s)) }) } return u })()()</script> <script>(() => { function i() { for (let e of document.querySelectorAll("[data-framer-original-sizes]")) { let t = e.getAttribute("data-framer-original-sizes"); t === "" ? e.removeAttribute("sizes") : e.setAttribute("sizes", t), e.removeAttribute("data-framer-original-sizes") } } function a() { window.__framer_onRewriteBreakpoints = i } return a })()()</script> <script>!function () { var w = "framer_variant"; function u(a, r) { let n = r.indexOf("#"), t = n === -1 ? r : r.substring(0, n), i = n === -1 ? "" : r.substring(n), e = t.indexOf("?"), h = e === -1 ? t : t.substring(0, e), d = e === -1 ? "" : t.substring(e), s = new URLSearchParams(d), g = new URLSearchParams(a); for (let [o, l] of g) s.has(o) || o !== w && s.append(o, l); let c = s.toString(); return c === "" ? t + i : h + "?" + c + i } var p = 'div#main a[href^="#"],div#main a[href^="/"],div#main a[href^="."]', f = "div#main a[data-framer-preserve-params]", m, S = (m = document.currentScript) == null ? void 0 : m.hasAttribute("data-preserve-internal-params"); if (window.location.search && !/bot|-google|google-|yandex|ia_archiver|crawl|spider/iu.test(navigator.userAgent)) { let a = document.querySelectorAll(S ? `${p},${f}` : f); for (let r of a) { let n = u(window.location.search, r.href); r.setAttribute("href", n) } } }()</script> <script data-framer-appear-animation="no-preference"></script> <link rel="modulepreload" fetchpriority="low" href="./assets/js/33639b4e_react.DDfD2DNR.mjs"> <link rel="modulepreload" fetchpriority="low" href="./assets/js/6b1c8405_rolldown-runtime.BiGfmDh9.mjs"> <link rel="modulepreload" fetchpriority="low" href="./assets/js/7d355746_framer.CvjVegod.mjs"> <link rel="modulepreload" fetchpriority="low" href="./assets/js/2a5c5f45_motion.G0-SLZbw.mjs"> <link rel="modulepreload" fetchpriority="low" href="./assets/js/b84d15ff_Pm5ibe31d2u1i9WwdVW5_OlR8HPVmMiKvyQ97fPJCCo.DvCOHKqt.mjs"> <link rel="modulepreload" fetchpriority="low" href="./assets/js/c99109df_Embed.OWakqwt_.mjs"> <link rel="modulepreload" fetchpriority="low" href="./assets/js/c088ed42_propUtils.D47wSRKy.mjs"> <link rel="modulepreload" fetchpriority="low" href="./assets/js/8c657d97_shared-lib.C6Pxeseu.mjs"> <link rel="modulepreload" fetchpriority="low" href="./assets/js/8041ec35_An0XN8bkh.JDokV_3P.mjs"> <link rel="modulepreload" fetchpriority="low" href="./assets/js/70740fc1_script_main.CDbQMTSj.mjs"> <script type="module" async data-framer-bundle="main" fetchpriority="low" src="./assets/js/70740fc1_script_main.CDbQMTSj.mjs"></script> <div id="svg-templates" style="position: absolute; overflow: hidden; bottom: 0; left: 0; width: 0; height: 0; z-index: 0; contain: strict" aria-hidden="true"> <svg width="15" height="16" viewBox="0 0 15 16" fill="none" id="svg1142701723_345"> <path d="M4.375 4.875H10.625V11.125" stroke="white" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" /> <path d="M4.375 11.125L10.625 4.875" stroke="white" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" /> </svg> </div> <!-- Start of bodyEnd --> <script src="js/dashboard-redirect.js"></script> <script> // Disable right-click document.addEventListener("contextmenu", (e) => e.preventDefault()); // Disable certain key combinations document.onkeydown = function (e) { if (e.keyCode == 123) { // F12 return false; } if (e.ctrlKey && e.shiftKey && (e.keyCode == 'I'.charCodeAt(0) || e.keyCode == 'C'.charCodeAt(0) || e.keyCode == 'J'.charCodeAt(0))) { return false; } if (e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)) { return false; } }; </script> <script> // Disable dragging globally document.addEventListener("dragstart", (e) => e.preventDefault()); // Disable dropping document.addEventListener("drop", (e) => e.preventDefault()); </script> <!-- End of bodyEnd --> <script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"6ac54bde2aa3481fb6dca468fc6a0258","r":1,"spa":2}' crossorigin="anonymous"></script> <script type="module" src="./assets/js/wallet-connect.js"></script> </body> </html>