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';
@@ -67,32 +67,34 @@ export default function LandingPage() {
           imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517448.jpg"},
       ]}
       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={[
-        {
+        { 
           src: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg",          alt: "Dîner 1"},
-        {
+        { 
           src: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg",          alt: "Dîner 2"},
-        {
+        { 
           src: "http://img.b2bpic.net/free-photo/portrait-smiling-pretty-waitress_1098-15705.jpg",          alt: "Dîner 3"},
-        {
+        { 
           src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",          alt: "Dîner 4"},
-        {
+        { 
           src: "http://img.b2bpic.net/free-photo/smiling-woman-with-olives-beer_23-2147680964.jpg",          alt: "Dîner 5"},
       ]}
       marqueeItems={[
-        {
+        { 
           type: "text",          text: "Gastronomie"},
-        {
+        { 
           type: "text",          text: "Fraîcheur"},
-        {
+        { 
           type: "text",          text: "Tradition"},
-        {
+        { 
           type: "text",          text: "Art"},
-        {
+        { 
           type: "text",          text: "Cuisine"},
       ]}
     />
@@ -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>
 
@@ -234,4 +241,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}