WebberUI

AI Product Landing Page

Landing page for an AI agent or app: prompt input mock-up, features, benefits, pricing.

ProMarketingAI8 sections
See it liveSee the plans

Install

npx shadcn@latest add "https://webberui.com/r/ai-product-landing.json?t=<install token>"

The whole page lands in app/templates/ai-product-landing/. You can also use a long-lived licence key instead: set the Authorization: Bearer <key> header in the registries block of components.json — better for CI or a project several people share. What you may do with the source is in the licence terms.

Sections it ships with

Sections inside one template share the same design tokens, so swapping and reordering them keeps the colours, spacing and animation rhythm consistent. Pick and combine them in the section composer.

  1. 1

    Navigation and Hero

    A dark tech nav bar over a particle-glow hero, with a live typing and streaming AI conversation demo on the right.

    hero
  2. 2

    Results Bar

    A row of four key metrics whose numbers count up from zero as the section scrolls into view.

    stats
  3. 3

    Core Capabilities

    Six feature cards in an unequal grid that lift and light up with a teal glow on hover.

    features
  4. 4

    How It Works

    Three step cards — hand off the task, autonomous planning, delivered result — linked by an animated gradient dashed line.

    timeline
  5. 5

    Skill Marketplace and Models

    Eight community and first-party skill cards, above a side-by-side of three models' speed, context length and best use.

    gallery
  6. 6

    Pricing

    Personal, Pro and Enterprise side by side, with Pro marked most popular by a teal glow.

    pricing
  7. 7

    Closing Call to Action

    A centred headline over a glow backdrop, pointing visitors to a free trial or a product demo booking.

    cta
  8. 8

    Footer

    A brand blurb with a system status marker, alongside four link groups: product, resources, company and legal.

    footer

What you get is source code

Not an npm package, not a zip file. Once installed, the page's TypeScript source sits in your repo: edit it however you like, no runtime dependency, no expiry mechanism. Your site keeps running even if ours goes down.

Browse the other 103 templates →