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.
102 lines
3.2 KiB
TypeScript
102 lines
3.2 KiB
TypeScript
'use client'
|
|
|
|
import React from "react";
|
|
import {
|
|
Search,
|
|
BarChart3,
|
|
Blocks,
|
|
FileCode,
|
|
Eye,
|
|
Globe,
|
|
Bell,
|
|
Download,
|
|
Zap,
|
|
} from "lucide-react";
|
|
import { phrase } from "@hanzo/i18n";
|
|
import BlockchainProductLayout, { type CodeExample } from "@/components/blockchain/BlockchainProductLayout";
|
|
|
|
const HanzoExplorer = ({ codeExamples }: { codeExamples: CodeExample[] }) => {
|
|
return (
|
|
<BlockchainProductLayout
|
|
slug="explorer"
|
|
name={phrase("Hanzo Explorer")}
|
|
tagline={phrase("One explorer for every chain")}
|
|
description={phrase("An explorer for Lux and every chain connected to it. Search transactions, decode contract calls, and query on-chain data.")}
|
|
icon={Search}
|
|
features={[
|
|
{
|
|
icon: Globe,
|
|
title: phrase("Multi-Chain Support"),
|
|
description: phrase("Explore Lux, Ethereum, Polygon, and all integrated chains from one interface."),
|
|
},
|
|
{
|
|
icon: Blocks,
|
|
title: phrase("Block & Transaction Search"),
|
|
description: phrase("Search by address, transaction hash, block number, or ENS name."),
|
|
},
|
|
{
|
|
icon: FileCode,
|
|
title: phrase("Contract Verification"),
|
|
description: phrase("Verify and publish contract source code. Read and write to contracts."),
|
|
},
|
|
{
|
|
icon: Eye,
|
|
title: phrase("Transaction Decoding"),
|
|
description: phrase("Automatic ABI decoding shows human-readable transaction details."),
|
|
},
|
|
{
|
|
icon: BarChart3,
|
|
title: phrase("Analytics Dashboard"),
|
|
description: phrase("Network stats, gas trends, token metrics, and protocol analytics."),
|
|
},
|
|
{
|
|
icon: Bell,
|
|
title: phrase("Alerts & Notifications"),
|
|
description: phrase("Set up alerts for address activity, large transfers, and contract events."),
|
|
},
|
|
{
|
|
icon: Download,
|
|
title: phrase("Data Export"),
|
|
description: phrase("Export transaction history, token transfers, and analytics to CSV."),
|
|
},
|
|
{
|
|
icon: Zap,
|
|
title: phrase("API Access"),
|
|
description: phrase("Full API access to all explorer data for integration."),
|
|
},
|
|
]}
|
|
useCases={[
|
|
{
|
|
title: phrase("Developer Debugging"),
|
|
description: phrase("Debug failed transactions, trace contract calls, and verify deployments."),
|
|
},
|
|
{
|
|
title: phrase("User Transparency"),
|
|
description: phrase("Let users verify their transactions and understand contract interactions."),
|
|
},
|
|
{
|
|
title: phrase("Compliance Reporting"),
|
|
description: phrase("Export transaction history for tax reporting and audit requirements."),
|
|
},
|
|
{
|
|
title: phrase("Protocol Monitoring"),
|
|
description: phrase("Track protocol metrics, TVL, and user activity across chains."),
|
|
},
|
|
]}
|
|
chains={[
|
|
"Lux",
|
|
"Ethereum",
|
|
"Polygon",
|
|
"Arbitrum",
|
|
"Optimism",
|
|
"Base",
|
|
"Avalanche",
|
|
"BNB Chain",
|
|
]}
|
|
codeExamples={codeExamples}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default HanzoExplorer;
|