SaaS Landing Page Website Template — Next.js Marketing Site with Pricing, Changelog & Blog

This is a website template. You're buying the source code for a marketing website you can rebrand for your own SaaS or developer product. "Relay" — the webhook service shown in the demo — is fictional placeholder content; no webhook service, backend or API is included.

Pages included

• Home: hero with an animated live event stream, logo ticker, feature bento with six animated diagrams, pinned scroll-driven "how it works", count-up metrics, testimonial and pricing
• Pricing (/pricing): monthly/annual toggle with rolling odometer prices, comparison table and FAQ
• Changelog (/changelog): filterable releases with a sticky version column
• Blog (/blog): topic filters and posts with reading progress, copyable code blocks and callouts
• A custom 404

Design & motion

• Light (bluish-purple accent) and Dark (orange accent) themes with a visitor toggle
• Slow morphing gradient backdrop and frosted-glass cards
• Full-screen crosshair cursor with live x/y readout (mouse and trackpad only)
• Geist + Geist Mono type, smooth scrolling, masked headline reveals, decoding nav labels with hover tooltips
• Fully responsive with a shutter-style mobile menu

Accessibility

• Respects reduced motion; removes the gradient and frosted effects for high-contrast / reduced-transparency settings
• Accent text colours chosen for contrast on every surface

Easy to make yours

• All copy — product name, features, pricing tiers, FAQ, changelog and blog posts — lives in two typed data files; no component edits needed
• Recolour both themes and the gradient from a handful of CSS tokens
• Static output; deploys to Vercel in one click

Stack: Next.js 16 (App Router), React 19, TypeScript, Tailwind CSS 4, Framer Motion, Lenis, Lucide icons.