Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FaqBase from '@/components/sections/faq/FaqBase';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -84,42 +84,38 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
+      <FaqBase
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
         { id: "1", title: "What is the cancellation policy?", content: "Free cancellation available for direct bookings up to 24h prior. Contact our 24/7 AI support for modifications." },
         { id: "2", title: "Is parking available?", content: "Yes, secure parking is available for guests. Chat with our virtual assistant for guidance." },
       ]}
-      mediaAnimation="slide-up"
+      faqsAnimation="slide-up"
       title="Frequently Asked Questions"
       description="Get all your answers instantly via our AI-powered support, or booking your Paris stay today."
-      faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactCTA
-      useInvertedBackground={false}
+      tag="Concierge"
       title="Plan Your Escape"
       description="Have questions? Our AI concierge team is ready to assist you instantly with bookings and recommendations."
-      inputs={[
+      buttons={[{ text: "Contact Us" }]}
-        { name: "name", type: "text", placeholder: "Your Name" },
+      useInvertedBackground={false}
-        { name: "email", type: "email", placeholder: "Your Email" },
+      background={{ variant: "plain" }}
-      ]}
-      textarea={{ name: "message", placeholder: "How can we help? (AI assistance available)" }}
-      imageSrc="http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterBaseReveal
+      logoText="Pullman Paris"
       columns={[
         { title: "Hotel", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
         { title: "Support", items: [{ label: "Contact", href: "#" }, { label: "FAQs", href: "#" }] },
       ]}
-      bottomLeftText="© 2024 Pullman Paris Montparnasse"
+      copyrightText="© 2024 Pullman Paris Montparnasse"
-      bottomRightText="AI-Enhanced Luxury Hospitality"
     />
   </div>
       </ReactLenis>