const { useState } = React; const { Button, Input, StatusBadge, SectionLabel, Card, MetricCard, Marquee, LuxeHeading, TopBar } = window.KSystemDesignSystem_e702cb; /* Nine modules, verified against backend/app/agents/, backend/app/routers/, frontend/app/. Each is shown as the kitchen above and the live product panel below. */ const PIPELINE = [ { label: 'Natural language', icon: 'message-square', note: 'PT · EN · any' }, { label: 'Chef Agent', icon: 'chef-hat', note: 'Seasonal recipes' }, { label: 'Inventory Agent', icon: 'package', note: 'Live tracking' }, { label: 'Prep orchestrator', icon: 'list-checks', note: 'Plans & orders' }, { label: 'Actionable output', icon: 'check', note: 'Prep · POs · costs' }, ]; /* Priced exactly as the pitch deck prices it. */ const TIERS = [ { name: 'Basic', price: '€99', period: '/ month' }, { name: 'Standard', price: '€249', period: '/ month' }, { name: 'Premium', price: '€499', period: '/ month', featured: true }, { name: 'Enterprise', price: 'Custom', period: '/ annual' }, ]; const SPEC_ROWS = [ ['Recipes', ['150', '500', '∞', '∞']], ['Stock items', ['200', '600', '∞', '∞']], ['Chef Agent tokens', ['500K', '2M', '∞', '∞']], ['Users', ['2', '5', '15', '∞']], ['Sites', ['1', '1', '2', 'Multi']], ]; const PROBLEMS = [ ['Inventory chaos', 'Manual sheets lead to surprise stock-outs mid-service and expired product.'], ['Recipe inconsistency', "Dishes live in the chef's notebook — not linked to real inventory or costs."], ['5–10 hrs / week lost', 'Chefs and managers burn admin time instead of running the pass.'], ['Purchasing blind spots', 'Over-ordering creates waste, under-ordering kills covers — no smart triggers.'], ]; function Icon({ name, size = 24 }) { const ref = React.useRef(null); React.useEffect(() => { if (ref.current && window.lucide) { ref.current.innerHTML = ''; window.lucide.createIcons({ attrs: { 'stroke-width': 1.5, width: size, height: size } }); } }, [name, size]); return ; } const PHOTO = 'assets/photos/'; const go = (h) => (window.KMotion && window.KMotion.ready ? window.KMotion.scrollTo(h) : (window.location.hash = h)); /* Photographic frame: image, hairline, and a scrim. */ function Photo({ src, alt = '', ratio = '16 / 10', scrim = 0.35, style }) { return (
{alt}
); } const SHELL = { maxWidth: 'var(--container-max)', margin: '0 auto', padding: '0 var(--space-8)' }; const HAIRLINE = 'var(--border-hairline-w) solid var(--border-hairline)'; const HAIRLINE_INK = 'var(--border-hairline-w) solid rgba(0,0,0,0.14)'; const MONO = { fontFamily: 'var(--font-mono)', fontSize: 'var(--text-base)', lineHeight: 'var(--leading-relaxed)' }; const LABEL = { fontFamily: 'var(--font-mono)', fontSize: 'var(--text-micro)', textTransform: 'uppercase', letterSpacing: 'var(--track-label)' }; const STRUCT = { fontFamily: 'var(--font-structural)', textTransform: 'uppercase', letterSpacing: '0.05em' }; /* ── Product surfaces ─────────────────────────────────────────────── Real interface built from the design system, standing in for screenshots. Every figure below is internally consistent. */ const { BatchSheet, AnalyticsTrend, RecipeSheet, AgentThread, StockLedger, SalesReadout, ResearchFeed, SupplierMatch, MenuComposer } = window; /* ── Sections ─────────────────────────────────────────────────────── */ function Hero({ eyebrow, headline, subhead, note }) { return (
Dry-aged rib on the open grill
{eyebrow ?? 'AI-powered kitchen intelligence'}

{headline ?? 'K—System'}

{subhead ?? 'Seasonal menus, inventory and portioning turned into measurable profit.'}

{note ?? 'Without asking chefs to become accountants. Costed to the gram, metric only.'}

{[['Nine modules', 'One service'], ['Metric only', 'Costed to the gram'], ['From €99', 'Per month']].map(([k, v], i) => (
{k}
{v}
))}
); } function Problem() { return (
The problem
30–40%

Average food cost in fine dining — most of it preventable waste.

Kitchens still run on spreadsheets and guesswork
{PROBLEMS.map(([title, desc]) => (
{title}

{desc}

))}
); } /* Light band: pipeline diagram. */ function HowItWorks({ showMetrics = true }) { return (
How it works

Language in, deterministic output back

{PIPELINE.map((s, i) => (
{s.label}
{s.note}
))}

An AI agent understands what you say. Stock, costs and orders run on deterministic business rules — zero hallucination.

); } function Modules() { const cards = [ ['01', 'Recipe Bible', 'Every dish costed to the gram. Change a supplier price and every plate that uses it re-costs itself.', 'recipe-bible.jpg', ], ['02', 'Inventory', 'Record the sale and the ingredients come off stock automatically, through the recipe.', 'inventory-shelves.jpg', ], ['03', 'Chef Agent', 'Dictate the dish and it lands in the Bible already costed. Answers in PT or EN.', 'chef-agent.jpg', ], ['04', 'Prepared Recipes', 'Turn recipes into consistent, repeatable production processes. K-System organizes recipes, ingredients, quantities, costs, and preparation instructions, helping teams maintain consistency and reduce waste.', ['prepared-recipes.jpg', 'pass-slicing.jpg'], ], ['05', 'Suppliers', 'Their catalogue maps onto your stock items, so the order goes out against the right line.', 'suppliers-goods-in.jpg', ], ['06', 'AI Analytics', 'Analyzes your business data to uncover costs, margins, sales, waste, and trends. AI Analytics turns operational data into actionable insights, helping you identify problems and opportunities.', ['ai-analytics.jpg', 'spices-mortar.jpg'], ], ['07', 'Sales Intelligence', 'Five agents read revenue, menu, customers and costs together, then hand back what to do.', 'the-pass.jpg', ], ['08', 'Seasonal Menu', 'Compose the season with seasonal tags per dish and a live margin before it reaches the board.', 'seasonal-board.jpg', ], ['09', 'AI Research', 'Food trends and artisan suppliers, researched inside the system and dated to the season.', 'ai-research.jpg', ], ]; return (
Nine modules

One system,
one service.

All nine as they run during service — the kitchen above, the screen below.

{cards.map(([num, title, desc, photo, panel], i) => (
{ if (!e.currentTarget.dataset.fb) { e.currentTarget.dataset.fb = '1'; e.currentTarget.src = PHOTO + photo[1]; } } : undefined} alt={title} style={{ position: 'absolute', inset: 0, width: '100%', height: '100%', objectFit: 'cover', filter: 'brightness(1.1) contrast(1.02)', display: 'block' }} />
Module {num} / 09

{title}

{desc}

{panel}
{i < cards.length - 1 && } ))}
); } /* Full-bleed band: the flat-lay's empty right side carries the line. */ function Season() { return (
Finishing a plate at the terrace pass
The season Compose the season against what the kitchen can actually buy.

Seasonal tags per dish, chef suggestions, and a live margin on every plate before it reaches the printed menu.

); } /* The flat-lay's negative space on the right carries the claim. */ function Determinism() { return (
Spices and herbs laid out on slate
Determinism Measured to the gram, not estimated.

Language is the only place the model is trusted. Every gram, price and purchase order comes out of business rules you can audit.

); } function Pricing() { const cell = { padding: 'var(--space-4) var(--space-5)', borderBottom: HAIRLINE }; return (
Priced on capacity and intelligence

Every tier includes the Recipe Bible, Inventory and Suppliers

{TIERS.map((t) => (
Most kitchens {t.name} {t.price} {t.period}
))} {SPEC_ROWS.map(([label, vals]) => (
{label}
{vals.map((v, i) => (
{v}
))} ))}
{TIERS.map((t) => (
))}
); } function Access() { const [email, setEmail] = useState(''); const [sent, setSent] = useState(false); return (
Access Request a kitchen
{sent ? (
Request received

We will reply to {email} within one service day.

) : (
{ e.preventDefault(); setSent(true); }} style={{ display: 'grid', gap: 'var(--space-6)' }}> setEmail(e.target.value)} placeholder="chef@restaurant.pt" tone="dark" />
)}
); } function Footer() { return (