/* House of Swad — Catering page Built to the "House of Swad - Catering Menu" design: a browse-only menu with a quick estimate that goes out as a WhatsApp enquiry (no cart). All content comes from Sanity ("Catering Hero", "Catering Packages", "Catering À La Carte", "Catering Plan Your Order", "Catering Terms"), with the design's copy below as the fallback if Sanity can't be reached. */ /* ---------- Hero (fetched from Sanity — see applyCateringHero) ---------- */ /* These defaults are shown if Sanity can't be reached. */ let CATERING_HERO = { tagline: 'Catering · Pre-orders only', title: 'A spread for *every gathering.*', description: 'Nepali, Indian and Italian favourites, cooked fresh in our central kitchen and delivered hot to your pujas, parties and office events across the valley.', image: 'assets/catering-hero.jpg', imageAlt: 'A catering buffet spread', badgeTitle: 'Pre-order only', badgeText: 'Book ahead, we cook fresh', stats: [ { value: '*15*+ guests', label: 'Minimum for a full catering order' }, { value: 'Rs *420*', label: 'Packages start per person' }, { value: '*60*%', label: 'Advance confirms your booking' }, ], cuisines: ['Nepali', 'Indian curries', 'Italian', 'Snacks', 'Desserts'], }; const CATERING_QUERY_URL = `https://${SANITY_PROJECT_ID}.apicdn.sanity.io/v2024-01-01/data/query/${SANITY_DATASET}?query=` + encodeURIComponent(`{ "hero": *[_type=="cateringHero"][0]{ tagline, title, description, badgeTitle, badgeText, "image": image.asset->url, "imageAlt": image.alt, stats[]{ value, label }, cuisines }, "packages": *[_type=="cateringPackages"][0]{ title, description, mainPackage{ name, price, items }, snacksPackage{ name, price, choiceGroups[]{ diet, chooseCount, options } } }, "menu": *[_type=="cateringMenu"][0]{ title, description, cards[]{ title, kicker, navLabel, column, style, sideBySide, note, tags, "image": image.asset->url, "imageAlt": image.alt, groups[]{ label, items[]{ name, detail, price, unit, onRequest } } } }, "planner": *[_type=="cateringPlanner"][0]{ title, description, notice, minGuests, advancePercent, smallOrderNote }, "terms": *[_type=="cateringTerms"][0]{ title, terms } }`); function applyCateringHero(doc) { if (!doc || !doc.title) return; CATERING_HERO = { tagline: doc.tagline || '', title: doc.title, description: doc.description || '', image: doc.image ? `${doc.image}?w=1200&auto=format` : CATERING_HERO.image, imageAlt: doc.imageAlt || '', badgeTitle: doc.badgeTitle || '', badgeText: doc.badgeText || '', stats: (doc.stats || []).filter((st) => st && st.value), cuisines: (doc.cuisines || []).filter(Boolean), }; } function applyCateringPackages(doc) { if (!doc || !doc.title) return; PACKAGES_COPY = { title: doc.title, description: doc.description || '' }; const main = doc.mainPackage; if (main && main.name && main.price != null) { MAIN_SET = { ...MAIN_SET, name: main.name, price: main.price, items: (main.items || []).filter(Boolean) }; } const snacks = doc.snacksPackage; if (snacks && snacks.name && snacks.price != null) { SNACKS_SET = { ...SNACKS_SET, name: snacks.name, price: snacks.price, groups: (snacks.choiceGroups || []).filter((g) => g && (g.options || []).length).map((g) => ({ nonveg: g.diet === 'nonveg', count: g.chooseCount || 1, opts: g.options, })), }; } } function applyCateringMenu(doc) { if (!doc || !doc.title) return; const cards = (doc.cards || []) .filter((c) => c && c.title) .map((c) => ({ ...c, image: c.image ? `${c.image}?w=800&auto=format` : null, groups: (c.groups || []) .map((g) => ({ label: g.label, items: (g.items || []).filter((it) => it && it.name) })) .filter((g) => g.items.length), })); if (!cards.length) return; MENU_COPY = { title: doc.title, description: doc.description || '' }; MENU_CARDS = cards; } function applyCateringPlanner(doc) { if (!doc || !doc.title) return; PLANNER_COPY = { title: doc.title, description: doc.description || '', notice: doc.notice || '' }; if (doc.minGuests > 0) SET_MIN_PAX = doc.minGuests; if (doc.advancePercent != null) ADVANCE_SHARE = doc.advancePercent / 100; if (doc.smallOrderNote !== undefined) SMALL_ORDER_NOTE = doc.smallOrderNote || ''; } function applyCateringTerms(doc) { if (!doc || !doc.title) return; TERMS_COPY = { title: doc.title, terms: (doc.terms || []).filter(Boolean) }; } /* Renders text with *wrapped* words in and newlines as
. */ function Marked({ text }) { return (text || '').split('\n').map((line, i) => ( {i > 0 &&
} {line.split(/\*([^*]+)\*/).map((part, j) => (j % 2 ? {part} : part))} )); } /* ---------- Set packages (fetched from Sanity — see applyCateringPackages) ---------- */ /* These defaults are shown if Sanity can't be reached. */ let PACKAGES_COPY = { title: 'One price, *the whole table.*', description: "Two ready-made menus priced per person. Pick your options where you see a slash — we'll plan quantities for your headcount.", }; let MAIN_SET = { id: 'main', name: 'Main Course', price: 620, items: [ 'Veg Pulao / Plain Rice / Jeera Rice', 'Plain Daal', 'Saag', 'Mix Veg', 'Tamatar Achar / Aloo Kakra Achar', 'Chicken Curry / Matar Paneer', ], }; let SNACKS_SET = { id: 'snacks', name: 'Snacks', price: 420, groups: [ { nonveg: false, count: 2, opts: ['Mustang Aloo', 'Corn Sadheko', 'Veg Momo', 'Mushroom Choila', 'Pakauda'] }, { nonveg: true, count: 1, opts: ['Chicken Roast', 'Chicken Momo', 'Chicken Sadheko', 'Timmur Chicken'] }, ], }; /* ---------- À la carte (fetched from Sanity — see applyCateringMenu) ---------- */ /* These defaults are shown if Sanity can't be reached. Card order is the phone / menu-bar order; `column` places each card on wide screens. */ const one = (items, label) => ({ label, items }); let MENU_COPY = { title: 'Build your *own spread.*', description: 'Mix curries, biryani, pizza and sweets, or add them to a package. Items without a price are quoted with your order.', }; let MENU_CARDS = [ { title: 'Curries', kicker: 'Veg', navLabel: 'Curry — Veg', column: 1, groups: [one([ { name: 'Mix Veg Curry' }, { name: 'Veg Manchurian', detail: '(Gravy / Dry)' }, { name: 'Matar Paneer' }, { name: 'Palak Paneer' }, { name: 'Paneer Butter Masala' }, { name: 'Chana Masala' }, { name: 'Rajma Masala' }, { name: 'Dal Makhani' }, ])], note: 'Customisation available on request', }, { title: 'Curries', kicker: 'Non Veg', navLabel: 'Curry — Non Veg', column: 1, groups: [one([ { name: 'Mutton Curry' }, { name: 'Mutton Rogan Josh' }, { name: 'Chicken Tikka Masala' }, { name: 'Nepali Chicken Masala' }, { name: 'Chicken Butter Masala' }, { name: 'Fish Curry' }, ])], }, { title: 'Biryani', column: 2, image: 'assets/catering-biryani.jpg', imageAlt: 'Fragrant biryani', groups: [one([ { name: 'Mix Veg Paneer Biryani', price: 350 }, { name: 'Chicken Biryani', price: 380 }, { name: 'Mutton Biryani', price: 600 }, ])], note: 'Served with raita and mula achar', }, { title: 'Italian', column: 2, groups: [ one([ { name: 'Margherita Pizza', price: 600 }, { name: 'Hawaiian Pizza', price: 700 }, { name: 'Vegetable Pizza', price: 600 }, { name: 'Meat Lovers Pizza', price: 750 }, ], '12-inch pizza'), one([{ name: 'Chicken Alfredo Pasta', price: 400 }, { name: 'Mushroom Alfredo Pasta', price: 380 }], 'Pasta'), ], note: 'Customisation available on all Italian dishes', }, { title: 'Naan & Sides', column: 2, groups: [one([{ name: 'Plain Naan' }, { name: 'Butter Naan' }, { name: 'Garlic Naan' }, { name: 'Papad' }, { name: 'Prawns' }])], }, { title: 'Frozen Momo', kicker: 'Take-home', column: 3, style: 'soft', groups: [one([{ name: 'Veg Momo', price: 150 }, { name: 'Paneer Momo', price: 170 }, { name: 'Non Veg Momo', price: 170 }])], tags: ['Min. 4 plates', 'Pre-order only', 'For fresh use only'], }, { title: 'Salads', column: 3, groups: [one([{ name: 'Green Salad' }, { name: 'Russian Salad' }, { name: 'Chicken Salad' }])], }, { title: 'Desserts', column: 3, groups: [one([ { name: 'Gajar Ko Halwa', price: 1600, unit: 'kg' }, { name: 'Gulab Jamun', price: 60 }, { name: 'Rashbari', price: 60 }, { name: 'Sikarni', price: 50 }, { name: 'Ice Cream', onRequest: true }, ])], }, { title: 'Add-ons', kicker: 'Per plate · priced on request', column: 3, style: 'dark', sideBySide: true, groups: [ one(['Veg Momo', 'Paneer Momo', 'Paneer Pakauda', 'Peanut Sadheko', 'Aloo Sadheko', 'Veg Tempura', 'French Fries / Baked Potatoes', 'Veg Sliders (small burger)'].map((name) => ({ name })), 'Veg'), one(['Chicken Roast', 'Chicken Sadheko', 'Chicken Choila', 'Chicken Nuggets', 'Chicken Chilly Boneless', 'Timmur Chicken', 'Fish Fry'].map((name) => ({ name })), 'Non Veg'), ], }, ]; /* ---------- Plan your order copy (fetched from Sanity — see applyCateringPlanner) ---------- */ /* These defaults are shown if Sanity can't be reached. */ let PLANNER_COPY = { title: 'Get an estimate *in seconds.*', description: "Choose a package and headcount, then send it to us on WhatsApp. Add à la carte dishes in the same chat — we'll confirm the final total, date and delivery time.", notice: 'Estimates cover food only. Delivery charges vary by location; buffet service and crockery are available at extra cost.', }; /* ---------- Calculator settings (fetched from Sanity — see applyCateringPlanner) ---------- */ /* These defaults are used if Sanity can't be reached. */ let SET_MIN_PAX = 15; let ADVANCE_SHARE = 0.6; let SMALL_ORDER_NOTE = "Under 15 guests, food is delivered in buckets at NPR 150 per bucket — we'll add this to your quote."; /* ---------- Terms (fetched from Sanity — see applyCateringTerms) ---------- */ let TERMS_COPY = { title: 'Terms & *conditions.*', terms: [ 'All orders are accepted on a pre-order basis, with a minimum of 15 guests.', 'A 60% advance confirms your booking; the balance is due upon delivery.', 'For orders below 15 guests, food is delivered in buckets at NPR 150 per bucket.', 'Delivery charges apply and vary by location.', 'Buffet service, crockery and additional arrangements are available at an extra charge.', 'Please do not reheat food directly in the hotcase; any damage will be charged at its full replacement cost.', ], }; const rs = (v) => `Rs ${Number(v).toLocaleString('en-IN')}`; function Eyebrow({ children }) { return
{children}
; } /* ---------- Hero ---------- */ function CateringHero() { const h = CATERING_HERO; return (
{h.tagline &&
{h.tagline}
}

{h.description}

See packages Browse full menu
{h.stats.length > 0 && (
{h.stats.map((st, i) => (
{st.label}
))}
)}
{h.imageAlt}
{h.badgeTitle && (
{h.badgeTitle}{h.badgeText}
)}
); } function CuisineRibbon() { if (!CATERING_HERO.cuisines.length) return null; return (
{CATERING_HERO.cuisines.map((c, i) => ( {i > 0 && }{c} ))}
); } /* ---------- Set packages ---------- */ function SlashText({ text }) { const parts = text.split('/').map((p) => p.trim()); return parts.map((p, i) => {i > 0 && / }{p}); } function PackagesSection({ onPick }) { const pick = (id) => () => onPick(id); return (
Set Packages

{PACKAGES_COPY.description}

Package 02

{SNACKS_SET.name}

{rs(SNACKS_SET.price)}
per person
{SNACKS_SET.groups.map((g, i) => (
{g.nonveg ? 'Non-veg' : 'Veg'} · choose any {g.count}
    {g.opts.map((o) =>
  • {o}
    • )}
))}
Plan with this package →
); } /* ---------- À la carte ---------- */ const slug = (text) => text.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, ''); /* Gives each card a unique anchor id from its menu-bar label (or title). */ function withAnchors(cards) { const seen = {}; return cards.map((c) => { const base = slug(c.navLabel || c.title) || 'card'; seen[base] = (seen[base] || 0) + 1; return { ...c, anchor: seen[base] > 1 ? `${base}-${seen[base]}` : base }; }); } function MenuRow({ name, detail, price, unit, onRequest }) { const hasPrice = price != null; return (
  • {name}{detail && {detail}} {(hasPrice || onRequest) && } {hasPrice && {rs(price)}{unit && / {unit.replace(/^per /, '')}}} {!hasPrice && onRequest && on request}
    • ); } function MenuCard({ card }) { const { anchor, kicker, title, groups, sideBySide, note, tags, style, image, imageAlt } = card; const tone = style && style !== 'plain' ? ` ${style}` : ''; return (
    {image &&
    {imageAlt
    }
    {kicker &&
    {kicker}
    }

    {title}

    {sideBySide ? (
    {groups.map((g, i) => (
    {g.label &&
    {g.label}
    }
      {g.items.map((it, j) =>
    • {it.name}{it.detail ? ` ${it.detail}` : ''}
      • )}
    ))}
    ) : groups.map((g, i) => (
    {g.label &&
    {g.label}
    }
      {g.items.map((it, j) => )}
    ))} {note &&

    {note}

    } {tags && tags.length > 0 &&
    {tags.map((t) => {t})}
    }
    ); } function MenuSectionCatering() { const cards = withAnchors(MENU_CARDS); // Wide screens: fixed columns (as in the design), cards top to bottom in list order. const columns = [1, 2, 3].map((n) => cards.filter((c) => (c.column || 1) === n)); return ( ); } /* ---------- Plan your order (quick estimate → WhatsApp) ---------- */ function Planner({ pkgId, setPkgId }) { const pkgs = [MAIN_SET, SNACKS_SET]; const [guests, setGuests] = React.useState(25); const [date, setDate] = React.useState(''); const pkg = pkgs.find((p) => p.id === pkgId); const n = Math.max(1, guests || 1); const sub = pkg.price * n; const adv = Math.round(sub * ADVANCE_SHARE); const msg = `Hi House of Swad, I'd like a catering quote.\nPackage: ${pkg.name} package (${rs(pkg.price)}/person)\nGuests: ${n}` + (date ? `\nDate: ${date}` : '') + `\nEstimate: ${rs(sub)}`; return (
    Plan Your Order

    {PLANNER_COPY.description}

    {PLANNER_COPY.notice &&
    !{PLANNER_COPY.notice}
    }
    Package
    {pkgs.map((p) => ( ))}
    {n} guests × {rs(pkg.price)}{rs(sub)}
    {Math.round(ADVANCE_SHARE * 100)}% advance to confirm{rs(adv)}
    Balance on delivery{rs(sub - adv)}
    {n < SET_MIN_PAX && SMALL_ORDER_NOTE &&

    {SMALL_ORDER_NOTE}

    } Send enquiry on WhatsApp or call {PHONE_LABEL}
    ); } /* ---------- Terms ---------- */ function CateringTerms() { if (!TERMS_COPY.terms.length) return null; return (
    Good to Know

      {TERMS_COPY.terms.map((t, i) =>
    1. {String(i + 1).padStart(2, '0')}{t}
      2. )}
    ); } /* ---------- App ---------- */ function CateringApp() { useReveal(); const [pkgId, setPkgId] = React.useState(MAIN_SET.id); React.useEffect(() => { // Content mounts only after the Sanity fetch, so the browser's own // load-time anchor scroll has nothing to land on — redo it once here. const key = window.location.hash.replace('#', ''); if (key) document.getElementById(key)?.scrollIntoView({ block: 'start' }); }, []); return (
    ); } window.mountSwadCatering = function mountSwadCatering(rootEl) { fetch(CATERING_QUERY_URL).then((r) => r.json()).then(({ result }) => { applyCateringHero(result && result.hero); applyCateringPackages(result && result.packages); applyCateringMenu(result && result.menu); applyCateringPlanner(result && result.planner); applyCateringTerms(result && result.terms); }).catch(() => {}).then(() => { ReactDOM.createRoot(rootEl).render(); }); };