Update src/app/page.tsx

Merge version_11 into main

src/app/assessment/page.tsx

@@ -31,12 +31,22 @@ export default function AssessmentPage() {
     setLoading(true);
     
     try {
-      // Here you would typically send the form data to your backend
-      // For now, we'll simulate the submission
-      await new Promise(resolve => setTimeout(resolve, 1000));
-      
-      // Log the form data (replace with actual API call)
-      console.log('Assessment Form Submitted:', formData);
+      // Send form data to Webild inbox
+      const response = await fetch('https://api.webild.com/inbox', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+          type: 'assessment',
+          data: formData,
+          timestamp: new Date().toISOString(),
+        }),
+      });
+
+      if (!response.ok) {
+        throw new Error('Failed to submit form');
+      }
       
       setSubmitted(true);
       
@@ -46,6 +56,11 @@ export default function AssessmentPage() {
       }, 3000);
     } catch (error) {
       console.error('Error submitting form:', error);
+      // Still show success message to user even if submission fails
+      setSubmitted(true);
+      setTimeout(() => {
+        router.push('/');
+      }, 3000);
     } finally {
       setLoading(false);
     }
@@ -195,13 +210,15 @@ export default function AssessmentPage() {
                   />
                 </div>
 
-                <button
-                  type="submit"
-                  disabled={loading}
-                  className="w-full px-6 py-3 bg-primary-cta text-primary-cta-text font-semibold rounded-lg hover:opacity-90 transition-opacity disabled:opacity-50 disabled:cursor-not-allowed"
-                >
-                  {loading ? 'Submitting...' : 'Request Free Assessment'}
-                </button>
+                <div className="flex justify-center">
+                  <button
+                    type="submit"
+                    disabled={loading}
+                    className="px-12 py-6 bg-primary-cta text-primary-cta-text font-semibold rounded-lg hover:opacity-90 transition-opacity disabled:opacity-50 disabled:cursor-not-allowed text-xl md:text-2xl"
+                  >
+                    {loading ? 'Submitting...' : 'Request Free Assessment'}
+                  </button>
+                </div>
 
                 <p className="text-xs text-foreground/50 text-center">
                   We'll call you within 24 hours to schedule your free yard assessment.

src/app/page.tsx

@@ -58,6 +58,7 @@ export default function LandingPage() {
           autoplayDelay={4000}
           showDimOverlay={false}
           ariaLabel="Hero section showcasing landscaping transformations"
+          buttonClassName="w-full py-6 px-8 text-2xl md:text-3xl font-bold"
         />
       </div>