Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Web3District | Asia Expansion</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;900&family=Noto+Sans+JP:wght@300;400;500;700&display=swap'); | |
| :root { | |
| --primary: #9c27b0; | |
| --secondary: #e91e63; | |
| --accent: #ff4081; | |
| --dark: #0f0e17; | |
| --light: #fffffe; | |
| } | |
| body { | |
| font-family: 'Montserrat', 'Noto Sans JP', sans-serif; | |
| background: linear-gradient(135deg, #0f0e17 0%, #1a1a2e 50%, #16213e 100%); | |
| color: var(--light); | |
| overflow-x: hidden; | |
| } | |
| .bridge-path { | |
| position: relative; | |
| height: 2px; | |
| background: linear-gradient(90deg, var(--secondary), var(--accent)); | |
| margin: 5rem 0; | |
| } | |
| .bridge-path::before, .bridge-path::after { | |
| content: ''; | |
| position: absolute; | |
| width: 15px; | |
| height: 15px; | |
| border-radius: 50%; | |
| top: 50%; | |
| transform: translateY(-50%); | |
| } | |
| .bridge-path::before { | |
| left: 0; | |
| background: var(--secondary); | |
| box-shadow: 0 0 10px var(--secondary); | |
| } | |
| .bridge-path::after { | |
| right: 0; | |
| background: var(--accent); | |
| box-shadow: 0 0 10px var(--accent); | |
| } | |
| .globe-container { | |
| position: relative; | |
| width: 100%; | |
| height: 400px; | |
| } | |
| .pillar { | |
| width: 8px; | |
| height: 80px; | |
| background: linear-gradient(to top, var(--primary), var(--secondary)); | |
| position: relative; | |
| margin: 0 10px; | |
| } | |
| .pillar::after { | |
| content: ''; | |
| position: absolute; | |
| width: 20px; | |
| height: 20px; | |
| background: var(--accent); | |
| border-radius: 50%; | |
| top: -10px; | |
| left: 50%; | |
| transform: translateX(-50%); | |
| box-shadow: 0 0 15px var(--accent); | |
| } | |
| .floating { | |
| animation: floating 3s ease-in-out infinite; | |
| } | |
| @keyframes floating { | |
| 0% { transform: translateY(0px); } | |
| 50% { transform: translateY(-15px); } | |
| 100% { transform: translateY(0px); } | |
| } | |
| .pulse { | |
| animation: pulse 2s infinite; | |
| } | |
| @keyframes pulse { | |
| 0% { transform: scale(1); } | |
| 50% { transform: scale(1.05); } | |
| 100% { transform: scale(1); } | |
| } | |
| .rotate { | |
| animation: rotate 20s linear infinite; | |
| } | |
| @keyframes rotate { | |
| 0% { transform: rotate(0deg); } | |
| 100% { transform: rotate(360deg); } | |
| } | |
| .gradient-text { | |
| background: linear-gradient(90deg, var(--secondary), var(--accent)); | |
| -webkit-background-clip: text; | |
| background-clip: text; | |
| color: transparent; | |
| } | |
| .card-hover { | |
| transition: all 0.3s ease; | |
| } | |
| .card-hover:hover { | |
| transform: translateY(-10px); | |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | |
| } | |
| </style> | |
| </head> | |
| <body class="min-h-screen"> | |
| <!-- Background Globe --> | |
| <div id="globe" class="fixed top-0 left-0 w-full h-full -z-10 opacity-20"></div> | |
| <!-- Header --> | |
| <header class="relative z-10 py-16 px-4 sm:px-6 lg:px-8"> | |
| <div class="max-w-7xl mx-auto"> | |
| <div class="flex flex-col lg:flex-row items-center justify-between"> | |
| <div class="lg:w-1/2 mb-12 lg:mb-0"> | |
| <h1 class="text-4xl md:text-6xl font-bold mb-6 leading-tight"> | |
| <span class="gradient-text">Bridging Asia & Europe</span><br> | |
| through Web3, AI & Affiliate Marketing | |
| </h1> | |
| <p class="text-xl text-gray-300 mb-8 max-w-2xl"> | |
| Web3District Asia Expansion is an elite cross-border gateway for next-gen founders, brands, and investors. We bridge Asia and Europe through strategic dealmaking, smart capital, and bold activation across Web3, AI, and affiliate marketing. | |
| </p> | |
| <div class="flex flex-wrap gap-4"> | |
| <button class="px-8 py-3 bg-gradient-to-r from-pink-500 to-purple-600 rounded-full font-semibold hover:shadow-lg transition-all duration-300 transform hover:scale-105"> | |
| Join Our Network | |
| </button> | |
| <button class="px-8 py-3 border border-cyan-400 text-cyan-400 rounded-full font-semibold hover:bg-cyan-400 hover:bg-opacity-10 transition-all duration-300"> | |
| Explore Deals | |
| </button> | |
| </div> | |
| </div> | |
| <!-- 3D Globe Visualization --> | |
| <div class="lg:w-1/2 relative"> | |
| <div class="globe-container"> | |
| <!-- This will be populated by Vanta.js --> | |
| </div> | |
| <div class="absolute inset-0 flex items-center justify-center"> | |
| <div class="w-64 h-64 rounded-full border-4 border-opacity-30 border-cyan-400 flex items-center justify-center"> | |
| <div class="w-48 h-48 rounded-full border-4 border-opacity-30 border-pink-500 flex items-center justify-center"> | |
| <div class="w-32 h-32 rounded-full border-4 border-opacity-30 border-yellow-400"></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> | |
| <div class="text-center"> | |
| <div class="text-5xl font-bold gradient-text">↔</div> | |
| <div class="text-sm uppercase tracking-widest mt-2 text-gray-400">Cross-Border Gateway</div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Bridge Visualization --> | |
| <section class="relative py-20 px-4 sm:px-6 lg:px-8"> | |
| <div class="max-w-7xl mx-auto"> | |
| <div class="flex flex-col items-center"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-12 text-center"> | |
| The <span class="gradient-text">Digital Silk Road</span> for Web3 Innovation | |
| </h2> | |
| <div class="w-full relative"> | |
| <!-- Bridge pillars --> | |
| <div class="flex justify-between w-full absolute top-1/2 left-0 transform -translate-y-1/2"> | |
| <div class="pillar"></div> | |
| <div class="pillar"></div> | |
| <div class="pillar"></div> | |
| <div class="pillar"></div> | |
| <div class="pillar"></div> | |
| </div> | |
| <!-- Bridge path with Asia/Europe markers --> | |
| <div class="bridge-path w-full relative"> | |
| <div class="absolute left-0 -top-16 text-center w-24"> | |
| <div class="w-16 h-16 bg-blue-500 rounded-full flex items-center justify-center mx-auto mb-2"> | |
| <span class="text-2xl">🌏</span> | |
| </div> | |
| <div class="text-sm font-semibold">Asia</div> | |
| </div> | |
| <div class="absolute right-0 -top-16 text-center w-24"> | |
| <div class="w-16 h-16 bg-purple-500 rounded-full flex items-center justify-center mx-auto mb-2"> | |
| <span class="text-2xl">🌍</span> | |
| </div> | |
| <div class="text-sm font-semibold">Europe</div> | |
| </div> | |
| </div> | |
| <!-- Floating nodes along the bridge --> | |
| <div class="flex justify-between w-full absolute top-1/2 left-0 transform -translate-y-1/2 px-8"> | |
| <div class="w-8 h-8 rounded-full bg-yellow-400 shadow-lg floating" style="animation-delay: 0s;"></div> | |
| <div class="w-8 h-8 rounded-full bg-cyan-400 shadow-lg floating" style="animation-delay: 0.5s;"></div> | |
| <div class="w-8 h-8 rounded-full bg-pink-500 shadow-lg floating" style="animation-delay: 1s;"></div> | |
| <div class="w-8 h-8 rounded-full bg-green-400 shadow-lg floating" style="animation-delay: 1.5s;"></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Core Pillars --> | |
| <section class="py-20 px-4 sm:px-6 lg:px-8"> | |
| <div class="max-w-7xl mx-auto"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-16 text-center"> | |
| Our <span class="gradient-text">Strategic Pillars</span> | |
| </h2> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"> | |
| <!-- Culture --> | |
| <div class="bg-gray-900 bg-opacity-50 rounded-xl p-8 border border-gray-800 card-hover"> | |
| <div class="w-20 h-20 bg-gradient-to-br from-yellow-400 to-orange-500 rounded-2xl flex items-center justify-center mb-6 mx-auto"> | |
| <lottie-player src="https://assets5.lottiefiles.com/packages/lf20_ktwnwv5m.json" background="transparent" speed="1" style="width: 60px; height: 60px;" loop autoplay></lottie-player> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3 text-center">Cultural Exchange</h3> | |
| <p class="text-gray-400 text-center"> | |
| Bridging Eastern and Western business cultures through curated events, education, and community building. | |
| </p> | |
| </div> | |
| <!-- Tech --> | |
| <div class="bg-gray-900 bg-opacity-50 rounded-xl p-8 border border-gray-800 card-hover"> | |
| <div class="w-20 h-20 bg-gradient-to-br from-cyan-400 to-blue-500 rounded-2xl flex items-center justify-center mb-6 mx-auto"> | |
| <lottie-player src="https://assets5.lottiefiles.com/packages/lf20_1pxqjqps.json" background="transparent" speed="1" style="width: 60px; height: 60px;" loop autoplay></lottie-player> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3 text-center">Technology Transfer</h3> | |
| <p class="text-gray-400 text-center"> | |
| Accelerating Web3 & AI adoption through knowledge sharing, developer programs, and infrastructure support. | |
| </p> | |
| </div> | |
| <!-- Venture --> | |
| <div class="bg-gray-900 bg-opacity-50 rounded-xl p-8 border border-gray-800 card-hover"> | |
| <div class="w-20 h-20 bg-gradient-to-br from-purple-500 to-pink-500 rounded-2xl flex items-center justify-center mb-6 mx-auto"> | |
| <lottie-player src="https://assets5.lottiefiles.com/packages/lf20_6wutsrox.json" background="transparent" speed="1" style="width: 60px; height: 60px;" loop autoplay></lottie-player> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3 text-center">Venture Collaboration</h3> | |
| <p class="text-gray-400 text-center"> | |
| Connecting startups with strategic capital and partners across both continents for exponential growth. | |
| </p> | |
| </div> | |
| <!-- Community --> | |
| <div class="bg-gray-900 bg-opacity-50 rounded-xl p-8 border border-gray-800 card-hover"> | |
| <div class="w-20 h-20 bg-gradient-to-br from-green-400 to-teal-500 rounded-2xl flex items-center justify-center mb-6 mx-auto"> | |
| <lottie-player src="https://assets5.lottiefiles.com/packages/lf20_obhph3sh.json" background="transparent" speed="1" style="width: 60px; height: 60px;" loop autoplay></lottie-player> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3 text-center">Community Growth</h3> | |
| <p class="text-gray-400 text-center"> | |
| Building engaged ecosystems of founders, developers, and investors through exclusive networks. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Focus Areas --> | |
| <section class="py-20 px-4 sm:px-6 lg:px-8 bg-gray-900 bg-opacity-30"> | |
| <div class="max-w-7xl mx-auto"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-16 text-center"> | |
| <span class="gradient-text">Our Focus Areas</span> | |
| </h2> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <div class="bg-gray-800 rounded-xl p-6 border border-gray-700 card-hover"> | |
| <div class="text-4xl mb-4">🌍</div> | |
| <h3 class="text-xl font-semibold mb-2">Cross-border Founder Acceleration</h3> | |
| <p class="text-gray-400"> | |
| Helping Asian founders navigate European markets and vice versa with tailored programs | |
| </p> | |
| </div> | |
| <div class="bg-gray-800 rounded-xl p-6 border border-gray-700 card-hover"> | |
| <div class="text-4xl mb-4">🧠</div> | |
| <h3 class="text-xl font-semibold mb-2">AI x Web3 Product Scaling</h3> | |
| <p class="text-gray-400"> | |
| Bridging cutting-edge AI with decentralized technologies for next-gen solutions | |
| </p> | |
| </div> | |
| <div class="bg-gray-800 rounded-xl p-6 border border-gray-700 card-hover"> | |
| <div class="text-4xl mb-4">💸</div> | |
| <h3 class="text-xl font-semibold mb-2">Funding Network Access</h3> | |
| <p class="text-gray-400"> | |
| Connecting startups with capital from both European & Asian investment networks | |
| </p> | |
| </div> | |
| <div class="bg-gray-800 rounded-xl p-6 border border-gray-700 card-hover"> | |
| <div class="text-4xl mb-4">📢</div> | |
| <h3 class="text-xl font-semibold mb-2">Strategic PR & GTM</h3> | |
| <p class="text-gray-400"> | |
| Tailored go-to-market strategies and media exposure in both regions | |
| </p> | |
| </div> | |
| <div class="bg-gray-800 rounded-xl p-6 border border-gray-700 card-hover"> | |
| <div class="text-4xl mb-4">🎤</div> | |
| <h3 class="text-xl font-semibold mb-2">Top-Tier Event Presence</h3> | |
| <p class="text-gray-400"> | |
| Showcasing at SBC Summit, Web Summit, TON Fest and other premier events | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Who It's For --> | |
| <section class="py-20 px-4 sm:px-6 lg:px-8"> | |
| <div class="max-w-7xl mx-auto"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-16 text-center"> | |
| <span class="gradient-text">Who It's For</span> | |
| </h2> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8"> | |
| <div class="bg-gray-900 bg-opacity-50 rounded-xl p-8 border border-gray-800 card-hover"> | |
| <h3 class="text-xl font-bold mb-4 gradient-text">Founders & Startups</h3> | |
| <ul class="space-y-3 text-gray-400"> | |
| <li class="flex items-start"> | |
| <svg class="w-5 h-5 text-cyan-400 mr-2 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg> | |
| Web3, AI, DePIN, Gaming or ReFi founders in Asia expanding to EU | |
| </li> | |
| <li class="flex items-start"> | |
| <svg class="w-5 h-5 text-cyan-400 mr-2 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg> | |
| EU startups entering Korea, Japan, Hong Kong or Singapore | |
| </li> | |
| </ul> | |
| </div> | |
| <div class="bg-gray-900 bg-opacity-50 rounded-xl p-8 border border-gray-800 card-hover"> | |
| <h3 class="text-xl font-bold mb-4 gradient-text">Ecosystem Partners</h3> | |
| <ul class="space-y-3 text-gray-400"> | |
| <li class="flex items-start"> | |
| <svg class="w-5 h-5 text-cyan-400 mr-2 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg> | |
| Investors, VCs, media and ecosystem partners focused on international innovation | |
| </li> | |
| <li class="flex items-start"> | |
| <svg class="w-5 h-5 text-cyan-400 mr-2 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg> | |
| Government-backed accelerators and embassies supporting global startup mobility | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- What We Offer --> | |
| <section class="py-20 px-4 sm:px-6 lg:px-8 bg-gray-900 bg-opacity-30"> | |
| <div class="max-w-7xl mx-auto"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-16 text-center"> | |
| <span class="gradient-text">What We Offer</span> | |
| </h2> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <div class="bg-gray-800 rounded-xl p-8 border border-gray-700 card-hover"> | |
| <div class="text-cyan-400 text-2xl mb-4">🇵🇹</div> | |
| <h3 class="text-xl font-semibold mb-3">Founder Visa & Landing Support</h3> | |
| <ul class="space-y-2 text-gray-400"> | |
| <li>Portugal Golden Visa guidance</li> | |
| <li>Relocation packages for Asian teams</li> | |
| <li>Access to grants and legal support</li> | |
| </ul> | |
| </div> | |
| <div class="bg-gray-800 rounded-xl p-8 border border-gray-700 card-hover"> | |
| <div class="text-cyan-400 text-2xl mb-4">🚀</div> | |
| <h3 class="text-xl font-semibold mb-3">Acceleration & Dealflow</h3> | |
| <ul class="space-y-2 text-gray-400"> | |
| <li>Investor matchmaking</li> | |
| <li>MVP polishing & traction advisory</li> | |
| <li>Access to partner VCs in EU, UAE & Asia</li> | |
| </ul> | |
| </div> | |
| <div class="bg-gray-800 rounded-xl p-8 border border-gray-700 card-hover"> | |
| <div class="text-cyan-400 text-2xl mb-4">📡</div> | |
| <h3 class="text-xl font-semibold mb-3">Events & PR</h3> | |
| <ul class="space-y-2 text-gray-400"> | |
| <li>Brand representation at Web3District events</li> | |
| <li>Media coverage in top publications</li> | |
| <li>IRL activations across Lisbon, Paris, Dubai</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Data Visualization --> | |
| <section class="py-20 px-4 sm:px-6 lg:px-8 bg-gray-900 bg-opacity-50"> | |
| <div class="max-w-7xl mx-auto"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-16 text-center"> | |
| <span class="gradient-text">By The Numbers</span> | |
| </h2> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <!-- Deal Flow --> | |
| <div class="bg-gray-800 rounded-xl p-8 border border-gray-700 card-hover"> | |
| <div class="text-5xl font-bold gradient-text mb-4 text-center">120+</div> | |
| <h3 class="text-xl font-semibold mb-2 text-center">Deals Facilitated</h3> | |
| <p class="text-gray-400 text-center"> | |
| Cross-border transactions between Asian and European Web3 ventures | |
| </p> | |
| </div> | |
| <!-- Capital --> | |
| <div class="bg-gray-800 rounded-xl p-8 border border-gray-700 card-hover"> | |
| <div class="text-5xl font-bold gradient-text mb-4 text-center">$85M+</div> | |
| <h3 class="text-xl font-semibold mb-2 text-center">Capital Deployed</h3> | |
| <p class="text-gray-400 text-center"> | |
| Strategic investments across Web3 and AI ecosystems | |
| </p> | |
| </div> | |
| <!-- Network --> | |
| <div class="bg-gray-800 rounded-xl p-8 border border-gray-700 card-hover"> | |
| <div class="text-5xl font-bold gradient-text mb-4 text-center">500+</div> | |
| <h3 class="text-xl font-semibold mb-2 text-center">Network Partners</h3> | |
| <p class="text-gray-400 text-center"> | |
| VCs, family offices, and corporate innovation teams | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- CTA --> | |
| <section class="py-32 px-4 sm:px-6 lg:px-8 relative overflow-hidden"> | |
| <div class="absolute inset-0 bg-gradient-to-r from-blue-900 to-purple-900 opacity-20 -z-10"></div> | |
| <div class="max-w-4xl mx-auto text-center"> | |
| <h2 class="text-3xl md:text-5xl font-bold mb-6"> | |
| Ready to <span class="gradient-text">Cross the Bridge</span>? | |
| </h2> | |
| <p class="text-xl text-gray-300 mb-10 max-w-3xl mx-auto"> | |
| Whether you're a founder seeking expansion, an investor looking for deal flow, or a corporation exploring Web3 innovation - we're your gateway between Asia and Europe. | |
| </p> | |
| <button class="px-10 py-4 bg-gradient-to-r from-pink-500 to-purple-600 rounded-full font-bold text-lg hover:shadow-xl transition-all duration-300 transform hover:scale-105 pulse"> | |
| Connect With Our Team | |
| </button> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="py-12 px-4 sm:px-6 lg:px-8 border-t border-gray-800"> | |
| <div class="max-w-7xl mx-auto"> | |
| <div class="flex flex-col md:flex-row justify-between items-center"> | |
| <div class="mb-6 md:mb-0"> | |
| <div class="text-2xl font-bold gradient-text">Web3District</div> | |
| <div class="text-sm text-gray-500 mt-1">Asia Expansion Initiative</div> | |
| </div> | |
| <div class="flex space-x-6"> | |
| <a href="#" class="text-gray-400 hover:text-cyan-400 transition-colors"> | |
| <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> | |
| <path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"></path> | |
| </svg> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-cyan-400 transition-colors"> | |
| <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> | |
| <path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"></path> | |
| </svg> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-cyan-400 transition-colors"> | |
| <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> | |
| <path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd"></path> | |
| </svg> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-cyan-400 transition-colors"> | |
| <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> | |
| <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/> | |
| </svg> | |
| </a> | |
| </div> | |
| </div> | |
| <div class="mt-8 pt-8 border-t border-gray-800 text-center text-gray-500 text-sm"> | |
| © 2023 Web3District Asia Expansion. All rights reserved. | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // Initialize Vanta.js globe | |
| VANTA.GLOBE({ | |
| el: "#globe", | |
| mouseControls: true, | |
| touchControls: true, | |
| gyroControls: false, | |
| minHeight: 200.00, | |
| minWidth: 200.00, | |
| scale: 1.00, | |
| scaleMobile: 1.00, | |
| color: 0xe91e63, | |
| backgroundColor: 0x0f0e17, | |
| size: 1.20 | |
| }); | |
| // Floating animation for bridge elements | |
| document.querySelectorAll('.floating').forEach((el, index) => { | |
| el.style.animationDelay = `${index * 0.5}s`; | |
| }); | |
| // Rotate animation for decorative elements | |
| document.querySelectorAll('.rotate').forEach(el => { | |
| el.style.animation = `rotate ${20 + Math.random() * 10}s linear infinite`; | |
| }); | |
| </script> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=web3district/lacouturefixe" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |