Mainline

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