AI / SaaS Landing Page Template — Next.js + Tailwind Startup Kit

A light, airy landing page for AI startups and SaaS products — iridescent gradients, frosted-glass cards and a product dashboard mock built in code, so your page looks finished before you even have screenshots.

Who it's for

• Founders launching an AI tool, SaaS product or beta waitlist
• Developers and agencies who need a premium startup page fast

What's inside

• 13 ready sections: hero with live HTML product mock, logo strip, features bento grid, how it works, integrations, metrics, pricing with monthly/yearly toggle, testimonials, comparison table, FAQ, sign-up CTA, footer
• Next.js 16 + Tailwind CSS v4 + TypeScript, static export
• Fully responsive (checked at 390px and 1440px), keyboard accessible, reduced-motion friendly
• SEO ready: metadata, Open Graph, SoftwareApplication + FAQPage schema

Edit one file Every word, plan, price, chart value and FAQ lives in src/content/site.ts. Rebrand the colours — including the three gradient blobs — in about 10 lines.

Tech No animation libraries, no UI frameworks to fight with: just React server components plus three small client components (navbar, pricing toggle, form). Host free on Cloudflare Pages, Netlify or Vercel.

Not included

• Stock photos or real logos (generic "Your logo" marks and gradient art are shown)
• A backend: connect the sign-up form to Formspree, Getform or your own API
• Figma file

Licence Reselling or redistributing the kit itself is not allowed.

FAQ

• Do I need to know Next.js? Basic React/HTML is enough to edit site.ts.
• Can I use my own screenshot? Yes — set hero.image and the mock is replaced.
• Does the form work out of the box? Paste a form endpoint URL; until then it clearly says it isn't connected.
• Dark mode? Light mode only in v1.