Spaces:
Running
Running
File size: 12,228 Bytes
92d9d0d | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About NMDX - Digital Growth Accelerator</title>
<meta name="description" content="Learn about NMDX - Your trusted partner for digital marketing, crypto promotion, and app development services.">
<link rel="icon" type="image/x-icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🚀</text></svg>">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
<script src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js" defer></script>
<link rel="stylesheet" href="style.css">
<script src="components/navbar.js"></script>
<script src="components/chat-widget.js"></script>
<script src="components/footer.js"></script>
</head>
<body class="bg-slate-900 text-white overflow-x-hidden">
<!-- Animated Background -->
<div class="fixed inset-0 z-0">
<div class="absolute inset-0 bg-gradient-to-br from-emerald-900/20 via-slate-900 to-cyan-900/20"></div>
<canvas id="shockwaveCanvas" class="absolute inset-0"></canvas>
<div class="absolute inset-0 bg-black/50"></div>
</div>
<!-- Navigation -->
<custom-navbar></custom-navbar>
<!-- Main Content -->
<main class="relative z-10">
<!-- Hero Section -->
<section class="min-h-screen flex items-center justify-center relative">
<div class="container mx-auto px-6 text-center">
<h1 class="text-6xl md:text-8xl font-bold mb-6 bg-gradient-to-r from-emerald-400 via-teal-500 to-cyan-500 bg-clip-text text-transparent animate-pulse">
About NMDX
</h1>
<p class="text-2xl md:text-4xl mb-4 text-gray-300">Pioneers in Digital Growth</p>
<p class="text-lg md:text-xl mb-8 text-gray-400 max-w-3xl mx-auto">
With over a decade of experience in digital marketing and technology, we've helped thousands of businesses achieve exponential growth through innovative strategies and cutting-edge solutions.
</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<a href="services.html" class="px-8 py-4 bg-gradient-to-r from-emerald-600 to-cyan-600 rounded-full font-semibold text-lg hover:scale-105 transition-transform">
Our Services
</a>
<a href="contact.html" class="px-8 py-4 border-2 border-emerald-500 rounded-full font-semibold text-lg hover:bg-emerald-500/20 transition-all">
Get in Touch
</a>
</div>
</div>
</section>
<!-- Story Section -->
<section class="py-20">
<div class="container mx-auto px-6">
<div class="max-w-4xl mx-auto">
<h2 class="text-4xl md:text-5xl font-bold text-center mb-16 bg-gradient-to-r from-emerald-400 to-cyan-400 bg-clip-text text-transparent">
Our Story
</h2>
<div class="space-y-12">
<div class="bg-gradient-to-br from-emerald-900/30 to-cyan-900/30 rounded-2xl p-8 border border-emerald-500/30">
<h3 class="text-2xl font-bold mb-4 text-emerald-400">2014 - The Beginning</h3>
<p class="text-gray-300 leading-relaxed">
NMDX started as a small digital marketing agency with a big vision. We recognized the growing potential of social media and digital platforms in transforming businesses. Our first projects focused on helping local businesses establish their online presence.
</p>
</div>
<div class="bg-gradient-to-br from-cyan-900/30 to-emerald-900/30 rounded-2xl p-8 border border-cyan-500/30">
<h3 class="text-2xl font-bold mb-4 text-cyan-400">2017 - Crypto Revolution</h3>
<p class="text-gray-300 leading-relaxed">
As the cryptocurrency market exploded, we positioned ourselves at the forefront of crypto marketing. We developed specialized strategies for token launches, community building, and blockchain project promotion, becoming trusted partners for numerous successful ICOs and IDOs.
</p>
</div>
<div class="bg-gradient-to-br from-emerald-900/30 to-cyan-900/30 rounded-2xl p-8 border border-emerald-500/30">
<h3 class="text-2xl font-bold mb-4 text-emerald-400">2020 - Digital Transformation</h3>
<p class="text-gray-300 leading-relaxed">
The pandemic accelerated digital transformation globally. We expanded our services to include app development, comprehensive digital strategies, and AI-powered marketing solutions. Our team grew to include top talent from around the world.
</p>
</div>
<div class="bg-gradient-to-br from-cyan-900/30 to-emerald-900/30 rounded-2xl p-8 border border-cyan-500/30">
<h3 class="text-2xl font-bold mb-4 text-cyan-400">2024 - Innovation Leader</h3>
<p class="text-gray-300 leading-relaxed">
Today, NMDX stands as a leader in digital growth acceleration. We've helped raise over $500M for crypto projects, promoted apps with millions of downloads, and built thriving communities. Our commitment to innovation and results-driven approach continues to drive our success.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- Team Section -->
<section class="py-20 bg-black/30">
<div class="container mx-auto px-6">
<h2 class="text-4xl md:text-5xl font-bold text-center mb-16 bg-gradient-to-r from-emerald-400 to-cyan-400 bg-clip-text text-transparent">
Meet Our Team
</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
<div class="text-center">
<img src="http://static.photos/people/300x300/1" alt="Team Member" class="w-48 h-48 rounded-full mx-auto mb-4 border-4 border-emerald-500/50">
<h3 class="text-xl font-bold mb-2">Alex Chen</h3>
<p class="text-emerald-400 mb-2">CEO & Founder</p>
<p class="text-gray-400 text-sm">12+ years in digital marketing and crypto promotion</p>
</div>
<div class="text-center">
<img src="http://static.photos/people/300x300/2" alt="Team Member" class="w-48 h-48 rounded-full mx-auto mb-4 border-4 border-cyan-500/50">
<h3 class="text-xl font-bold mb-2">Sarah Miller</h3>
<p class="text-cyan-400 mb-2">CTO</p>
<p class="text-gray-400 text-sm">Expert in blockchain technology and app development</p>
</div>
<div class="text-center">
<img src="http://static.photos/people/300x300/3" alt="Team Member" class="w-48 h-48 rounded-full mx-auto mb-4 border-4 border-emerald-500/50">
<h3 class="text-xl font-bold mb-2">Mike Johnson</h3>
<p class="text-emerald-400 mb-2">Head of Marketing</p>
<p class="text-gray-400 text-sm">Specialist in viral marketing and community growth</p>
</div>
<div class="text-center">
<img src="http://static.photos/people/300x300/4" alt="Team Member" class="w-48 h-48 rounded-full mx-auto mb-4 border-4 border-cyan-500/50">
<h3 class="text-xl font-bold mb-2">Emily Davis</h3>
<p class="text-cyan-400 mb-2">Lead Developer</p>
<p class="text-gray-400 text-sm">Full-stack developer with AI and ML expertise</p>
</div>
</div>
</div>
</section>
<!-- Values Section -->
<section class="py-20">
<div class="container mx-auto px-6">
<h2 class="text-4xl md:text-5xl font-bold text-center mb-16 bg-gradient-to-r from-emerald-400 to-cyan-400 bg-clip-text text-transparent">
Our Values
</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
<div class="bg-gradient-to-br from-emerald-900/30 to-cyan-900/30 rounded-2xl p-8 border border-emerald-500/30 text-center">
<div class="text-5xl mb-4">🎯</div>
<h3 class="text-2xl font-bold mb-3 text-emerald-400">Results-Driven</h3>
<p class="text-gray-400">We focus on measurable outcomes and ROI for every campaign we run.</p>
</div>
<div class="bg-gradient-to-br from-cyan-900/30 to-emerald-900/30 rounded-2xl p-8 border border-cyan-500/30 text-center">
<div class="text-5xl mb-4">🚀</div>
<h3 class="text-2xl font-bold mb-3 text-cyan-400">Innovation First</h3>
<p class="text-gray-400">We stay ahead of trends and leverage cutting-edge technologies.</p>
</div>
<div class="bg-gradient-to-br from-emerald-900/30 to-cyan-900/30 rounded-2xl p-8 border border-emerald-500/30 text-center">
<div class="text-5xl mb-4">🤝</div>
<h3 class="text-2xl font-bold mb-3 text-emerald-400">Partnership Approach</h3>
<p class="text-gray-400">We work as an extension of your team, committed to your success.</p>
</div>
<div class="bg-gradient-to-br from-cyan-900/30 to-emerald-900/30 rounded-2xl p-8 border border-cyan-500/30 text-center">
<div class="text-5xl mb-4">💎</div>
<h3 class="text-2xl font-bold mb-3 text-cyan-400">Quality Excellence</h3>
<p class="text-gray-400">Every project delivers premium quality and exceptional attention to detail.</p>
</div>
<div class="bg-gradient-to-br from-emerald-900/30 to-cyan-900/30 rounded-2xl p-8 border border-emerald-500/30 text-center">
<div class="text-5xl mb-4">🌍</div>
<h3 class="text-2xl font-bold mb-3 text-emerald-400">Global Perspective</h3>
<p class="text-gray-400">We understand diverse markets and cultural nuances worldwide.</p>
</div>
<div class="bg-gradient-to-br from-cyan-900/30 to-emerald-900/30 rounded-2xl p-8 border border-cyan-500/30 text-center">
<div class="text-5xl mb-4">⚡</div>
<h3 class="text-2xl font-bold mb-3 text-cyan-400">Agile Execution</h3>
<p class="text-gray-400">We adapt quickly to market changes and optimize in real-time.</p>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<custom-footer></custom-footer>
<script src="script.js"></script>
<script>feather.replace();</script>
</body>
</html> |