AI landing page templates for Next.js

• An AI agent platform or workflow product

  Tandem · $39

  Pick it if: Human approval is part of what you sell. It has a Human control section, six specialist agent cards, a workflow section and team tabs, with a cursor-following point sculpture in the hero.

  Skip it if: You want a dark page: it ships in light mode.

• An automation or workflow orchestration platform

  Conduit · $39

  Pick it if: You want the page to show the product working. The hero is a live route board that plays blueprints, a policy section shows what the agent may do, and there are dedicated pricing, contact and resource pages.

  Skip it if: You want a one-page site: it is a multi-page kit with 61 files, so there is more to edit.

• An infrastructure, security or AI operations product

  Bulkhead · $39

  Pick it if: You sell to engineers and want a precise, dark, engineered look: an incident-playback section that pins while you scroll, a runbook that stops at an approval gate, and 13 sections in all.

  Skip it if: You want a light, friendly page.

• A research, knowledge or writing tool

  Index · Free

  Pick it if: A warm editorial page whose hero is a source-to-answer scene with three selectable topics, followed by a scroll-led product story. It is free with an account.

  Skip it if: You want customer quotes on the page: it has no quotes section, so bring your own proof.

• An AI writing or research tool

  Footnote · $39

  Pick it if: A dark, serif, editorial page built around citations: the same paragraph written with and without numbered footnotes, an annotated method and a proof ledger. 19 files, so it is quick to adapt.

  Skip it if: You need a pricing section: it goes from proof to FAQ to an email sign-up.

• An AI support agent or chatbot

  Parley · $39

  Pick it if: The hero is a support chat that ends with a refund issued, the comparison is a transcript you can switch between a classic chatbot and your product, and the FAQ is written as a conversation.

  Skip it if: You want a conventional feature grid.

• A personal assistant or browser companion

  Relay · Free

  Pick it if: A readable example conversation in the hero, a working workspace with replay and text exports, and two plans in a shared ledger. It is free with an account.

  Skip it if: You need more than two plans.

• An AI image, avatar or creative app

  Prism · $39

  Pick it if: A dark page with an interactive workspace: editable prompts, six original artworks with filters, and real image downloads. Three themes and two hero layouts are included.

  Skip it if: You have no visuals to show: the page leans on artwork.

• An AI coding tool, builder or component product

  Patch · $39

  Pick it if: A code-and-output workspace with Apply and Undo, code review, clipboard copy and downloadable TSX files, in two complete appearances.

  Skip it if: Your product is not for developers.

• A general AI or SaaS product

  Emberline · $39

  Pick it if: The conventional structure done well, in a dark grid-framed layout: logo strip, bento features, a comparison table, how it works, testimonials, a monthly and yearly pricing toggle and FAQ. 25 files.

  Skip it if: You want a working example in the hero: the hero is a dashboard mockup.

• An AI marketing, analytics or reporting product

  Daybreak · $39

  Pick it if: Working local examples: campaign reviews, a day picker that opens a small interface for each day, and an access panel with an approval rule. Light, with Inter and painted landscapes, plus contact and resource pages.

  Skip it if: You want something small: it is the largest in this set, with 76 files and about 7,495 lines.

4 of the 11 are dark (Bulkhead, Footnote, Prism and Emberline); the rest are light. “Built for” is the first of the audiences listed on each template’s page.

• Pricing10 of 11

  Plans on the page, so the visitor can decide without a sales call.

  No section named this: Footnote. Footnote goes from proof to FAQ to an email sign-up.

• FAQ10 of 11

  Answers to the objections that stop people signing up.

  No section named this: Daybreak. Daybreak has an FAQ too, on its separate pricing page.

• Customer proof7 of 11

  Quotes, results or stories.

  No section named this: Tandem, Index, Relay, Patch.

• Integrations3 of 11

  The tools the product connects to.

  No section named this: Conduit, Index, Footnote, Parley, Relay, Prism, Patch, Emberline.

• Control and approval3 of 11

  What the agent may do, and who approves it.

  No section named this: Bulkhead, Index, Footnote, Parley, Relay, Prism, Patch, Emberline.

• A working example in the first screen8 of 11

  The visitor can do something before scrolling: Tandem has a prompt strip and three specialist cards; Conduit has a live route board; Index has a research scene with three selectable topics; Parley has a support chat; Relay has an example conversation with three selectable examples; Prism has a workspace with editable prompts; Patch has Build, Review and Preview workspace views; Daybreak has an editable question that opens a campaign report.

Pricing and an FAQ appear on almost every page here, so a buyer’s first questions are answered without leaving it. The sections that vary depend on what is sold. The three that give permissions or approval a section of their own are Tandem, Conduit and Daybreak, which sell agents and workspaces to teams; Index, Relay, Prism and Patch, which are aimed at individuals and builders, lead with a working example instead.

The median performance score is 97, from 83 to 100. 6 of 11 reached a Largest Contentful Paint of 2.5 seconds or less, which Lighthouse rates good; 11 of 11 stayed under 200 ms of blocking time and 11 of 11 under 0.1 of layout shift. The fastest to paint its main content was Footnote at 1.2 s; the slowest was Daybreak at 4.7 s. Accessibility scored at least 89 and SEO scored 100 on every page.

• Pro

  Tandem

  $39

  Light-mode AI agent and workflow landing page

• Pro

  Conduit

  $39

  AI agent and workflow platform landing page

• Pro

  Bulkhead

  $39

  Motion-led AI incident response landing page

• Free

  Index

  Free

  AI research and knowledge workspace landing page

• Pro

  Footnote

  $39

  AI writing tool landing page

• Pro

  Parley

  $39

  AI support agent landing page

• Free

  Relay

  Free

  Personal assistant and AI companion landing page

• Pro

  Prism

  $39

  AI creative app landing page

• Pro

  Patch

  $39

  AI builder and developer tool landing page

• Pro

  Emberline

  $39

  AI SaaS landing page

• Pro

  Daybreak

  $39

  AI marketing and analytics workspace landing page

/** All visible copy and production destinations. Demo content is illustrative. */export const site = {  brand: { name: "tandem", tagline: "Good work. Great company." },  meta: {    title: "Tandem — Your ambition. A little backup.",    description:      "A team of AI agents for the work between your ideas and your next big thing. Research, create, and move projects forward with you in control.",  },  locale: "en-US",  contact: "hello@example.com",  signup: {    url: "",    endpoint: "",    success: "You're on the list. We'll be in touch.",  },  nav: [    { label: "Meet your agents", href: "#agents" },    { label: "How it works", href: "#workflow" },    { label: "Pricing", href: "#pricing" },  ],  // …the hero, agents, workflow, plans and questions follow in the same file.};

• The project. A Next.js app with its components, styles and optimised images. Run npm install and npm run dev.
• A README. How to run, edit and deploy it, and where each colour, font and section lives.
• ASSETS.md. Where each image and font comes from, so you can show provenance.
• A license. The commercial terms, in the download as LICENSE.md.
• A content check. A small script you can run after editing copy.
• Before you go live. Replace the made-up brand, customers and quotes, and connect your own sign-up, billing and product. The demos’ interactive parts run on sample data.

A landing page sells the product; the product still needs a chat, tool calls and approvals. The free AI chat components for React cover those states, and 7 of the templates above already use Hairline’s free Number roll and Text morph for their prices and labels. Or browse all 39 templates.