ThankSites

Templates are grouped by occasion, and each one has its own page with a live preview, the price and the list of things you can change.

Each template is data, not a separate page. A template stores its screens and editable fields as config, so the editor, the preview and the published site all read from the same definition. Adding a new template is mostly writing that config and the animation, and the rest of the flow picks it up. The most involved one is the 3D Rose Love Letter, a rose built with Three.js that turns as you scroll and opens into a handwritten letter.

The editor walks through the template one screen at a time: the intro, the greeting, the message and so on. The preview on the left updates as you type, so you see exactly what the recipient will see before moving on.

When the steps are done, a full preview shows the finished site in a browser frame before anything is paid for.

Payment goes through Paddle. A site stays a draft until Paddle's webhook confirms the payment, and the webhook checks both the signature and the source IP before it publishes anything. After that the site gets its own link, and it can still be edited later through a private management link.

Sites can also be scheduled. You pick the recipient's email, a date and a time, and the delivery is stored in UTC together with the sender's timezone, so a message set for midnight arrives at midnight where they are. A cron job picks up whatever is due and sends it through Mailjet, keeping track of attempts and errors so a failed send can be retried.