Spaces:

JayStormX8
/

brandpulse

Running

App Files Files Community

JayStormX8 commited on Aug 4

Commit

f609cd9

verified ·

1 Parent(s): 48ba09b

For the schedule free consultation button have it direct to this site: https://www.brightsmiledigital.com/contact - Follow Up Deployment

Browse files

Files changed (1) hide show

index.html +9 -46

index.html CHANGED Viewed

@@ -53,21 +53,6 @@
 </head>
 <body class="bg-gray-50 font-sans">
     <div class="min-h-screen flex flex-col">
-        <!-- Header -->
-        <header class="bg-white shadow-sm">
-            <div class="container mx-auto px-4 py-6 flex justify-between items-center">
-                <h1 class="text-3xl font-bold text-primary">
-                    <i class="fas fa-chart-line mr-2"></i>BrandPulse
-                </h1>
-                <div class="flex items-center space-x-4">
-                    <span class="hidden md:inline text-gray-600">Take your brand to the next level</span>
-                    <button class="bg-primary hover:bg-primary-dark text-white px-4 py-2 rounded-full transition-all">
-                        Sign Up
-                    </button>
-                </div>
-            </div>
-        </header>
         <!-- Main Content -->
         <main class="flex-grow container mx-auto px-4 py-8">
             <div id="quiz-container" class="max-w-4xl mx-auto">
@@ -114,8 +99,8 @@
                                 <i class="fas fa-arrow-left mr-2"></i> Back
                             </button>
                             <span id="question-counter" class="text-gray-500 text-sm">Question 1 of 20</span>
-                            <button id="next-btn" onclick="nextQuestion()" class="bg-primary hover:bg-primary-dark text-white font-medium py-2 px-6 rounded-full transition-all">
-                                Next <i class="fas fa-arrow-right ml-2"></i>
                             </button>
                         </div>
                     </div>
@@ -187,40 +172,15 @@
                             <p class="text-gray-600 mb-6 max-w-2xl mx-auto">
                                 Our brand experts can help you implement these recommendations and take your brand to the next level.
                             </p>
-                            <button class="bg-primary hover:bg-primary-dark text-white font-bold py-3 px-8 rounded-full transition-all transform hover:scale-105 shadow-lg">
                                 Schedule Free Consultation
-                            </button>
                         </div>
                     </div>
                 </div>
             </div>
         </main>
-        <!-- Footer -->
-        <footer class="bg-gray-800 text-white py-8">
-            <div class="container mx-auto px-4">
-                <div class="flex flex-col md:flex-row justify-between items-center">
-                    <div class="mb-4 md:mb-0">
-                        <h3 class="text-xl font-bold text-primary mb-2">BrandPulse</h3>
-                        <p class="text-gray-400">Helping brands thrive in a competitive world</p>
-                    </div>
-                    <div class="flex space-x-6">
-                        <a href="#" class="text-gray-400 hover:text-white transition-colors">
-                            <i class="fab fa-twitter text-xl"></i>
-                        </a>
-                        <a href="#" class="text-gray-400 hover:text-white transition-colors">
-                            <i class="fab fa-linkedin text-xl"></i>
-                        </a>
-                        <a href="#" class="text-gray-400 hover:text-white transition-colors">
-                            <i class="fab fa-instagram text-xl"></i>
-                        </a>
-                    </div>
-                </div>
-                <div class="border-t border-gray-700 mt-6 pt-6 text-center text-gray-400 text-sm">
-                    <p>© 2023 BrandPulse. All rights reserved.</p>
-                </div>
-            </div>
-        </footer>
     </div>
     <script>
@@ -547,7 +507,7 @@
                     <label class="flex items-center p-4 border rounded-lg cursor-pointer hover:border-primary transition-colors ${isChecked ? 'border-primary bg-primary bg-opacity-5' : 'border-gray-200'}">
                         <input type="radio" name="question-${question.id}" value="${option.value}"
                                class="form-radio text-primary border-gray-300 focus:ring-primary"
-                               ${isChecked}
                                onchange="saveAnswer(${question.id}, ${option.value})">
                         <span class="ml-3 text-gray-700">${option.text}</span>
                     </label>
@@ -567,7 +527,7 @@
             }
         }
-        // Save answer
         function saveAnswer(questionId, value) {
             answers[questionId] = value;
@@ -577,6 +537,9 @@
             category.total += value;
             category.max += 10; // Max score per question is 10
             category.questions += 1;
         }
         // Navigate to next question

 </head>
 <body class="bg-gray-50 font-sans">
     <div class="min-h-screen flex flex-col">
         <!-- Main Content -->
         <main class="flex-grow container mx-auto px-4 py-8">
             <div id="quiz-container" class="max-w-4xl mx-auto">
                                 <i class="fas fa-arrow-left mr-2"></i> Back
                             </button>
                             <span id="question-counter" class="text-gray-500 text-sm">Question 1 of 20</span>
+                            <button id="next-btn" class="bg-gray-200 text-gray-500 font-medium py-2 px-6 rounded-full transition-all cursor-not-allowed" disabled>
+                                Auto-advance
                             </button>
                         </div>
                     </div>
                             <p class="text-gray-600 mb-6 max-w-2xl mx-auto">
                                 Our brand experts can help you implement these recommendations and take your brand to the next level.
                             </p>
+                            <a href="https://www.brightsmiledigital.com/contact" target="_blank" class="bg-primary hover:bg-primary-dark text-white font-bold py-3 px-8 rounded-full transition-all transform hover:scale-105 shadow-lg inline-block">
                                 Schedule Free Consultation
+                            </a>
                         </div>
                     </div>
                 </div>
             </div>
         </main>
     </div>
     <script>
                     <label class="flex items-center p-4 border rounded-lg cursor-pointer hover:border-primary transition-colors ${isChecked ? 'border-primary bg-primary bg-opacity-5' : 'border-gray-200'}">
                         <input type="radio" name="question-${question.id}" value="${option.value}"
                                class="form-radio text-primary border-gray-300 focus:ring-primary"
+                               ${isChecked}
                                onchange="saveAnswer(${question.id}, ${option.value})">
                         <span class="ml-3 text-gray-700">${option.text}</span>
                     </label>
             }
         }
+        // Save answer and advance to next question
         function saveAnswer(questionId, value) {
             answers[questionId] = value;
             category.total += value;
             category.max += 10; // Max score per question is 10
             category.questions += 1;
+            // Automatically go to next question after a brief delay
+            setTimeout(nextQuestion, 300);
         }
         // Navigate to next question