/* ============================================================ Төрмен — Home screen ============================================================ */ const { useState:useStateH } = React; function Hero({ go, openChat }){ const { t } = useLang(); return (
{t('hero_eyebrow')}

{t('hero_title_1')}
{t('hero_title_2')}

{t('hero_sub')}
{/* hero imagery collage */}
{t('how_3')}
{t('how_3d')}
); } function Stat({ n, l, star }){ return (
{n}{star && }
{l}
); } /* trust marquee */ function TrustStrip(){ const { lang } = useLang(); const items = lang==='kz' ? ['Салқындатылған, мұздатылмаған','Жеткізу күні бөлшектейміз','Салқын жеткізу','Вакуум қаптама','Үй қазысы мен жаясы','Әр жинақта рецепт'] : ['Охлаждённое, не заморозка','Режем в день доставки','Охлаждённая доставка','Вакуумная упаковка','Домашние қазы и жая','Рецепты в каждом наборе']; const row = [...items, ...items]; return (
{row.map((x,i)=>( {x} ))}
); } function HowItWorks(){ const { t } = useLang(); const steps=[['list-checks','how_1','how_1d'],['package','how_2','how_2d'],['truck','how_3','how_3d'],['utensils-crossed','how_4','how_4d']]; const Node = ({ ic })=>( ); return (
{/* desktop — horizontal process rail: gradient line through 4 nodes */}
{steps.map(([ic,tt,dd],i)=>(
{t(tt)}

{t(dd)}

 ))}
{/* mobile — vertical timeline: nodes on the left, content to the right */}
{steps.map(([ic,tt,dd],i)=>(
{t(tt)}

{t(dd)}

 ))}
); } function AboutStrip({ go }){ const { t, lang } = useLang(); return (
{t('sec_about')}

{lang==='kz'?'Дала. Отбасы. Дастархан.':'Степь. Семья. Дастархан.'}

{lang==='kz' ? 'Етіміз — өз шаруашылығымыздан және сенімді фермерлерден. Малды табиғи жайылымда бағамыз, етті дәстүрлі түрде бөлшектеп, әр жинақты қолмен жинаймыз.' : 'Наше мясо — со своего хозяйства и от проверенных фермеров. Скот пасётся на естественных пастбищах, мясо разделываем по традиции и собираем каждый набор вручную.'}

{lang==='kz' ? 'Біз стейк сатпаймыз — біз дастарханды сатамыз: бешбармаққа, қазанға, мерекеге дайын ойластырылған жинақтар.' : 'Мы не продаём стейки — мы собираем стол: продуманные наборы для бешбармака, казана и большого праздника.'}

); } function HomeScreen({ go, openChat }){ const { t, tx, lang } = useLang(); const { sets } = useCatalog(); const L = (ru,kz)=> lang==='kz'?kz:ru; const popular = sets.filter(s=>s.best).concat(sets.filter(s=>!s.best)).slice(0,3); const featVideo = VIDEOS.find(v=>v.feat); const prods = window.PRODUCTS || []; const bestProds = prods.filter(p=>p.best); const shopPicks = (bestProds.length ? bestProds : prods).slice(0,4); return (
{/* popular sets */}
go('catalog')}>{t('view_all')}} />
{popular.map((s,i)=> )}
{/* meat shop teaser */} {window.PRODUCTS && window.PRODUCT_CATS && shopPicks.length > 0 && (
go('catalog')}>{L('В каталог','Каталогқа')}} />
{shopPicks.map((p,i)=>(
go('catalog')} onKeyDown={(e)=>{ if(e.key==='Enter'||e.key===' '){ e.preventDefault(); go('catalog'); } }}>
{tx(p.name)}
{fmtPrice(p.ppu)} /{L('кг','кг')}
))}
)} {/* broths teaser */}
go('broths')}>{t('view_all')}} />
{BROTHS.map((b,i)=> )}
{/* video blog teaser */}
go('blog')}>{t('view_all')}} />
{VIDEOS.filter(v=>!v.feat).slice(0,2).map((v,i)=> )}
); } function Footer({ go, openChat }){ const { t } = useLang(); const links=[['nav_catalog','catalog'],['nav_broths','broths'],['nav_blog','blog'],['nav_about','about'],['nav_profile','profile']]; return ( ); } Object.assign(window, { HomeScreen, Footer });