Update src/app/page.tsx

src/app/page.tsx

@@ -11,6 +11,20 @@ import FooterSimple from "@/components/sections/footer/FooterSimple";
 import { Award, BarChart3, Brain, Github, Linkedin, Mail, Sparkles, Target, Users, Zap } from "lucide-react";
 
 export default function LandingPage() {
+  const handleContactSubmit = (data: Record<string, string>) => {
+    // Send form data to webild email
+    fetch('https://api.example.com/contact', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({
+        ...data,
+        recipient: 'webild@webild.com'
+      })
+    }).catch(err => console.error('Form submission error:', err));
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="bounce-effect"
@@ -128,9 +142,6 @@ export default function LandingPage() {
           members={[
             { id: "1", name: "Alex Thompson", role: "Creative Director", description: "10+ years of experience in brand strategy and luxury design. Obsessed with positioning and visual storytelling.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1UWtLhV4bdAZs5YAnJqZZmEU/professional-headshot-of-a-talented-desi-1774031217802-8e82cb96.png", imageAlt: "Professional headshot of a talented designer or developer. Modern office environment with tech eleme", socialLinks: [{ icon: Linkedin, url: "https://linkedin.com" }, { icon: Mail, url: "mailto:alex@example.com" }] }
           ]}
-          buttons={[
-            { text: "Join Our Team", href: "#contact" }
-          ]}
           buttonAnimation="slide-up"
           ariaLabel="Team members section"
         />
@@ -151,6 +162,7 @@ export default function LandingPage() {
           ]}
           textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 5, required: true }}
           buttonText="Send Message"
+          onSubmit={handleContactSubmit}
           ariaLabel="Contact form section"
         />
       </div>