Hugging Face's logo

Spaces:
flen-crypto
/
soragram
Running

App Files Community
flen-crypto commited on
Commit
9a178b0
·
verified ·
1 Parent(s): ce471b9

test as a user, identify faults then fix and retest. repeat until all buttons and links work

Browse files
Files changed (1) hide show
  1. index.html +37 -40
index.html CHANGED
@@ -204,11 +204,10 @@
204
  </head>
205
  <body class="bg-dark text-white">
206
  <!-- WhatsApp Float Button -->
207
- <a href="https://wa.me/yournumber" class="whatsapp-float">
208
  <i class="fab fa-whatsapp"></i>
209
  </a>
210
-
211
- <!-- Navigation -->
212
  <nav class="bg-darker py-4 px-6 shadow-lg sticky top-0 z-50">
213
  <div class="container mx-auto flex justify-between items-center">
214
  <div class="flex items-center">
@@ -533,13 +532,12 @@
533
  <button disabled class="bg-gray-600 text-gray-300 px-6 py-2 rounded-full font-bold cursor-not-allowed">
534
  BACK
535
  </button>
536
- <button onclick="nextStep(2)" class="bg-primary hover:bg-red-600 text-white px-6 py-2 rounded-full font-bold transition hovered-element">
537
  NEXT
538
  </button>
539
  </div>
540
- </div>
541
-
542
- <!-- Step 2 -->
543
  <div id="step-2" class="step hidden">
544
  <h3 class="impact-text text-xl mb-6">YOUR LIFESTYLE & GOALS</h3>
545
 
@@ -597,13 +595,12 @@
597
  <button onclick="prevStep(1)" class="bg-gray-600 hover:bg-gray-700 text-white px-6 py-2 rounded-full font-bold transition">
598
  BACK
599
  </button>
600
- <button onclick="nextStep(3)" class="bg-primary hover:bg-red-600 text-white px-6 py-2 rounded-full font-bold transition hovered-element">
601
  NEXT
602
  </button>
603
  </div>
604
- </div>
605
-
606
- <!-- Step 3 -->
607
  <div id="step-3" class="step hidden">
608
  <h3 class="impact-text text-xl mb-6">TIMEFRAME & COMMITMENT</h3>
609
 
@@ -648,13 +645,12 @@
648
  <button onclick="prevStep(2)" class="bg-gray-600 hover:bg-gray-700 text-white px-6 py-2 rounded-full font-bold transition">
649
  BACK
650
  </button>
651
- <button onclick="nextStep(4)" class="bg-primary hover:bg-red-600 text-white px-6 py-2 rounded-full font-bold transition hovered-element">
652
  NEXT
653
  </button>
654
  </div>
655
- </div>
656
-
657
- <!-- Step 4 -->
658
  <div id="step-4" class="step hidden">
659
  <h3 class="impact-text text-xl mb-6">REVIEW YOUR PLAN</h3>
660
 
@@ -1455,33 +1451,34 @@
1455
  handleButtonSelection(timeAvailableButtons);
1456
  handleButtonSelection(goalButtons);
1457
  handleButtonSelection(timeframeButtons);
1458
-
1459
  // Form submission
1460
  const formButtons = document.querySelectorAll('#step-4 button');
1461
- formButtons.forEach(button => {
1462
- button.addEventListener('click', (e) => {
1463
- if (button.textContent.includes('GET MY PLAN')) {
1464
- e.preventDefault();
1465
- alert('Your personalized plan has been sent to your email! Check your inbox shortly.');
1466
- } else if (button.textContent.includes('BOOK INTRO SESSION')) {
1467
- e.preventDefault();
1468
- alert('Redirecting to booking calendar...');
1469
- } else if (button.textContent.includes('JOIN WHATSAPP GROUP')) {
1470
- e.preventDefault();
1471
- alert('Opening WhatsApp group link...');
1472
- }
 
 
1473
  });
1474
- });
1475
-
1476
  // Contact form submission
1477
  const contactForm = document.querySelector('form');
1478
- contactForm.addEventListener('submit', (e) => {
1479
- e.preventDefault();
1480
- alert('Thank you for your message! We will get back to you within 24 hours.');
1481
- contactForm.reset();
1482
- });
1483
-
1484
- // Smooth scrolling for navigation links
 
1485
  document.querySelectorAll('a[href^="#"]').forEach(anchor => {
1486
  anchor.addEventListener('click', function (e) {
1487
  e.preventDefault();
@@ -1494,13 +1491,13 @@
1494
  }
1495
  });
1496
  });
1497
-
1498
  // Close mobile menu when clicking on a link
1499
  document.querySelectorAll('#mobile-menu a').forEach(link => {
1500
  link.addEventListener('click', () => {
1501
  mobileMenu.classList.add('hidden');
1502
  });
1503
  });
1504
- <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=flen-crypto/soragram" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p>
 
1505
  </body>
1506
- </html>
 
204
  </head>
205
  <body class="bg-dark text-white">
206
  <!-- WhatsApp Float Button -->
207
+ <a href="https://wa.me/441234567890" class="whatsapp-float">
208
  <i class="fab fa-whatsapp"></i>
209
  </a>
210
+ <!-- Navigation -->
 
211
  <nav class="bg-darker py-4 px-6 shadow-lg sticky top-0 z-50">
212
  <div class="container mx-auto flex justify-between items-center">
213
  <div class="flex items-center">
 
532
  <button disabled class="bg-gray-600 text-gray-300 px-6 py-2 rounded-full font-bold cursor-not-allowed">
533
  BACK
534
  </button>
535
+ <button onclick="nextStep(2)" class="bg-primary hover:bg-red-600 text-white px-6 py-2 rounded-full font-bold transition">
536
  NEXT
537
  </button>
538
  </div>
539
+ </div>
540
+ <!-- Step 2 -->
 
541
  <div id="step-2" class="step hidden">
542
  <h3 class="impact-text text-xl mb-6">YOUR LIFESTYLE & GOALS</h3>
543
 
 
595
  <button onclick="prevStep(1)" class="bg-gray-600 hover:bg-gray-700 text-white px-6 py-2 rounded-full font-bold transition">
596
  BACK
597
  </button>
598
+ <button onclick="nextStep(3)" class="bg-primary hover:bg-red-600 text-white px-6 py-2 rounded-full font-bold transition">
599
  NEXT
600
  </button>
601
  </div>
602
+ </div>
603
+ <!-- Step 3 -->
 
604
  <div id="step-3" class="step hidden">
605
  <h3 class="impact-text text-xl mb-6">TIMEFRAME & COMMITMENT</h3>
606
 
 
645
  <button onclick="prevStep(2)" class="bg-gray-600 hover:bg-gray-700 text-white px-6 py-2 rounded-full font-bold transition">
646
  BACK
647
  </button>
648
+ <button onclick="nextStep(4)" class="bg-primary hover:bg-red-600 text-white px-6 py-2 rounded-full font-bold transition">
649
  NEXT
650
  </button>
651
  </div>
652
+ </div>
653
+ <!-- Step 4 -->
 
654
  <div id="step-4" class="step hidden">
655
  <h3 class="impact-text text-xl mb-6">REVIEW YOUR PLAN</h3>
656
 
 
1451
  handleButtonSelection(timeAvailableButtons);
1452
  handleButtonSelection(goalButtons);
1453
  handleButtonSelection(timeframeButtons);
 
1454
  // Form submission
1455
  const formButtons = document.querySelectorAll('#step-4 button');
1456
+ if (formButtons.length > 0) {
1457
+ formButtons.forEach(button => {
1458
+ button.addEventListener('click', (e) => {
1459
+ if (button.textContent.includes('GET MY PLAN')) {
1460
+ e.preventDefault();
1461
+ alert('Your personalized plan has been sent to your email! Check your inbox shortly.');
1462
+ } else if (button.textContent.includes('BOOK INTRO SESSION')) {
1463
+ e.preventDefault();
1464
+ alert('Redirecting to booking calendar...');
1465
+ } else if (button.textContent.includes('JOIN WHATSAPP GROUP')) {
1466
+ e.preventDefault();
1467
+ alert('Opening WhatsApp group link...');
1468
+ }
1469
+ });
1470
  });
1471
+ }
 
1472
  // Contact form submission
1473
  const contactForm = document.querySelector('form');
1474
+ if (contactForm) {
1475
+ contactForm.addEventListener('submit', (e) => {
1476
+ e.preventDefault();
1477
+ alert('Thank you for your message! We will get back to you within 24 hours.');
1478
+ contactForm.reset();
1479
+ });
1480
+ }
1481
+ // Smooth scrolling for navigation links
1482
  document.querySelectorAll('a[href^="#"]').forEach(anchor => {
1483
  anchor.addEventListener('click', function (e) {
1484
  e.preventDefault();
 
1491
  }
1492
  });
1493
  });
 
1494
  // Close mobile menu when clicking on a link
1495
  document.querySelectorAll('#mobile-menu a').forEach(link => {
1496
  link.addEventListener('click', () => {
1497
  mobileMenu.classList.add('hidden');
1498
  });
1499
  });
1500
+ </script>
1501
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=flen-crypto/soragram" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p>
1502
  </body>
1503
+ </html>