Merge version_4 into main

Merge version_4 into main

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 FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
 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() {
@@ -56,7 +56,7 @@ export default function LandingPage() {
       ]}
       carouselItems={[
         {
-          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-arugula-pizza-frame_23-2148574290.jpg",          imageAlt: "fresh artisan pizza wooden table"},
+          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-arugula-pizza-frame_23-2148574290.jpg?_wi=1",          imageAlt: "fresh artisan pizza wooden table"},
         {
           id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-pizza-rustic-wooden-table-generated-by-ai_188544-24094.jpg",          imageAlt: "fresh artisan pizza wooden table"},
         {
@@ -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,23 @@ 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?_wi=2"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactCTA
-      useInvertedBackground={false}
       title="Get in Touch"
       description="Whether it's a catering inquiry or feedback, we'd love to hear from you."
-      inputs={[
+      tag="Contact Us"
-        {
+      buttons={[{ text: "Contact Support", href: "#" }]}
-          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
+      background={{ variant: "plain" }}
-        },
+      useInvertedBackground={false}
-        {
-          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"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
+      <FooterBaseCard
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bjmsfa"
       logoText="Pizza Nextdoor"
       columns={[
         {