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.
127 lines
4.5 KiB
TypeScript
127 lines
4.5 KiB
TypeScript
'use client'
|
|
|
|
import type { ReactNode } from 'react'
|
|
import {
|
|
Activity,
|
|
ArrowLeftRight,
|
|
BarChart3,
|
|
Database,
|
|
Globe,
|
|
Layers,
|
|
Lock,
|
|
RefreshCw,
|
|
Shield,
|
|
TrendingUp,
|
|
Zap,
|
|
} from 'lucide-react'
|
|
import { phrase } from '@hanzo/i18n'
|
|
import { ProductFooter } from '@/components/products/ProductFooter'
|
|
import { ProductLanding } from '@/components/product/ProductLanding'
|
|
import type { ProductLandingProps } from '@/components/product/ProductLanding'
|
|
|
|
const learn = { label: phrase('Learn more'), href: '/blockchain/defi' }
|
|
|
|
const exchange: Omit<ProductLandingProps, 'code'> = {
|
|
badge: phrase('Exchange Infrastructure'),
|
|
badgeIcon: TrendingUp,
|
|
title: 'Hanzo Exchange',
|
|
tagline: phrase('AMM. DEX. Order Books. All-in-One.'),
|
|
lede: phrase('Build trading platforms with institutional-grade infrastructure. From AMM pools to high-frequency order books—everything you need to power digital asset trading.'),
|
|
ctas: [
|
|
{ label: phrase('Read the docs'), href: 'https://docs.hanzo.ai/docs/network' },
|
|
{ label: phrase('Contact Sales'), href: '/contact-sales' },
|
|
],
|
|
features: [
|
|
{
|
|
title: phrase('Exchange Products'),
|
|
sub: phrase('Choose your trading model or combine them for hybrid exchanges'),
|
|
items: [
|
|
{
|
|
icon: RefreshCw,
|
|
title: phrase('AMM Infrastructure'),
|
|
body: phrase('Deploy and manage automated market makers across chains'),
|
|
points: [
|
|
phrase('Constant product (x*y=k) pools'),
|
|
phrase('Concentrated liquidity positions'),
|
|
phrase('Multi-token weighted pools'),
|
|
phrase('Custom bonding curves'),
|
|
phrase('Flash loan support'),
|
|
phrase('MEV-resistant design'),
|
|
],
|
|
link: learn,
|
|
},
|
|
{
|
|
icon: ArrowLeftRight,
|
|
title: phrase('DEX Aggregator'),
|
|
body: phrase('Route swaps across 100+ DEXs for best execution'),
|
|
points: [
|
|
phrase('Multi-DEX price comparison'),
|
|
phrase('Split route optimization'),
|
|
phrase('Cross-chain swaps'),
|
|
phrase('Limit order support'),
|
|
phrase('Gas optimization'),
|
|
phrase('MEV protection'),
|
|
],
|
|
link: learn,
|
|
},
|
|
{
|
|
icon: BarChart3,
|
|
title: phrase('Order Book Engine'),
|
|
body: phrase('High-performance matching engine for CEX-grade trading'),
|
|
points: [
|
|
phrase('Sub-millisecond matching'),
|
|
phrase('Millions of orders/second'),
|
|
phrase('Market & limit orders'),
|
|
phrase('Stop-loss & take-profit'),
|
|
phrase('Margin trading support'),
|
|
phrase('Real-time feeds'),
|
|
],
|
|
link: learn,
|
|
},
|
|
{
|
|
icon: Layers,
|
|
title: phrase('Liquidity Network'),
|
|
body: phrase('Access deep liquidity pools and market makers'),
|
|
points: [
|
|
phrase('Institutional liquidity'),
|
|
phrase('RFQ (Request for Quote)'),
|
|
phrase('OTC desk integration'),
|
|
phrase('Market maker APIs'),
|
|
phrase('Liquidity mining'),
|
|
phrase('LP analytics'),
|
|
],
|
|
link: learn,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: phrase('Institutional-Grade Infrastructure'),
|
|
items: [
|
|
{ icon: Zap, title: phrase('Sub-ms Latency'), body: phrase('Colocated infrastructure for fastest execution') },
|
|
{ icon: Globe, title: phrase('Multi-Chain'), body: phrase('Trade across 100+ networks from one interface') },
|
|
{ icon: Shield, title: phrase('MEV Protected'), body: phrase('Private transactions and fair ordering') },
|
|
{ icon: Activity, title: phrase('Real-time Data'), body: phrase('WebSocket feeds with tick-level precision') },
|
|
{ icon: Lock, title: phrase('Self-Custody'), body: phrase('Non-custodial trading with your own keys') },
|
|
{ icon: Database, title: phrase('Historical Data'), body: phrase('Full trade history and OHLCV archives') },
|
|
],
|
|
},
|
|
],
|
|
finalCta: {
|
|
title: phrase('Build Your Exchange'),
|
|
sub: phrase('From DeFi protocols to institutional trading platforms—we have the infrastructure.'),
|
|
buttons: [
|
|
{ label: phrase('Read the docs'), href: 'https://docs.hanzo.ai/docs/network' },
|
|
{ label: phrase('View Pricing'), href: '/pricing?tab=blockchain' },
|
|
],
|
|
},
|
|
}
|
|
|
|
export default function HanzoExchange({ source }: { source: ReactNode }) {
|
|
return (
|
|
<>
|
|
<ProductLanding {...exchange} code={{ name: 'exchange.ts', source }} />
|
|
<ProductFooter slug="exchange" name="Exchange" />
|
|
</>
|
|
)
|
|
}
|