Files
hanzo.ai/app/(marketing)/blockchain/defi/view.tsx
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

104 lines
3.4 KiB
TypeScript

'use client'
import React from "react";
import {
TrendingUp,
Coins,
ArrowLeftRight,
Percent,
Shield,
Zap,
BarChart3,
Wallet,
Gift,
} from "lucide-react";
import { phrase } from "@hanzo/i18n";
import BlockchainProductLayout, { type CodeExample } from "@/components/blockchain/BlockchainProductLayout";
const HanzoDeFi = ({ codeExamples }: { codeExamples: CodeExample[] }) => {
return (
<BlockchainProductLayout
slug="defi"
name={phrase("Hanzo DeFi")}
tagline={phrase("DeFi building blocks for any application")}
description={phrase("Modular DeFi infrastructure for staking, lending, swapping, and yield aggregation. Gasless transactions, stablecoin APIs, and pre-built strategies—all on the Lux Network.")}
icon={TrendingUp}
features={[
{
icon: Coins,
title: phrase("Staking APIs"),
description: phrase("Enable token staking with customizable lock periods and reward distributions."),
},
{
icon: Percent,
title: phrase("Lending & Borrowing"),
description: phrase("Integrate money market protocols for lending, borrowing, and collateralization."),
},
{
icon: ArrowLeftRight,
title: phrase("Swap Aggregation"),
description: phrase("Find best swap rates across DEXs with single API call."),
},
{
icon: TrendingUp,
title: phrase("Yield Strategies"),
description: phrase("Pre-built yield optimization strategies. Auto-compound and rebalance."),
},
{
icon: Zap,
title: phrase("Gasless Transactions"),
description: phrase("Sponsor gas for your users. Pay in stablecoins, settle on-chain."),
},
{
icon: Shield,
title: phrase("Risk Management"),
description: phrase("Position monitoring, liquidation alerts, and automated risk controls."),
},
{
icon: BarChart3,
title: phrase("Analytics"),
description: phrase("Track TVL, APY, user positions, and protocol health in real-time."),
},
{
icon: Wallet,
title: phrase("Portfolio APIs"),
description: phrase("Query user positions, historical returns, and performance across protocols."),
},
{
icon: Gift,
title: phrase("Rewards Distribution"),
description: phrase("Distribute tokens, points, or NFTs as rewards. Merkle drop support."),
},
]}
useCases={[
{
title: phrase("Yield Aggregators"),
description: phrase("Build auto-compounding vaults that find the best yield across DeFi protocols."),
},
{
title: phrase("Staking Platforms"),
description: phrase("Launch token staking with customizable rewards and governance integration."),
},
{
title: phrase("Trading Apps"),
description: phrase("Integrate swap and limit orders with best-execution routing."),
},
{
title: phrase("Portfolio Trackers"),
description: phrase("Show users their DeFi positions, earnings, and historical performance."),
},
]}
chains={[
"Lux",
"Ethereum",
"Polygon",
"Arbitrum",
"Avalanche",
]}
codeExamples={codeExamples}
/>
);
};
export default HanzoDeFi;