Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
@@ -68,7 +68,9 @@ export default function LandingPage() {
       ]}
       buttons={[
         { 
-          text: "Réservations",          href: "#contact"},
+          text: "Réservations", 
+          href: "#contact" 
+        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/valentine-s-day-arrangement-with-roses_23-2151914738.jpg"
       avatars={[
@@ -181,7 +183,7 @@ export default function LandingPage() {
           imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-smiling_23-2148454153.jpg"},
         {
           id: "4",          name: "Sophie Martin",          role: "Connaisseuse",          company: "Local",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517452.jpg"},
+          imageSrc: "http://img.b2bpic.net/portrait-senior-man-luxurious-restaurant_23-2150517452.jpg"},
         {
           id: "5",          name: "Lucie Bernard",          role: "Dîner",          company: "Amie",          rating: 5,
           imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-people-with-drinks_23-2150124809.jpg"},
@@ -212,13 +214,18 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplitForm
-      useInvertedBackground={true}
-      background={{
-        variant: "plain"}}
       title="Réservez votre table"
-      description="Contactez-nous pour organiser votre prochaine venue."
+      description="Laissez-nous vos coordonnées et nous vous rappellerons pour confirmer votre réservation."
-      tag="Contact"
+      inputs={[
+        { name: "name", type: "text", placeholder: "Votre nom", required: true },
+        { name: "email", type: "email", placeholder: "Votre email", required: true },
+        { name: "phone", type: "tel", placeholder: "Votre téléphone", required: true },
+      ]}
+      textarea={{ name: "message", placeholder: "Détails de la réservation (nombre de personnes, date)" }}
+      buttonText="Confirmer la demande"
+      useInvertedBackground={false}
+      onSubmit={(data) => console.log("Formulaire envoyé:", data)}
     />
   </div>