// desktop.jsx — Desktop layouts for Steaks N Buns. // Same data + atomic components, composed into wider multi-column grids. // Activated by passing mode="desktop" to SnbDesktopPage. // ─── Desktop top bar (full nav) ──────────────────────────────────────────── function SnbDesktopTopBar({ current }) { const ctx = useSnb(); const { t, lang, tweaks } = ctx; const cur = current || ctx.current || 'home'; return (
{/* Pre-header strip */}
{t('trust_late')} {t('contact_addr')} {['en', 'ar'].map((l, i) => ( {i > 0 && |} ))}
{/* Main bar */}
+966 59 995 0112 {t('cta_order')}
); } // ─── Desktop hero (split layout) ─────────────────────────────────────────── function SnbDesktopHero({ variant = 'food' }) { const { t, lang, tweaks } = useSnb(); const variants = { food: { img: 'assets/menu/beef-burger.webp', h: 'hero_h1_food', sub: 'hero_sub_food' }, combo: { img: 'assets/menu/maple-crispy-spicy.webp', h: 'hero_h1_combo', sub: 'hero_sub_combo' }, late: { img: 'assets/gamer-burger.jpg', h: 'hero_h1_late', sub: 'hero_sub_late' }, family: { img: 'assets/saudi-eating.jpg', h: 'hero_h1_family', sub: 'hero_sub_family' }, }; const v = variants[variant] || variants.food; return (
{/* Decorative checker stripe top */}
{t('hero_kicker')}

{t(v.h)}

{t(v.sub)}

{t('cta_order')} {t('cta_menu')}
{tweaks?.rating ?? 4.3} · {tweaks?.reviewCount ?? '586'} {lang === 'ar' ? 'تقييم' : 'reviews'}
{/* Hero image */}
{/* Floating price tag */}
{lang === 'ar' ? 'يبدأ من' : 'FROM'}
17 {t('sar')}
); } // ─── Desktop trust strip ─────────────────────────────────────────────────── function SnbDesktopTrustStrip() { const { t, lang } = useSnb(); const items = [ { icon: 'star', k: 'trust_rating', s: lang === 'ar' ? '٥٨٦ تقييم' : '586 reviews' }, { icon: 'moon', k: 'trust_late', s: lang === 'ar' ? 'كل ليلة' : 'every night' }, { icon: 'bike', k: 'trust_delivery', s: lang === 'ar' ? 'كيتا، هنقرستيشن' : 'Keeta, HungerStation' }, { icon: 'fire', k: 'trust_price', s: lang === 'ar' ? 'وجبات عائلية' : 'family-friendly' }, ]; return (
{items.map((it, i) => (
0 ? 24 : 0, borderInlineStart: i > 0 ? '1px solid var(--snb-line)' : 0, }}>
{t(it.k)}
{it.s}
))}
); } // ─── Desktop order modes (single row) ────────────────────────────────────── function SnbDesktopOrderModes() { const { t } = useSnb(); const modes = [ { id: 'delivery', icon: 'bike', k: 'mode_delivery', s: 'mode_delivery_sub', active: true }, { id: 'takeaway', icon: 'bag', k: 'mode_takeaway', s: 'mode_takeaway_sub' }, { id: 'dinein', icon: 'chair', k: 'mode_dinein', s: 'mode_dinein_sub' }, { id: 'nocontact', icon: 'box', k: 'mode_nocontact', s: 'mode_nocontact_sub' }, ]; return (
{modes.map(m => ( ))}
); } // ─── Desktop bestsellers (4-up grid + asymmetric featured) ───────────────── function SnbDesktopBestsellers() { const { t, lang } = useSnb(); const items = SNB_MENU.filter(m => ['maple-spicy','crispy-chk','beef','special-beef','philly'].includes(m.id)); return (
{t('cta_menu')} →
{items.slice(0, 4).map(item => )}
); } // ─── Desktop split callouts (day / night) ────────────────────────────────── function SnbDesktopUsage() { const { t } = useSnb(); return (
{[ { h: 'usage_day_h', s: 'usage_day_sub', img: 'assets/menu/philly-steak.webp', tint: 'rgba(29,58,37,.55)' }, { h: 'usage_night_h', s: 'usage_night_sub', img: 'assets/gamer-burger.jpg', tint: 'rgba(10,29,16,.8)' }, ].map((u, idx) => (

{t(u.h)}

{t(u.s)}

))}
); } // ─── Desktop reviews (3-col) ─────────────────────────────────────────────── function SnbDesktopReviews() { const { t, lang, tweaks } = useSnb(); return (
{tweaks?.rating ?? 4.3}
{tweaks?.reviewCount ?? '586'} Google reviews
{SNB_REVIEWS.slice(0, 3).map((r, i) => (
{/* Reuse SnbReview but override flex behaviour */}

"{r.body?.[lang] || r.body?.en}"

{r.author?.charAt(0)}
{r.author}
{r.locale} · {r.when}
))}
); } // ─── Desktop final CTA (split, with checker) ─────────────────────────────── function SnbDesktopFinalCTA() { const { t } = useSnb(); return (

{t('final_cta_h')}

{t('final_cta_sub')}

{['HungerStation', 'Keeta'].map(app => (
{app[0]}
{app}
))}
); } // ─── Desktop footer (4-col) ──────────────────────────────────────────────── function SnbDesktopFooter() { const { t, lang } = useSnb(); return ( ); } // ─── Desktop page shell ──────────────────────────────────────────────────── function SnbDesktopPage({ children }) { const { dir } = useSnb(); return (
{children}
); } // ──────────────────────────────────────────────────────────────────────────── // HOME · DESKTOP // ──────────────────────────────────────────────────────────────────────────── function SnbDesktopHomePage({ heroVariant = 'food' }) { const { t, lang, tweaks } = useSnb(); return ( {/* Family band */}

{t('family_h')}

{t('family_sub')}

{/* Location strip */}

{t('contact_addr')}

{t('parking_h')}
{[t('parking_street'), t('parking_lot'), t('parking_space')].map((p, i) => (
{p}
))}