Next.js + Tailwind marketing surface for the AgentOS runtime. This site is designed to live at agentos.sh and mirrors the Frame.dev aesthetic with light/dark theming, motion highlights, and roadmap callouts.
- App Router (Next 14) with server components + streaming-ready sections
- Tailwind design system with utility helpers, glassmorphism treatment, and dark mode (
next-themes) - Framer Motion animations on hero content
- Lucide iconography and responsive layout tuned for product storytelling
- Ready-to-link CTAs into GitHub, documentation, and marketing pipelines
pnpm dev # standard next dev server (no doc watcher)
pnpm dev:full # next dev + TypeDoc watcher (doc search hot reload)
pnpm build # regenerates docs, copies them to public/docs-generated, then next build
pnpm start # serve production build
pnpm lint # Next lint rules
pnpm typecheck # TypeScript no-emit check
pnpm docs:watch # (optional) run TypeDoc watcher without starting dev serverapp/page.tsx– primary landing experiencecomponents/– client-side helpers like the theme toggle providertailwind.config.ts– shared tokens (brand palette, glass shadow, etc.)
The landing site is intentionally decoupled from the proprietary Voice Chat Assistant frontend so it can be published or deployed independently.
The header search trigger (keyboard / or Ctrl/⌘ + K) now fetches a lightweight
search-docs.json manifest from https://docs.agentos.sh instead of pulling the
full local-search lunr bundle into the marketing site.
apps/agentos-live-docs/plugins/search-manifest.jswalks the built docs HTML and writessearch-docs.jsonduring the docs-site build.apps/agentos.sh/components/docs/DocSearch.tsxfetches that manifest, scores title/content matches inline, and falls back to curated quick links if the manifest is unavailable.- For local docs-site generation, run the docs app build (
npm run buildinapps/agentos-live-docs) so the manifest is regenerated alongside the published docs output.
The older TypeDoc search indexes under public/docs-generated/.../search-index.json
are still used for the API docs experience on agentos.sh, but the marketing-site
modal search no longer depends on them.
Some sections render optional media. When files are missing, a placeholder explaining the expected filename/path appears so you can deploy safely:
| Location | Expected path | Notes |
|---|---|---|
| Hero loop | public/media/landing/voice-hero-loop.mp4 (+ optional .webm, voice-hero-poster.jpg) |
Short 8–12 s clip highlighting the voice pipeline. |
| Architecture diagram | public/media/diagrams/agentos-architecture-light.png and ...-dark.png |
Used in the architecture overview; supply both themes for best results. |
| GMI layers diagram | public/media/diagrams/gmi-layers-light.png and ...-dark.png |
Illustrates how a GMI combines persona, memory, guardrails, and tools. |
| Voice pipeline diagram | public/media/landing/voice-pipeline-light.svg and ...-dark.svg |
Shows the capture → AgentOS → tool flow on the Voice Chat Assistant landing. |
If you prefer different names, adjust the heroVideoSources / pipelineImageSources constants in app/page.tsx (AgentOS) and frontend/src/views/PublicHome.vue (voice UI).
- Website: https://frame.dev
- AgentOS: https://agentos.sh
- Marketplace: https://vca.chat
- GitHub: https://github.com/framersai/agentos.sh
- npm: https://www.npmjs.com/org/framers
- Contributing: https://github.com/manicinc/voice-chat-assistant/blob/master/.github/CONTRIBUTING.md
- Code of Conduct: https://github.com/manicinc/voice-chat-assistant/blob/master/.github/CODE_OF_CONDUCT.md
- Security Policy: https://github.com/manicinc/voice-chat-assistant/blob/master/.github/SECURITY.md