Files
heicode-win/website/out/index.html
T

1 line
58 KiB
HTML

<!DOCTYPE html><html lang="en" class="bg-background"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/chunks/07p8r-wmy40nr.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/0xntnehdgbkhf.js"/><script src="/_next/static/chunks/0i-o-qc~79uc6.js" async=""></script><script src="/_next/static/chunks/0cf~9yt.-45rw.js" async=""></script><script src="/_next/static/chunks/0v1grbe7-w9rp.js" async=""></script><script src="/_next/static/chunks/turbopack-05dcov14q2920.js" async=""></script><script src="/_next/static/chunks/16ug8_ttttewd.js" async=""></script><script src="/_next/static/chunks/0duodrajo5fcx.js" async=""></script><script src="/_next/static/chunks/051-oln_9n0g0.js" async=""></script><script src="/_next/static/chunks/0p812yz3da6g8.js" async=""></script><title>Heicode - From one idea to production software</title><meta name="description" content="Heicode organizes AI development teams, connects your code, documents, SK skills and cloud resources, and carries work from product design to production deployment."/><link rel="icon" href="/taiji-logo.png" media="(prefers-color-scheme: light)"/><link rel="icon" href="/taiji-logo.png" media="(prefers-color-scheme: dark)"/><link rel="icon" href="/taiji-logo.png" type="image/png"/><link rel="apple-touch-icon" href="/taiji-logo.png"/><script src="/_next/static/chunks/03~yq9q893hmn.js" noModule=""></script></head><body class="font-sans antialiased"><div hidden=""><!--$--><!--/$--></div><main class="min-h-screen"><header class="fixed top-0 left-0 right-0 z-50 border-b border-border/60 bg-background/75 backdrop-blur-xl"><div class="mx-auto flex h-16 max-w-7xl items-center justify-between px-4 sm:px-6 lg:px-8"><a class="flex items-center gap-2" href="/"><div class="flex h-9 w-9 items-center justify-center rounded-xl border border-border/70 bg-card/80 text-foreground shadow-sm"><img alt="Heicode" loading="lazy" width="18" height="18" decoding="async" data-nimg="1" style="color:transparent" src="/taiji-logo.png"/></div><span class="text-lg font-black tracking-tight text-foreground">Heicode</span></a><nav class="hidden items-center gap-8 md:flex"><a class="text-sm text-muted-foreground transition-colors hover:text-foreground" href="/#workflow">Workflow</a><a class="text-sm text-muted-foreground transition-colors hover:text-foreground" href="/#products">Surfaces</a><a class="text-sm text-muted-foreground transition-colors hover:text-foreground" href="/#features">Capabilities</a><a class="text-sm text-muted-foreground transition-colors hover:text-foreground" href="/swarm">Swarm</a><a class="text-sm text-muted-foreground transition-colors hover:text-foreground" href="/launch">Launch</a><a class="text-sm text-muted-foreground transition-colors hover:text-foreground" href="/#security">Security</a></nav><div class="hidden items-center gap-4 md:flex"><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 gap-1.5 px-3 has-[&gt;svg]:px-2.5 rounded-full bg-card/50">中文</button><a href="https://doc.xinghanlab.com/" target="_blank" rel="noreferrer" data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 h-8 gap-1.5 px-3 has-[&gt;svg]:px-2.5 rounded-full">Docs</a><a href="https://code.xinghanlab.com/" target="_blank" rel="noreferrer" data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 h-8 gap-1.5 px-3 has-[&gt;svg]:px-2.5 rounded-full">Sign in</a><a href="https://agnet.taijiaicloud.com/login/" target="_blank" rel="noreferrer" data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 gap-1.5 px-3 has-[&gt;svg]:px-2.5 rounded-full bg-card/50">Register</a><a href="https://code.xinghanlab.com/" target="_blank" rel="noreferrer" data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive h-8 gap-1.5 px-3 has-[&gt;svg]:px-2.5 rounded-full bg-foreground text-background hover:bg-foreground/90">Get started</a></div><button class="md:hidden" aria-label="Open menu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-6 w-6" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></header><div class="fixed inset-0 z-[70] flex items-center justify-center bg-foreground/55 px-4 py-8 backdrop-blur-sm"><div class="relative w-full max-w-2xl overflow-hidden rounded-[2rem] border border-border bg-background p-6 shadow-2xl sm:p-8"><button type="button" aria-label="Close launch announcement" class="absolute right-4 top-4 rounded-full border border-border bg-card/80 p-2 text-muted-foreground transition-colors hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x h-5 w-5" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button><div class="pointer-events-none absolute -right-24 -top-24 h-56 w-56 rounded-full bg-primary/15 blur-3xl"></div><div class="pointer-events-none absolute -bottom-24 -left-24 h-56 w-56 rounded-full bg-accent/15 blur-3xl"></div><div class="relative"><div class="mb-5 inline-flex items-center gap-2 rounded-full border border-primary/20 bg-primary/10 px-4 py-2 text-sm font-bold text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket h-4 w-4" aria-hidden="true"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg>Full launch</div><div class="mb-6 flex w-fit items-center gap-2 rounded-2xl bg-foreground px-4 py-3 text-background"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar-days h-5 w-5 text-primary" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path><path d="M8 14h.01"></path><path d="M12 14h.01"></path><path d="M16 14h.01"></path><path d="M8 18h.01"></path><path d="M12 18h.01"></path><path d="M16 18h.01"></path></svg><span class="text-sm font-black tracking-wide">June 5, 2026</span></div><h2 class="max-w-xl text-3xl font-black leading-tight tracking-[-0.04em] sm:text-5xl">Heicode goes fully live on June 5, 2026.</h2><p class="mt-4 max-w-xl text-base leading-7 text-muted-foreground sm:text-lg">Register now and follow launch readiness for Client, Manager, Agnet Swarm, resource binding and audit.</p><div class="mt-8 flex flex-col gap-3 sm:flex-row"><a href="https://agnet.taijiaicloud.com/login/" target="_blank" rel="noreferrer" data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive py-2 has-[&gt;svg]:px-3 h-12 rounded-full bg-primary px-7 text-primary-foreground hover:bg-primary/90">Register now<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="/launch" data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 py-2 has-[&gt;svg]:px-3 h-12 rounded-full bg-card/50 px-7">Launch details</a></div></div></div></div><section class="relative overflow-hidden pt-28 pb-16 sm:pt-36 sm:pb-24"><div class="pointer-events-none absolute inset-0 bg-[linear-gradient(to_right,color-mix(in_oklch,var(--foreground)_5%,transparent)_1px,transparent_1px),linear-gradient(to_bottom,color-mix(in_oklch,var(--foreground)_5%,transparent)_1px,transparent_1px)] bg-[size:42px_42px]"></div><div class="pointer-events-none absolute left-1/2 top-24 h-[420px] w-[70vw] -translate-x-1/2 rounded-full bg-primary/10 blur-[120px]"></div><div class="relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="grid gap-12 lg:grid-cols-[1.03fr_0.97fr] lg:items-center"><div><div class="mb-6 inline-flex items-center gap-2 rounded-full border border-border bg-card/70 px-4 py-2 text-sm font-semibold shadow-sm backdrop-blur"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4 text-primary" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>From idea to production software</div><h1 class="max-w-4xl text-5xl font-black leading-[0.95] tracking-[-0.06em] sm:text-7xl lg:text-8xl">One idea,<span class="block text-primary">one AI development team.</span></h1><p class="mt-7 max-w-2xl text-lg leading-8 text-muted-foreground sm:text-xl">Heicode organizes sub-Agnet teams, connects your code, documents, SK skills and cloud resources, and continuously carries work through requirements, development, testing, fixes, deployment and maintenance.</p><div class="mt-9 flex flex-col gap-4 sm:flex-row"><a href="https://code.xinghanlab.com/" target="_blank" rel="noreferrer" data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive has-[&gt;svg]:px-4 h-12 rounded-full bg-foreground px-7 text-background hover:bg-foreground/90">Start with Heicode<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://agnet.taijiaicloud.com/login/" target="_blank" rel="noreferrer" data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 has-[&gt;svg]:px-4 h-12 rounded-full border-foreground/20 bg-card/50 px-7"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-4 w-4" aria-hidden="true"><path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"></path></svg>Register</a></div><div class="mt-8 grid max-w-2xl gap-3 text-sm text-muted-foreground sm:grid-cols-3"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-4 w-4 text-accent" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Input ideas in the client</div><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-4 w-4 text-accent" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Bind resources in Manager</div><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-4 w-4 text-accent" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Ship through Agnet</div></div></div><div class="relative"><div class="absolute -left-6 -top-6 hidden h-24 w-24 rounded-full border border-primary/30 lg:block"></div><div class="rounded-[2rem] border border-foreground/10 bg-foreground p-3 shadow-2xl"><div class="overflow-hidden rounded-[1.5rem] bg-[#10151d] text-white"><div class="flex items-center justify-between border-b border-white/10 px-5 py-4"><div><p class="text-xs uppercase tracking-[0.22em] text-white/45">Heicode Task Cockpit</p><p class="mt-1 font-semibold">Small-team task management SaaS</p></div><span class="rounded-full bg-emerald-400/15 px-3 py-1 text-xs font-semibold text-emerald-200">Running</span></div><div class="grid gap-3 p-5"><div class="rounded-2xl bg-white/[0.06] p-4"><p class="text-xs text-white/45">User input</p><p class="mt-2 text-sm leading-6 text-white/85">I want to build a small-team task management SaaS with login, projects, tasks, comments, notifications and admin, deployed to Azure.</p></div><div class="grid gap-3 sm:grid-cols-2"><div class="rounded-2xl border border-white/10 bg-white/[0.04] p-4"><p class="font-semibold">Product Agnet</p><p class="mt-1 text-xs text-white/50">Requirements and acceptance</p><p class="mt-4 text-xs font-semibold text-primary-foreground/90">Done</p></div><div class="rounded-2xl border border-white/10 bg-white/[0.04] p-4"><p class="font-semibold">Backend Agnet</p><p class="mt-1 text-xs text-white/50">APIs and data model</p><p class="mt-4 text-xs font-semibold text-primary-foreground/90">Building</p></div><div class="rounded-2xl border border-white/10 bg-white/[0.04] p-4"><p class="font-semibold">Frontend Agnet</p><p class="mt-1 text-xs text-white/50">Pages and interaction</p><p class="mt-4 text-xs font-semibold text-primary-foreground/90">Waiting for API</p></div><div class="rounded-2xl border border-white/10 bg-white/[0.04] p-4"><p class="font-semibold">Ops Agnet</p><p class="mt-1 text-xs text-white/50">Deployment and observability</p><p class="mt-4 text-xs font-semibold text-primary-foreground/90">Approval pending</p></div></div><div class="rounded-2xl border border-amber-300/20 bg-amber-300/10 p-4"><div class="flex items-start gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock-keyhole mt-0.5 h-5 w-5 text-amber-200" aria-hidden="true"><circle cx="12" cy="16" r="1"></circle><rect x="3" y="10" width="18" height="12" rx="2"></rect><path d="M7 10V7a5 5 0 0 1 10 0v3"></path></svg><div><p class="text-sm font-semibold text-amber-100">Production deployment requires client approval</p><p class="mt-1 text-xs leading-5 text-amber-100/65">The secret vault will derive a 15-minute short-lived credential. Sub Agnets never receive long-term secrets.</p></div></div></div></div></div></div></div></div></div></section><section id="workflow" class="py-20 sm:py-28"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="grid gap-12 lg:grid-cols-[0.8fr_1.2fr] lg:items-start"><div><p class="text-sm font-bold uppercase tracking-widest text-primary">User journey</p><h2 class="mt-4 text-3xl font-black tracking-tight sm:text-5xl">Users see one continuous flow, not a wall of admin panels</h2><p class="mt-5 text-muted-foreground">The homepage and primary workflow stay anchored to the active job: idea, resources, team, permissions, execution, launch, and maintenance.</p><div class="mt-8 rounded-[1.7rem] border border-primary/20 bg-primary/10 p-6"><p class="text-sm font-semibold text-primary">Minimum MVP path</p><p class="mt-2 text-sm leading-6 text-muted-foreground">Sign in, download the client, describe the idea, bind Git and cloud resources, confirm role permissions, preview the manifest, create an Agnet deployment placeholder, then keep development and testing moving.</p></div></div><div class="rounded-[2rem] border border-border bg-card/60 p-4 shadow-sm"><div class="grid gap-3"><div class="grid gap-3 rounded-[1.4rem] border border-border bg-background/70 p-5 sm:grid-cols-[auto_1fr_auto] sm:items-center"><div class="flex h-11 w-11 items-center justify-center rounded-2xl bg-foreground text-sm font-black text-background">01</div><div><h3 class="font-semibold">Sign in</h3><p class="mt-1 text-sm leading-6 text-muted-foreground">Users only sign in to Heicode, not CodeGW or the OpenBao console.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right hidden h-5 w-5 text-muted-foreground sm:block" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div><div class="grid gap-3 rounded-[1.4rem] border border-border bg-background/70 p-5 sm:grid-cols-[auto_1fr_auto] sm:items-center"><div class="flex h-11 w-11 items-center justify-center rounded-2xl bg-foreground text-sm font-black text-background">02</div><div><h3 class="font-semibold">Describe the idea</h3><p class="mt-1 text-sm leading-6 text-muted-foreground">Capture the product, constraints, existing code, and deployment target in the client.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right hidden h-5 w-5 text-muted-foreground sm:block" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div><div class="grid gap-3 rounded-[1.4rem] border border-border bg-background/70 p-5 sm:grid-cols-[auto_1fr_auto] sm:items-center"><div class="flex h-11 w-11 items-center justify-center rounded-2xl bg-foreground text-sm font-black text-background">03</div><div><h3 class="font-semibold">Bind resources</h3><p class="mt-1 text-sm leading-6 text-muted-foreground">Manager authorizes Git, SK, docs, and cloud accounts while storing secret_ref only.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right hidden h-5 w-5 text-muted-foreground sm:block" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div><div class="grid gap-3 rounded-[1.4rem] border border-border bg-background/70 p-5 sm:grid-cols-[auto_1fr_auto] sm:items-center"><div class="flex h-11 w-11 items-center justify-center rounded-2xl bg-foreground text-sm font-black text-background">04</div><div><h3 class="font-semibold">Generate the team</h3><p class="mt-1 text-sm leading-6 text-muted-foreground">Recommend Product, Architect, Frontend, Backend, Reviewer, Ops, and other sub Agnets.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right hidden h-5 w-5 text-muted-foreground sm:block" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div><div class="grid gap-3 rounded-[1.4rem] border border-border bg-background/70 p-5 sm:grid-cols-[auto_1fr_auto] sm:items-center"><div class="flex h-11 w-11 items-center justify-center rounded-2xl bg-foreground text-sm font-black text-background">05</div><div><h3 class="font-semibold">Assign permissions</h3><p class="mt-1 text-sm leading-6 text-muted-foreground">Confirm resources, actions, TTL, and approval requirements through role cards.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right hidden h-5 w-5 text-muted-foreground sm:block" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div><div class="grid gap-3 rounded-[1.4rem] border border-border bg-background/70 p-5 sm:grid-cols-[auto_1fr_auto] sm:items-center"><div class="flex h-11 w-11 items-center justify-center rounded-2xl bg-foreground text-sm font-black text-background">06</div><div><h3 class="font-semibold">Close the loop</h3><p class="mt-1 text-sm leading-6 text-muted-foreground">Agnets keep pushing requirements, development, testing, fixes, deployment, and maintenance.</p></div></div></div></div></div><div class="mt-14 grid gap-5 md:grid-cols-3"><div class="rounded-[1.5rem] border border-border bg-card/60 p-6"><h3 class="font-semibold">Users do not write manifests</h3><p class="mt-2 text-sm leading-6 text-muted-foreground">The default flow shows roles, resources, actions, and approvals. Advanced users can expand the permission manifest.</p></div><div class="rounded-[1.5rem] border border-border bg-card/60 p-6"><h3 class="font-semibold">The web app is not the IDE</h3><p class="mt-2 text-sm leading-6 text-muted-foreground">Manager handles auxiliary management and observation. Main development, continuation, and approvals return to the client.</p></div><div class="rounded-[1.5rem] border border-border bg-card/60 p-6"><h3 class="font-semibold">Risky actions need explicit approval</h3><p class="mt-2 text-sm leading-6 text-muted-foreground">Production deploys, cloud operations, database writes, and production secret access must be confirmed in the client.</p></div></div></div></section><section id="products" class="py-20 sm:py-28"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="mx-auto max-w-2xl text-center"><p class="text-sm font-bold tracking-widest text-primary uppercase">Product surfaces</p><h2 class="mt-4 text-3xl font-black tracking-tight sm:text-5xl">Users operate Heicode. The underlying systems stay in their lanes.</h2><p class="mt-4 text-muted-foreground">The client is the primary experience and Manager is the auxiliary console. CodeGW, the vault, and the Agnet platform are not exposed as ordinary user backends.</p></div><div class="mt-14 grid gap-5 md:grid-cols-2 xl:grid-cols-3"><div class="group relative overflow-hidden rounded-[1.7rem] border border-border bg-card/65 p-7 shadow-sm transition-all hover:-translate-y-1 hover:border-primary/40 hover:shadow-xl"><div class="absolute -right-10 -top-10 h-28 w-28 rounded-full bg-primary/5 transition-colors group-hover:bg-primary/10"></div><div class="mb-6 flex h-12 w-12 items-center justify-center rounded-2xl bg-secondary text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-terminal h-6 w-6" aria-hidden="true"><path d="M12 19h8"></path><path d="m4 17 6-6-6-6"></path></svg></div><h3 class="text-xl font-semibold">Heicode Client</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">The primary user experience. Describe ideas, continue development, review Agnet execution feedback, and approve risky operations before production deploys, secret access, or cloud changes.</p><div class="mt-6 flex flex-wrap gap-2"><span class="rounded-full bg-secondary px-3 py-1 text-xs text-muted-foreground">Idea input</span><span class="rounded-full bg-secondary px-3 py-1 text-xs text-muted-foreground">Task progress</span><span class="rounded-full bg-secondary px-3 py-1 text-xs text-muted-foreground">Execution feedback</span><span class="rounded-full bg-secondary px-3 py-1 text-xs text-muted-foreground">Risk approval</span></div></div><div class="group relative overflow-hidden rounded-[1.7rem] border border-border bg-card/65 p-7 shadow-sm transition-all hover:-translate-y-1 hover:border-primary/40 hover:shadow-xl"><div class="absolute -right-10 -top-10 h-28 w-28 rounded-full bg-primary/5 transition-colors group-hover:bg-primary/10"></div><div class="mb-6 flex h-12 w-12 items-center justify-center rounded-2xl bg-secondary text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-monitor h-6 w-6" aria-hidden="true"><rect width="20" height="14" x="2" y="3" rx="2"></rect><line x1="8" x2="16" y1="21" y2="21"></line><line x1="12" x2="12" y1="17" y2="21"></line></svg></div><h3 class="text-xl font-semibold">Heicode Manager</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">The browser-side control console for account safety, client downloads, resource binding, Agnet deployment, task status, balance, and audit.</p><div class="mt-6 flex flex-wrap gap-2"><span class="rounded-full bg-secondary px-3 py-1 text-xs text-muted-foreground">Resource binding</span><span class="rounded-full bg-secondary px-3 py-1 text-xs text-muted-foreground">Deploy Agnets</span><span class="rounded-full bg-secondary px-3 py-1 text-xs text-muted-foreground">Model balance</span><span class="rounded-full bg-secondary px-3 py-1 text-xs text-muted-foreground">Audit logs</span></div></div><div class="group relative overflow-hidden rounded-[1.7rem] border border-border bg-card/65 p-7 shadow-sm transition-all hover:-translate-y-1 hover:border-primary/40 hover:shadow-xl"><div class="absolute -right-10 -top-10 h-28 w-28 rounded-full bg-primary/5 transition-colors group-hover:bg-primary/10"></div><div class="mb-6 flex h-12 w-12 items-center justify-center rounded-2xl bg-secondary text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot h-6 w-6" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg></div><h3 class="text-xl font-semibold">Agnet Platform</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">The AI development-team execution layer. It runs Product, Frontend, Backend, Reviewer, Ops, and other sub Agnets on AKS, then reports state and events back.</p><div class="mt-6 flex flex-wrap gap-2"><span class="rounded-full bg-secondary px-3 py-1 text-xs text-muted-foreground">Role teams</span><span class="rounded-full bg-secondary px-3 py-1 text-xs text-muted-foreground">Continuous execution</span><span class="rounded-full bg-secondary px-3 py-1 text-xs text-muted-foreground">SK calls</span><span class="rounded-full bg-secondary px-3 py-1 text-xs text-muted-foreground">State callback</span></div></div><div class="group relative overflow-hidden rounded-[1.7rem] border border-border bg-card/65 p-7 shadow-sm transition-all hover:-translate-y-1 hover:border-primary/40 hover:shadow-xl"><div class="absolute -right-10 -top-10 h-28 w-28 rounded-full bg-primary/5 transition-colors group-hover:bg-primary/10"></div><div class="mb-6 flex h-12 w-12 items-center justify-center rounded-2xl bg-secondary text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-credit-card h-6 w-6" aria-hidden="true"><rect width="20" height="14" x="2" y="5" rx="2"></rect><line x1="2" x2="22" y1="10" y2="10"></line></svg></div><h3 class="text-xl font-semibold">CodeGW</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">The internal model gateway and billing foundation. Heicode only exposes the models, balance, quota, usage, and call logs ordinary users need.</p><div class="mt-6 flex flex-wrap gap-2"><span class="rounded-full bg-secondary px-3 py-1 text-xs text-muted-foreground">Model gateway</span><span class="rounded-full bg-secondary px-3 py-1 text-xs text-muted-foreground">Balance quota</span><span class="rounded-full bg-secondary px-3 py-1 text-xs text-muted-foreground">Call logs</span><span class="rounded-full bg-secondary px-3 py-1 text-xs text-muted-foreground">No admin exposure</span></div></div><div class="group relative overflow-hidden rounded-[1.7rem] border border-border bg-card/65 p-7 shadow-sm transition-all hover:-translate-y-1 hover:border-primary/40 hover:shadow-xl"><div class="absolute -right-10 -top-10 h-28 w-28 rounded-full bg-primary/5 transition-colors group-hover:bg-primary/10"></div><div class="mb-6 flex h-12 w-12 items-center justify-center rounded-2xl bg-secondary text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-key-round h-6 w-6" aria-hidden="true"><path d="M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z"></path><circle cx="16.5" cy="7.5" r=".5" fill="currentColor"></circle></svg></div><h3 class="text-xl font-semibold">Secret Vault</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Credential custody backed by OpenBao. Long-lived secrets only enter the vault; sub Agnets receive short-lived, least-privilege credentials.</p><div class="mt-6 flex flex-wrap gap-2"><span class="rounded-full bg-secondary px-3 py-1 text-xs text-muted-foreground">secret_ref</span><span class="rounded-full bg-secondary px-3 py-1 text-xs text-muted-foreground">Short-lived creds</span><span class="rounded-full bg-secondary px-3 py-1 text-xs text-muted-foreground">Rotate and revoke</span><span class="rounded-full bg-secondary px-3 py-1 text-xs text-muted-foreground">Audit trail</span></div></div><div class="group relative overflow-hidden rounded-[1.7rem] border border-border bg-card/65 p-7 shadow-sm transition-all hover:-translate-y-1 hover:border-primary/40 hover:shadow-xl"><div class="absolute -right-10 -top-10 h-28 w-28 rounded-full bg-primary/5 transition-colors group-hover:bg-primary/10"></div><div class="mb-6 flex h-12 w-12 items-center justify-center rounded-2xl bg-secondary text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers h-6 w-6" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg></div><h3 class="text-xl font-semibold">Resource Context</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Git, SK, documents, cloud accounts, and cloud resources become Resource Bindings and Grants that can be authorized, revoked, and audited.</p><div class="mt-6 flex flex-wrap gap-2"><span class="rounded-full bg-secondary px-3 py-1 text-xs text-muted-foreground">Git</span><span class="rounded-full bg-secondary px-3 py-1 text-xs text-muted-foreground">SK</span><span class="rounded-full bg-secondary px-3 py-1 text-xs text-muted-foreground">Project docs</span><span class="rounded-full bg-secondary px-3 py-1 text-xs text-muted-foreground">Cloud resources</span></div></div></div></div></section><section id="features" class="border-y border-border bg-card/30 py-20 sm:py-28"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="mx-auto max-w-2xl text-center"><p class="text-sm font-bold tracking-widest text-primary uppercase">Core abilities</p><h2 class="mt-4 text-3xl font-black tracking-tight sm:text-5xl">Four loops Heicode must close</h2><p class="mt-4 text-muted-foreground">From idea, resources, team, and permissions to execution, launch, and maintenance, Heicode turns software delivery into an auditable lifecycle.</p></div><div class="mt-14 grid gap-5 sm:grid-cols-2 lg:gap-6"><div class="relative flex gap-6 overflow-hidden rounded-[1.7rem] border border-border bg-background/80 p-6 shadow-sm sm:p-8"><div class="flex h-11 w-11 shrink-0 items-center justify-center rounded-2xl bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text h-5 w-5" aria-hidden="true"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></div><div><h3 class="text-lg font-semibold">Ideas become development work</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Users do not need a complete PRD first. Heicode turns natural-language goals into requirement summaries, task drafts, prototype notes, role suggestions, and resource needs.</p></div><span class="absolute -bottom-4 right-5 text-7xl font-black text-secondary/55">01</span></div><div class="relative flex gap-6 overflow-hidden rounded-[1.7rem] border border-border bg-background/80 p-6 shadow-sm sm:p-8"><div class="flex h-11 w-11 shrink-0 items-center justify-center rounded-2xl bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-branch h-5 w-5" aria-hidden="true"><path d="M15 6a9 9 0 0 0-9 9V3"></path><circle cx="18" cy="6" r="3"></circle><circle cx="6" cy="18" r="3"></circle></svg></div><div><h3 class="text-lg font-semibold">Resource binding and permission assignment</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Git, SK, project docs, and cloud resources are modeled as Resource Bindings, then assigned to specific sub Agnet roles through Resource Grants.</p></div><span class="absolute -bottom-4 right-5 text-7xl font-black text-secondary/55">02</span></div><div class="relative flex gap-6 overflow-hidden rounded-[1.7rem] border border-border bg-background/80 p-6 shadow-sm sm:p-8"><div class="flex h-11 w-11 shrink-0 items-center justify-center rounded-2xl bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-workflow h-5 w-5" aria-hidden="true"><rect width="8" height="8" x="3" y="3" rx="2"></rect><path d="M7 11v4a2 2 0 0 0 2 2h4"></path><rect width="8" height="8" x="13" y="13" rx="2"></rect></svg></div><div><h3 class="text-lg font-semibold">Sub Agnets execute continuously</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Work is not thrown over the wall once. Agnets keep moving through requirements, design, development, testing, fixes, and deployment.</p></div><span class="absolute -bottom-4 right-5 text-7xl font-black text-secondary/55">03</span></div><div class="relative flex gap-6 overflow-hidden rounded-[1.7rem] border border-border bg-background/80 p-6 shadow-sm sm:p-8"><div class="flex h-11 w-11 shrink-0 items-center justify-center rounded-2xl bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check h-5 w-5" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg></div><div><h3 class="text-lg font-semibold">Usage, logs, security, and audit loop</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Model balance, call logs, resource access, risky approvals, and deployment records return to Heicode. Long-lived secrets never enter Git, Markdown, or logs.</p></div><span class="absolute -bottom-4 right-5 text-7xl font-black text-secondary/55">04</span></div></div></div></section><section id="security" class="border-t border-border bg-card/30 py-20 sm:py-28"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="mx-auto max-w-2xl text-center"><p class="text-sm font-bold tracking-widest text-primary uppercase">Security model</p><h2 class="mt-4 text-3xl font-black tracking-tight sm:text-5xl">Resources are usable. Secrets do not leak.</h2><p class="mt-4 text-muted-foreground">Users authorize resources, the platform holds credentials, and sub Agnets only receive short-lived access inside the approved scope.</p></div><div class="mt-16 grid gap-4 sm:grid-cols-2 lg:grid-cols-3"><div class="group relative overflow-hidden rounded-[1.6rem] border border-border bg-background/80 p-6 transition-colors hover:border-primary/40"><span class="absolute -top-2 -right-2 text-7xl font-black text-secondary/40 transition-colors group-hover:text-primary/10">01</span><div class="relative"><h3 class="text-lg font-semibold">Secrets never enter the product surface</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Git tokens, cloud access keys, SSH private keys, database passwords, and CodeGW keys never enter Git, Markdown, frontend responses, or ordinary logs.</p></div></div><div class="group relative overflow-hidden rounded-[1.6rem] border border-border bg-background/80 p-6 transition-colors hover:border-primary/40"><span class="absolute -top-2 -right-2 text-7xl font-black text-secondary/40 transition-colors group-hover:text-primary/10">02</span><div class="relative"><h3 class="text-lg font-semibold">Only secret_ref is stored</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">The Manager database stores resource metadata, permission relationships, and secret_ref. Real long-lived credentials are held by the vault.</p></div></div><div class="group relative overflow-hidden rounded-[1.6rem] border border-border bg-background/80 p-6 transition-colors hover:border-primary/40"><span class="absolute -top-2 -right-2 text-7xl font-black text-secondary/40 transition-colors group-hover:text-primary/10">03</span><div class="relative"><h3 class="text-lg font-semibold">Sub Agnets only receive short-lived credentials</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">After approval, the platform derives short-lived, least-privilege, auditable credentials by permission and TTL. Sub Agnets do not keep long-lived secrets.</p></div></div><div class="group relative overflow-hidden rounded-[1.6rem] border border-border bg-background/80 p-6 transition-colors hover:border-primary/40"><span class="absolute -top-2 -right-2 text-7xl font-black text-secondary/40 transition-colors group-hover:text-primary/10">04</span><div class="relative"><h3 class="text-lg font-semibold">Risky actions are approved in the client</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Production deploys, cloud changes, database writes, production secret access, and large budget consumption require explicit client confirmation.</p></div></div><div class="group relative overflow-hidden rounded-[1.6rem] border border-border bg-background/80 p-6 transition-colors hover:border-primary/40"><span class="absolute -top-2 -right-2 text-7xl font-black text-secondary/40 transition-colors group-hover:text-primary/10">05</span><div class="relative"><h3 class="text-lg font-semibold">Audit answers the critical questions</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Who used which resource, for which task, through which sub Agnet, at what time, with what action, and whether approval happened.</p></div></div></div></div></section><section class="py-20 sm:py-32"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="mx-auto max-w-2xl text-center"><p class="text-sm font-bold tracking-widest text-primary uppercase">MVP to lifecycle</p><h2 class="mt-4 text-3xl font-black tracking-tight sm:text-5xl">Prove the loop first, then expand the full lifecycle</h2><p class="mt-4 text-sm text-muted-foreground">The real Agnet platform deployment API can arrive later. Manager payloads, manifests, audit trails, and the client approval loop must be ready first.</p></div><div class="mt-16"><div class="relative"><div class="absolute left-1/2 top-0 hidden h-full w-px -translate-x-1/2 bg-gradient-to-b from-primary/50 via-border to-border lg:block"></div><div class="grid gap-8 lg:grid-cols-3"><div class="relative"><div class="mx-auto mb-6 flex h-16 w-16 items-center justify-center rounded-full border-2 border-primary/30 bg-background"><span class="text-2xl font-black text-primary">1</span></div><div class="rounded-[1.6rem] border border-border bg-card/60 p-6 text-center shadow-sm"><span class="inline-block rounded-full bg-primary/10 px-3 py-1 text-xs font-semibold text-primary">Converging</span><h3 class="mt-4 text-xl font-bold">Current MVP</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Heicode, CodeGW, and OpenBao deploy separately. Resource bindings, Grants, manifests, and secret custody form the first closed loop. The client signs in only to Heicode.</p></div></div><div class="relative"><div class="mx-auto mb-6 flex h-16 w-16 items-center justify-center rounded-full border-2 border-primary/30 bg-background"><span class="text-2xl font-black text-primary">2</span></div><div class="rounded-[1.6rem] border border-border bg-card/60 p-6 text-center shadow-sm"><span class="inline-block rounded-full bg-primary/10 px-3 py-1 text-xs font-semibold text-primary">Priority</span><h3 class="mt-4 text-xl font-bold">Next</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Expose user-side CodeGW model and usage views, close the client login and approval download path, and integrate the real Agnet deployment API.</p></div></div><div class="relative"><div class="mx-auto mb-6 flex h-16 w-16 items-center justify-center rounded-full border-2 border-primary/30 bg-background"><span class="text-2xl font-black text-primary">3</span></div><div class="rounded-[1.6rem] border border-border bg-card/60 p-6 text-center shadow-sm"><span class="inline-block rounded-full bg-primary/10 px-3 py-1 text-xs font-semibold text-primary">Product direction</span><h3 class="mt-4 text-xl font-bold">Long term</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Add automated maintenance, upgrade plans, and continuous cost and quality observation so development, deployment, and maintenance live in one lifecycle.</p></div></div></div></div></div></div></section><section class="border-t border-border bg-foreground py-20 text-background sm:py-28"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="mx-auto max-w-2xl text-center"><h2 class="text-3xl font-black tracking-tight sm:text-5xl">Move an idea into a real development flow</h2><p class="mt-4 text-lg text-background/70">Heicode does more than generate code. It organizes product intent, code, permissions, models, deployment, and maintenance into one auditable software lifecycle.</p><div class="mt-10 flex flex-col items-center justify-center gap-4 sm:flex-row"><a href="https://code.xinghanlab.com/" target="_blank" rel="noreferrer" data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive has-[&gt;svg]:px-4 h-12 rounded-full bg-primary px-7 text-primary-foreground hover:bg-primary/90">Enter Heicode<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://agnet.taijiaicloud.com/login/" target="_blank" rel="noreferrer" data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border shadow-xs dark:bg-input/30 dark:border-input dark:hover:bg-input/50 has-[&gt;svg]:px-4 h-12 rounded-full border-background/30 bg-transparent px-7 text-background hover:bg-background hover:text-foreground">Register account</a></div></div></div></section><footer class="border-t border-border bg-background"><div class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8 lg:py-16"><div class="grid gap-8 sm:grid-cols-2 lg:grid-cols-5"><div class="lg:col-span-1"><a class="flex items-center gap-2" href="/"><div class="flex h-8 w-8 items-center justify-center rounded-md border border-border/70 bg-card/60 text-foreground"><img alt="Heicode" loading="lazy" width="18" height="18" decoding="async" data-nimg="1" style="color:transparent" src="/taiji-logo.png"/></div><span class="text-lg font-black tracking-tight text-foreground">Heicode</span></a><p class="mt-4 text-sm leading-relaxed text-muted-foreground">From one idea to production software<br/>Organize an AI development team with code and cloud resources</p></div><div><h3 class="text-sm font-semibold">Product</h3><ul class="mt-4 space-y-3"><li><a class="text-sm text-muted-foreground transition-colors hover:text-foreground" href="#">Heicode Client</a></li><li><a href="https://code.xinghanlab.com/" target="_blank" rel="noreferrer" class="text-sm text-muted-foreground transition-colors hover:text-foreground">Heicode Manager</a></li><li><a href="https://agnet.taijiaicloud.com/" target="_blank" rel="noreferrer" class="text-sm text-muted-foreground transition-colors hover:text-foreground">Agnet Platform</a></li><li><a class="text-sm text-muted-foreground transition-colors hover:text-foreground" href="/swarm">Agnet Swarm</a></li></ul></div><div><h3 class="text-sm font-semibold">Resources</h3><ul class="mt-4 space-y-3"><li><a href="https://doc.xinghanlab.com/" target="_blank" rel="noreferrer" class="text-sm text-muted-foreground transition-colors hover:text-foreground">Documentation</a></li><li><a class="text-sm text-muted-foreground transition-colors hover:text-foreground" href="#">Resource binding</a></li><li><a class="text-sm text-muted-foreground transition-colors hover:text-foreground" href="#">Secret vault</a></li><li><a class="text-sm text-muted-foreground transition-colors hover:text-foreground" href="#">CodeGW boundary</a></li><li><a class="text-sm text-muted-foreground transition-colors hover:text-foreground" href="#">Product demo</a></li></ul></div><div><h3 class="text-sm font-semibold">Company</h3><ul class="mt-4 space-y-3"><li><a href="https://www.taijiaicloud.com/" target="_blank" rel="noreferrer" class="text-sm text-muted-foreground transition-colors hover:text-foreground">About us</a></li><li><a class="text-sm text-muted-foreground transition-colors hover:text-foreground" href="#">Blog</a></li><li><a class="text-sm text-muted-foreground transition-colors hover:text-foreground" href="#">Careers</a></li><li><a href="mailto:november@taijiaicloud.com" target="_blank" rel="noreferrer" class="text-sm text-muted-foreground transition-colors hover:text-foreground">Contact</a></li></ul></div><div><h3 class="text-sm font-semibold">Legal</h3><ul class="mt-4 space-y-3"><li><a class="text-sm text-muted-foreground transition-colors hover:text-foreground" href="#">Privacy</a></li><li><a class="text-sm text-muted-foreground transition-colors hover:text-foreground" href="#">Terms</a></li><li><a class="text-sm text-muted-foreground transition-colors hover:text-foreground" href="#">Security</a></li></ul></div></div><div class="mt-12 border-t border-border pt-8"><div class="flex flex-col items-center justify-between gap-4 sm:flex-row"><p class="text-sm text-muted-foreground">© <!-- -->2026<!-- --> Taiji. <!-- -->All rights reserved.</p></div></div></div></footer></main><!--$--><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><script src="/_next/static/chunks/0xntnehdgbkhf.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[60483,[\"/_next/static/chunks/16ug8_ttttewd.js\",\"/_next/static/chunks/0duodrajo5fcx.js\"],\"default\"]\n3:I[87929,[\"/_next/static/chunks/16ug8_ttttewd.js\",\"/_next/static/chunks/0duodrajo5fcx.js\"],\"default\"]\n4:I[52768,[\"/_next/static/chunks/16ug8_ttttewd.js\",\"/_next/static/chunks/0duodrajo5fcx.js\"],\"Analytics\"]\n5:I[88844,[\"/_next/static/chunks/16ug8_ttttewd.js\",\"/_next/static/chunks/0duodrajo5fcx.js\"],\"ClientPageRoot\"]\n6:I[39629,[\"/_next/static/chunks/16ug8_ttttewd.js\",\"/_next/static/chunks/0duodrajo5fcx.js\",\"/_next/static/chunks/051-oln_9n0g0.js\",\"/_next/static/chunks/0p812yz3da6g8.js\"],\"default\"]\n9:I[25078,[\"/_next/static/chunks/16ug8_ttttewd.js\",\"/_next/static/chunks/0duodrajo5fcx.js\"],\"OutletBoundary\"]\na:\"$Sreact.suspense\"\nc:I[25078,[\"/_next/static/chunks/16ug8_ttttewd.js\",\"/_next/static/chunks/0duodrajo5fcx.js\"],\"ViewportBoundary\"]\ne:I[25078,[\"/_next/static/chunks/16ug8_ttttewd.js\",\"/_next/static/chunks/0duodrajo5fcx.js\"],\"MetadataBoundary\"]\n10:I[69701,[\"/_next/static/chunks/16ug8_ttttewd.js\",\"/_next/static/chunks/0duodrajo5fcx.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/07p8r-wmy40nr.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/07p8r-wmy40nr.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/16ug8_ttttewd.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0duodrajo5fcx.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"bg-background\",\"children\":[\"$\",\"body\",null,{\"className\":\"font-sans antialiased\",\"children\":[[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$L4\",null,{}]]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L5\",null,{\"Component\":\"$6\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":[\"$@7\",\"$@8\"]}}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/051-oln_9n0g0.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0p812yz3da6g8.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L9\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@b\"}]}]]}],{},null,false,null]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lc\",null,{\"children\":\"$Ld\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Le\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Lf\"}]}]}],null]}],false]],\"m\":\"$undefined\",\"G\":[\"$10\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/07p8r-wmy40nr.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"NzUpS1JUFOTLnrxggrl90\"}\n"])</script><script>self.__next_f.push([1,"7:{}\n8:\"$0:f:0:1:1:children:0:props:children:0:props:serverProvidedParams:params\"\n"])</script><script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"11:I[39451,[\"/_next/static/chunks/16ug8_ttttewd.js\",\"/_next/static/chunks/0duodrajo5fcx.js\"],\"IconMark\"]\nb:null\nf:[[\"$\",\"title\",\"0\",{\"children\":\"Heicode - From one idea to production software\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Heicode organizes AI development teams, connects your code, documents, SK skills and cloud resources, and carries work from product design to production deployment.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/taiji-logo.png\",\"media\":\"(prefers-color-scheme: light)\"}],[\"$\",\"link\",\"3\",{\"rel\":\"icon\",\"href\":\"/taiji-logo.png\",\"media\":\"(prefers-color-scheme: dark)\"}],[\"$\",\"link\",\"4\",{\"rel\":\"icon\",\"href\":\"/taiji-logo.png\",\"type\":\"image/png\"}],[\"$\",\"link\",\"5\",{\"rel\":\"apple-touch-icon\",\"href\":\"/taiji-logo.png\"}],[\"$\",\"$L11\",\"6\",{}]]\n"])</script></body></html>