// screens/category.jsx — flexible category/hub template for many routes
const CATEGORIES = {
'/recipes': {
eyebrow: 'Everything we cook',
title: 'All recipes, tested.',
sub: '8,420 recipes — each one cooked at least three times in a real home kitchen before publishing. Filter by what you have, what you have time for, or what you’re craving.',
chips: ['All', 'Weeknight', 'Baking', 'One-pan', 'Vegetarian', 'Air fryer', '30 min', 'Crowd-pleaser'],
sub_links: [
{ label: 'By course', count: '12 courses' },
{ label: 'By cuisine', count: '34 cuisines' },
{ label: 'By technique', count: '28 techniques' },
{ label: 'By diet', count: '9 diets' },
],
faqs: [
{ q: 'How do you test a recipe?', a: 'Every recipe is cooked at least three times by the assigned editor and one tester in a separate kitchen. We weigh — not measure — ingredients, photograph the final result unedited, and publish only when both passes succeed on the same day.' },
{ q: 'Do you accept user-submitted recipes?', a: 'Not at the moment. Every recipe on inspirecipe is developed and tested in-house by a named editor. We may open a guest-editor program in 2027.' },
{ q: 'Why don’t you have a 1,200-word headnote?', a: 'Because nobody reads them. Our editors write 60–90 word headnotes — just enough to know what the recipe is, what it tastes like, and why it’s worth making. The rest of the page is recipe.' },
],
},
'/collections': {
eyebrow: 'Curated editorial sets',
title: 'Collections',
sub: 'Hand-picked recipe sets built by our editors around a single idea — a holiday, a season, a technique, a mood. Updated as the year unfolds.',
isCollections: true,
},
'/cuisines': {
eyebrow: 'Atlas of flavor',
title: 'Cuisines of the world',
sub: 'Local techniques, local ingredients, tested by local cooks. Pick a region to drill into.',
isCuisines: true,
},
'/quick': {
eyebrow: '30 minutes or less',
title: 'Quick & Easy',
sub: 'Real dinners — not assemblies — that get from fridge to plate in 30 minutes or less. Tested to actually work on a Tuesday.',
chips: ['All', '15 min', '20 min', '30 min', 'One-pan', 'Sheet pan', 'No-cook', 'Pantry'],
faqs: [
{ q: 'Is "30 minutes" honest?', a: 'Yes. The time on the page is the editor’s actual stopwatch from the first knife cut to the plate, including the unavoidable bits (preheating, boiling water) but not optional rest time.' },
{ q: 'Do these need a stocked pantry?', a: 'We tag the Pantry-friendly ones explicitly. Most of the rest assume olive oil, salt, pepper, garlic, lemon, and one fresh herb. We don’t consider those a "stocked pantry".' },
],
},
'/methods': {
eyebrow: 'Learn one thing well',
title: 'Methods',
sub: 'Master a technique once and unlock dozens of recipes. Brown butter. Pan sauces. Reverse-sear. Lamination. Each method is a guide and a tested example recipe.',
chips: ['All', 'Baking', 'Roasting', 'Searing', 'Braising', 'Frying', 'Fermenting', 'Pastry'],
isMethods: true,
},
'/trending': {
eyebrow: 'This week',
title: 'Trending recipes',
sub: 'What our readers are cooking right now, updated every Monday morning. Ranked by completed cook-throughs, not pageviews.',
chips: ['All', 'This week', 'This month', 'Past 3 months', 'All time'],
},
'/new': {
eyebrow: 'Hot off the test kitchen',
title: 'New this week',
sub: 'Recipes published in the last 7 days. We publish 4–6 new tested recipes a week — no more, no less.',
},
'/seasonal': {
eyebrow: 'Cook the calendar',
title: 'In season now',
sub: 'Recipes built around what is at its peak right now in the Northern Hemisphere. Tap a locale flag to see what is in season where you live.',
chips: ['Spring', 'Summer', 'Autumn', 'Winter'],
},
'/baking': {
eyebrow: 'Weights, not cups',
title: 'Baking',
sub: 'Cookies, breads, cakes, pastry. Every baking recipe published in grams, tested in three ovens (gas, electric, convection), with troubleshooting notes on every page.',
chips: ['All', 'Cookies', 'Breads', 'Cakes', 'Pastry', 'Pies & tarts', 'No-bake'],
},
'/one-pan': {
eyebrow: 'Less dishes, more flavor',
title: 'One-pan recipes',
sub: 'Sheet-pan, skillet, Dutch oven, and slow-cooker dinners. No second pot to scrub.',
chips: ['All', 'Sheet pan', 'Skillet', 'Dutch oven', 'Slow cooker'],
},
'/by-diet': {
eyebrow: 'Filtered by what you eat',
title: 'By diet',
sub: 'Vegetarian. Vegan. Gluten-free. Dairy-free. Pescatarian. Low-carb. High-protein. Every recipe filtered honestly — not by removing an ingredient, but by testing the modified version.',
chips: ['Vegetarian', 'Vegan', 'Gluten-free', 'Dairy-free', 'Pescatarian', 'Low-carb', 'High-protein'],
},
'/by-ingredient': {
eyebrow: 'Use what you have',
title: 'By ingredient',
sub: 'Open the fridge, pick the thing about to turn, and find a recipe. Browse by hero ingredient.',
chips: ['Chicken', 'Beef', 'Pork', 'Fish', 'Egg', 'Tofu', 'Tomato', 'Eggplant', 'Mushroom', 'Lemon', 'Chocolate', 'Butter'],
},
};
// Cuisines tile data (for the /cuisines page)
const CUISINE_TILES = [
{ name: 'Italian', count: 184, tone: 'cream', examples: ['Carbonara', 'Risotto', 'Cacio e pepe'] },
{ name: 'Japanese', count: 162, tone: 'sea', examples: ['Donburi', 'Ramen', 'Karaage'] },
{ name: 'Korean', count: 138, tone: 'warm', examples: ['Bibimbap', 'Gochujang chicken'] },
{ name: 'Indonesian', count: 122, tone: 'warm', examples: ['Nasi goreng', 'Rendang', 'Sate'] },
{ name: 'French', count: 156, tone: 'butter', examples: ['Coq au vin', 'Tarte', 'Soupe'] },
{ name: 'Mexican', count: 144, tone: 'warm', examples: ['Mole', 'Tacos', 'Pozole'] },
{ name: 'Thai', count: 128, tone: 'green', examples: ['Pad krapow', 'Tom kha'] },
{ name: 'Indian', count: 152, tone: 'warm', examples: ['Dal', 'Biryani', 'Tikka'] },
{ name: 'Chinese', count: 168, tone: 'cocoa', examples: ['Mapo tofu', 'Dumplings'] },
{ name: 'Spanish', count: 94, tone: 'butter', examples: ['Paella', 'Tortilla'] },
{ name: 'Levantine', count: 108, tone: 'herb', examples: ['Shakshuka', 'Tabbouleh'] },
{ name: 'Vietnamese', count: 86, tone: 'green', examples: ['Pho', 'Banh mi', 'Goi cuon'] },
];
// Collection tiles
const COLLECTION_TILES = [
{ name: 'Sunday Roasts', count: 24, tone: 'warm', blurb: 'The kind of meal that anchors a weekend.' },
{ name: 'Cookies Worth Making', count: 18, tone: 'butter', blurb: 'Brown butter, chilled dough, salt on top.' },
{ name: 'Pasta Without Recipes', count: 14, tone: 'cream', blurb: 'Five techniques. Endless variations.' },
{ name: 'Lunchbox', count: 32, tone: 'herb', blurb: 'Holds up by noon. Tastes better cold.' },
{ name: 'Dinner Party, 1 Hour', count: 12, tone: 'berry', blurb: 'Three courses, one hour, no panic.' },
{ name: 'Pantry to Plate', count: 28, tone: 'cream', blurb: 'Whatever is already in your kitchen.' },
];
// Method tiles
const METHOD_TILES = [
{ name: 'Brown butter', examples: 6, tone: 'butter' },
{ name: 'Pan sauce', examples: 8, tone: 'warm' },
{ name: 'Reverse sear', examples: 4, tone: 'cocoa' },
{ name: 'Lamination', examples: 5, tone: 'cream' },
{ name: 'Tempering chocolate', examples: 3, tone: 'cocoa' },
{ name: 'Quick pickles', examples: 7, tone: 'green' },
{ name: 'Confit', examples: 4, tone: 'butter' },
{ name: 'Risotto base', examples: 6, tone: 'cream' },
];
const CategoryScreen = ({ slug, locale, onNavigate }) => {
const cfg = CATEGORIES[slug] || CATEGORIES['/recipes'];
const [activeChip, setActiveChip] = useState(0);
const [sort, setSort] = useState('popular');
const [view, setView] = useState('grid');
// build a grid from TRENDING + QUICK_DINNERS, salted by chip selection
const recipes = useMemo(() => {
const all = [...TRENDING, ...QUICK_DINNERS.map(q => ({ ...q, author: 'Test kitchen', tag: q.tone })), ...TRENDING].slice(0, 12);
return all;
}, [slug, activeChip, sort]);
return (
{cfg.chips && (
)}
{cfg.sub_links && (