Skip to content
GetUrUI

Northwind Analytics

NewTemplateLanding

A product site for Northwind, a fictional analytics platform: a hero with a cycling funnel dashboard, a natural-language query demo that types questions and answers with charts, integrations hub, row-level security demo and usage-based pricing with a volume slider.

Get this template

A self-contained Next.js project. One-time purchase, lifetime updates for this template, source yours to deploy.

$39

One-time payment in USD, plus tax where applicable.

Or get every template with Lifetime

By continuing you agree to the Terms and the License. You ask for access to the digital content straight away and acknowledge that you lose your 14-day right of withdrawal once you download or install a paid item; our Refund policy still applies.

Included with Lifetime ($149) — compare plans.

Live preview
Open

What is this?

Northwind is a single-page site for a data product where every section proves its claim with a working visual: a funnel dashboard that cycles segments, a query box that types a plain-English question and answers with the right chart and its SQL, a cohort grid you can inspect, an anomaly alert that explains itself, and pricing that recalculates as you drag event volume.

Who is it for?

Teams launching analytics, BI, observability or any data-heavy SaaS who need a landing page that demonstrates the product rather than describing it — and founders who want usage-based pricing explained honestly, line by line.

What you get

Everything needed to make it yours.

Live funnel dashboard

The hero dashboard cycles through segments with a timer bar: KPIs swap, the funnel re-springs and an insight updates. Pause it or pick a segment yourself.

Ask-a-question demo

Questions type themselves, sources are queried with the SQL visible, then the answer arrives as bars, an annotated line, a donut or a churn-risk table.

Integrations hub

A hub diagram with data flowing along each line, linked to a filterable source list that reflows by category and shows each sync mode.

Features that prove it

Semantic-layer YAML in a real code block, a hoverable cohort retention grid and an anomaly chart whose alert expands to show likely causes.

Security you can try

Switch the viewer's role and watch rows blur and revenue mask — a row-level permissions story told in five rows.

Usage-based pricing slider

Drag monthly event volume to see the total roll, an itemised tier breakdown, the annual discount and the plan that applies.

Sections

  • Navigation with scroll-spy
  • Hero with funnel dashboard
  • Natural-language query demo
  • Integrations hub
  • Semantic layer, cohorts and anomaly features
  • Data security with row-level demo
  • Usage-based pricing slider
  • Customer outcomes
  • FAQ
  • Call to action
  • Footer

Stack

Next.jsReact 19Tailwind CSS 4Motion

15 source files · GetUrUI components bundled

motion, lucide-react, clsx, tailwind-merge

More templates