|
|
| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>DigitalMoves | AI Automation Services</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <script src="https://unpkg.com/feather-icons"> |
| </script> |
| <style> |
| #contactModal .modal-title { |
| display: none; |
| } |
| .gradient-text { |
| background: linear-gradient(90deg, #6366F1, #EC4899); |
| -webkit-background-clip: text; |
| background-clip: text; |
| color: transparent; |
| } |
| .cta-button { |
| box-shadow: 0 4px 14px 0 rgba(124, 58, 237, 0.4); |
| } |
| </style> |
| </head> |
| <body class="bg-gray-900 text-white"> |
| |
| <div class="container mx-auto px-6 pt-12 text-center"> |
| <div class="inline-flex rounded-full bg-gray-800 p-1 max-w-md mx-auto"> |
| <button id="aiToggle" class="px-6 py-2 rounded-full font-bold text-white bg-purple-600"> |
| AI Automation |
| </button> |
| <button id="vibeToggle" class="px-6 py-2 rounded-full font-bold text-gray-300 hover:text-white transition"> |
| Vibe Coding |
| </button> |
| </div> |
| </div> |
|
|
| |
| <div id="aiContent"> |
| |
| <section class="py-12 md:py-20"> |
| <div class="container mx-auto px-6 text-center"> |
| <div class="max-w-4xl mx-auto"> |
| <h1 class="text-4xl md:text-6xl font-bold mb-6"> |
| <span class="gradient-text">AI Automation</span> That <br> |
| <span class="gradient-text">10X</span> Your Business |
| </h1> |
| <p class="text-xl md:text-2xl text-gray-300 mb-10"> |
| Stop wasting time on manual tasks. Our AI solutions automate 80% of your workflow in just 7 days. |
| </p> |
| <div class="flex flex-col md:flex-row justify-center gap-4"> |
| <button onclick="openContactModal()" class="bg-gradient-to-r from-purple-600 to-pink-500 px-8 py-4 rounded-full font-bold text-lg cta-button hover:opacity-90 transition"> |
| Get Your Free AI Audit |
| </button> |
| </div> |
| <div class="mt-12"> |
| <div class="relative inline-block"> |
| <img src="http://static.photos/technology/1024x576/5" alt="AI Automation" class="rounded-xl w-full max-w-4xl border-2 border-purple-500/30"> |
| <div class="absolute -bottom-4 -right-4 bg-purple-600 px-4 py-1 rounded-full font-bold text-sm"> |
| 🔥 Free AI Audit |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
| |
| <section class="py-16 bg-gray-800"> |
| <div class="container mx-auto px-6"> |
| <div class="text-center mb-12"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-4"> |
| The Problem We <span class="gradient-text">Solve</span> |
| </h2> |
| <p class="text-xl text-gray-300 max-w-3xl mx-auto"> |
| Businesses waste 20+ hours per week on repetitive tasks that AI could automate instantly |
| </p> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto"> |
| <div class="text-center p-6"> |
| <div class="bg-purple-600/10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-4 mx-auto"> |
| <i data-feather="clock" class="text-purple-400"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3">Time Waste</h3> |
| <p class="text-gray-400"> |
| Employees stuck doing manual data entry and repetitive tasks |
| </p> |
| </div> |
| |
| <div class="text-center p-6"> |
| <div class="bg-pink-600/10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-4 mx-auto"> |
| <i data-feather="dollar-sign" class="text-pink-400"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3">High Costs</h3> |
| <p class="text-gray-400"> |
| Paying full-time staff for work that could be automated |
| </p> |
| </div> |
| |
| <div class="text-center p-6"> |
| <div class="bg-blue-600/10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-4 mx-auto"> |
| <i data-feather="alert-triangle" class="text-blue-400"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3">Errors</h3> |
| <p class="text-gray-400"> |
| Human mistakes in data processing and customer service |
| </p> |
| </div> |
| </div> |
| |
| <div class="text-center mt-12"> |
| <button onclick="openContactModal()" class="bg-gradient-to-r from-purple-600 to-pink-500 px-8 py-4 rounded-full font-bold text-lg cta-button hover:opacity-90 transition"> |
| Get Your Free AI Audit |
| </button> |
| </div> |
| </div> |
| </section> |
| |
| <section class="py-20"> |
| <div class="container mx-auto px-6"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-4"> |
| Our <span class="gradient-text">AI Automation</span> Solution |
| </h2> |
| </div> |
| |
| <div class="flex flex-col md:flex-row items-center gap-12"> |
| <div class="md:w-1/2"> |
| <img src="http://static.photos/technology/640x360/15" alt="AI Automation" class="rounded-xl w-full"> |
| </div> |
| <div class="md:w-1/2"> |
| <h3 class="text-2xl font-bold mb-6"> |
| We automate your most painful business processes in 7 days |
| </h3> |
| <ul class="space-y-4 mb-8"> |
| <li class="flex items-start"> |
| <div class="bg-purple-600/10 p-2 rounded-full mr-4"> |
| <i data-feather="check" class="text-purple-400"></i> |
| </div> |
| <span class="text-gray-300">Custom AI workflows for your exact needs</span> |
| </li> |
| <li class="flex items-start"> |
| <div class="bg-pink-600/10 p-2 rounded-full mr-4"> |
| <i data-feather="check" class="text-pink-400"></i> |
| </div> |
| <span class="text-gray-300">70-80% of repetitive tasks automated</span> |
| </li> |
| <li class="flex items-start"> |
| <div class="bg-blue-600/10 p-2 rounded-full mr-4"> |
| <i data-feather="check" class="text-blue-400"></i> |
| </div> |
| <span class="text-gray-300">24/7 processing without human errors</span> |
| </li> |
| </ul> |
| <button onclick="openContactModal()" class="bg-gradient-to-r from-purple-600 to-pink-500 px-8 py-4 rounded-full font-bold text-lg cta-button hover:opacity-90 transition"> |
| Get Started Now |
| </button> |
| </div> |
| </div> |
| </div> |
| </section> |
| |
| <section class="py-16 bg-gradient-to-br from-purple-900 to-gray-900"> |
| <div class="container mx-auto px-6 text-center"> |
| <div class="max-w-3xl mx-auto"> |
| <div class="inline-block bg-yellow-500/20 border border-yellow-500/50 px-4 py-1 rounded-full text-yellow-300 mb-6 text-sm font-medium"> |
| LIMITED TIME OFFER |
| </div> |
| <h2 class="text-3xl md:text-4xl font-bold mb-6"> |
| Get Your <span class="gradient-text">Free AI Audit</span> Today |
| </h2> |
| <p class="text-xl text-gray-300 mb-8"> |
| We'll analyze your business and show you exactly which tasks can be automated |
| </p> |
| |
| <div class="bg-gray-900/50 p-8 rounded-xl border border-gray-700 max-w-2xl mx-auto mb-10"> |
| <h3 class="text-xl font-bold mb-4">Your Free AI Audit Includes:</h3> |
| <ul class="space-y-3 text-left"> |
| <li class="flex items-start"> |
| <div class="bg-purple-600/10 p-1 rounded-full mr-3 mt-1"> |
| <i data-feather="check" class="text-purple-400 w-4 h-4"></i> |
| </div> |
| <span class="text-gray-300">Custom automation roadmap</span> |
| </li> |
| <li class="flex items-start"> |
| <div class="bg-purple-600/10 p-1 rounded-full mr-3 mt-1"> |
| <i data-feather="check" class="text-purple-400 w-4 h-4"></i> |
| </div> |
| <span class="text-gray-300">Time & cost savings estimate</span> |
| </li> |
| <li class="flex items-start"> |
| <div class="bg-purple-600/10 p-1 rounded-full mr-3 mt-1"> |
| <i data-feather="check" class="text-purple-400 w-4 h-4"></i> |
| </div> |
| <span class="text-gray-300">Priority onboarding if you proceed</span> |
| </li> |
| </ul> |
| </div> |
| <button onclick="openContactModal()" class="bg-gradient-to-r from-purple-600 to-pink-500 px-8 py-4 rounded-full font-bold text-lg cta-button hover:opacity-90 transition"> |
| Claim Your Free AI Audit |
| </button> |
| </div> |
| </div> |
| </section> |
| |
| <section class="py-20 bg-gray-800"> |
| <div class="container mx-auto px-6"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-4"> |
| Businesses <span class="gradient-text">Transformed</span> |
| </h2> |
| <p class="text-xl text-gray-300 max-w-2xl mx-auto"> |
| See how we've helped companies just like yours |
| </p> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto"> |
| <div class="bg-gray-700/50 p-8 rounded-xl border border-gray-600"> |
| <div class="flex items-center mb-6"> |
| <img src="http://static.photos/people/200x200/1" alt="Client" class="w-12 h-12 rounded-full mr-4"> |
| <div> |
| <h4 class="font-bold">Sarah Johnson</h4> |
| <p class="text-sm text-gray-400">CEO, TechStart Inc.</p> |
| </div> |
| </div> |
| <p class="text-gray-300"> |
| "DigitalMoves automated 80% of our customer service operations. Their AI solution saved us $120k in staffing costs annually." |
| </p> |
| </div> |
| |
| <div class="bg-gray-700/50 p-8 rounded-xl border border-gray-600"> |
| <div class="flex items-center mb-6"> |
| <img src="http://static.photos/people/200x200/2" alt="Client" class="w-12 h-12 rounded-full mr-4"> |
| <div> |
| <h4 class="font-bold">Michael Chen</h4> |
| <p class="text-sm text-gray-400">CTO, DataFlow</p> |
| </div> |
| </div> |
| <p class="text-gray-300"> |
| "Our data processing time went from 8 hours daily to 30 minutes with their AI automation. Game-changing." |
| </p> |
| </div> |
| </div> |
| |
| <div class="text-center mt-12"> |
| <button class="bg-gradient-to-r from-purple-600 to-pink-500 px-8 py-4 rounded-full font-bold text-lg cta-button hover:opacity-90 transition"> |
| Get Your Free AI Audit |
| </button> |
| </div> |
| </div> |
| </section> |
| |
| <section class="py-20"> |
| </div> |
|
|
| |
| <div id="vibeContent" class="hidden"> |
| |
| <section class="py-12 md:py-20"> |
| <div class="container mx-auto px-6 text-center"> |
| <div class="max-w-4xl mx-auto"> |
| <h1 class="text-4xl md:text-6xl font-bold mb-6"> |
| <span class="gradient-text">Vibe Coding</span> That <br> |
| <span class="gradient-text">5X</span> Your Development Speed |
| </h1> |
| <p class="text-xl md:text-2xl text-gray-300 mb-10"> |
| Stop waiting weeks for development. We deliver high-quality software in 5 days instead of 25. |
| </p> |
| <div class="flex flex-col md:flex-row justify-center gap-4"> |
| <button onclick="openContactModal()" class="bg-gradient-to-r from-purple-600 to-pink-500 px-8 py-4 rounded-full font-bold text-lg cta-button hover:opacity-90 transition"> |
| Get Your Free Consultation |
| </button> |
| </div> |
| <div class="mt-12"> |
| <div class="relative inline-block"> |
| <img src="http://static.photos/technology/1024x576/10" alt="Vibe Coding" class="rounded-xl w-full max-w-4xl border-2 border-purple-500/30"> |
| <div class="absolute -bottom-4 -right-4 bg-purple-600 px-4 py-1 rounded-full font-bold text-sm"> |
| 🚀 5-Day Delivery |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 bg-gray-800"> |
| <div class="container mx-auto px-6"> |
| <div class="text-center mb-12"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-4"> |
| The Problem We <span class="gradient-text">Solve</span> |
| </h2> |
| <p class="text-xl text-gray-300 max-w-3xl mx-auto"> |
| Businesses waste weeks waiting for software development that could be done in days |
| </p> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto"> |
| <div class="text-center p-6"> |
| <div class="bg-purple-600/10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-4 mx-auto"> |
| <i data-feather="clock" class="text-purple-400"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3">Slow Delivery</h3> |
| <p class="text-gray-400"> |
| Traditional development takes 25+ days for simple projects |
| </p> |
| </div> |
| |
| <div class="text-center p-6"> |
| <div class="bg-pink-600/10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-4 mx-auto"> |
| <i data-feather="dollar-sign" class="text-pink-400"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3">High Costs</h3> |
| <p class="text-gray-400"> |
| Paying for extended development timelines and revisions |
| </p> |
| </div> |
| |
| <div class="text-center p-6"> |
| <div class="bg-blue-600/10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-4 mx-auto"> |
| <i data-feather="alert-triangle" class="text-blue-400"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3">Quality Issues</h3> |
| <p class="text-gray-400"> |
| Rushed projects with bugs and missing features |
| </p> |
| </div> |
| </div> |
| |
| <div class="text-center mt-12"> |
| <button onclick="openContactModal()" class="bg-gradient-to-r from-purple-600 to-pink-500 px-8 py-4 rounded-full font-bold text-lg cta-button hover:opacity-90 transition"> |
| Get Your Free Consultation |
| </button> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-20"> |
| <div class="container mx-auto px-6"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-4"> |
| Our <span class="gradient-text">Vibe Coding</span> Solution |
| </h2> |
| </div> |
| |
| <div class="flex flex-col md:flex-row items-center gap-12"> |
| <div class="md:w-1/2"> |
| <img src="http://static.photos/technology/640x360/20" alt="Vibe Coding" class="rounded-xl w-full"> |
| </div> |
| <div class="md:w-1/2"> |
| <h3 class="text-2xl font-bold mb-6"> |
| We deliver high-quality software in 5 days instead of 25 |
| </h3> |
| <ul class="space-y-4 mb-8"> |
| <li class="flex items-start"> |
| <div class="bg-purple-600/10 p-2 rounded-full mr-4"> |
| <i data-feather="check" class="text-purple-400"></i> |
| </div> |
| <span class="text-gray-300">80% faster delivery than traditional dev</span> |
| </li> |
| <li class="flex items-start"> |
| <div class="bg-pink-600/10 p-2 rounded-full mr-4"> |
| <i data-feather="check" class="text-pink-400"></i> |
| </div> |
| <span class="text-gray-300">Bug-free code with lifetime support</span> |
| </li> |
| <li class="flex items-start"> |
| <div class="bg-blue-600/10 p-2 rounded-full mr-4"> |
| <i data-feather="check" class="text-blue-400"></i> |
| </div> |
| <span class="text-gray-300">Fixed pricing with no hidden costs</span> |
| </li> |
| </ul> |
| <button onclick="openContactModal()" class="bg-gradient-to-r from-purple-600 to-pink-500 px-8 py-4 rounded-full font-bold text-lg cta-button hover:opacity-90 transition"> |
| Get Started Now |
| </button> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-20"> |
| <div class="container mx-auto px-6 text-center"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-6"> |
| Ready to <span class="gradient-text">10X</span> Your Productivity? |
| </h2> |
| <p class="text-xl text-gray-300 mb-10 max-w-2xl mx-auto"> |
| Get your free AI audit and discover how much time and money you could save |
| </p> |
| <button class="bg-gradient-to-r from-purple-600 to-pink-500 px-8 py-4 rounded-full font-bold text-lg cta-button hover:opacity-90 transition mb-6"> |
| Get Your Free AI Audit Now |
| </button> |
| <p class="text-gray-500 text-sm"> |
| No obligation • 100% free • Takes 2 minutes |
| </p> |
| </div> |
| </section> |
| |
| <footer class="py-12 bg-gray-900 border-t border-gray-800"> |
| <div class="container mx-auto px-6 text-center"> |
| <div class="flex justify-center mb-6"> |
| <i data-feather="zap" class="text-purple-500 mr-2"></i> |
| <span class="text-2xl font-bold gradient-text">DigitalMoves</span> |
| </div> |
| <p class="text-gray-500 mb-6"> |
| AI automation solutions that transform your business |
| </p> |
| <div class="flex flex-col items-center space-y-2"> |
| <a href="https://wa.me/447435962456" class="text-gray-500 hover:text-green-400 transition flex items-center"> |
| <i data-feather="message-circle" class="mr-2"></i> +447435962456 |
| </a> |
| <a href="mailto:info@thedigitalmoves.com" class="text-gray-500 hover:text-blue-400 transition flex items-center"> |
| <i data-feather="mail" class="mr-2"></i> info@thedigitalmoves.com |
| </a> |
| </div> |
| <p class="text-gray-600 mt-8 text-sm"> |
| © 2023 DigitalMoves. All rights reserved. |
| </p> |
| </div> |
| </footer> |
| <div id="contactModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden"> |
| <div class="bg-gray-800 p-8 rounded-xl max-w-md w-full"> |
| <h3 id="modalTitle" class="text-2xl font-bold mb-6 text-center">Get Your Free AI Audit</h3> |
| <div class="flex flex-col space-y-4 mb-6"> |
| <button onclick="window.open('https://wa.me/447435962456', '_blank')" class="bg-green-600 hover:bg-green-700 text-white px-6 py-3 rounded-lg flex items-center justify-center"> |
| <i data-feather="message-circle" class="mr-2"></i> Contact via WhatsApp |
| </button> |
| <div class="text-center text-gray-400">OR</div> |
| </div> |
| <form id="contactForm" class="space-y-4"> |
| <input type="text" placeholder="Your Name" class="w-full bg-gray-700 text-white px-4 py-3 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500"> |
| <input type="email" placeholder="Your Email" class="w-full bg-gray-700 text-white px-4 py-3 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500"> |
| <button type="submit" class="w-full bg-purple-600 hover:bg-purple-700 text-white px-6 py-3 rounded-lg font-bold"> |
| Send Message |
| </button> |
| </form> |
| <button onclick="closeContactModal()" class="absolute top-4 right-4 text-gray-400 hover:text-white"> |
| <i data-feather="x"></i> |
| </button> |
| </div> |
| </div> |
| <script> |
| |
| feather.replace(); |
| |
| |
| document.getElementById('aiToggle').addEventListener('click', function() { |
| document.getElementById('aiContent').classList.remove('hidden'); |
| document.getElementById('vibeContent').classList.add('hidden'); |
| document.getElementById('aiToggle').classList.add('bg-purple-600', 'text-white'); |
| document.getElementById('aiToggle').classList.remove('text-gray-300'); |
| document.getElementById('vibeToggle').classList.remove('bg-purple-600', 'text-white'); |
| document.getElementById('vibeToggle').classList.add('text-gray-300'); |
| }); |
| |
| document.getElementById('vibeToggle').addEventListener('click', function() { |
| document.getElementById('vibeContent').classList.remove('hidden'); |
| document.getElementById('aiContent').classList.add('hidden'); |
| document.getElementById('vibeToggle').classList.add('bg-purple-600', 'text-white'); |
| document.getElementById('vibeToggle').classList.remove('text-gray-300'); |
| document.getElementById('aiToggle').classList.remove('bg-purple-600', 'text-white'); |
| document.getElementById('aiToggle').classList.add('text-gray-300'); |
| }); |
| function openContactModal() { |
| const modal = document.getElementById('contactModal'); |
| const title = document.getElementById('modalTitle'); |
| |
| if (document.getElementById('vibeContent').classList.contains('hidden')) { |
| title.textContent = 'Get Your Free AI Audit'; |
| } else { |
| title.textContent = 'Get Your Free Consultation'; |
| } |
| |
| modal.classList.remove('hidden'); |
| } |
| function closeContactModal() { |
| document.getElementById('contactModal').classList.add('hidden'); |
| } |
| |
| document.getElementById('contactForm').addEventListener('submit', function(e) { |
| e.preventDefault(); |
| |
| const subject = document.getElementById('vibeContent').classList.contains('hidden') |
| ? 'Free AI Audit Request' |
| : 'Vibe Coding Consultation'; |
| window.location.href = `mailto:info@thedigitalmoves.com?subject=${subject}`; |
| closeContactModal(); |
| }); |
| </script> |
| <style> |
| #contactModal { |
| transition: opacity 0.3s ease; |
| } |
| </style> |
| </body> |
| </html> |
|
|
