Files
zeekay 081caef236 blockchain: the pages' words go through @hanzo/i18n
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.
2026-10-22 18:13:04 -07:00

101 lines
3.1 KiB
TypeScript

'use client'
import React from "react";
import {
ArrowLeftRight,
Clock,
Search,
Database,
Globe,
Bell,
Zap,
Shield,
BarChart3,
} from "lucide-react";
import { phrase } from "@hanzo/i18n";
import BlockchainProductLayout, { type CodeExample } from "@/components/blockchain/BlockchainProductLayout";
const HanzoTransfers = ({ codeExamples }: { codeExamples: CodeExample[] }) => {
return (
<BlockchainProductLayout
slug="transfers"
name={phrase("Transfers API")}
tagline={phrase("Track token & NFT transfers in real-time")}
description={phrase("Monitor and query all token transfers across chains. Get transfer history, pending transactions, and real-time notifications for any address or contract.")}
icon={ArrowLeftRight}
features={[
{
icon: ArrowLeftRight,
title: phrase("All Transfer Types"),
description: phrase("Native tokens, ERC-20, ERC-721, and ERC-1155 transfers."),
},
{
icon: Clock,
title: phrase("Historical Data"),
description: phrase("Query transfer history from genesis to present."),
},
{
icon: Bell,
title: phrase("Real-time Alerts"),
description: phrase("Webhooks for instant transfer notifications."),
},
{
icon: Search,
title: phrase("Advanced Filtering"),
description: phrase("Filter by token, address, amount, or time range."),
},
{
icon: Database,
title: phrase("Decoded Data"),
description: phrase("Human-readable transfer details with token metadata."),
},
{
icon: Globe,
title: phrase("Multi-chain"),
description: phrase("Unified API for transfers across 100+ chains."),
},
{
icon: Zap,
title: phrase("Low Latency"),
description: phrase("Sub-second transfer detection and notification."),
},
{
icon: Shield,
title: phrase("Internal Transfers"),
description: phrase("Track internal transactions and contract interactions."),
},
{
icon: BarChart3,
title: phrase("Analytics"),
description: phrase("Aggregate transfer volume and flow analytics."),
},
]}
useCases={[
{
title: phrase("Transaction Monitoring"),
description: phrase("Track deposits, withdrawals, and suspicious activity."),
},
{
title: phrase("Portfolio Updates"),
description: phrase("Real-time balance updates as transfers happen."),
},
{
title: phrase("Compliance Tools"),
description: phrase("AML monitoring and transaction screening."),
},
{
title: phrase("Notification Services"),
description: phrase("Alert users on incoming transfers and NFT activity."),
},
]}
chains={[
"Ethereum", "Polygon", "Arbitrum", "Optimism", "Base",
"BNB Chain", "Avalanche", "zkSync", "Scroll", "Linea",
]}
codeExamples={codeExamples}
/>
);
};
export default HanzoTransfers;