Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -12,8 +12,9 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import { Briefcase, Globe, HelpCircle, ListChecks, Sparkles } from "lucide-react";
+import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
 
 export default function LandingPage() {
   return (
@@ -39,6 +40,8 @@ export default function LandingPage() {
           name: "Features",          id: "#ats-features"},
         {
           name: "AI Tools",          id: "#ai-tools"},
+        {
+          name: "Payments",          id: "#payment-methods"},
         {
           name: "Testimonials",          id: "#success-stories"},
         {
@@ -175,26 +178,48 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="success-stories" data-section="success-stories">
-      <TestimonialCardTwelve
-      useInvertedBackground={true}
-      testimonials={[
+  <div id="payment-methods" data-section="payment-methods">
+      <FeatureCardTwentyEight
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      features={[
         {
-          id: "1",          name: "Sarah Chen",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",          imageAlt: "Sarah Chen portrait"},
+          id: "card-payments",          title: "Credit & Debit Cards",          subtitle: "Visa, Mastercard, Amex",          category: "International",          value: "Instant"
+        },
         {
-          id: "2",          name: "David Miller",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",          imageAlt: "David Miller portrait"},
+          id: "paypal",          title: "PayPal",          subtitle: "Secure Online Wallet",          category: "International",          value: "Instant"
+        },
         {
-          id: "3",          name: "Emily Rodriguez",          imageSrc: "http://img.b2bpic.net/free-photo/young-painter-white-shirt-striped-t-shirt-sitting-floor-thoughtfully-looking-camera-while-drawing-by-watercolor-with-paint-tools-near-home_574295-3776.jpg",          imageAlt: "Emily Rodriguez portrait"},
+          id: "stripe",          title: "Stripe",          subtitle: "Integrated Payments",          category: "International",          value: "Instant"
+        },
         {
-          id: "4",          name: "Michael Kim",          imageSrc: "http://img.b2bpic.net/free-photo/fresh-pensive-executive-studio-young_1187-4832.jpg",          imageAlt: "Michael Kim portrait"},
+          id: "bank-transfer",          title: "Local Bank Transfers",          subtitle: "Direct & Secure",          category: "Local",          value: "1-3 Days"
+        },
         {
-          id: "5",          name: "Jessica Lee",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg",          imageAlt: "Jessica Lee portrait"},
+          id: "mobile-money",          title: "Mobile Money",          subtitle: "Africa & Asia",          category: "Local",          value: "Instant"
+        },
         {
-          id: "6",          name: "Chris Johnson",          imageSrc: "http://img.b2bpic.net/free-photo/man-checking-paperwork-details-computer-screen-solving-tasks_482257-112948.jpg",          imageAlt: "Chris Johnson portrait"},
+          id: "crypto",          title: "Cryptocurrency",          subtitle: "Future-Proof Payments",          category: "Global",          value: "Variable"
+        }
       ]}
-      cardTitle="Real Success, Real People"
-      cardTag="Hear From Our Users"
-      cardAnimation="slide-up"
+      title="Global Payment Methods"
+      description="JobPilot AI supports a wide array of secure and diverse payment methods, ensuring seamless transactions for all our global users. Choose from local and international options with transparent integration details."
+      tag="Secure & Diverse Payments"
+    />
+  </div>
+
+  <div id="success-stories" data-section="success-stories">
+      <TestimonialCardFifteen
+      useInvertedBackground={true}
+      testimonial="JobPilot AI completely changed my job search. After uploading my CV, I received job matches that perfectly aligned with my skills. Within three weeks, I secured interviews with three international companies."
+      rating={5}
+      author="Sarah M., Marketing Specialist, Kenya"
+      avatars={[
+        { src: "http://img.b2bpic.net/free-photo/young-african-woman-using-laptop_23-2150337575.jpg", alt: "Sarah M. portrait" }
+      ]}
+      ratingAnimation="slide-up"
+      avatarsAnimation="slide-up"
     />
   </div>
 
@@ -248,4 +273,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}