// Section 05 — Products, formats, prices // Three layout variants: cards | table | minimal function SectionProducts({ layout = 'cards' }) { const products = window.MINDME_PRODUCTS; return (

Готова лінійка з різними форматами.

Від ранкової енергії й фокусу до вечірнього ритуалу, краси та щоденної підтримки. Один бренд — багато сценаріїв.

{products.length}продуктів
{layout === 'cards' && } {layout === 'table' && } {layout === 'minimal' && }
); } function ProductGridCards({ products }) { return (
{products.map((p, i) => (
e.currentTarget.style.transform = 'translateY(-3px)'} onMouseLeave={e => e.currentTarget.style.transform = 'translateY(0)'}>
{p.name}
{p.name}
{p.format} {p.priceMax ? `${p.price}–${p.priceMax}` : p.price}грн
))}
); } function ProductTable({ products }) { return (
{['Продукт', 'Формат', 'Пакування', 'Інгр.', 'Напрям', 'Коли', 'Ціна'].map(h => ( ))} {products.map(p => ( ))}
{h}
{p.name}
{p.nameUa}
 {p.format}
{p.portions}		 {p.pack} {p.ingredientCount} {p.role} {p.timeLabel} {p.priceMax ? `${p.price}–${p.priceMax}` : p.price} грн
); } function ProductListMinimal({ products }) { return (
{products.map(p => )}
); } window.SectionProducts = SectionProducts;