Add src/app/payment-gateways/page.tsx
This commit is contained in:
89
src/app/payment-gateways/page.tsx
Normal file
89
src/app/payment-gateways/page.tsx
Normal file
@@ -0,0 +1,89 @@
|
||||
"use client";
|
||||
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import { CreditCard, Globe, PiggyBank, Banknote, ShieldCheck, Zap } from "lucide-react"; // Import necessary icons
|
||||
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import { Twitter, Instagram, Linkedin, MessageCircle } from "lucide-react";
|
||||
|
||||
|
||||
export default function PaymentGatewaysPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Work", id: "work" },
|
||||
{ name: "Payment Gateways", id: "payment-gateways" }, // New page link
|
||||
{ name: "Contact", id: "contact" }
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="aurora"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
brandName="Studio"
|
||||
button={{ text: "Get in Touch", href: "#contact" }}
|
||||
/>
|
||||
|
||||
<FeatureCardTwentySix
|
||||
title="Payment Gateways Showcase (بوابات الدفع)"
|
||||
description="Explore leading payment gateways, their features, supported countries, and e-commerce integration options to power your global business."
|
||||
tag="Payment Solutions"
|
||||
tagIcon={CreditCard}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Stripe", description: "A powerful, developer-friendly platform for online and in-person payments. Supports various payment methods and recurring billing. \n\n**Key Features:** Global reach, robust API, fraud prevention, recurring payments, invoicing, link payments. \n**Supported Countries:** 40+ countries (North America, Europe, Asia, Australia). \n**E-commerce Integration:** Extensive libraries for popular platforms like Shopify, WooCommerce, Magento, custom websites.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/payment-gateways/stripe.webp", imageAlt: "Stripe logo", buttonIcon: Globe,
|
||||
buttonHref: "https://stripe.com"
|
||||
},
|
||||
{
|
||||
title: "PayPal", description: "A widely recognized online payment system enabling secure transactions for consumers and businesses globally. \n\n**Key Features:** Buyer and seller protection, one-touch checkout, invoicing, recurring payments, credit options, international payments. \n**Supported Countries:** 200+ countries/regions. \n**E-commerce Integration:** Native integrations with most e-commerce platforms, easy to add to custom sites.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/payment-gateways/paypal.webp", imageAlt: "PayPal logo", buttonIcon: ShieldCheck,
|
||||
buttonHref: "https://paypal.com"
|
||||
},
|
||||
{
|
||||
title: "Wise (formerly TransferWise)", description: "Specializes in international money transfers and multi-currency accounts, offering competitive exchange rates and low fees. \n\n**Key Features:** Multi-currency account, low-fee international transfers, debit card, batch payments, transparent fees, API for business. \n**Supported Countries:** 80+ countries for transfers, accounts available in many more. \n**E-commerce Integration:** Primarily for international payouts and supplier payments, not direct customer checkout. API available for custom integration.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/payment-gateways/wise.webp", imageAlt: "Wise logo", buttonIcon: PiggyBank,
|
||||
buttonHref: "https://wise.com"
|
||||
},
|
||||
{
|
||||
title: "Mercury", description: "Banking built for startups, offering FDIC-insured accounts, debit cards, and seamless integration with payment processors. \n\n**Key Features:** US bank accounts, debit cards, virtual cards, API access, integrations with Stripe/PayPal. Not a payment gateway itself but complements them. \n**Supported Countries:** Primarily US-based businesses, but serves international founders with US entities. \n**E-commerce Integration:** Integrates with payment gateways like Stripe/PayPal for settlement, not direct checkout.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/payment-gateways/mercury.webp", imageAlt: "Mercury logo", buttonIcon: Banknote,
|
||||
buttonHref: "https://mercury.com"
|
||||
},
|
||||
{
|
||||
title: "Airwallex", description: "A global fintech platform providing cross-border payment solutions, multi-currency accounts, and expense management for businesses. \n\n**Key Features:** Global accounts, multi-currency cards, international payments, online payments, expense management, API. \n**Supported Countries:** Offices in 15+ locations, operates globally. \n**E-commerce Integration:** Supports online payment acceptance, local payment methods, and integrations for global e-commerce.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/payment-gateways/airwallex.webp", imageAlt: "Airwallex logo", buttonIcon: Zap,
|
||||
buttonHref: "https://airwallex.com"
|
||||
},
|
||||
{
|
||||
title: "Payoneer", description: "A cross-border payments platform that simplifies international business payments for freelancers, SMBs, and enterprises. \n\n**Key Features:** Global payment sending/receiving, mass payout services, working capital, multi-currency accounts, invoicing. \n**Supported Countries:** 200+ countries/regions. \n**E-commerce Integration:** Popular for marketplace payouts (e.g., Amazon, Etsy), not typically for direct e-commerce checkout.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/payment-gateways/payoneer.webp", imageAlt: "Payoneer logo", buttonIcon: Globe,
|
||||
buttonHref: "https://payoneer.com"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
|
||||
<FooterCard
|
||||
logoText="Studio"
|
||||
copyrightText="© 2025 Studio. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Follow us on Twitter" },
|
||||
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Follow us on Instagram" },
|
||||
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "Connect on LinkedIn" },
|
||||
{ icon: MessageCircle, href: "https://wa.me/1234567890", ariaLabel: "Chat with us on WhatsApp" }
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user