Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import BlogCardThree from '@/components/sections/blog/BlogCardThree';
-import ContactText from '@/components/sections/contact/ContactText';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 
 export default function LandingPage() {
   return (
@@ -99,13 +99,14 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
+      <TestimonialCardOne
       animationType="slide-up"
       textboxLayout="split"
+      gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       testimonials={[
-        { id: "t1", name: "Theo Bainville", handle: "@theo", testimonial: "Super adresse ! Gérants au top et cuisine excellente.", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-virtual-date_23-2149307267.jpg" },
-        { id: "t2", name: "Jean-Luc Bach", handle: "@jlbach", testimonial: "3ème visite et toujours le cadre chaleureux et cuisine délicieuse.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-friends-restaurant_23-2148395397.jpg" },
+        { id: "t1", name: "Theo Bainville", role: "Client", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-virtual-date_23-2149307267.jpg" },
+        { id: "t2", name: "Jean-Luc Bach", role: "Client", company: "Habitué", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-friends-restaurant_23-2148395397.jpg" },
       ]}
       title="Ce qu'ils disent de nous"
       description="Des retours qui nous touchent."
@@ -113,23 +114,21 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
+      <FaqBase
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
         { id: "f1", title: "Est-ce que vous proposez la vente à emporter ?", content: "Oui, nous proposons une sélection de nos plats à emporter." },
         { id: "f2", title: "Acceptez-vous les réservations ?", content: "Nous vous conseillons d'appeler au 05 34 02 75 60 pour réserver." },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/laptop-digital-tablet-book-pot-plant-wooden-table-restaurant_23-2147936091.jpg"
       title="Questions fréquentes"
       description="En savoir plus sur nos services."
       faqsAnimation="slide-up"
-      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="blog" data-section="blog">
-      <BlogCardThree
+      <BlogCardTwo
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
@@ -143,23 +142,25 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      text="Nous sommes à votre écoute pour toute question ou demande de réservation. Retrouvez-nous au Mas-d'Azil pour une expérience culinaire inoubliable."
-      background={{ variant: "plain" }}
-      useInvertedBackground={true}
+      <ContactSplitForm
+      title="Restons en contact"
+      description="Inscrivez-vous à notre newsletter pour connaître les menus du moment."
+      useInvertedBackground={false}
+      inputs={[
+        { name: "email", type: "email", placeholder: "Entrez votre email" },
+        { name: "name", type: "text", placeholder: "Votre nom" }
+      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterLogoReveal
       logoText="Chez Suzon"
-      columns={[
-          { items: [{ label: "Le Restaurant", href: "#hero" }, { label: "Notre Menu", href: "#menu" }] },
-          { items: [{ label: "Contact", href: "#contact" }, { label: "Confidentialité", href: "#" }] }
-      ]}
+      leftLink={{ text: "Confidentialité", href: "#" }}
+      rightLink={{ text: "05 34 02 75 60", href: "tel:0534027560" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}