Conduit: AI agent and workflow platform landing page template for Next.js.
- Next.js 15
- CSS
- TypeScript
- 8 sections
- Light
- No API keys
- Updated Oct 9, 2026
Overview
A complete platform launch experience with a centered serif hero, original cobalt imagery and alternating white and black chapters. Real local demonstrations make the product story tangible, while separate pricing, contact and resource pages complete the template.
- Made for
- AI agent and automation platforms, Workflow orchestration products, Developer tools and connected workspaces
- Highlights
- Centered serif hero, two-part visual and original optimized cobalt artwork
- Editable agent blueprints, workflow execution and real JSON run exports
- Interactive capability diagrams and keyboard-accessible workflow stories
- Separate pricing and contact pages, correct billing and local brief exports
- The look
- Light Merriweather headings and Inter text. Square controls, dashed frame rules, subtle square intersection marks and original cobalt glass and point-cloud artwork. A two-part hero visual leads into a dark problem chapter, alternating product rows, a flow graphic, a dark capability grid and a tabbed story panel. One consistent label introduces each main heading.
Sections
- 01
Navigation and hero
Announcement strip, compact square navigation, accessible company/mobile menus, a centered serif heading and four selectable agent blueprints over original glass artwork.
- 02
Problem and product
A dark three-column problem chapter, an editable agent builder, a working four-step workflow with a JSON receipt and switchable analytics.
- 03
Impact and capabilities
A glass flow graphic, isometric context layers, connected logic nodes, task rails, model selection and functional tool controls.
- 04
Industries and stories
Six sectors linked to example blueprints and four keyboard-accessible workflow stories with local detail dialogs.
- 05
Control and FAQ
Original access, context and oversight seals followed by native FAQ disclosures.
- 06
Closing and footer
A two-column black closing section, working resource links, remembered motion preference and a large pixel wordmark.
- 07
Pricing and contact
Three plans on a dedicated page, correct monthly/annual reviews and a contact form that can prepare a local brief or submit to your configured endpoint.
- 08
Resource pages
About, guides, changelog, accessibility and editable privacy/terms placeholder pages, plus a custom missing-page state.
Remove a section by deleting its line in app/page.tsx, or move the line to reorder.
Make it yours
Start in site.config.ts for the brand, marketing copy, plans and destinations. Agent examples, workflow stories and resource content each have their own small data file.
| To change | Edit |
|---|---|
| Brand, copy, plans, FAQ and destinations | site.config.ts |
| Agent instructions, tools, approval boundaries and run receipt | data/blueprints.ts |
| Workflow stories and supporting pages | data/stories.ts and data/pages.ts |
| Palette, gutters, type and controls | styles/base.css |
| Original image assets and provenance | public/images/ and ASSETS.md |
| Section composition and product scenes | components/sections/ and components/product/ |
| Pricing and contact integration | components/PricingContent.tsx and components/ContactContent.tsx |
Run it
$ npm install$ npm run devNode.js 20.9 or newer. No environment variables.
Before you go live
Replace the fictional brand, identities, example metrics and plan allowances. Set your app, contact endpoint and each plan’s monthly/annual checkout destination. Replace privacy and terms with your own policies. The blueprints, run receipts, story dialogs and local contact exports work; connect your production AI, accounts, tools and billing separately.
Specifications
- Framework
- Next.js 15 (App Router), React 19
- Language
- TypeScript
- Styling
- CSS with design tokens and component styles
- Fonts
- Merriweather, Inter, self-hosted with next/font
- Dependencies
- next, react, react-dom, lucide-react
- Images
- Three original images generated with the built-in imagegen tool, optimized to WebP and shipped locally. Original HTML/CSS/SVG logos, diagrams, seals and pixel wordmark. No reference-site assets.
- API keys and environment variables
- None
- Node.js
- 20.9 or newer
- Colour scheme
- Light
- Responsive
- Desktop, tablet and phone
- Accessibility
- Skip link, visible focus, keyboard navigation, reduced motion
- Deploys to
- Vercel, Netlify, Cloudflare Pages or any Node host
- Codebase
- 46 source files, about 6,300 lines
- Last updated
- Oct 9, 2026
License
One license, no tiers. The full text ships as LICENSE.md in the download.
You can
- Use it for your own products
- Use it for any number of client projects
- Change the code and design however you like
- Deploy the result commercially
You can’t
- Resell or share the files as a template, theme or UI kit
- Publish the source as a template in a public repository
Questions
What do I get when I buy Conduit?
The complete Conduit project as a download: the Next.js app, its config file, a README with setup and customisation notes, and the license. The download link arrives right after checkout.
Can I use Conduit for client projects?
Yes. One purchase covers your own products and any number of client projects, and you can change the code however you like. What you can’t do is resell or share the template files themselves as a template or UI kit.
Do I need API keys, a database or a backend?
No. It runs with npm install and npm run dev and deploys to Vercel, Netlify or Cloudflare Pages without any environment variables.
What should I change before I launch?
Replace the fictional brand, identities, example metrics and plan allowances. Set your app, contact endpoint and each plan’s monthly/annual checkout destination. Replace privacy and terms with your own policies. The blueprints, run receipts, story dialogs and local contact exports work; connect your production AI, accounts, tools and billing separately.
Do I need to know Next.js?
Basic React helps, but most changes are text edits in site.config.ts. The README walks through colours, fonts and section order.
How do updates work?
Updates to Conduit are free. When a new version ships, download it again from the link in your order email.
Can I get a refund?
Yes. If Conduit isn’t right for you, reply to your receipt within 14 days and you get your money back.
Should I buy all-access instead?
If you’ll use more than two templates, yes. All-access is $99 for all 17 templates, including Conduit and every template added later. Three single templates would cost $117.
All-access
All 17 templates for $99.
Every template in the library, including Conduit, and every one added later. Same license, free updates. Less than three single templates.

















