Merge version_12 into main

Merge version_12 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
+      // Send form data to Webild inbox
-      // For now, we'll simulate the submission
+      const response = await fetch('https://api.webild.com/inbox', {
-      await new Promise(resolve => setTimeout(resolve, 1000));
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+          type: 'assessment',
+          data: formData,
+          timestamp: new Date().toISOString(),
+        }),
+      });
 
-      // Log the form data (replace with actual API call)
+      if (!response.ok) {
-      console.log('Assessment Form Submitted:', formData);
+        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);
     }
@@ -68,7 +83,6 @@ export default function AssessmentPage() {
         <NavbarStyleCentered
           brandName="Land Care 4 U"
           navItems={[
-            { name: "Home", id: "home" },
             { name: "Our Work", id: "showcase" },
             { name: "About", id: "about" },
             { name: "Reviews", id: "testimonials" }
@@ -196,13 +210,15 @@ export default function AssessmentPage() {
                   />
                 </div>
 
-                <button
+                <div className="flex justify-center">
-                  type="submit"
+                  <button
-                  disabled={loading}
+                    type="submit"
-                  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"
+                    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>
+                    {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

@@ -48,8 +48,7 @@ export default function LandingPage() {
           logoText="Land Care 4 U & Landscaping"
           description="Transform Your Yard Into a Beautiful, Stress-Free Outdoor Space. Reliable. Professional. Affordable landscaping trusted by homeowners who want it done right the first time."
           buttons={[
-            { text: "Get Your Free Yard Assessment", onClick: handleGetAssessment },
+            { text: "Get Your Free Yard Assessment", onClick: handleGetAssessment }
-            { text: "View Our Work", href: "#showcase" }
           ]}
           slides={[
             { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-house-cement-view-from-garden_1127-3209.jpg?id=1242915", imageAlt: "Yard transformation from overgrown to lush green landscape" },
@@ -59,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>