Mainline
Landing & Marketing

Mainline

Free

Calm SaaS marketing site - ink & champagne, full-bleed hero, pricing and auth.

Made with

  • Next.js
  • React
  • Tailwind CSS
  • TypeScript

Overview

Mainline is a premium product-marketing template by SonoJS. Built with Next.js 16, React 19, Tailwind CSS 4, and Motion. You get a full-bleed home (hero, logo marquee, features, resource allocation, testimonials, pricing, FAQ), plus About, Pricing, FAQ, Contact with form, Login, and Signup. Instrument Serif + Manrope, next-themes (default dark), MDX-ready content surfaces, and shadcn/ui blocks. Demo marketing and auth UI only - no real accounts or payments. Static build ready for GitHub Pages.

Highlights

  1. 01

    Product-first landing

    Full-bleed hero, logo marquee, features, and a resource block that feel like a real SaaS launch - not a generic kit demo.

  2. 02

    Pages that ship together

    Home, About, Pricing, FAQ, Contact, Login, and Signup share one ink & champagne system.

  3. 03

    Motion without noise

    Motion accents on the hero and sections stay calm; light and dark stay on the same tokens.

  4. 04

    Static and fork-ready

    Open the live preview or download and run locally. GitHub Pages export included.

You get

  • Full Next.js 16 + React 19 + TypeScript source (Mainline)
  • Home blocks: hero, logos, features, resources, testimonials, pricing, FAQ
  • Pages: About, Pricing, FAQ, Contact, Login, Signup, Privacy
  • shadcn/ui primitives, Motion, next-themes, MDX support
  • Instrument Serif + Manrope and champagne accent tokens
  • Static build ready for GitHub Pages

Related products

View all

Changelog Template

Free

Minimal changelog template - product releases, features, and fixes in chronological order.

Aether

Free

Cinematic AI SaaS landing - WebGL hero, Lenis scroll, pricing and FAQ.

HUM One

Free

Silence, engineered - ANC headphone landing with 3D hero, anatomy, and pre-order.