mirror of
https://github.com/hanzo-apps/hanzo.ai.git
synced 2026-10-30 14:58:08 +00:00
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.
101 lines
3.1 KiB
TypeScript
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;
|