Update src/app/contact/page.tsx

Merge version_58 into main

src/app/contact/page.tsx

@@ -3,10 +3,15 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import ContactSplit from "@/components/sections/contact/ContactSplit";
-import FooterMedia from "@/components/sections/footer/FooterMedia";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
 
 export default function ContactPage() {
+  const handleSubmit = (data: Record<string, string>) => {
+    console.log("Sending to theodore.elmiger@gmail.com:", data);
+    window.location.href = `mailto:theodore.elmiger@gmail.com?subject=Nouveau message de ${data.name}&body=Nom: ${data.name}%0AEmail: ${data.email}%0A%0A${data.message}`;
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="text-stagger"
@@ -36,11 +41,16 @@ export default function ContactPage() {
         </div>
         <div className="pt-32 pb-20">
           <div id="contact-form" data-section="contact-form">
-            <ContactSplit
-              tag="Contact"
+            <ContactSplitForm
               title="Parlons de votre projet"
               description="Nous sommes à votre écoute pour concevoir la solution digitale qui correspond à vos ambitions."
-              background={{ variant: "plain" }}
+              inputs={[
+                { name: "name", type: "text", placeholder: "Votre nom", required: true },
+                { name: "email", type: "email", placeholder: "Votre email", required: true }
+              ]}
+              textarea={{ name: "message", placeholder: "Décrivez votre projet", rows: 5, required: true }}
+              buttonText="Envoyer"
+              onSubmit={handleSubmit}
               imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778867278663-8og1q5hx.png"
               mediaPosition="right"
               useInvertedBackground={false}
@@ -48,12 +58,12 @@ export default function ContactPage() {
           </div>
         </div>
         <div id="footer" data-section="footer">
-          <FooterMedia
+          <FooterLogoEmphasis
             logoText="Switzerweb"
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778866973153-laldct7r.png?_wi=2"
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778866973153-laldct7r.png?_wi=2"
             columns={[
-              { title: "Entreprise", items: [{ label: "À Propos", href: "#about" }, { label: "Services", href: "#services" }, { label: "Contact", href: "/contact" }] },
-              { title: "Services", items: [{ label: "Dév Web", href: "#" }, { label: "SEO", href: "#" }] },
+              { items: [{ label: "À Propos", href: "#about" }, { label: "Services", href: "#services" }, { label: "Contact", href: "/contact" }] },
+              { items: [{ label: "Dév Web", href: "#" }, { label: "SEO", href: "#" }] },
             ]}
           />
         </div>