Spaces:
Running
Running
Let make the website more proprofessional let every buttbutton lead some wheere and create more page html page and let every look good and and add api to website that will handlhandle as well the bot that will be at the right side blow the website and when click on the website the api will be the website
92d9d0d verified | <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> |