Leadflow - AI Marketing Automation

Leadflow is a production-ready marketing website template built for AI marketing platforms, SaaS products, and MarTech companies that need to present a broad, multi-feature product without overwhelming the visitor.

It ships on the latest stack — Next.js 16 App Router, React 19 Server Components, TypeScript, and Tailwind CSS v4 — with a typed component library, a markdown content layer, and a layered motion system built on GSAP and Lenis. Every page shares the same primitives, spacing rhythm, and interaction patterns, so the site stays visually consistent as it grows.

Content lives in markdown, not in components. Case studies, service pages, and team profiles are driven by markdown files with typed front matter — so a non-technical marketing team can publish and update content without touching code. Rendering, table-of-contents generation, and SEO metadata are all handled automatically.

Modern Stack

• Next.js 16 with App Router and Turbopack
• React 19 Server Components
• TypeScript throughout — fully typed props and content schemas
• Tailwind CSS v4 with a tokenised design system in a shared style layer

Component Library

• 107 reusable, typed components
• Shared UI primitives — buttons, cards, badges, inputs, section wrappers
• Consistent spacing scale and typographic rhythm across all 19+ routes
• Drop-in sections you can reorder to build new pages in minutes

Markdown Content System

• 16 case studies, 9 service pages, and 16 team profiles driven by markdown
• Typed front matter — content stays flexible for marketers but safe for developers
• Auto-generated tables of contents on long-form pages
• Powered by gray-matter + react-markdown
• Add, edit, or remove content without opening a single component file

Motion & Interaction

• GSAP-powered word animations and scroll reveals
• Lenis smooth scrolling
• Scroll progress indicators and infinite marquees
• Before/after comparison slider
• Swiper carousels, animated tabs, and accordions
• Interactive Leaflet map on the contact page
• Motion layered on top of the page — never blocks interaction or first paint

SEO & Performance

• Centralised SEO utility generating per-page metadata
• OpenGraph and Twitter card support on every route
• Semantic markup and accessible navigation throughout
• Optimised for Core Web Vitals out of the box
• Deploy-ready for Vercel in one click

Responsive Design

• Built mobile-first and tested from 360px to wide desktop
• Every component adapts — no horizontal scroll, no broken grids