From 873dcbecb7c4cb9f7dee2c1b895bc22c5cff180f Mon Sep 17 00:00:00 2001
From: Tim Thomas <0800tim@gmail.com>
Date: Fri, 5 Jun 2026 11:37:58 +1200
Subject: [PATCH] chore: sync live tweaks + brand assets into main (so dev
mirrors live)
Tim noticed his home + /the-bet edits look right on
play.tournamental.com but stale on play-dev.tournamental.com. Cause:
several edits + brand-asset files lived directly on the live tree
(vtorn/) without ever being committed to main, so neither main nor
the next15-dev branch on vtorn-dev had them.
Bringing all of it across:
Source edits (page.tsx / home.css / the-bet/page.tsx):
- 'mental?' italic flipped to gold + soft text-shadow (matches
the /the-bet header treatment so the brand pun reads the
same on both surfaces).
- .vt-home-stats-rule removed entirely; the hairline divider
between stats + bet feature card is gone, .vt-home-section--bet
padding zeroed + a small margin-top instead.
- removed from page.tsx so
the markup matches.
- /the-bet lede rewritten ('I'll give you my house.', dropped
the 'sign over what's left of my equity' phrasing).
- Bio line: 'New Zealand engineer' -> 'New Zealand entrepreneur'.
- Added 'AI tooling' aside about 6 months / 6 figures.
- Dropped 'Tournamental is run by Growth Spurt Ltd, Auckland.'
footer paragraph + the 'Show me the maths' ghost CTA.
- Byline format tweak.
Brand + press assets (apps/web/public/, were untracked):
- hero/the-bet-hero.{jpg,png,webp} (BET MY HOUSE thought bubble
banner used as the .vt-bet-feature-bg background on the home).
- press/2026-06-05.html + press/tournamental-press-release-
2026-06-05.pdf (the existing press surface; mirror of what's
on prod so dev can resolve the URLs).
Em-dashes in Tim's CSS comment lines stripped per the standing
'no em-dashes' rule.
Tim 2026-06-05.
Co-Authored-By: Claude Opus 4.7
Signed-off-by: Tim Thomas <0800tim@gmail.com>
---
apps/web/app/home.css | 30 +--
apps/web/app/page.tsx | 20 +-
apps/web/app/the-bet/page.tsx | 59 +++---
apps/web/public/hero/the-bet-hero.jpg | Bin 0 -> 698977 bytes
apps/web/public/hero/the-bet-hero.png | Bin 0 -> 8224983 bytes
apps/web/public/hero/the-bet-hero.webp | Bin 0 -> 306678 bytes
apps/web/public/press/2026-06-05.html | 197 ++++++++++++++++++
.../tournamental-press-release-2026-06-05.pdf | Bin 0 -> 89920 bytes
8 files changed, 251 insertions(+), 55 deletions(-)
create mode 100644 apps/web/public/hero/the-bet-hero.jpg
create mode 100644 apps/web/public/hero/the-bet-hero.png
create mode 100644 apps/web/public/hero/the-bet-hero.webp
create mode 100644 apps/web/public/press/2026-06-05.html
create mode 100644 apps/web/public/press/tournamental-press-release-2026-06-05.pdf
diff --git a/apps/web/app/home.css b/apps/web/app/home.css
index b263857e..d71ebe01 100644
--- a/apps/web/app/home.css
+++ b/apps/web/app/home.css
@@ -146,7 +146,7 @@
/* Grid layout for the headline / CTAs / lede triple.
* Mobile: single column, document order = headline → CTAs (50/50 row)
* → lede. So the CTAs sit above the fold without scrolling.
- * Desktop: 2-col grid — headline in col 1, CTAs in col 2, lede spans
+ * Desktop: 2-col grid, headline in col 1, CTAs in col 2, lede spans
* full width below. (Tim 2026-05-21) */
.vt-home-hero-top {
display: grid;
@@ -281,7 +281,7 @@
/* Tim 2026-06-05: top + bottom hairlines removed so the stats row
* lives inside the hero rhythm with no chrome of its own. The single
* gold divider between this row and the bet feature card comes from
- * the new .vt-home-stats-rule below — that's the only horizontal
+ * the new .vt-home-stats-rule below, that's the only horizontal
* line in this area now. */
padding-block: 0;
}
@@ -1233,7 +1233,7 @@
}
/* The image background. image-set picks WebP first then falls back to
* JPG. If the file is missing the layer is transparent and the
- * underlying #15151a + gradient takes over — section still ships. */
+ * underlying #15151a + gradient takes over, section still ships. */
.vt-bet-feature-bg {
position: absolute;
inset: 0;
@@ -1294,12 +1294,12 @@
}
.vt-bet-feature-headline em {
font-style: italic;
- /* Make "mental?" (the italic emphasis) WHITE per Tim 2026-06-05
- * while the design is still in this state. The question mark sits
- * inside the so it picks up the italic + colour automatically.
- * Slight WONK kicks the serif's swash details up. */
+ /* Gold italic, matches the /the-bet header treatment so "mental?"
+ * reads as the brand pun on both surfaces. Subtle text-shadow lifts
+ * the gold off the dark photo scrim. Tim 2026-06-05. */
font-variation-settings: "opsz" 120, "SOFT" 50, "WONK" 1;
- color: #ffffff;
+ color: #f6c64f;
+ text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}
.vt-bet-feature-shrug {
font-family: Fraunces, ui-serif, Georgia, serif;
@@ -1437,11 +1437,10 @@
column-gap: clamp(32px, 5vw, 64px);
}
}
-.vt-home-stats-rule {
- border: none;
- border-top: 1px solid rgba(245, 197, 66, 0.22);
- margin: clamp(20px, 3vw, 28px) 0 0;
-}
+/* .vt-home-stats-rule retired 2026-06-05, Tim wanted the divider
+ * between the stats row and the bet feature card gone entirely.
+ * Selector kept so any legacy markup still renders to nothing. */
+.vt-home-stats-rule { display: none; }
.vt-home-stats-countdown {
/* The compact countdown sits in its own grid cell so it can right-
* align cleanly against the stats row on desktop. */
@@ -1457,10 +1456,11 @@
* above the fold on most desktop viewports. */
.vt-home-section--bet {
border-top: none !important;
- padding-top: clamp(16px, 2vw, 24px);
+ padding-top: 0 !important;
+ margin-top: clamp(12px, 1.5vw, 20px);
}
-/* Compact countdown variant — used inline next to the stats row. */
+/* Compact countdown variant, used inline next to the stats row. */
.vt-countdown--compact {
padding: 0;
background: none;
diff --git a/apps/web/app/page.tsx b/apps/web/app/page.tsx
index 7c446ef5..2a0fe3eb 100644
--- a/apps/web/app/page.tsx
+++ b/apps/web/app/page.tsx
@@ -1,11 +1,11 @@
/* eslint-disable react/no-unescaped-entities */
/**
- * Home page — sales / landing flow for play.tournamental.com.
+ * Home page, sales / landing flow for play.tournamental.com.
*
* Tim's brief 2026-05-13: the home page must be a sales page, not a
* news feed. Flow:
* 1. Hero with the platform's one-line pitch + primary CTAs.
- * 2. "Set your picks now" — the core game, single big CTA into the
+ * 2. "Set your picks now", the core game, single big CTA into the
* bracket builder.
* 3. 3D molecule callout (watch-along + interactive bracket
* molecule) with features and benefits.
@@ -172,7 +172,7 @@ export default async function HomePage(): Promise {
// Split the lede on the {odds_link} placeholder so we can interpolate
// the inline . Falls back gracefully when the placeholder is
- // missing — render the bare translated lede.
+ // missing, render the bare translated lede.
const ledeParts = lede.split("{odds_link}");
return (
@@ -258,16 +258,14 @@ export default async function HomePage(): Promise {
/>
-
{/* ============== BET FEATURE ============== */}
{/* Tim 2026-06-05: dramatic image-overlay feature card directly
- * below the hero stats hairline. The --bet modifier kills the
- * section's own border-top (the .vt-home-stats-rule above is
- * the single divider) and tightens the section's top padding
- * so the card lands above the fold on most viewports. */}
+ * below the hero stats row. The --bet modifier kills the
+ * default section border-top and zeroes top padding so the
+ * card lands tight under the stats with no divider. */}
@@ -310,7 +308,7 @@ export default async function HomePage(): Promise {
- {/* ============== STEP 1 — PICKS ============== */}
+ {/* ============== STEP 1, PICKS ============== */}
{/* Reveal-on-scroll wrappers below ride the shared motion grammar
(8-14px rise + opacity, 600ms power3.out, light stagger). They
replace nothing visible: each section was already visible
@@ -333,11 +331,11 @@ export default async function HomePage(): Promise {
{/* Step 2 (3D Molecule watch-along) and the Watch demo CTAs were
- * dropped on 2026-05-21 — play app is bracket-only for the
+ * dropped on 2026-05-21, play app is bracket-only for the
* 2026 WC push; the molecule still works on /world-cup-2026/molecule
* but it's no longer promoted from the player surfaces. */}
- {/* ============== STEP 2 — SYNDICATES (FRONT AND CENTRE) ============== */}
+ {/* ============== STEP 2, SYNDICATES (FRONT AND CENTRE) ============== */}
{step2Tag}
{step2Headline}
diff --git a/apps/web/app/the-bet/page.tsx b/apps/web/app/the-bet/page.tsx
index 637ce4d0..ea8bc910 100644
--- a/apps/web/app/the-bet/page.tsx
+++ b/apps/web/app/the-bet/page.tsx
@@ -1,5 +1,5 @@
/**
- * /the-bet — the house-prize promotion long-form, on the play app.
+ * /the-bet, the house-prize promotion long-form, on the play app.
*
* Lives on play.tournamental.com because the bet is FIFA-WC-bracket
* specific and ties to the predictions database that the play app
@@ -44,9 +44,8 @@ export default function TheBetPage(): JSX.Element {
Am I mental for betting my house on it?
- If you can predict every one of the 104 matches at the
- 2026 World Cup, I'll sign over what's left of
- my equity.
+ If you can predict the correct outcome of all 104 matches at the
+ 2026 World Cup, I'll give you my house.
{/* Tim 2026-06-05: press release lives in
* apps/web/public/press/. Anchor target=_blank, not next/link,
@@ -67,7 +66,7 @@ export default function TheBetPage(): JSX.Element {
- I'm Tim Thomas. New Zealand engineer. Twenty-six years
+ I'm Tim Thomas. New Zealand entrepreneur. Twenty-six years
building websites and apps. The last three weeks of those
years, I built a FIFA World Cup prediction game.
@@ -76,7 +75,7 @@ export default function TheBetPage(): JSX.Element {
matches at the 2026 World Cup correctly, I'll sign over
my house.
-
It's worth NZ$1.5 million.
+
It's worth NZ$1.5 million.
Quick honesty break.
@@ -103,8 +102,7 @@ export default function TheBetPage(): JSX.Element {
If one person, anywhere in the world, predicts every one of
- the 104 matches correctly through{" "}
- Tournamental.com,
+ the 104 matches correctly through play.tournamental.com,
I list the house, settle the bank, and wire the rest to
their account.
@@ -121,14 +119,17 @@ export default function TheBetPage(): JSX.Element {
need every pick locked in by the kickoff of its own match.
-
Worried? No.
+
Worried? No. Risky? Hardly.
- 104 matches. Three outcomes each that count as a pick: home
- win, draw, away win.
+ 104 matches in total. The group stage has 72 matches, each
+ with three possible outcomes (home win, draw, away win). The
+ knockout rounds have 32 matches, each with two outcomes (the
+ team that progresses, or the team that doesn't).
- Three to the power of one hundred and four is a number with{" "}
- fifty digits.{" "}
+ Multiply that out: 372 × 232. The
+ answer is a number with{" "}
+ 44 digits, roughly 9.7 followed by 43 zeros.{" "}
See the maths.
@@ -169,7 +170,7 @@ export default function TheBetPage(): JSX.Element {
Smart question. You shouldn't trust me; you should trust
- the code, it's 100% open-source.
+ the code, it's 100% open-source on GitHub.
Every match kickoff, Tournamental hashes the predictions
@@ -197,23 +198,28 @@ export default function TheBetPage(): JSX.Element {
prediction game is the perfect engagement vehicle.
Tournamental is the best one I could possibly build.
-
I'm proud of it. I want people to play it.
+
I'm proud of it. I want people to play it.
+
I've built it to handle 100,000+ concurrent users and want to put it to the test.
The fastest way for one Kiwi developer to be heard above five
thousand other product launches in June 2026 is to put my
house on the line and mean it. Done.
+
Yes, it's a publicity stunt, but it's a bloody good story isn't it?
+ Will it work? I don't know. We'll see.
+
+
I'm a little bit torn doing this, and maybe mental. It's all in the name, I'm Tournamental.
- Side note: I built this in three weeks. That part
+ I built this in three weeks. That part
shouldn't be possible either. AI coding tools changed
what one developer can ship. The whole thing, sign-in,
brackets, leaderboards, the 3D match renderer, 21 languages,
the Bitcoin-blockchain audit trail, was one person at a laptop.
- If you're in the New Zealand tech industry and
- you're reading this thinking “wait, three
- weeks?”, yes. Three weeks. Welcome to 2026.
+ If you're reading this thinking “wait, three
+ weeks?”, yes. Three weeks. It would have taken 6 months and 6 figures to build this for the 2022 World Cup.
+ Welcome to 2026. Maybe there'll be a team of Optimuls robots playing in the 2030 World Cup? Elon?
How to enter
@@ -257,7 +263,7 @@ export default function TheBetPage(): JSX.Element {
Short version: open globally, 18+, one bracket per person.
You must register with a valid mobile phone number and
- verify the one-time code we send you — that's the
+ verify the one-time code we send you, that's the
eligibility check. Picks lock at each match's
kickoff. The prize is the{" "}
net cash proceeds from the sale of the house{" "}
@@ -267,25 +273,20 @@ export default function TheBetPage(): JSX.Element {
winner. If two people somehow both go 104-for-104, the
proceeds split.
-
- Tournamental is run by Growth Spurt Ltd,
- Auckland.
-