Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -30,10 +30,13 @@ export default function LandingPage() {
     setSubmitStatus("loading");
 
     try {
-      // Send form data to user's inbox via email service
+      // Send form data to jonathan123817@gmail.com
       const response = await fetch("/api/submit-project", {
         method: "POST",        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(formData)
+        body: JSON.stringify({
+          ...formData,
+          recipientEmail: "jonathan123817@gmail.com",          source: "project-inquiry",          timestamp: new Date().toISOString()
+        })
       });
 
       if (response.ok) {
@@ -44,6 +47,8 @@ export default function LandingPage() {
           setSubmitStatus("idle");
         }, 2000);
       } else {
+        const errorData = await response.json();
+        console.error("Form submission error:", errorData);
         setSubmitStatus("error");
       }
     } catch (error) {
@@ -156,22 +161,22 @@ export default function LandingPage() {
           animationType="scale-rotate"
           metrics={[
             {
-              id: "metric-1",              value: "150+",              title: "Projects Delivered",              description: "Successfully completed projects across diverse industries and markets",              icon: CheckCircle
+              id: "metric-1",              value: "3+",              title: "Projects Delivered",              description: "Successfully completed projects across industries",              icon: CheckCircle
             },
             {
-              id: "metric-2",              value: "98%",              title: "Client Satisfaction",              description: "Repeat clients and positive testimonials from satisfied partners",              icon: Star
+              id: "metric-2",              value: "98%",              title: "Client Satisfaction",              description: "Repeat clients and positive testimonials",              icon: Star
             },
             {
-              id: "metric-3",              value: "8+",              title: "Years in Business",              description: "Trusted partner for digital transformation and creative excellence",              icon: Briefcase
+              id: "metric-3",              value: "1+",              title: "Years in Business",              description: "Trusted partner for digital transformation",              icon: Briefcase
             },
             {
-              id: "metric-4",              value: "25+",              title: "Team Members",              description: "Diverse experts in design, development, and strategy",              icon: Users
+              id: "metric-4",              value: "5+",              title: "Team Members",              description: "Diverse experts in design and technology",              icon: Users
             },
             {
-              id: "metric-5",              value: "$45M+",              title: "Client Revenue Growth",              description: "Total revenue increase generated for our partners",              icon: TrendingUp
+              id: "metric-5",              value: "$999+",              title: "Client Revenue Growth",              description: "Average revenue increase for our partners",              icon: TrendingUp
             },
             {
-              id: "metric-6",              value: "12",              title: "Industry Awards",              description: "Recognition for creative excellence and strategic innovation",              icon: Trophy
+              id: "metric-6",              value: "2 ",              title: "Industry Awards",              description: "helping local businesses achieve there dreams  ",              icon: Trophy
             }
           ]}
         />
@@ -303,7 +308,7 @@ export default function LandingPage() {
               <div className="text-center py-8">
                 <CheckCircle className="w-12 h-12 text-green-500 mx-auto mb-4" />
                 <h3 className="text-lg font-semibold text-green-600">Thank You!</h3>
-                <p className="text-gray-600 mt-2">Your project inquiry has been sent to our inbox.</p>
+                <p className="text-gray-600 mt-2">Your project inquiry has been sent to jonathan123817@gmail.com</p>
               </div>
             ) : (
               <form onSubmit={handleFormSubmit} className="space-y-4">
@@ -371,8 +376,8 @@ export default function LandingPage() {
                 </div>
 
                 {submitStatus === "error" && (
-                  <div className="text-red-600 text-sm font-medium">
-                    An error occurred. Please try again.
+                  <div className="bg-red-50 border border-red-200 text-red-700 text-sm font-medium p-3 rounded-lg">
+                    Failed to send your inquiry. Please try again in a moment.
                   </div>
                 )}
 
@@ -390,4 +395,4 @@ export default function LandingPage() {
       )}
     </ThemeProvider>
   );
-}
+}