furabut commited on
Commit
94cfb01
·
verified ·
1 Parent(s): c1da768

now everything is perfect,

Browse files

when click on ger started now or claim your Free Ai Audit,it should open pope where it will as user give option to go to whatsapp to send message
the number is +447435962456
or they can write name and email and click on send button and email will be sent to info@thedigitalmoves.com

also in footer add number +447435962456 whatsapp
and email info@thedigitalmoves.com


remove privacy polcy terms and contact button

Files changed (1) hide show
  1. index.html +56 -12
index.html CHANGED
@@ -135,10 +135,10 @@
135
  <span class="text-gray-300">24/7 processing without human errors</span>
136
  </li>
137
  </ul>
138
- <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">
139
- Get Started Now
140
- </button>
141
- </div>
142
  </div>
143
  </div>
144
  </section>
@@ -179,11 +179,10 @@
179
  </li>
180
  </ul>
181
  </div>
182
-
183
- <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">
184
  Claim Your Free AI Audit
185
  </button>
186
- </div>
187
  </div>
188
  </section>
189
  <!-- Testimonials -->
@@ -260,19 +259,64 @@
260
  <p class="text-gray-500 mb-6">
261
  AI automation solutions that transform your business
262
  </p>
263
- <div class="flex justify-center space-x-6">
264
- <a href="#" class="text-gray-500 hover:text-purple-400 transition">Privacy</a>
265
- <a href="#" class="text-gray-500 hover:text-pink-400 transition">Terms</a>
266
- <a href="#" class="text-gray-500 hover:text-blue-400 transition">Contact</a>
 
 
 
267
  </div>
268
- <p class="text-gray-600 mt-8 text-sm">
269
  © 2023 DigitalMoves. All rights reserved.
270
  </p>
271
  </div>
272
  </footer>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
273
  <script>
274
  // Initialize feather icons
275
  feather.replace();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
276
  </script>
 
 
 
 
 
277
  </body>
278
  </html>
 
135
  <span class="text-gray-300">24/7 processing without human errors</span>
136
  </li>
137
  </ul>
138
+ <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">
139
+ Get Started Now
140
+ </button>
141
+ </div>
142
  </div>
143
  </div>
144
  </section>
 
179
  </li>
180
  </ul>
181
  </div>
182
+ <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">
 
183
  Claim Your Free AI Audit
184
  </button>
185
+ </div>
186
  </div>
187
  </section>
188
  <!-- Testimonials -->
 
259
  <p class="text-gray-500 mb-6">
260
  AI automation solutions that transform your business
261
  </p>
262
+ <div class="flex flex-col items-center space-y-2">
263
+ <a href="https://wa.me/447435962456" class="text-gray-500 hover:text-green-400 transition flex items-center">
264
+ <i data-feather="message-circle" class="mr-2"></i> +447435962456
265
+ </a>
266
+ <a href="mailto:info@thedigitalmoves.com" class="text-gray-500 hover:text-blue-400 transition flex items-center">
267
+ <i data-feather="mail" class="mr-2"></i> info@thedigitalmoves.com
268
+ </a>
269
  </div>
270
+ <p class="text-gray-600 mt-8 text-sm">
271
  © 2023 DigitalMoves. All rights reserved.
272
  </p>
273
  </div>
274
  </footer>
275
+ <div id="contactModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
276
+ <div class="bg-gray-800 p-8 rounded-xl max-w-md w-full">
277
+ <h3 class="text-2xl font-bold mb-6 text-center">Get Your Free AI Audit</h3>
278
+ <div class="flex flex-col space-y-4 mb-6">
279
+ <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">
280
+ <i data-feather="message-circle" class="mr-2"></i> Contact via WhatsApp
281
+ </button>
282
+ <div class="text-center text-gray-400">OR</div>
283
+ </div>
284
+ <form id="contactForm" class="space-y-4">
285
+ <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">
286
+ <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">
287
+ <button type="submit" class="w-full bg-purple-600 hover:bg-purple-700 text-white px-6 py-3 rounded-lg font-bold">
288
+ Send Message
289
+ </button>
290
+ </form>
291
+ <button onclick="closeContactModal()" class="absolute top-4 right-4 text-gray-400 hover:text-white">
292
+ <i data-feather="x"></i>
293
+ </button>
294
+ </div>
295
+ </div>
296
+
297
  <script>
298
  // Initialize feather icons
299
  feather.replace();
300
+
301
+ function openContactModal() {
302
+ document.getElementById('contactModal').classList.remove('hidden');
303
+ }
304
+
305
+ function closeContactModal() {
306
+ document.getElementById('contactModal').classList.add('hidden');
307
+ }
308
+
309
+ document.getElementById('contactForm').addEventListener('submit', function(e) {
310
+ e.preventDefault();
311
+ // Here you would normally send the form data
312
+ window.location.href = 'mailto:info@thedigitalmoves.com?subject=Free AI Audit Request';
313
+ closeContactModal();
314
+ });
315
  </script>
316
+ <style>
317
+ #contactModal {
318
+ transition: opacity 0.3s ease;
319
+ }
320
+ </style>
321
  </body>
322
  </html>