Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -14,6 +14,7 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 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,6 +178,37 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="payment-methods" data-section="payment-methods">
+      <FeatureCardTwentyEight
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      features={[
+        {
+          id: "card-payments",          title: "Credit & Debit Cards",          subtitle: "Visa, Mastercard, Amex",          category: "International",          value: "Instant"
+        },
+        {
+          id: "paypal",          title: "PayPal",          subtitle: "Secure Online Wallet",          category: "International",          value: "Instant"
+        },
+        {
+          id: "stripe",          title: "Stripe",          subtitle: "Integrated Payments",          category: "International",          value: "Instant"
+        },
+        {
+          id: "bank-transfer",          title: "Local Bank Transfers",          subtitle: "Direct & Secure",          category: "Local",          value: "1-3 Days"
+        },
+        {
+          id: "mobile-money",          title: "Mobile Money",          subtitle: "Africa & Asia",          category: "Local",          value: "Instant"
+        },
+        {
+          id: "crypto",          title: "Cryptocurrency",          subtitle: "Future-Proof Payments",          category: "Global",          value: "Variable"
+        }
+      ]}
+      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">
       <TestimonialCardTwelve
       useInvertedBackground={true}
@@ -248,4 +282,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}