Skip to content

NewMCP server for your coding agent. Set it up ›

Nexus UI
Get Pro

Surfaced, a Next.js template

AI visibility tool landing page

A dark landing page for a tool that asks AI assistants your buyers' questions every morning and shows which pages to change so they name you. The headline pops the assistants' icons in beside their names over a working product dashboard. Below: a carousel of assistant answers you can drag and fling, feature cards with small playing demos (a lens that reveals an outdated sentence, the morning check, a suggested fix, share of voice), how it works with a run history, four levels from findable to recommended on an isometric stack that builds as you scroll, customer quotes with a result that counts up, pricing, an FAQ, a call to action and a footer. Surfaced, its sample customer and every person and figure are invented sample content.

  • SaaS
  • Advanced
  • 1 page
  • 12 sections
Surfaced home page
Open it live

Inside the page

Screens from the live template. The first one is open to everyone; Pro unlocks the other 3.

What's in it

Sections, top to bottom

  1. 1Navigation
  2. 2Hero with Product Dashboard
  3. 3Customer Logos
  4. 4Assistant Answers Carousel
  5. 5Features
  6. 6How It Works
  7. 7Levels
  8. 8Customers
  9. 9Pricing
  10. 10FAQ
  11. 11Call to Action
  12. 12Footer

Built in

  • A headline with each assistant's icon popping in beside its name and a blinking smile mark, over a dashboard that types an answer in
  • A carousel of assistant answers that drifts on its own, pauses on hover and can be dragged and flung
  • Feature cards with small demos: a lens that follows the pointer over a paragraph, a morning check, a suggested fix and share of voice
  • Four levels from findable to recommended on an isometric stack that builds as the section scrolls
  • Customer quotes with a result that counts up, pricing with a monthly or yearly switch and an FAQ that opens one answer at a time
  • Inter self-hosted, Phosphor icons (MIT) and Notionists faces (CC0); the assistants' icons only name the assistant being checked

Run it on your machine

  1. Get the code

    Get Pro or lifetime access, then download the source zip from this page.

  2. Install

    In the project folder:

    $ npm install

  3. Start it

    Then open localhost:3000.

    $ npm run dev

More templates

See all templates

Make Surfaced yours

Included in Pro, $49.99 a year, along with every other template. Swap in your words and colours and ship it.

Live preview