Public
Remixed
Thank you page with gift card code reveal
fungiftreact
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data โ€“ all from the browser, and deployed in milliseconds.

thank you for trying so hard ๐Ÿฉท

Live: https://thank-you-for-trying.val.run

Same idea as the valentine page (growing "Yes" button, a "No" button that keeps begging), but the question is "can I thank you?" โ€” and once they say yes, a surprise ๐ŸŽ gift button shows up a couple seconds later and sends them wherever you want.

How it goes

Rendering mermaid diagram...

Change it

Everything you'd want to edit is at the top of frontend/app.tsx:

whatdoes what
GIFT_URLset this โ€” where the gift button sends them (playlist, photo album, wishlist, doc, another val...)
GIFT_BUTTON_TEXTtext on the gift button
QUESTION / SUBTITLEthe first screen
NO_PHRASESwhat the "No" button says as they keep clicking
THANK_YOU_TITLE / THANK_YOU_LINESthe actual thank you โ€” make this yours
TEASEthe little "wait..." line before the gift
ASK_GIF / YAY_GIFthe two gifs
GIFT_DELAYhow long the suspense lasts, in ms

Colors and layout live further down the same file. index.html has the background color and the button animations.

Until you set GIFT_URL, the gift button just reminds you to fill it in.