// sections.jsx — page sections for the HOTMESS brand site const { useState: useStateS } = React; // ───────────────────────────────────────────────────────────────────────────── function Nav() { return (
Claim your spot ↗
); } // ───────────────────────────────────────────────────────────────────────────── function Hero({ variant = "wordmark" }) { return (
§00
OPEN
HOTMESS · LONDON · EST. 2024
QUEER-LED · NIGHTLIFE · RADIO · COMMUNITY-SAFETY
FOUNDING COHORT — OPEN
{variant === "wordmark" && } {variant === "manifesto" && (
We built the platform queer nightlife was already running on. Just — now it exists.
)} {variant === "globe" && (
HOTMESS Pulse — live globe view
)}
SCROLL ↓
Queer London. Live. Together.
Queer-led infrastructure for nightlife, radio, retail and community-safety. Founding cohort opens this week.
LIVE FROM LONDON · SHIPPING SLOWLY · IN PUBLIC
BETA · 154 IN · NEXT WAVE OPENING
); } // ───────────────────────────────────────────────────────────────────────────── function Definition() { return (
§01
DEFINITION
What HOTMESS is.
ONE PARAGRAPH · NO HEDGING

HOTMESS is a queer-led platform for the things nightlife was already doing without a platform — finding each other, getting home safe, staying connected to recovery, hearing the right song at the right hour.

WHAT RUNS
THROUGH IT
    {[ "Movement.", "Music.", "Recovery.", "Doors.", "People getting home.", "The right song at the right hour.", "Signals from the room that's actually open.", "Care that doesn't disappear at 4am.", ].map((line, i) => (
  • {line}
    • ))}
); } // ───────────────────────────────────────────────────────────────────────────── function Why() { return (
§02
WHY
The thing nightlife was already running on.
DOCUMENTED · FOUR WHATSAPP GROUPS · LONDON
{/* Big number moment — full-bleed */}
FIG. 00
2,616

people in four queer London WhatsApp groups, coordinating their nights with their thumbs.

{/* Body — observational lines instead of analytics */}

Where they're going. Who's around. Where to find tickets. What's on. Whether the guy from last night made it home. They've been running infrastructure with their thumbs because nobody built them a platform.

HOTMESS is that platform.

WHAT IT LOOKS LIKE FROM THE INSIDE
    {[ "Flyers in the chat.", "Voice notes at 1am.", "Three people asking who's still out.", "One person asking if somebody got home.", ["The infrastructure already existed.", true], ["It just never had a place to live.", true], ].map((entry, i) => { const [line, highlight] = Array.isArray(entry) ? entry : [entry, false]; return (
  • {line}
    • ); })}
); } // ───────────────────────────────────────────────────────────────────────────── function Principles() { const lines = [ "Care isn't a feature. It's infrastructure.", "If a night ends badly, we examine what the platform could have done better.", "Visibility is opt-in. Ghosted is the default for anything that matters.", "Recovery sits on the globe. Not in a settings menu.", "The platform never charges anyone for staying safe.", "We don't gamify nightlife. We don't rank queer people.", "What we will and won't do is written in public \u2014 so it can't drift.", ]; return (
§03
DOCTRINE
Seven things we will not move on.
FOUNDER COMPLIANCE · PUBLIC · NON-NEGOTIABLE
    {lines.map((l, i) => (
  1. {String(i + 1).padStart(2, "0")}
    {l}
    2.  ))}

This is the spine. The dedication is the why.

); } // ───────────────────────────────────────────────────────────────────────────── function PulseSection() { return (
§04
PULSE
The globe shows where the night is moving.
ATMOSPHERE · NOT INDIVIDUALS · OPT-IN · OBFUSCATED COORDS

Pulse is not a map. It's a signal.

Venues, promoters and members surface in real time when there's energy in the area. Calm signal for recovery mode. Pulsing signal for the room that's actually open. No "users near you" creep — your presence is fuzzed by default and visible only at the granularity you've chosen.

    {[ ["BEACONS", "The pulses you see when a room is alive. Drop one yourself if the night is your own."], ["GHOSTED MODE", "Toggle invisible. Ghosted removes you from public visibility."], ].map(([k, v]) => (
  • {k} {v}
    • ))}
{/* Energy states — chip row */}
ENERGY STATES
{["loud","open","locked in","soft","afters","calm","grounded","floating","home","ghosted"].map((s) => ( {s} ))}
FIG. 01 — LIVE FROM THE APP
{/* Halo behind the device */} {/* Real product screenshot */} HOTMESS Pulse — live globe view
SHIPPED · IN-APP TODAY
); } // ───────────────────────────────────────────────────────────────────────────── function SafetySection() { const primitives = [ ["01", "SILENT SOS", "Hold-to-send. No siren, no flashing screen. Trusted contacts get your coords and 30s of audio. Routed via Twilio."], ["02", "FAKE CALL", "Triggers a believable incoming call from a contact you pick. Buys you the exit. No questions at the door."], ["03", "CHECK-IN TIMER", "If you don't tap by 03:30, the timer escalates on your behalf — first to your guardian, then to the venue."], ["04", "HELP BEACON", "Venue-side beacon brings staff to your exact spot. Silently. The room never notices."], ]; return (
§05
SAFETY SUITE
Documented harm reduction.
Live today.
FOUR PRIMITIVES · TWILIO-ROUTED · PRIVACY-PROTECTED COORDS
{/* Pull-quote pre-amble — user-facing */}

Built for the moment the night turns.
Silent. No siren, no flashing screen.

{/* Phone front-and-center on dark band */}
INTERACTIVE — HOLD 1.4S TO ARM, OR TAP FAKE CALL
This is the actual flow. Designed for real nightlife conditions — minimal friction at the door, in the dark, on a dying battery.
{/* Four primitives — full 4-up grid */}
{primitives.map(([n, k, v], i) => (
{n} · {k}

{v}

 ))}
{/* Coverage strip */}
COVERAGE
{["TWILIO-ROUTED", "COORDS FUZZED", "AUDIO 30S", "TRUSTED CONTACTS", "GUARDIAN ESCALATION", "HELP BEACON", "STEALTH MODE", "EVIDENCE HANDLING"].map((s) => ( {s} ))}
); } // ───────────────────────────────────────────────────────────────────────────── function TapPackSection() { return (
§06
TAP-PACK
Phone, meet door.
QR + NFC · VENUE-INSTALLED · NO APP STORE FRICTION

For your door. Tap, not download.

One NFC sticker. One printed QR card. Customers tap their phone the way they pay — verified arrival count for you, safety primitives primed for them. No app store. No kiosk. No staff training.

NFC STICKER · 25MM QR CARD · A6 · MATTE BAR-TOP PUCK · OPTIONAL
HOTMESS Tap-Pack — NFC sticker, QR card, bar puck
FIG. 02 — TAP-PACK
SHIPPED WITH EVERY FOUNDING PARTNER PACK
); } // ───────────────────────────────────────────────────────────────────────────── function RadioSection() { return (
§07
RADIO
The thing the room is listening to.
HOTMESS RADIO · 24/7 · QUEER-OWNED · QUEER-PROGRAMMED

Always too much, yet never enough.

HOTMESS Radio scores the platform — calm in the morning, builds toward midnight, holds the room from 1am to 4. Resident DJs from the venues we partner with. Original productions released directly on the station. Atmosphere-programmed, not algorithmically fed.

The founder owns the station; he doesn't DJ on it. He produces for it. Different chairs.

▶
ON AIR · RESIDENT MIX
Listening live, 24/7.
02:47:18
LISTEN — LISTEN.RADIOKING.COM/RADIO/HOTMESS-RADIO ↗ {/* SUNDAYS · HAND IN HAND show callout */}
SUNDAYS · HAND IN HAND

For the people still awake.

The comedown show. The aftercare broadcast. The room after the room.
Slow music. Soft landings. No performance required.

{/* First release on RAW CONVICT */}
RAW001 — Hot Mess by Paul King ft Stewart Whoo
RAW001 · DEBUT RELEASE
"Hot Mess" — Paul King ft Stewart Whoo
OUT NOW ON RAW CONVICT
HOTMESS RADIO — always too much, yet never enough.
ON AIR
); } // ───────────────────────────────────────────────────────────────────────────── // HNH MESS — the landing // Hand N Hand is the only place to land. // Sits between Radio (atmosphere) and Recovery (doctrine). function HNHMessSection() { // Stylized QR code — fixed pattern, not a real scannable code const qrPattern = [ "1110111011", "1000101001", "1011101101", "1000000011", "1011011010", "1100110100", "1011101011", "1000001001", "1011101111", "1100100100", ]; return (
§08
HNH
MESS
The room after the room.
LUBE · SUNDAY RADIO · LANDING · NOT WELLNESS
{/* Three observational lines — what HNH MESS actually is */} {/* Image + activation panel */}
HNH MESS — Hand in Hand
HNH MESS · 250ML · WATER BASED
{/* QR moment with full activation copy */}

Scan the QR on the bottle and drop into Hand in Hand:

    {[ "recovery links", "calm rooms", "check-ins", "music made for the comedown", "and people still awake.", ].map((line, i) => (
  • · {line}
    • ))}
{/* QR + scan label */}
{qrPattern.flatMap((row, r) => row.split("").map((c, k) => ( )))}
SCAN TO LAND.
ON EVERY BOTTLE
{/* Thesis line — the closing punch */}

Hand in Hand is the only place to land.

{/* Architecture diagram — quiet footnote, no longer the lede */}
WHERE IT SITS
{[ ["HOTMESS", "THE NIGHT"], ["PULSE", "MOVEMENT"], ["SAFETY", "PROTECTION"], ["RADIO", "ATMOSPHERE"], ["HNH MESS", "THE LANDING"], ].map(([k, v], i) => { const isHNH = k === "HNH MESS"; return (
{k} → {v}
); })}
); } // ───────────────────────────────────────────────────────────────────────────── function RecoverySection() { return (
§09
HAND IN
HAND
The only place to land.
FREE FOREVER · NO PAID TIER · NOT WELLNESS
{/* The cinematic landing — what happens after the QR scan */}
THE ROOM IS STILL OPEN

You made it through the night.

    {[ "Drink water.", "Breathe slower.", "Stay here for a minute.", ].map((l, i) => (
  • {l}
    • ))}
{/* Action chips — what the landing room actually offers */}
{[ "RECOVERY MODE", "CHECK IN WITH SOMEONE", "PLAY SUNDAY RADIO", "FIND A MEETING", "STAY GHOSTED", "SLOW THE LIGHTS", "MESSAGE HOME", "I'M SAFE", ].map((c) => ( {c} ))}
{/* Doctrine — the why, restated quietly */}
COMMITMENT

Landing on HOTMESS will be free, forever. There is no paid tier. There never will be. That's the principle the platform is built around.

WRITTEN INTO FOUNDER COMPLIANCE · NOT CONTINGENT ON ANY PARTNERSHIP

 {/* Services we respect — NOT partners, NOT confirmed */}
FORMING
QUEER-FRIENDLY RECOVERY + SEXUAL-HEALTH SERVICES

Existing London services we look to, learn from, and design around. None of these are HOTMESS partners — they're public infrastructure that's already doing the work.

{["LONDON FRIEND", "56 DEAN STREET", "LGBT FOUNDATION"].map((p) => ( {p} ))}

Recovery-org leadership in London or further afield — there's a free-tier relationship waiting if you want one. Write to  care@hotmessldn.com.

); } // ───────────────────────────────────────────────────────────────────────────── function Dedication() { return (
IN MEMORY
DJ LEE HARRIS

CO-FOUNDER · IN SPIRIT

Gay men aren't coming home.
They're slipping.

The chemsex rooms in zone 2 where people I love are still waiting for someone to find them. The Saturday-night messages that go quiet on Sunday afternoon.

That's why care is infrastructure. That's why recovery is free. This is the line we don't move.

); } // ───────────────────────────────────────────────────────────────────────────── function MembersSection() { return (
§11
MEMBERS
Three founding cohorts.
For the people who'll use it.
FREE · INDIVIDUALS · ARCHIVAL · STEWARDSHIP

A founding cohort of 250 people. Not collectible status — historical participation in something new.

{[ { tag: "ORIGINAL 50", title: "ORIGINAL 50", total: 50, taken: 18, lines: ["Earliest stewardship — preserved in the founding archive.", "Connected tier included for life.", "Your username preserved alongside it.", "Your name in the platform credits.", "Direct line to Phil for the first month."] }, { tag: "FOUNDING 100", title: "FOUNDING 100", total: 100, taken: 41, lines: ["Founding cohort — preserved in the founding archive.", "Hotmess tier included for life.", "Your username preserved alongside it.", "Early access to features as they ship."] }, { tag: "EARLY 100", title: "EARLY 100", total: 100, taken: 67, lines: ["Early cohort — preserved in the founding archive.", "Six months of Hotmess tier included.", "Your username preserved alongside it."] }, ].map((m) => (
{m.tag}
{m.title}
    {m.lines.map((l, i) => (
  • ·{l}
    • ))}
FREE · WAITLIST
 ))}
JOIN
Claim your place.

Drop an email. No payment, no card. We'll write back from welcome@hotmessldn.com with a portal link when your cohort opens.

); } // ───────────────────────────────────────────────────────────────────────────── function PartnersSection() { // slug values MUST match the PartnerTier keys in lib/tiers.ts so the // /partners/apply page and /api/partners/checkout route resolve them. const tiers = [ { slug: "founding_venue", name: "FOUNDING VENUE", price: "£250", cap: 50, taken: 14, blurb: "Standard globe pin · 2 beacons/quarter · 1 NFC + 2 QR Tap-Pack.", note: "ANNUAL" }, { slug: "founding_signal", name: "FOUNDING SIGNAL", price: "£500", cap: 25, taken: 9, blurb: "Pulsing globe pin · 4 beacons/qtr · 2 NFC + 4 QR · Licensing Letter.", note: "ANNUAL" }, { slug: "founding_anchor", name: "FOUNDING ANCHOR", price: "£1,000", cap: 10, taken: 3, blurb: "Persistent named label · 8+1 beacons/qtr · co-branded Tap-Pack · monthly call · postcode exclusivity.", note: "ANNUAL · EXCLUSIVITY", featured: true }, { slug: "founding_promoter", name: "FOUNDING PROMOTER", price: "£350", cap: 15, taken: 6, blurb: "Movable globe pin · unlimited events · portable NFC fob + QR · 4 beacons/qtr.", note: "FLAT" }, { slug: "founding_chain", name: "FOUNDING CHAIN", price: "£750", cap: 5, taken: 1, blurb: "Multi-site operator. Base covers 3 locations; +£200 per additional location. Pooled beacons.", note: "ANNUAL · MULTI-SITE" }, { slug: "founding_wellness", name: "FOUNDING WELLNESS", price: "£400", cap: 10, taken: 2, blurb: "Calm globe pin (recovery-aware visual) · 1 NFC + QR · Licensing Letter · Recovery-network adjacent.", note: "ANNUAL" }, ]; return (
§12
FOUNDING
PARTNERS
Claim your spot on the globe.
VENUES · PROMOTERS · RETAILERS · WELLNESS · MULTI-SITE

Founding venue participation. Six tiers, six commitments. Capped. First in, first named.

WHAT YOU GET
{[ "PIN ON THE PULSE GLOBE", "BEACON ALLOCATION", "TAP-PACK HARDWARE", "LICENSING LETTER (HOTMESS LETTERHEAD)", "FOUNDING PARTNER BADGE", "POSTCODE EXCLUSIVITY (ANCHOR)", "DIRECT LINE TO PHIL", ].map((s) => ( {s} ))}
{/* Six tier cards */}
{tiers.map((t) => ( ))}
{/* How it works strip */}
HOW IT WORKS
{[ ["01", "Pick a tier", "Six tiers. Each one capped. Anchor includes postcode exclusivity."], ["02", "Stripe checkout", "Card or invoice. GBP. Receipt issued immediately."], ["03", "Tap-Pack ships", "NFC + QR hardware in the post within 5 working days."], ["04", "You're live on the globe", "Pin goes up the day funds clear. Beacons unlocked. Licensing Letter emailed."], ].map(([n, k, v]) => (
{n}
{k}

{v}

))}
Talk to a human first.

Founding-partner status carries a Licensing Letter and postcode commitments. We'd rather you book 20 minutes than guess.

Request a call ↗ vendors@hotmessldn.com One-page PDF ↓
); } // ───────────────────────────────────────────────────────────────────────────── function FounderNote() { return (
§10
FOUNDER
A note from Phil.
FOUNDER · WRITTEN OUT · NO INVESTORS · NO BOARD · NO TEAM
{/* Pull-quote opener */}

HOTMESS is the platform I needed to exist before I cleaned up.

Phil Gizzie, founder — a.k.a. SMASH DADDY
PHIL GIZZIE · A.K.A. SMASH DADDY · KOH SAMUI
{/* Side meta — fact card */}
WHO BUILT THIS
  • Phil Gizzie — founder, solo
  • SMASH DADDY — DJ + audio tools, Koh Samui
  • HOTMESS — clothing brand, then the OS
  • RAW CONVICT — record label, sister project
  • HOTMESS Radio — owned, not DJ'd by Phil; produced for
Collaborator notes: works with DJ legends incl. Paul King (F1) — names most artists don't get a phone call back from.

I'm Phil. Almost three decades in London's queer nightlife — promoting, DJing, building, breaking, recovering.

The bigger version of me — the one on the decks, the one most days now in the sun on Koh Samui — goes by SMASH DADDY. That side push is newer; London doesn't fully know him yet. He's positive. He's part of how I stayed alive.

The HOTMESS side started differently. Two years ago I launched a small clothing brand and a record label. Both deliberately provocative. Both built to hold an open, humour-laced narrative around chem use in the community — because the alternative was the silence I'd watched cost people I loved.

One year in, on the launch week of the clothing brand, DJ Lee Harris — friend, scene legend, the man this project belongs to — took his own life.

My world crashed. The launch crashed. Every business plan I had crashed. Every day and every night after was either thinking about Lee or using chems.

{/* Stand-alone moment */}

Then it became
code over chems.

I'd never been a coder. I'd never been a "tech" person. But sitting at a laptop building HOTMESS badly — then a little less badly, then for hours every night — was the one thing I had that wasn't him being gone and wasn't me getting high.

That's how HOTMESS OS got born. A grief project that wouldn't stop expanding because I have ADHD and the architecture got bigger every week. One year on — here we are.

The clothing brand is now HOTMESS. The record label is RAW CONVICT. The OS is what you're looking at. SMASH DADDY is still on the decks, still in the sun, still part of the proof that men like us can live.

{/* Final standalone line */}

I built all of it solo. No investors. No board. No team.
Just me, ADHD, grief and code.

— PHIL. PHIL@HOTMESSLDN.COM @HOTMESSLDN
{/* Bridge into the practical sections */}
NEXT

If you've read this far, the founding cohort opens this week. Find your row below.

For people ↓ For venues + brands ↓
); } // ───────────────────────────────────────────────────────────────────────────── function Marquee() { const items = ["PULSE", "SAFETY", "RECOVERY", "RADIO", "TAP-PACK", "GHOSTED", "BEACONS", "CARE", "QUEER-LED", "LONDON"]; const row = [...items, ...items]; return (
{row.map((w, i) => ( {w} · ))}
); } // ───────────────────────────────────────────────────────────────────────────── function Footer() { return ( ); } // Share Object.assign(window, { Nav, Hero, Definition, Why, Principles, PulseSection, SafetySection, TapPackSection, RadioSection, HNHMessSection, RecoverySection, Dedication, MembersSection, PartnersSection, FounderNote, Marquee, Footer, });