src/app/page.tsx

@@ -3,14 +3,14 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import { Calendar, Clock, Flame, Leaf, MapPin, Smile, Truck, Users } from "lucide-react";
 
 export default function LandingPage() {
@@ -170,7 +170,7 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
+      <FaqSplitMedia
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
@@ -188,32 +188,22 @@ export default function LandingPage() {
       title="Common Questions"
       description="Everything you need to know about our service."
       faqsAnimation="slide-up"
+      imageSrc="http://img.b2bpic.net/free-photo/delicious-arugula-pizza-frame_23-2148574290.jpg"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
+      <ContactCTA
       title="Get in Touch"
       description="Whether it's a catering inquiry or feedback, we'd love to hear from you."
-      inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",        placeholder: "How can we help?",        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598345.jpg"
+      tag="Contact Us"
+      buttons={[{ text: "Contact Support", href: "#" }]}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bjmsfa"
+      <FooterBaseCard
       logoText="Pizza Nextdoor"
       columns={[
         {
@@ -244,4 +234,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}