SaaS Landing

A full marketing site for a software product, built as one cohesive page: sticky navbar with an accessible mobile menu, a hero with a hand-drawn product screenshot, a customer logo strip, a feature grid, a how-it-works section, pricing with a monthly/yearly switch, testimonials, an FAQ accordion, a closing call to action and a multi-column footer with a newsletter form.

Every section is its own small component in src/components, and all copy lives in src/data.ts. Rebrand it by changing the product name, the violet accent and the arrays of features, plans, quotes and questions; the layout adapts to however many items you pass. The product mockup is plain HTML and Tailwind, so there are no image assets to replace or keep in sync with your theme.

It is built for real use: semantic landmarks and a skip link, focus-visible rings everywhere, an Escape-to-close mobile menu, an arrow-key billing radio group, aria-expanded FAQ disclosures, and a layout checked at phone and desktop widths in both light and dark mode.