src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqBase from '@/components/sections/faq/FaqBase';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -181,7 +181,7 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
+      <FaqSplitMedia
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
@@ -195,34 +195,50 @@ export default function LandingPage() {
       title="Frequently Asked Questions"
       description="Have questions about our POS solutions? Find answers here."
       faqsAnimation="blur-reveal"
+      imageSrc="http://img.b2bpic.net/free-photo/customer-service-concept-with-headset_23-2148737678.jpg"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactSplitForm
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient"}}
-      tag="Let's Talk"
       title="Ready to Modernize Your POS?"
       description="Contact our experts today to discuss your hardware needs and receive a transparent quote."
-      buttons={[
+      inputs={[
         {
-          text: "Get a Quote",          href: "#contact"},
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true},
+        {
+          name: "email",          type: "email",          placeholder: "Your Email",          required: true},
       ]}
+      textarea={{
+        name: "message",        placeholder: "Tell us about your requirements",        rows: 4,
+        required: true}}
+      buttonText="Get a Quote"
+      imageSrc="http://img.b2bpic.net/free-photo/contact-us-communication-connection-business-concept_53876-126848.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="POS Hub"
-      leftLink={{
-        text: "Privacy Policy",        href: "#"}}
-      rightLink={{
-        text: "Terms of Service",        href: "#"}}
+      <FooterSimple
+      columns={[
+        {
+          title: "Company",          items: [
+            { label: "About Us", href: "#" },
+            { label: "Contact", href: "#" },
+            { label: "Careers", href: "#" },
+          ]},
+        {
+          title: "Resources",          items: [
+            { label: "Help Center", href: "#" },
+            { label: "Blog", href: "#" },
+            { label: "Terms of Service", href: "#" },
+          ]},
+      ]}
+      bottomLeftText="© 2024 POS Hub. All rights reserved."
+      bottomRightText="Built for Modern Business"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}