{[
{ h: 'Why we exist', p: 'Most recipe sites optimize for pageviews. They bury the recipe under a thousand-word story, inflate the ad density, and accept that you’ll bounce after the third pop-up. We optimize for the opposite metric: did you cook it, and would you cook it again.' },
{ h: 'How we’re different', p: 'Every recipe has a real, named editor with public credentials. Every recipe is tested at least three times — twice by the editor, once by a separate tester in another kitchen. We publish the test notes. We update old recipes when we learn something. We won’t accept ads that interrupt the cooking flow.' },
{ h: 'Our writing rules', p: 'Headnotes are 60–90 words. Steps are short, plain, and assume you can read a thermometer. We don’t pretend a 60-minute recipe is a 30-minute recipe. We don’t fabricate ratings, reviews, or testimonials.' },
{ h: 'Who pays the bills', p: 'Subscriptions, a tiny number of vetted sponsors, and a small affiliate program for kitchen tools we actually use in the test kitchen. We will never gate a recipe behind a paywall.' },
].map((b, i) => (
{b.h}
{b.p}
))}
);
/* --------------------------------------------------------------- How we test */
const HowWeTestPage = ({ onNavigate }) => {
const steps = [
{ n: '01', h: 'Editor develops',
p: 'A named editor writes the first draft of the recipe in our test kitchen, weighing every ingredient, photographing each pass. They commit to the technique and the time estimate before testing begins.' },
{ n: '02', h: 'First cook',
p: 'The editor cooks the recipe as written, end to end, without deviation. They time the active and passive minutes, photograph the result, and write the troubleshooting notes that survived the test.' },
{ n: '03', h: 'Second cook (variation)',
p: 'The editor cooks the recipe again, intentionally varying one factor — a different brand of butter, a different oven, a different season of produce. We log what changed in the result and decide whether to surface it in the page.' },
{ n: '04', h: 'Independent test',
p: 'A separate tester — different kitchen, different equipment, no contact with the editor — cooks the recipe as written. We compare both sets of photos and notes. If the result diverges, we go back to step 1.' },
{ n: '05', h: 'Final shoot',
p: 'Photographs are unedited. We use natural light. The plate you see is the plate the editor ate. We do not stage with non-edible props.' },
{ n: '06', h: 'Publish',
p: 'The recipe ships with the editor name, credentials, the test count, the test notes, and the publish date. From this point on, every reader-reported issue we can reproduce triggers a re-test.' },
{ n: '07', h: 'Update',
p: 'Recipes age. When a substitution comes up that we want to surface, when a technique improves, when an ingredient is reformulated by manufacturers — we update the page and stamp the date. No silent edits.' },
];
return (
{[
{ q: 'The recipe site we’ve been waiting a decade for. Tested, transparent, and mercifully short on preamble.', from: 'Eater, March 2026' },
{ q: 'A different model — one that respects readers, credits editors, and quietly does the work everyone else stopped doing.', from: 'TASTE, April 2026' },
].map((c, i) => (
{[
{ h: 'Keyboard navigation', p: 'Every interactive element is reachable and operable by keyboard. Focus rings are visible and high-contrast. Tab order follows the visual hierarchy.' },
{ h: 'Screen reader support', p: 'Semantic landmarks (header, nav, main, footer), heading hierarchy, ARIA labels on icon-only buttons, and live-region announcements for asynchronous content like the AI Sous-Chef.' },
{ h: 'Contrast & type', p: 'Body text targets 7:1 contrast, large text 4.5:1. Type size never drops below 14px on mobile or 15px on desktop. Users can resize text 200% without horizontal scrolling.' },
{ h: 'Cook Mode', p: 'Cook Mode uses extra-large type (minimum 32px on mobile), large tap targets (60px minimum), and screen-awake mode. It is designed to work with wet, floury hands at kitchen distance.' },
{ h: 'Motion', p: 'All non-essential motion respects prefers-reduced-motion. The hero scrubber, page transitions, and step-by-step animations all gracefully degrade.' },
].map((b, i) => (