Skip to content
GetUrUI

Startup Landing

NewTemplateLanding

An editorial B2B marketing site for Chorus, a fictional customer-feedback platform: a hero with a live inbox where feedback streams in and auto-clusters into themes, a scroll-driven story whose sticky card morphs from scattered to prioritised, feature tabs with a draggable impact × effort matrix, an integrations orbit, an ROI calculator and pricing with an annual toggle and seats 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?

A long-scroll marketing site for a B2B product that sells to business teams, not developers. It tells the story from problem to proof to price, and every section shows the product working instead of describing it.

Who is it for?

Founders and marketers launching a SaaS for product, support or operations teams who want an editorial, conversion-focused page with an ROI calculator and seat-based pricing already built.

What you get

Everything needed to make it yours.

Live product hero

Feedback streams into an inbox and sorts itself into themes with counts and sentiment, so the first screen shows the product's value.

Scroll-driven story

A sticky card morphs from scattered to organised to prioritised as the visitor scrolls through the problem and the fix.

Interactive feature tabs

Each tab swaps an animated mock, including a draggable impact × effort matrix and an auto-drafted release email.

ROI calculator

Sliders for team size, hours and hourly cost turn into hours and dollars saved per year, ready to plug in your own maths.

Pricing that converts

Three plans with an annual toggle and a seats slider that updates every total, plus a comparison table and FAQ.

A real design kit

theme.css with violet as the single accent, a type scale and 20 reusable components you can lift into any marketing page.

Sections

  • Design kit: theme.css with light and dark color roles + type scale
  • 20 reusable components (feedback card, pricing card, quote card…)
  • Navigation with product menu
  • Hero with live feedback inbox
  • Logo marquee
  • Scroll-driven problem to solution story
  • Feature tabs with animated mocks
  • Integrations orbit
  • ROI calculator
  • Testimonials and comparison table
  • Pricing with seats slider
  • FAQ, email capture and footer

Stack

Next.jsReact 19Tailwind CSS 4Motion

44 source files · GetUrUI components bundled

motion, lucide-react, clsx, tailwind-merge

More templates