Conduit: AI agent and workflow platform landing page template for Next.js.

$39one-time payment

Buy ConduitLive demo

Checkout opens soon.

  • Next.js 15
  • CSS
  • TypeScript
  • 8 sections
  • Light
  • No API keys
  • Updated Oct 9, 2026
Live demo
The Conduit landing page template on desktop, from the hero to the footer

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

  1. 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.

  2. 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.

  3. 03

    Impact and capabilities

    A glass flow graphic, isometric context layers, connected logic nodes, task rails, model selection and functional tool controls.

  4. 04

    Industries and stories

    Six sectors linked to example blueprints and four keyboard-accessible workflow stories with local detail dialogs.

  5. 05

    Control and FAQ

    Original access, context and oversight seals followed by native FAQ disclosures.

  6. 06

    Closing and footer

    A two-column black closing section, working resource links, remembered motion preference and a large pixel wordmark.

  7. 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.

  8. 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.

Where to change each part of Conduit
To changeEdit
Brand, copy, plans, FAQ and destinationssite.config.ts
Agent instructions, tools, approval boundaries and run receiptdata/blueprints.ts
Workflow stories and supporting pagesdata/stories.ts and data/pages.ts
Palette, gutters, type and controlsstyles/base.css
Original image assets and provenancepublic/images/ and ASSETS.md
Section composition and product scenescomponents/sections/ and components/product/
Pricing and contact integrationcomponents/PricingContent.tsx and components/ContactContent.tsx

Run it

$ npm install$ npm run dev

Node.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.

Get all-accessBrowse the library
  • Daybreak
  • Conduit
  • Index
  • Footnote
  • Cutroom
  • Halftone
  • Emberline
  • Influence
  • Marlow
  • Parley
  • Fourteen
  • Kept
  • Stillform
  • Prism
  • Tempo
  • Patch
  • Relay