Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,15 +2,15 @@
 
 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 ContactSplit from '@/components/sections/contact/ContactSplit';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import { ShieldCheck, TrendingUp, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -160,30 +160,24 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="split"
-      useInvertedBackground={false}
+      <TestimonialCardTwelve
+      cardTitle="Trusted by Industry Leaders"
+      cardTag="See why retail and restaurant managers choose us"
       testimonials={[
-        {
-          id: "1",          name: "Sarah Johnson",          date: "2024-03-01",          title: "Retail Manager",          quote: "The POS systems provided have revolutionized our store operations. Seamless implementation.",          tag: "Retail",          avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5687.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-circuit-boards-with-copy-space_23-2148419209.jpg?_wi=2",          imageAlt: "pos machine display modern"},
-        {
-          id: "2",          name: "Michael Chen",          date: "2024-02-15",          title: "Restaurant Operator",          quote: "Reliable hardware and fantastic support. Our transactions have never been faster.",          tag: "Hospitality",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-female-personal-shopper-working_23-2148924143.jpg",          imageSrc: "http://img.b2bpic.net/free-vector/big-data-concept_23-2147509540.jpg",          imageAlt: "fast setup icon tech"},
-        {
-          id: "3",          name: "Emily Rodriguez",          date: "2024-01-20",          title: "Store Owner",          quote: "Clear, transparent pricing and excellent hardware quality. Highly recommended partner.",          tag: "Retail",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-business-woman-dressed-formal-suit-blue-shirt-isolated-dark-background_613910-6341.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dollar-sign-blue-purple_181624-40491.jpg",          imageAlt: "transparent pricing icon"},
-        {
-          id: "4",          name: "David Kim",          date: "2024-03-10",          title: "Café Director",          quote: "The tech expertise is evident. They guided us to the perfect hardware for our needs.",          tag: "Hospitality",          avatarSrc: "http://img.b2bpic.net/free-photo/office-worker-reading-annual-reports_482257-75598.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/call-center-agents-collaborating-track-lost-customers-shipments_482257-117820.jpg",          imageAlt: "support service icon"},
-        {
-          id: "5",          name: "Alex Rivera",          date: "2024-04-05",          title: "Operations Manager",          quote: "Scalable, efficient, and cost-effective. A truly professional partnership experience.",          tag: "Enterprise",          avatarSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee-prepare_1258-138286.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/shop-cashier-offering-customer-enter-pin-code-while-operating-payment-process-cropped-shot-closeup-hand-shopping-purchase-concept_74855-11999.jpg?_wi=2",          imageAlt: "modern pos system hardware"},
+        { id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5687.jpg" },
+        { id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-personal-shopper-working_23-2148924143.jpg" },
+        { id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-business-woman-dressed-formal-suit-blue-shirt-isolated-dark-background_613910-6341.jpg" },
+        { id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/office-worker-reading-annual-reports_482257-75598.jpg" },
       ]}
-      title="Trusted by Industry Leaders"
-      description="See why retail and restaurant managers choose us as their partner."
+      cardAnimation="slide-up"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={false}
+      <FaqSplitText
+      sideTitle="Frequently Asked Questions"
+      sideDescription="Have questions about our POS solutions? Find answers here."
       faqs={[
         {
           id: "f1",          title: "What brands do you carry?",          content: "We carry a wide range of leading brands including Honeywell, Verifone, and more."},
@@ -192,37 +186,44 @@ export default function LandingPage() {
         {
           id: "f3",          title: "Are your prices transparent?",          content: "Yes, our pricing is fully transparent with no hidden fees."},
       ]}
-      title="Frequently Asked Questions"
-      description="Have questions about our POS solutions? Find answers here."
       faqsAnimation="blur-reveal"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient"}}
-      tag="Let's Talk"
+      <ContactSplit
       title="Ready to Modernize Your POS?"
       description="Contact our experts today to discuss your hardware needs and receive a transparent quote."
-      buttons={[
-        {
-          text: "Get a Quote",          href: "#contact"},
-      ]}
+      tag="Get In Touch"
+      mediaPosition="right"
+      imageSrc="http://img.b2bpic.net/free-photo/contact-us-communication-connection-business-concept_53876-126848.jpg"
+      background={{
+          variant: "plain"
+      }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterMedia
       logoText="POS Hub"
-      leftLink={{
-        text: "Privacy Policy",        href: "#"}}
-      rightLink={{
-        text: "Terms of Service",        href: "#"}}
+      imageSrc="http://img.b2bpic.net/free-photo/top-view-circuit-boards-with-copy-space_23-2148419209.jpg"
+      columns={[
+        {
+          title: "Company",          items: [
+            { label: "About Us", href: "#" },
+            { label: "Contact", href: "#" },
+          ]},
+        {
+          title: "Resources",          items: [
+            { label: "Help Center", href: "#" },
+            { label: "Blog", href: "#" },
+          ]},
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}