All work

$ cd ~/work/royal-malt

TanStack Start · React 19

Royal Malt

A one-page launch site for Royal Malt Vanilla, an alcohol-free malt drink, written for customers and for the trade buyers who might distribute it.

Royal Malt

00//the walkthrough

1½-minute walkthrough: the film intro and launch hero, the product story and ingredients, trade specs and gallery, a partnership enquiry and the FAQ.

3 screens · tap to enlarge

01//the problem

A new drink brand needed a launch site that felt as premium as its packaging, spoke to consumers and trade buyers alike, and could run on the client's existing cPanel shared hosting, which has no Node.js.

02//the approach

Built with TanStack Start and React 19, then prerendered to plain HTML with a sitemap, a social preview image and cache rules, so it runs on any shared host with no server runtime. Tailwind CSS v4 handles the layouts from phones to wide screens.

03//what I built

01

Film-first opening

A video intro, a launch hero with the campaign poster and a short brand film.

02

Quick-scan story

The brand story, its benefits, six ingredients and lifestyle moments.

03

For the trade

Trade specifications and a gallery of the can, shrink pack and retail carton.

04

Enquiries

A partnership enquiry form and a newsletter signup that validate and confirm on the page.

05

Runs anywhere

Prerendered to static files, so it needs nothing but a web host.

// the impact

Static HTML
Output
Buyers + trade
Audience
Tailwind v4
Styling

Royal Malt is a client project. The live demo runs a separate copy where the forms validate and confirm but send nothing. The 1½-minute video above walks through the film intro, the product story, the trade specs and a partnership enquiry.

// let's build yours

Have a product like this in mind?

Chat on WhatsApp