);
}
/* ═══ MANIFESTO — headline + 3 paragraphs, stacked ═══ */
function Manifesto() {
const ref = useRef(null);
const { scrollYProgress } = useScroll({ target: ref, offset: ['start 80%', 'end 40%'] });
const headline = "The experience economy is running on legacy software.";
const words = headline.split(' ');
const paragraphs = [
{ text:"Arcades, immersive rooms, escape venues, family entertainment centers: the places people go to feel something together. The software that runs them was built for taking bookings, not for operating a business.", emphasized:false },
{ text:"A single venue runs on a dozen systems that don't talk to each other. Bookings in one tool, payments in another, scheduling in a spreadsheet, equipment logs on paper. Money leaks in the seams, and the manager spends the night reconciling instead of running the floor.", emphasized:false },
{ text:"Generic AI helps, but it has never run a room at 7pm on a Friday. It doesn't know the unit economics of a venue or how guests behave inside one. That knowledge is not in a model anyone can rent. It is earned on the floor.", emphasized:false },
{ text:"So we run the venues ourselves and build the software inside them. Every tool is proven against a real P&L before it goes anywhere else.", emphasized:false },
];
return (
The Problem
{words.map((w, i) => {
const s = (i/words.length)*0.6;
const e = ((i+1)/words.length)*0.6;
const op = useTransform(scrollYProgress, [s,e], [0.16, 1]);
return {w};
})}
{paragraphs.map((p,i) => (
{p.text}
))}
);
}
/* ═══ PILLARS — stacked cards, one per viewport ═══ */
const pillarsData = [
{ n:'01', id:'venues', title:'Owned', sub:'Operator · Built',
lead:'We hold the franchise, sign the lease, and run the floor.',
body:"The software ships to a venue we own and operate before it reaches anyone else. Because we run the room, we own the operational truth it generates — how it really runs, what breaks, when demand spikes. That record compounds with every venue we open, and no vendor selling to rooms they don't own can buy it.",
blot:P.teal, blotDeep:P.tealDeep, accent:P.teal },
{ n:'02', id:'intelligence', title:'System', sub:'AI-Native · OS',
lead:'Booking, payments, labor, equipment, and demand in one operating layer.',
body:"Instead of a dozen disconnected apps, one operator supervises the room while the AI does the work underneath: it watches, it proposes, a person approves, it acts. Fewer people run the venue and more guests fill it.",
blot:P.violet, blotDeep:P.violetDeep, accent:P.violet },
{ n:'03', id:'expansion', title:'Portfolio', sub:'Built to · Travel',
lead:'Proven on our own venues, then the ones we open next.',
body:"What works in the first room becomes the day-one setup for the second and third. Built to run a portfolio across markets, not a single demo.",
blot:P.coral, blotDeep:P.coralDeep, accent:P.coral },
];
function Pillars() {
return (
Our Approach
How it works.
{pillarsData.map((p,i) => )}
);
}
function Pillar({ p, i }) {
const ref = useRef(null);
const { scrollYProgress } = useScroll({ target: ref, offset: ['start end', 'end start'] });
const blotScale = useTransform(scrollYProgress, [0, 0.5, 1], [0.85, 1.05, 0.9]);
return (
{/* blot behind the title */}
{[
"Founder background: ex-FAANG engineering, a multi-unit franchise operator, native across US and Asian markets, and a builder raised inside this generation's culture.",
"A decade building at FAANG scale, a franchise held and operated first-hand, and software written from inside the business instead of studied from outside it.",
].map((t,i) => (
{t}
))}
If you're building or investing in this space, contact@hyperealm.co