hanzo.ai/app/(marketing)/cli/view.tsx

'use client'

import type { ReactNode } from 'react'
import {
  Terminal,
  Cloud,
  Bot,
  Workflow,
  Code2,
  Bug,
  Rocket,
  GitBranch,
  KeyRound,
  ScrollText,
} from 'lucide-react'
import { ProductLanding } from '@/components/product/ProductLanding'
import { ProductFooter } from '@/components/products/ProductFooter'
import { useI18n } from '@hanzo/i18n/react'

const DOCS = 'https://docs.hanzo.ai/docs/cli'
const GITHUB = 'https://github.com/hanzoai/cli'
const CONSOLE = 'https://platform.hanzo.ai'

export default function CliPage({ source }: { source: ReactNode }) {
  const { t } = useI18n()
  return (
    <>
      <ProductLanding
        badge={t("Hanzo CLI · Developers")}
        badgeIcon={Terminal}
        title={t("An AI engineer in your terminal")}
        lede={t("Type hanzo in a repo and you get a coding session. Type hanzo and a noun and you get the rest of the cloud — identity, usage, billing, clusters, machines, networks — typed straight from the API's own document.")}
        ctas={[
          { label: t('Install from hanzo.sh'), href: DOCS, icon: Rocket },
          { label: t('View on GitHub'), href: GITHUB },
        ]}
        note={{ icon: Cloud, text: t('Open source (MIT). One static Rust binary — macOS and Linux on amd64 and arm64, Windows on amd64. No runtime, no daemon.') }}
        surface="cli"
        what={{
          eyebrow: t('What is Hanzo CLI'),
          title: t('A resource tree, not a pile of flags'),
          sub: t('{usage}. The resources beyond the hand-written ones are generated from the OpenAPI documents, so the CLI can only ask for things the API has.', { usage: 'hanzo <resource> <command>' }),
          pillars: [
            {
              icon: Bot,
              title: t('A coding session, metered'),
              body: t('Bare hanzo runs our dev agent with the Hanzo toolset attached and the model calls billed to your organization. Point it at claude or codex instead and it drives an agent you already have.'),
            },
            {
              icon: Cloud,
              title: t('Run the cloud on your machine'),
              body: t('hanzo serve cloud starts the whole API locally, or name one service — iam, kms, gateway, storage, pubsub. hanzo engine serve puts a model on a local endpoint.'),
            },
            {
              icon: Workflow,
              title: t('No raw-path escape hatch'),
              body: t('There is no hanzo api verb and no URL to hand-write. Every cloud capability arrives as a typed subcommand, which is what keeps the CLI and the API from disagreeing.'),
            },
          ],
        }}
        code={{
          head: { eyebrow: t('Get started'), title: t('Install, sign in, start working') },
          lang: 'bash',
          source,
          ctas: [
            { label: t('Read the docs'), href: DOCS, icon: Rocket },
            { label: t('View on GitHub'), href: GITHUB },
          ],
        }}
        features={{
          eyebrow: t('Capabilities'),
          title: t('What the binary carries'),
          items: [
            { icon: KeyRound, title: t('Several identities at once'), body: t('Hold as many principals as you need and switch between them. A second login never clobbers the first, and hanzo auth show says which one is answering right now.') },
            { icon: Code2, title: t('Secrets arrive on stdin'), body: t('Pass --token - and the credential is read from the pipe, never from argv — so nothing lands in shell history, ps, or a CI log. It is stored in the OS keychain, or an owner-only file where there is none.') },
            { icon: Rocket, title: t('A public URL for a local port'), body: t('hanzo share 3000 publishes a service over the zero-trust fabric while the port stays bound to localhost. Pass --name to keep the same subdomain next time.') },
            { icon: Bug, title: t('Find the secret before the commit'), body: t('hanzo scan walks a path for exposed credentials and exits non-zero when it finds one, which is what makes it usable as a hook rather than a habit.') },
            { icon: ScrollText, title: t('The whole cloud, unhealthy first'), body: t('hanzo status leads with what is broken, then clusters, applications and the machines on your fleet. The thing you needed to know is the first line, not the last.') },
            { icon: Bot, title: t('Put this shell on the fabric'), body: t('hanzo link publishes the terminal you are in so the console can watch it — or drive it. --read-only when you would rather be watched than typed at.') },
          ],
        }}
        finalCta={{
          icon: GitBranch,
          title: t('Install once. It comes with you.'),
          sub: t('A local repo, a CI job, a machine you sshed into, a fix at 2am. Same binary, same identity, same commands.'),
          buttons: [
            { label: t('Install the CLI'), href: DOCS, icon: Rocket },
            { label: 'GitHub', href: GITHUB },
            { label: 'Hanzo Platform', href: CONSOLE },
          ],
        }}
      />
      <ProductFooter slug="cli" name="CLI" />
    </>
  )
}