mirror of
https://github.com/hanzo-apps/hanzo.ai.git
synced 2026-10-30 14:58:08 +00:00
zeekay
081caef236
BlockchainProductLayout draws every field it is handed with t(), and the fifteen product views mark their copy with phrase() where it is written. The index and the chain directory wrap their own words; chain names, code samples and figures stay as they are. The back arrow and the call-to-action arrows mirror under dir="rtl", and the two disclosure heads align to the start instead of the left.
107 lines
3.4 KiB
TypeScript
107 lines
3.4 KiB
TypeScript
'use client'
|
|
|
|
import React from "react";
|
|
import {
|
|
CreditCard,
|
|
Wallet,
|
|
ArrowLeftRight,
|
|
Globe,
|
|
Shield,
|
|
Receipt,
|
|
Zap,
|
|
QrCode,
|
|
Building2,
|
|
} from "lucide-react";
|
|
import { phrase } from "@hanzo/i18n";
|
|
import BlockchainProductLayout, { type CodeExample } from "@/components/blockchain/BlockchainProductLayout";
|
|
|
|
const HanzoPay = ({ codeExamples }: { codeExamples: CodeExample[] }) => {
|
|
return (
|
|
<BlockchainProductLayout
|
|
slug="pay"
|
|
name={phrase("Hanzo Pay")}
|
|
tagline={phrase("Take crypto payments")}
|
|
description={phrase("A complete payment gateway bridging fiat and crypto. Accept stablecoins, process card payments, enable on/off-ramps, and handle compliance—all through a single API.")}
|
|
icon={CreditCard}
|
|
features={[
|
|
{
|
|
icon: Wallet,
|
|
title: phrase("Crypto Checkout"),
|
|
description: phrase("Accept USDC, USDT, ETH, and 100+ tokens. Embeddable checkout widget included."),
|
|
},
|
|
{
|
|
icon: CreditCard,
|
|
title: phrase("Card Payments"),
|
|
description: phrase("Traditional card processing with instant crypto settlement."),
|
|
},
|
|
{
|
|
icon: ArrowLeftRight,
|
|
title: phrase("On/Off Ramps"),
|
|
description: phrase("Let users buy crypto with cards or sell crypto to their bank account."),
|
|
},
|
|
{
|
|
icon: Globe,
|
|
title: phrase("Multi-Currency"),
|
|
description: phrase("Accept payments in 50+ fiat currencies with automatic conversion."),
|
|
},
|
|
{
|
|
icon: Shield,
|
|
title: phrase("KYC/AML Built-In"),
|
|
description: phrase("Integrated compliance checks. Stay compliant in 100+ countries."),
|
|
},
|
|
{
|
|
icon: Receipt,
|
|
title: phrase("Invoicing"),
|
|
description: phrase("Generate and send crypto invoices. Track payment status automatically."),
|
|
},
|
|
{
|
|
icon: Zap,
|
|
title: phrase("Instant Settlement"),
|
|
description: phrase("Receive funds instantly in your preferred currency—crypto or fiat."),
|
|
},
|
|
{
|
|
icon: QrCode,
|
|
title: phrase("QR Payments"),
|
|
description: phrase("Generate QR codes for in-person payments. Mobile-optimized flows."),
|
|
},
|
|
{
|
|
icon: Building2,
|
|
title: phrase("Business Dashboard"),
|
|
description: phrase("Track revenue, refunds, and disputes. Export reports for accounting."),
|
|
},
|
|
]}
|
|
useCases={[
|
|
{
|
|
title: phrase("E-Commerce"),
|
|
description: phrase("Accept crypto alongside traditional payments. Automatic conversion to your preferred currency."),
|
|
},
|
|
{
|
|
title: phrase("SaaS Subscriptions"),
|
|
description: phrase("Recurring crypto payments with automatic retry and dunning."),
|
|
},
|
|
{
|
|
title: phrase("Marketplaces"),
|
|
description: phrase("Split payments, escrow, and multi-party settlements for marketplace transactions."),
|
|
},
|
|
{
|
|
title: phrase("In-Person Retail"),
|
|
description: phrase("POS integration with QR payments. Instant settlement to your bank."),
|
|
},
|
|
]}
|
|
chains={[
|
|
"Lux",
|
|
"Ethereum",
|
|
"Polygon",
|
|
"Arbitrum",
|
|
"Optimism",
|
|
"Base",
|
|
"Solana",
|
|
"BNB Chain",
|
|
]}
|
|
codeExamples={codeExamples}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default HanzoPay;
|