Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -10,6 +10,7 @@ import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboa
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 
 export default function LandingPage() {
   return (
@@ -37,6 +38,8 @@ export default function LandingPage() {
           name: "About",          id: "features"},
         {
           name: "Reviews",          id: "testimonials"},
+        {
+          name: "Payment",          id: "payment"},
         {
           name: "Contact",          id: "contact"},
       ]}
@@ -113,6 +116,16 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="payment" data-section="payment">
+    <SocialProofOne
+        title="Secure Payment Options"
+        description="We support a variety of payment methods to ensure your transaction is safe and seamless."
+        names={["Visa", "Mastercard", "American Express", "Apple Pay", "Google Pay", "PayPal"]}
+        textboxLayout="default"
+        useInvertedBackground={true}
+    />
+  </div>
+
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardOne
       animationType="slide-up"
@@ -181,4 +194,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}