mirror of
https://github.com/hanzo-apps/hanzo.ai.git
synced 2026-10-29 07:20:43 +00:00
zeekay
34f1b9fd63
Studio's model strip rendered after ProductLanding, so the page said "Open the canvas", listed related capabilities, then opened a gallery of six models. It is the landing's own section now, passed as the children ProductLanding renders before its closing card. ProductFooter stood on a 1024 measure under 896-wide blocks, its heading 38px left of theirs; it is a Band at 896.
89 lines
4.3 KiB
TypeScript
89 lines
4.3 KiB
TypeScript
'use client'
|
|
|
|
import {
|
|
Workflow,
|
|
Images,
|
|
Cpu,
|
|
Zap,
|
|
FileJson,
|
|
BrainCircuit,
|
|
Sparkles,
|
|
Puzzle,
|
|
Server,
|
|
Cloud,
|
|
Rocket,
|
|
} from 'lucide-react'
|
|
import { ProductLanding } from '@/components/product/ProductLanding'
|
|
import { ProductFooter } from '@/components/products/ProductFooter'
|
|
import Models from '@/components/home/Models'
|
|
|
|
const STUDIO = 'https://studio.hanzo.ai'
|
|
const DOCS = 'https://docs.hanzo.ai/docs/studio'
|
|
|
|
export default function StudioLanding() {
|
|
return (
|
|
<>
|
|
<ProductLanding
|
|
badge="Hanzo Studio · Visual AI engine"
|
|
badgeIcon={Workflow}
|
|
title="Build AI pipelines on a canvas"
|
|
lede="The visual AI engine for generative media. Wire models, prompts, and tools into a node graph, then generate images, video, audio, and 3D — no code. Prototype on your own machine and scale the same workflow onto cloud GPUs."
|
|
ctas={[
|
|
{ label: 'Open Studio', href: STUDIO, icon: Rocket },
|
|
{ label: 'Read the docs', href: DOCS },
|
|
]}
|
|
note={{ icon: Cloud, text: 'The managed studio runs on Hanzo Cloud GPUs.' }}
|
|
surface="studio"
|
|
what={{
|
|
eyebrow: 'What is Hanzo Studio',
|
|
title: 'A node graph for generative AI',
|
|
sub: 'The steps you would otherwise script by hand — loading models, prompting, sampling, and post-processing — become nodes you wire together on a canvas and run live.',
|
|
pillars: [
|
|
{
|
|
icon: Workflow,
|
|
title: 'Visual node editor',
|
|
body: 'Drag, drop, and connect nodes into a flowchart. Compose models, prompts, and tools into advanced pipelines on an infinite canvas — no code, no glue.',
|
|
},
|
|
{
|
|
icon: Images,
|
|
title: 'Every modality',
|
|
body: 'One canvas for image, video, audio and 3D, plus the editing and upscaling steps after them. The checkpoints are the ones you put in the models folder — the graph does not care which family they came from.',
|
|
},
|
|
{
|
|
icon: Cpu,
|
|
title: 'Prototype to production',
|
|
body: 'Run on your own GPU or CPU, fully offline, then route heavy prompts to distributed cloud workers that queue and scale automatically.',
|
|
},
|
|
],
|
|
}}
|
|
features={{
|
|
eyebrow: 'Capabilities',
|
|
title: 'From canvas to production',
|
|
items: [
|
|
{ icon: Zap, title: 'Live iteration', body: 'Only the nodes you change re-run, with latent previews as images render — fast, tight feedback on every tweak.' },
|
|
{ icon: FileJson, title: 'Portable workflows', body: 'Save and load workflows as JSON, or drop in a generated PNG, WebP, or FLAC to restore the exact graph and seed that made it.' },
|
|
{ icon: BrainCircuit, title: 'Hanzo Engine & Creative nodes', body: 'First-class nodes call Hanzo Engine and Creative AI research previews (Koma video, Iro image, Mori 3D, Oto foley, Koe voice, Uta music) — mix foundation reasoning, decision heads, and generative diffusion in one graph.' },
|
|
{ icon: Sparkles, title: 'Studio Copilot', body: 'A sidebar assistant that edits the graph in plain language — add nodes, connect them, set prompts, and queue a run.' },
|
|
{ icon: Puzzle, title: 'Custom nodes', body: 'A node is a Python class with declared inputs and outputs, so the graph is extended by writing one rather than by waiting for us to ship it. Installed nodes are pinned, which is what makes a graph reproducible later.' },
|
|
{ icon: Server, title: 'Multi-tenant cloud', body: 'On studio.hanzo.ai, sign in with Hanzo IAM, bring your own GPU, and share a durable, per-org render queue with metered billing.' },
|
|
],
|
|
}}
|
|
finalCta={{
|
|
icon: Workflow,
|
|
title: 'Open the canvas',
|
|
sub: 'Launch Hanzo Studio in your browser.',
|
|
buttons: [
|
|
{ label: 'Open Studio', href: STUDIO, icon: Rocket },
|
|
{ label: 'Read the docs', href: DOCS },
|
|
],
|
|
}}
|
|
>
|
|
{/* The models the canvas's creative nodes call, before the page's last
|
|
call rather than after it. */}
|
|
<Models creative />
|
|
</ProductLanding>
|
|
<ProductFooter slug="studio" name="Studio" />
|
|
</>
|
|
)
|
|
}
|