mirror of
https://github.com/hanzo-apps/hanzo.ai.git
synced 2026-10-30 14:58:08 +00:00
zeekayandGitHub
e20dc71ad8
The product pages from /s3 to /zap, /university and its course data, /trust, /security, /sdks, /support, /tasks, /startups, /sms-opt-in, the buying specialist, Zen, Kai's guide, Studio, the settings pages, and the shared sales, solutions, zap and ui pieces. Client code draws with t(), server components with <T>, copy held as data is marked with phrase() and drawn through t() where it lands. A link or a figure inside a sentence is a value, so a translator reorders the whole sentence. Rebased on main: every page main moved onto Fold or Steps keeps main's layout, with its words wrapped (label, title, lede, points). Steps now draws a step's body through t, as it already drew the title. Settings keeps main's usage panel, refresh, rewards wallet and sign-in wallet rows, each label wrapped. Left English: the skills page's install line (a command and two URLs), and the solution eyebrow and sibling heading built from a kind label. Claude-Session: https://claude.ai/code/session_015XYKLjZtDTJEnMo4eK3AFH
85 lines
3.6 KiB
TypeScript
85 lines
3.6 KiB
TypeScript
'use client'
|
||
|
||
import { ArrowRight, Activity, AlertTriangle, BarChart3, Eye, Globe, Network, Shield } from 'lucide-react'
|
||
import { ProductLanding } from '@/components/product/ProductLanding'
|
||
import { ProductFooter } from '@/components/products/ProductFooter'
|
||
import { phrase } from '@hanzo/i18n'
|
||
|
||
/**
|
||
* Hanzo World, through the ONE product kit.
|
||
*
|
||
* A fourth cluster of the same duplicated shape — computer, desktop, gallery
|
||
* and world scored 83–97% identical on their className sets. Hero, a six-card
|
||
* grid, a call to action, written out four times. They now pass one typed
|
||
* props object to `ProductLanding` and carry zero layout classes of their own.
|
||
* See LLM.md, "Tailwind is NOT gone".
|
||
*
|
||
* EVERY WORD IS THE ONE THAT WAS HERE, with the same one deletion /node and
|
||
* /network took: a trailing "Get started with X" card whose two links were the
|
||
* docs and GitHub, both of which the hero and the card above it already reach.
|
||
* ProductFooter was nested inside it, so it also rendered narrower than on
|
||
* every other product page; out here it is the width it is everywhere else.
|
||
*/
|
||
|
||
export default function HanzoWorldPage() {
|
||
return (
|
||
<>
|
||
<ProductLanding
|
||
badge={"world.hanzo.ai"}
|
||
badgeIcon={Globe}
|
||
title={"Hanzo World"}
|
||
tagline={phrase("World Monitor — global AI-system observability")}
|
||
lede={phrase("A live map of every model, agent, and AI workload across your organization. Latency, cost, drift and anomalies, shown as they happen, with alerting and forensic replay.")}
|
||
ctas={[
|
||
{ label: phrase("Open World Monitor"), href: "https://world.hanzo.ai", icon: ArrowRight },
|
||
{ label: phrase("Documentation"), href: "https://docs.hanzo.ai/docs/cli/world" },
|
||
]}
|
||
what={{
|
||
title: phrase("See Every Model, Everywhere"),
|
||
sub: phrase("Every workload you run, on one map."),
|
||
pillars: [
|
||
{
|
||
icon: Eye,
|
||
title: phrase("Live Topology"),
|
||
body: phrase("A real-time map of every model, agent, and tool call. Trace any request from edge to GPU."),
|
||
},
|
||
{
|
||
icon: Activity,
|
||
title: phrase("Latency + Cost"),
|
||
body: phrase("P50/P95/P99 by model and route. Per-org and per-user spend. Auto-anomaly on cost spikes."),
|
||
},
|
||
{
|
||
icon: AlertTriangle,
|
||
title: phrase("Drift Detection"),
|
||
body: phrase("Embedding drift, output drift, prompt drift. Alert when production diverges from baseline."),
|
||
},
|
||
{
|
||
icon: BarChart3,
|
||
title: phrase("Eval Dashboards"),
|
||
body: phrase("Continuous evals on live traffic. Pin scores. Compare model versions in production."),
|
||
},
|
||
{
|
||
icon: Network,
|
||
title: phrase("Multi-Cloud"),
|
||
body: phrase("Pulls signals from Hanzo Cloud, AWS, GCP, Azure, and self-hosted clusters. One unified view."),
|
||
},
|
||
{
|
||
icon: Shield,
|
||
title: phrase("Forensic Replay"),
|
||
body: phrase("Reconstruct any agent session step by step. Inspect tool calls, prompts, model outputs, and IO."),
|
||
},
|
||
],
|
||
}}
|
||
finalCta={{
|
||
title: phrase("Run AI With Confidence"),
|
||
sub: phrase("Free for the first million events / month."),
|
||
buttons: [
|
||
{ label: phrase("Open World Monitor"), href: "https://world.hanzo.ai", icon: ArrowRight },
|
||
],
|
||
}}
|
||
/>
|
||
<ProductFooter slug={"world"} name={"World"} />
|
||
</>
|
||
)
|
||
}
|