Spaces:

furabut
/

digitalmoves-vibe-coding-wizards

Running

App Files Files Community

furabut commited on Oct 15, 2025

Commit

c1da768

verified ·

1 Parent(s): 23b644a

it should be pure funnel website like kingkong.co

Browse files

Files changed (1) hide show

index.html +152 -369

index.html CHANGED Viewed

@@ -1,331 +1,205 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>DigitalMoves | AI & Coding Solutions</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://unpkg.com/feather-icons"></script>
-    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
     <style>
         .gradient-text {
-            background: linear-gradient(90deg, #6366F1, #EC4899, #F59E0B);
             -webkit-background-clip: text;
             background-clip: text;
             color: transparent;
         }
-        .pulse-animation {
-            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-        }
-        @keyframes pulse {
-            0%, 100% { opacity: 1; }
-            50% { opacity: 0.5; }
         }
     </style>
 </head>
 <body class="bg-gray-900 text-white">
-    <div id="vanta-bg" class="fixed inset-0 z-0"></div>
-    <!-- Header -->
-    <header class="relative z-10">
-        <div class="container mx-auto px-6 py-4">
-            <div class="flex justify-between items-center">
-                <div class="flex items-center">
-                    <i data-feather="zap" class="text-purple-500 mr-2"></i>
-                    <span class="text-2xl font-bold gradient-text">DigitalMoves</span>
-                </div>
-                <nav class="hidden md:flex space-x-8">
-                    <a href="#services" class="hover:text-purple-400 transition">Services</a>
-                    <a href="#ai" class="hover:text-pink-400 transition">AI Solutions</a>
-                    <a href="#pricing" class="hover:text-orange-400 transition">Pricing</a>
-                    <a href="#testimonials" class="hover:text-blue-400 transition">Clients</a>
-                </nav>
-                <button class="bg-purple-600 hover:bg-purple-700 px-6 py-2 rounded-full font-medium transition md:hidden">
-                    Menu
-                </button>
-            </div>
-        </div>
-    </header>
     <!-- Hero Section -->
-    <section class="relative z-10 py-20 md:py-32">
         <div class="container mx-auto px-6 text-center">
-            <h1 class="text-4xl md:text-6xl font-bold mb-6">
-                <span class="gradient-text">Automate</span> Your Business <br>
-                With <span class="gradient-text">AI-Powered</span> Solutions
-            </h1>
-            <p class="text-xl md:text-2xl text-gray-300 mb-10 max-w-3xl mx-auto">
-                From custom coding to ready-made automations, we move your digital presence forward at light speed.
-            </p>
-            <div class="flex flex-col md:flex-row justify-center gap-4">
-                <button class="bg-gradient-to-r from-purple-600 to-pink-500 px-8 py-3 rounded-full font-bold text-lg hover:opacity-90 transition">
-                    Get Started Now
-                </button>
-                <button class="border border-purple-400 px-8 py-3 rounded-full font-bold text-lg hover:bg-purple-900/30 transition">
-                    Explore Solutions
-                </button>
-            </div>
-            <div class="mt-12 flex justify-center">
-                <div class="relative">
-                    <img src="http://static.photos/technology/1024x576/5" alt="AI Automation" class="rounded-xl shadow-2xl w-full max-w-4xl border-2 border-purple-500/30">
-                    <div class="absolute -bottom-5 -right-5 bg-purple-600 px-4 py-2 rounded-full font-bold text-sm">
-                        🔥 Limited Time Offer
                     </div>
                 </div>
             </div>
         </div>
     </section>
-    <!-- Services Section -->
-    <section id="services" class="relative z-10 py-20 bg-gray-800/50 backdrop-blur-sm">
         <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> Services
                 </h2>
-                <p class="text-xl text-gray-300 max-w-2xl mx-auto">
-                    Custom solutions tailored to your business needs, delivered with style.
                 </p>
             </div>
-            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
-                <!-- Service 1 -->
-                <div class="bg-gray-800/70 p-8 rounded-xl border border-gray-700 hover:border-purple-500 transition hover:shadow-lg hover:shadow-purple-500/20">
-                    <div class="bg-purple-600/10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6">
-                        <i data-feather="code" class="text-purple-400"></i>
                     </div>
-                    <h3 class="text-xl font-bold mb-3">Custom Development</h3>
-                    <p class="text-gray-300 mb-4">
-                        Bespoke software solutions built from scratch to match your exact requirements.
                     </p>
-                    <div class="flex flex-wrap gap-2">
-                        <span class="bg-purple-900/40 px-3 py-1 rounded-full text-sm">Web Apps</span>
-                        <span class="bg-pink-900/40 px-3 py-1 rounded-full text-sm">Mobile</span>
-                        <span class="bg-blue-900/40 px-3 py-1 rounded-full text-sm">API</span>
-                    </div>
                 </div>
-                <!-- Service 2 -->
-                <div class="bg-gray-800/70 p-8 rounded-xl border border-gray-700 hover:border-pink-500 transition hover:shadow-lg hover:shadow-pink-500/20">
-                    <div class="bg-pink-600/10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6">
-                        <i data-feather="cpu" class="text-pink-400"></i>
                     </div>
-                    <h3 class="text-xl font-bold mb-3">AI Automation</h3>
-                    <p class="text-gray-300 mb-4">
-                        Smart workflows that automate repetitive tasks using cutting-edge AI technology.
                     </p>
-                    <div class="flex flex-wrap gap-2">
-                        <span class="bg-purple-900/40 px-3 py-1 rounded-full text-sm">Chatbots</span>
-                        <span class="bg-pink-900/40 px-3 py-1 rounded-full text-sm">Data Processing</span>
-                        <span class="bg-blue-900/40 px-3 py-1 rounded-full text-sm">LLM</span>
-                    </div>
                 </div>
-                <!-- Service 3 -->
-                <div class="bg-gray-800/70 p-8 rounded-xl border border-gray-700 hover:border-orange-500 transition hover:shadow-lg hover:shadow-orange-500/20">
-                    <div class="bg-orange-600/10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6">
-                        <i data-feather="package" class="text-orange-400"></i>
                     </div>
-                    <h3 class="text-xl font-bold mb-3">Ready-Made Solutions</h3>
-                    <p class="text-gray-300 mb-4">
-                        Off-the-shelf tools that can be rapidly deployed to solve common business challenges.
                     </p>
-                    <div class="flex flex-wrap gap-2">
-                        <span class="bg-purple-900/40 px-3 py-1 rounded-full text-sm">CRM</span>
-                        <span class="bg-pink-900/40 px-3 py-1 rounded-full text-sm">CMS</span>
-                        <span class="bg-blue-900/40 px-3 py-1 rounded-full text-sm">E-commerce</span>
-                    </div>
                 </div>
             </div>
         </div>
     </section>
-    <!-- AI Solutions Section -->
-    <section id="ai" class="relative z-10 py-20">
         <div class="container mx-auto px-6">
             <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 shadow-xl border border-purple-500/20 w-full">
-</div>
                 <div class="md:w-1/2">
-                    <h2 class="text-3xl md:text-4xl font-bold mb-6">
-                        <span class="gradient-text">AI-Powered</span> Business Automation
-                    </h2>
-                    <p class="text-xl text-gray-300 mb-8">
-                        Transform your operations with our cutting-edge AI solutions that work while you sleep.
-                    </p>
-                    <ul class="space-y-4">
                         <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">Document processing & analysis</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">Customer support automation</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">Predictive analytics & insights</span>
                         </li>
                     </ul>
-                    <button class="mt-8 bg-gradient-to-r from-purple-600 to-blue-500 px-6 py-3 rounded-full font-bold hover:opacity-90 transition">
-                        Explore AI Solutions
                     </button>
                 </div>
             </div>
         </div>
     </section>
-    <!-- Pricing Section -->
-    <section id="pricing" class="relative z-10 py-20 bg-gray-800/50 backdrop-blur-sm">
-        <div class="container mx-auto px-6">
-            <div class="text-center mb-16">
-                <h2 class="text-3xl md:text-4xl font-bold mb-4">
-                    Simple, <span class="gradient-text">Transparent</span> Pricing
                 </h2>
-                <p class="text-xl text-gray-300 max-w-2xl mx-auto">
-                    Choose the plan that fits your needs. No hidden fees, just results.
                 </p>
-            </div>
-            <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto">
-                <!-- Basic Plan -->
-                <div class="bg-gray-800/70 p-8 rounded-xl border border-gray-700">
-                    <div class="mb-6">
-                        <h3 class="text-xl font-bold mb-2">Starter Pack</h3>
-                        <p class="text-gray-400">Perfect for small projects</p>
-                    </div>
-                    <div class="mb-6">
-                        <span class="text-4xl font-bold">$100</span>
-                        <span class="text-gray-400">/project</span>
-                        <div class="text-sm text-purple-400 mt-1">AI Mode: ON</div>
-                    </div>
-<ul class="space-y-3 mb-8">
-                        <li class="flex items-center">
-                            <i data-feather="check" class="text-green-400 mr-2"></i>
-                            <span class="text-gray-300">Basic website or app</span>
-                        </li>
-                        <li class="flex items-center">
-                            <i data-feather="check" class="text-green-400 mr-2"></i>
-                            <span class="text-gray-300">Up to 5 pages</span>
-                        </li>
-                        <li class="flex items-center">
-                            <i data-feather="check" class="text-green-400 mr-2"></i>
-                            <span class="text-gray-300">Simple contact form</span>
-                        </li>
-                        <li class="flex items-center text-gray-500">
-                            <i data-feather="x" class="text-red-400 mr-2"></i>
-                            <span>No AI features</span>
-                        </li>
-                    </ul>
-                    <button class="w-full border border-purple-500 px-6 py-3 rounded-full font-medium hover:bg-purple-900/20 transition">
-                        Get Started
-                    </button>
-                </div>
-                <!-- Popular Plan -->
-                <div class="bg-gray-800/70 p-8 rounded-xl border-2 border-purple-500 relative">
-                    <div class="absolute -top-3 left-1/2 transform -translate-x-1/2 bg-purple-600 px-4 py-1 rounded-full text-sm font-bold">
-                        MOST POPULAR
-                    </div>
-                    <div class="mb-6">
-                        <h3 class="text-xl font-bold mb-2">AI Automation</h3>
-                        <p class="text-gray-400">Smart business solutions</p>
-                    </div>
-                    <div class="mb-6">
-                        <span class="text-4xl font-bold">$200</span>
-                        <span class="text-gray-400">/project</span>
-                        <div class="text-sm text-purple-400 mt-1">AI Mode: ON</div>
-                    </div>
-<ul class="space-y-3 mb-8">
-                        <li class="flex items-center">
-                            <i data-feather="check" class="text-green-400 mr-2"></i>
-                            <span class="text-gray-300">Custom AI workflow</span>
-                        </li>
-                        <li class="flex items-center">
-                            <i data-feather="check" class="text-green-400 mr-2"></i>
-                            <span class="text-gray-300">Data processing</span>
                         </li>
-                        <li class="flex items-center">
-                            <i data-feather="check" class="text-green-400 mr-2"></i>
-                            <span class="text-gray-300">API integrations</span>
                         </li>
-                        <li class="flex items-center">
-                            <i data-feather="check" class="text-green-400 mr-2"></i>
-                            <span class="text-gray-300">Monthly maintenance</span>
                         </li>
                     </ul>
-                    <button class="w-full bg-gradient-to-r from-purple-600 to-pink-500 px-6 py-3 rounded-full font-bold hover:opacity-90 transition">
-                        Get Started
-                    </button>
                 </div>
-                <!-- Enterprise Plan -->
-                <div class="bg-gray-800/70 p-8 rounded-xl border border-gray-700">
-                    <div class="mb-6">
-                        <h3 class="text-xl font-bold mb-2">Elite Package</h3>
-                        <p class="text-gray-400">Full business transformation</p>
-                    </div>
-                    <div class="mb-6">
-                        <span class="text-4xl font-bold">$500</span>
-                        <span class="text-gray-400">/project</span>
-                        <div class="text-sm text-purple-400 mt-1">AI Mode: ON</div>
-                    </div>
-<ul class="space-y-3 mb-8">
-                        <li class="flex items-center">
-                            <i data-feather="check" class="text-green-400 mr-2"></i>
-                            <span class="text-gray-300">Custom everything</span>
-                        </li>
-                        <li class="flex items-center">
-                            <i data-feather="check" class="text-green-400 mr-2"></i>
-                            <span class="text-gray-300">Multiple AI agents</span>
-                        </li>
-                        <li class="flex items-center">
-                            <i data-feather="check" class="text-green-400 mr-2"></i>
-                            <span class="text-gray-300">Priority support</span>
-                        </li>
-                        <li class="flex items-center">
-                            <i data-feather="check" class="text-green-400 mr-2"></i>
-                            <span class="text-gray-300">Dedicated team</span>
-                        </li>
-                    </ul>
-                    <button class="w-full border border-purple-500 px-6 py-3 rounded-full font-medium hover:bg-purple-900/20 transition">
-                        Get Started
-                    </button>
-                </div>
-            </div>
-            <div class="mt-12 text-center">
-                <p class="text-gray-400 mb-4">Not sure what you need?</p>
-                <button class="border-b border-purple-500 text-purple-400 hover:text-purple-300 transition">
-                    Compare all features
                 </button>
             </div>
         </div>
     </section>
     <!-- Testimonials -->
-    <section id="testimonials" class="relative z-10 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">
-                    What Our <span class="gradient-text">Clients</span> Say
                 </h2>
                 <p class="text-xl text-gray-300 max-w-2xl mx-auto">
-                    Don't take our word for it - hear from businesses we've transformed.
                 </p>
             </div>
-            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
-                <!-- Testimonial 1 -->
-                <div class="bg-gray-800/70 p-8 rounded-xl border border-gray-700">
                     <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>
@@ -333,20 +207,12 @@
                             <p class="text-sm text-gray-400">CEO, TechStart Inc.</p>
                         </div>
                     </div>
-                    <p class="text-gray-300 mb-6">
-                        "DigitalMoves automated 80% of our customer service operations. Their AI solution was a game-changer for our SaaS platform."
                     </p>
-                    <div class="flex space-x-1">
-                        <i data-feather="star" class="text-yellow-400"></i>
-                        <i data-feather="star" class="text-yellow-400"></i>
-                        <i data-feather="star" class="text-yellow-400"></i>
-                        <i data-feather="star" class="text-yellow-400"></i>
-                        <i data-feather="star" class="text-yellow-400"></i>
-                    </div>
                 </div>
-                <!-- Testimonial 2 -->
-                <div class="bg-gray-800/70 p-8 rounded-xl border border-gray-700">
                     <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>
@@ -354,140 +220,57 @@
                             <p class="text-sm text-gray-400">CTO, DataFlow</p>
                         </div>
                     </div>
-                    <p class="text-gray-300 mb-6">
-                        "The custom CRM they built handles our complex sales process perfectly. Their team understood our needs immediately."
                     </p>
-                    <div class="flex space-x-1">
-                        <i data-feather="star" class="text-yellow-400"></i>
-                        <i data-feather="star" class="text-yellow-400"></i>
-                        <i data-feather="star" class="text-yellow-400"></i>
-                        <i data-feather="star" class="text-yellow-400"></i>
-                        <i data-feather="star" class="text-yellow-400"></i>
-                    </div>
-                </div>
-                <!-- Testimonial 3 -->
-                <div class="bg-gray-800/70 p-8 rounded-xl border border-gray-700">
-                    <div class="flex items-center mb-6">
-                        <img src="http://static.photos/people/200x200/3" alt="Client" class="w-12 h-12 rounded-full mr-4">
-                        <div>
-                            <h4 class="font-bold">Emma Rodriguez</h4>
-                            <p class="text-sm text-gray-400">Marketing Director</p>
-                        </div>
-                    </div>
-                    <p class="text-gray-300 mb-6">
-                        "Their ready-made e-commerce solution got us online in 48 hours. The speed and quality were unbelievable."
-                    </p>
-                    <div class="flex space-x-1">
-                        <i data-feather="star" class="text-yellow-400"></i>
-                        <i data-feather="star" class="text-yellow-400"></i>
-                        <i data-feather="star" class="text-yellow-400"></i>
-                        <i data-feather="star" class="text-yellow-400"></i>
-                        <i data-feather="star" class="text-yellow-400"></i>
-                    </div>
                 </div>
             </div>
         </div>
     </section>
-    <!-- CTA Section -->
-    <section class="relative z-10 py-20">
         <div class="container mx-auto px-6 text-center">
-            <div class="bg-gradient-to-br from-purple-900/50 to-blue-900/50 p-12 rounded-2xl backdrop-blur-sm border border-purple-500/20">
-                <h2 class="text-3xl md:text-4xl font-bold mb-6">
-                    Ready to <span class="gradient-text">Automate</span> Your Business?
-                </h2>
-                <p class="text-xl text-gray-300 mb-8 max-w-2xl mx-auto">
-                    Let's discuss how we can transform your operations with AI and custom coding solutions.
-                </p>
-                <div class="flex flex-col md:flex-row justify-center gap-4">
-                    <button class="bg-white text-gray-900 px-8 py-3 rounded-full font-bold text-lg hover:bg-gray-100 transition">
-                        Book a Free Consultation
-                    </button>
-                    <button class="border border-white px-8 py-3 rounded-full font-bold text-lg hover:bg-white/10 transition">
-                        See Case Studies
-                    </button>
-                </div>
-            </div>
         </div>
     </section>
-    <!-- Footer -->
-    <footer class="relative z-10 bg-gray-900/80 backdrop-blur-sm border-t border-gray-800 py-12">
-        <div class="container mx-auto px-6">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-12">
-                <div>
-                    <div class="flex items-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-400 mb-4">
-                        Making digital transformation effortless through AI and custom coding solutions.
-                    </p>
-</div>
-                <div>
-                    <h4 class="text-lg font-bold mb-4">Services</h4>
-                    <ul class="space-y-2">
-                        <li><a href="#" class="text-gray-400 hover:text-purple-400 transition">Custom Development</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-pink-400 transition">AI Automation</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-orange-400 transition">Ready-Made Solutions</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-blue-400 transition">Consulting</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h4 class="text-lg font-bold mb-4">Company</h4>
-                    <ul class="space-y-2">
-                        <li><a href="#" class="text-gray-400 hover:text-purple-400 transition">About Us</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-pink-400 transition">Case Studies</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-orange-400 transition">Careers</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-blue-400 transition">Contact</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h4 class="text-lg font-bold mb-4">Resources</h4>
-                    <ul class="space-y-2">
-                        <li><a href="#" class="text-gray-400 hover:text-purple-400 transition">Blog</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-pink-400 transition">Documentation</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-orange-400 transition">FAQ</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-blue-400 transition">Support</a></li>
-                    </ul>
-                </div>
             </div>
-            <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
-                <p class="text-gray-500 mb-4 md:mb-0">
-                    © 2023 DigitalMoves. All rights reserved.
-                </p>
-                <div class="flex space-x-6">
-                    <a href="#" class="text-gray-500 hover:text-purple-400 transition">Privacy Policy</a>
-                    <a href="#" class="text-gray-500 hover:text-pink-400 transition">Terms of Service</a>
-                    <a href="#" class="text-gray-500 hover:text-blue-400 transition">Cookies</a>
-                </div>
             </div>
         </div>
     </footer>
     <script>
-        // Initialize Vanta.js background
-        VANTA.NET({
-            el: "#vanta-bg",
-            mouseControls: true,
-            touchControls: true,
-            gyroControls: false,
-            minHeight: 200.00,
-            minWidth: 200.00,
-            scale: 1.00,
-            scaleMobile: 1.00,
-            color: 0x7c3aed,
-            backgroundColor: 0x111827,
-            points: 10.00,
-            maxDistance: 22.00,
-            spacing: 17.00
-        });
         // Initialize feather icons
         feather.replace();
     </script>

 <!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>
         .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">
     <!-- Hero Section -->
+    <section class="py-24 md:py-32">
         <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 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>
+    <!-- Problem 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 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>
+    <!-- Solution 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 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>
+    <!-- Offer 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 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>
     <!-- Testimonials -->
+    <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>
                             <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>
                             <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>
+    <!-- Final CTA -->
+    <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>
+    <!-- Simple Footer -->
+    <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 justify-center space-x-6">
+                <a href="#" class="text-gray-500 hover:text-purple-400 transition">Privacy</a>
+                <a href="#" class="text-gray-500 hover:text-pink-400 transition">Terms</a>
+                <a href="#" class="text-gray-500 hover:text-blue-400 transition">Contact</a>
             </div>
+            <p class="text-gray-600 mt-8 text-sm">
+                © 2023 DigitalMoves. All rights reserved.
+            </p>
         </div>
     </footer>
     <script>
         // Initialize feather icons
         feather.replace();
     </script>