AI agent platform landing page templateAI Agent Platform Landing Page With a Live Workflow Run
AI agent platform landing page template: a complete AI agent platform website template, dark and warm: a dark hero whose workflow editor runs the visitor's own message and reroutes as they move the refund limit, last night as a timeline ending in a morning summary, a run log you can open step by step, pricing on usage and an FAQ.
Features
- A near-black hero panel with a horizon lit amber and a constellation of agents above it, light snaking along its links
- A playground hero: the customer's email is the visitor's to rewrite, and the agent plans a run from its own words
- The refund limit set on the rules step itself, rerouting the same run at once, straight to the refund or through a person
- A branch the run doesn't take stays faint, labelled with its condition
- Customers as wordmarks gliding past in a hairline band under the product
- Last night as a timeline: each thing the agents did at the hour it happened, the ones left for a person in amber
- A morning summary closing the night, with what was done, what waits and a cursor resting on its button
- A run log as a waterfall: pick a step to read its input, output, time and tokens
- Usage pricing with a real monthly and yearly switch and a featured plan in tinted glass
- An FAQ on native disclosures and the hero panel again above a four-column footer
Best for: AI agent platforms, automation and LLM ops startups that need to show agents doing real work, with people still in charge.
Installation
npm install motion lucide-react clsx tailwind-mergeThen copy the files from the Code tab into the same paths in your project, in TypeScript or JavaScript.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| content | VesperContent | - | Everything the page says and draws: brand, nav, hero and its workflow run, customers, use cases, run trace, numbers, reviews, plans, FAQ, closing and footer. |
| className | string | - | Classes on the page. |
FAQ
Is the AI Agent Platform Landing Page With a Live Workflow Run free to use?
Yes. AI Agent Platform Landing Page With a Live Workflow Run is free to copy into your own projects. Open the Code tab and paste the files into your app.
Does AI Agent Platform Landing Page With a Live Workflow Run work with Next.js and React?
Yes. It's a React client component made for the Next.js App Router, styled with Tailwind CSS and animated with Framer Motion (the motion package).
Can I use AI Agent Platform Landing Page With a Live Workflow Run in JavaScript instead of TypeScript?
Yes. Every file comes in TypeScript and JavaScript. Switch the language in the Code tab.
What does AI Agent Platform Landing Page With a Live Workflow Run need installed?
motion, lucide-react, clsx, tailwind-merge, plus the shared helpers from the Installation page.
Is AI Agent Platform Landing Page With a Live Workflow Run accessible?
Every link and button is reachable by keyboard with a visible focus ring, and the animation stays still for visitors who ask for reduced motion.