Prose — AI Writing SaaS Landing Page
A production-quality dark-mode SaaS landing page for a fictional AI writing tool — built to demonstrate global client-ready frontend work.
View live✦ The Brief
Where it started
Build a full SaaS marketing website that looks and feels like a real product — not a student project. Target audience: global clients who need to see that I can build beyond local business sites. Pages built: Home (hero, features, social proof, CTA), Pricing (monthly/annual toggle, three-tier cards, FAQ accordion), Get Started (WhatsApp onboarding + waitlist form), About (brand story + portfolio disclaimer).
✦ The Thinking
Decisions before code
Dark mode as the default — it's the SaaS standard and it forces disciplined use of contrast and hierarchy. Used Framer Motion for the hero entrance and feature reveals. The pricing toggle and FAQ accordion are fully interactive. Every section is copy-first, not layout-first.
✦ Building it
From sketch to ship
Next.js, Tailwind CSS, Framer Motion. Hosted on Bolt.host.
Stack
Screenshots
✦ What I'm proud of
The detail that mattered
The pricing page feels genuinely production-ready — the 'Most Popular' badge, the CTA hierarchy between Free / Pro / Teams, the FAQ expanding cleanly. The About page includes an honest portfolio disclaimer, which I think shows professional maturity.
✦ What I'd do differently
The honest reflection
Add a live demo of the 'editor' UI with a real typing animation, and a proper mobile navigation drawer instead of a simple list.