Layered browser frames with large serif letter fragments, grid lines and amber and teal light

Self-initiated concept

This site

If you're selling a fixed-scope service, here's what I'd build: one page that carries the offer, the price, the process and a measured performance receipt.

The page you are on. It is the offer and the sample: one route, a form, metadata, and a measured receipt.

Next.js · TypeScript · Tailwind

Challenge

This site is the offer and the sample. It sells a fixed-scope Next.js landing page and uses the same kind of page: one route, a form, metadata, and a measured receipt.

No invented clients, metrics or employers. The testimonials are quoted as written, from a LinkedIn recommendation and notes colleagues wrote for Andrew in 2022. The other two work cards are fictional brands and say so. The resume names only employers and clients Andrew approved. Animation is transform and opacity only, and the headline is visible on load.

Approach

The hero is type, with a grain overlay and one Tide glow, so the largest paint is text. Every figure in the build receipt comes from a mobile Lighthouse run of the production page, never typed by hand. Until that run exists, the page shows no performance figures. How the 7 days run is a plain timeline that reads the same in every browser.

Result

Built in this repository as the first piece. The service window for sale is 5–7 days. This page does not publish an invented hour count.

Receipt

Measured on the home page. This case study is that page.