Once I complete the contact form in get-report, it shoud calculate the scores and product a bespoke report for that person. - Follow Up Deployment

get-report.html

@@ -91,6 +91,70 @@
             once: true
         });
         feather.replace();
+
+        // Get score from URL
+        const urlParams = new URLSearchParams(window.location.search);
+        const score = urlParams.get('score');
+        
+        // Update form submission
+        document.querySelector('form').addEventListener('submit', async function(e) {
+            e.preventDefault();
+            
+            // Validate email
+            const email = document.getElementById('email').value;
+            if (!email.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)) {
+                alert('Please enter a valid work email address');
+                return;
+            }
+
+            const formData = {
+                firstName: document.getElementById('firstName').value,
+                lastName: document.getElementById('lastName').value,
+                email: email,
+                company: document.getElementById('company').value,
+                leadsPerMonth: document.getElementById('leads').value,
+                score: score,
+                timestamp: new Date().toISOString()
+            };
+
+            try {
+                // In production, replace with your actual webhook URL
+                const webhookUrl = 'YOUR_WEBHOOK_URL_HERE';
+                
+                if (webhookUrl && webhookUrl !== 'YOUR_WEBHOOK_URL_HERE') {
+                    const response = await fetch(webhookUrl, {
+                        method: 'POST',
+                        headers: {
+                            'Content-Type': 'application/json',
+                        },
+                        body: JSON.stringify(formData)
+                    });
+
+                    if (!response.ok) {
+                        console.error('Webhook error:', await response.text());
+                    }
+                }
+                
+                // Generate personalized report based on score
+                const reportId = 'report-' + Math.random().toString(36).substr(2, 9);
+                const queryParams = new URLSearchParams({
+                    id: reportId,
+                    score: score,
+                    firstName: encodeURIComponent(formData.firstName),
+                    lastName: encodeURIComponent(formData.lastName),
+                    email: encodeURIComponent(formData.email),
+                    company: encodeURIComponent(formData.company || ''),
+                    leadsPerMonth: formData.leadsPerMonth || ''
+                });
+                
+                window.location.href = `report.html?${queryParams.toString()}`;
+            } catch (error) {
+                console.error('Error:', error);
+                // Fallback - still generate report even if webhook fails
+                const reportId = 'report-' + Math.random().toString(36).substr(2, 9);
+                window.location.href = `report.html?id=${reportId}&score=${score}`;
+            }
+        });
     </script>
 </body>
 </html>

index.html

@@ -47,7 +47,7 @@
             <p class="text-lg md:text-xl mb-10 text-gray-700 max-w-2xl mx-auto">
                 Take our quick assessment to discover how AI automation can transform your lead response process and help you close more deals.
             </p>
-            <a href="/quiz" class="bg-accent hover:bg-pink-600 text-white font-bold py-4 px-8 rounded-full text-lg transition-all duration-300 transform hover:scale-105 inline-block">
+            <a href="quiz.html" class="bg-accent hover:bg-pink-600 text-white font-bold py-4 px-8 rounded-full text-lg transition-all duration-300 transform hover:scale-105 inline-block">
                 Start The Quiz
             </a>
         </div>

prompts.txt

@@ -231,4 +231,8 @@ Why visit the official site?
 • Better performance and security
 • Full functionality access
 • Latest features and updates
-• Proper authentication support
+• Proper authentication support
+The start the quiz button doesn't work or lead anywhere
+Once someone answers all 7 questions. The next screen is the get report screen. They fill in their contact details. These are logged via json with a webhook which I will provide.
+Once someone answers all 7 questions. The next screen is the get report screen. They fill in their contact details. These are logged via json with a webhook which I will provide.
+Once I complete the contact form in get-report, it shoud calculate the scores and product a bespoke report for that person.

quiz.html

@@ -201,7 +201,8 @@
                 updateQuestion();
             } else {
                 // Quiz completed, redirect to get-report with score
-                window.location.href = `/get-report?score=${totalScore}`;
+                const scorePercentage = Math.round((totalScore / 70) * 100);
+                window.location.href = `get-report.html?score=${scorePercentage}`;
             }
         }
 

report.html

@@ -43,10 +43,10 @@
     <div class="container mx-auto px-6 py-10 max-w-4xl">
         <!-- Score Section -->
         <div class="text-center mb-12" data-aos="fade-up">
-            <div class="text-7xl font-bold text-accent mb-4">85%</div>
-            <h1 class="text-3xl font-bold mb-6">AI Pioneer</h1>
-            <p class="text-lg text-gray-700 max-w-2xl mx-auto">
-                Your agency demonstrates exceptional readiness for AI automation. You're already using advanced systems and have the right mindset to leverage AI for even greater efficiency and growth.
+            <div class="text-7xl font-bold text-accent mb-4" id="scoreDisplay">0%</div>
+            <h1 class="text-3xl font-bold mb-6" id="scoreTitle">Loading...</h1>
+            <p class="text-lg text-gray-700 max-w-2xl mx-auto" id="scoreDescription">
+                Loading your personalized report...
             </p>
         </div>
 
@@ -72,11 +72,77 @@
         </div>
 
         <!-- CTA Section -->
-        <div class="text-center" data-aos="fade-up">
-            <a href="signup.html" class="bg-accent hover:bg-pink-600 text-white font-bold py-4 px-8 rounded-full text-lg transition-all duration-300 transform hover:scale-105 inline-block">
-                Start Your 7-Day Free Trial
+        <div class="text-center" data-aos="fade-up" id="ctaSection">
+            <a href="#" class="bg-accent hover:bg-pink-600 text-white font-bold py-4 px-8 rounded-full text-lg transition-all duration-300 transform hover:scale-105 inline-block" id="ctaButton">
+                Loading...
             </a>
         </div>
+
+    <script>
+        // Get parameters from URL
+        const urlParams = new URLSearchParams(window.location.search);
+        const score = parseInt(urlParams.get('score'));
+        const firstName = decodeURIComponent(urlParams.get('firstName') || '');
+        const lastName = decodeURIComponent(urlParams.get('lastName') || '');
+        const company = decodeURIComponent(urlParams.get('company') || '');
+        const leadsPerMonth = urlParams.get('leadsPerMonth') || '';
+        
+        // Personalize the report
+        const name = firstName ? `${firstName}${lastName ? ' ' + lastName : ''}` : '';
+        document.getElementById('scoreDisplay').textContent = `${score}%`;
+        
+        // Determine score title and description
+        let scoreTitle, scoreDescription, ctaText, ctaLink;
+        
+        if (score >= 75) {
+            scoreTitle = name ? `${name}, You're an AI Pioneer` : "AI Pioneer";
+            scoreDescription = `Your agency demonstrates exceptional readiness for AI automation. ${
+                leadsPerMonth === '200+' ? 
+                'With your high lead volume, you could achieve massive efficiency gains.' : 
+                'You already have advanced systems in place.'
+            } We recommend exploring our premium automation features to take your business to the next level.`;
+            ctaText = "Start Your 7-Day Free Trial";
+            ctaLink = "signup.html";
+        } else if (score >= 40) {
+            scoreTitle = name ? `${name}, You're Automation Ready` : "Automation Ready";
+            scoreDescription = `You have solid foundations for AI automation. ${
+                leadsPerMonth === '200+' ? 
+                'Given your lead volume, implementing automation would significantly improve your response times and conversion rates.' :
+                'With the right tools and processes, you could capture more leads and close more deals.'
+            } Our platform can help you bridge this gap.`;
+            ctaText = "Watch a 2-Minute Demo";
+            ctaLink = "demo.html";
+        } else {
+            scoreTitle = name ? `${name}, You Have Growth Potential` : "Growth Potential";
+            scoreDescription = `There's significant opportunity to improve your lead response processes. ${
+                leadsPerMonth === '200+' ?
+                'At your lead volume, even basic automation would dramatically improve your results.' :
+                'Implementing automation would help you compete more effectively.'
+            } Start with our free guide to learn the fundamentals.`;
+            ctaText = "Download Your Free Lead Response Guide";
+            ctaLink = "download-guide.html";
+        }
+        
+        // Update page content
+        document.getElementById('scoreTitle').textContent = scoreTitle;
+        document.getElementById('scoreDescription').textContent = scoreDescription;
+        document.getElementById('ctaButton').textContent = ctaText;
+        document.getElementById('ctaButton').href = ctaLink;
+
+        // Personalize category breakdown if company provided
+        if (company) {
+            document.querySelectorAll('.bg-gray-50 p-6.rounded-lg p').forEach(p => {
+                p.textContent = p.textContent.replace('Your', `${company}'s`);
+            });
+        }
+
+        AOS.init({
+            duration: 800,
+            easing: 'ease-in-out',
+            once: true
+        });
+        feather.replace();
+    </script>
     </div>
 
     <script>