/* Inner pages: Services, Booking, Locations, Contact */ (function () { const { Button, Badge, Card, SectionHeading, Input, Select } = window.KhandelwalGasDesignSystem_68d8db; const ff = (hi) => (hi ? 'var(--font-hindi)' : 'var(--font-body)'); function PageHeader({ t, eyebrow, title, sub }) { const hi = t.dir === 'hi'; return (
); } /* ---------- SERVICES ---------- */ function ServicesPage({ t, setPage }) { const s = t.services, hi = t.dir === 'hi'; const I = window.KG_INFO; const detail = hi ? [['14.2 किग्रा', '5 किग्रा', 'डबल-सिलेंडर कनेक्शन'], ['19 किग्रा', '47.5 किग्रा', 'मासिक अनुबंध'], ['थोक आपूर्ति', 'पाइप गैस सिस्टम', 'समर्पित प्रबंधक'], ['ISI रेगुलेटर', 'सुरक्षा पाइप', 'हॉटप्लेट और चूल्हे']] : [['14.2 kg refill', '5 kg small pack', 'Double-cylinder connection'], ['19 kg cylinder', '47.5 kg cylinder', 'Monthly contracts'], ['Bulk supply', 'Reticulated piped gas', 'Dedicated account manager'], ['ISI regulators', 'Safety hoses', 'Hotplates & stoves']]; // primary action per service: domestic/commercial → book a refill; industrial → enquiry; accessories → call const action = hi ? [['रिफिल बुक करें', 'book'], ['रिफिल बुक करें', 'book'], ['पूछताछ करें', 'contact'], ['अभी कॉल करें', 'call']] : [['Book a refill', 'book'], ['Book a refill', 'book'], ['Make an enquiry', 'contact'], ['Call to order', 'call']]; return (
{s.items.map((it, i) => (

{it.title}

{it.tag && {it.tag}}

{it.desc}

    {detail[i].map((d, j) => (
  • {d}
    • ))}
{action[i][1] === 'call' ? ( ) : ( )}
))}
{/* closing CTA */}

{hi ? 'अपनी गैस की ज़रूरत बताएँ' : 'Tell us what you need'}

{hi ? 'रिफिल बुक करें या हमें सीधे कॉल करें — हम बाकी संभाल लेंगे।' : 'Book a refill or call us directly — we’ll handle the rest.'}

); } /* ---------- BOOKING ---------- */ function BookingPage({ t }) { const b = t.book, hi = t.dir === 'hi'; const [done, setDone] = React.useState(false); return (
{done ? (

{hi ? 'बुकिंग प्राप्त हुई' : 'Booking received'}

{b.done}

) : (
{ e.preventDefault(); setDone(true); }}>
{b.f_pay}
{[b.pay_prepaid, b.pay_cod].map((p, i) => ( ))}
)}
); } /* ---------- LOCATIONS ---------- */ function LocationsPage({ t }) { const l = t.locations, I = window.KG_INFO, hi = t.dir === 'hi'; return (
{[[l.agency, I.address, 'map-pin'], [l.godown, hi ? 'औद्योगिक क्षेत्र, जयपुर' : 'Industrial Area, Jaipur', 'warehouse']].map(([title, addr, icon], i) => (

{title}

{addr}

{l.hours}

 ))}
{hi ? 'डिलीवरी हेल्पलाइन' : 'Delivery helpline'}
{I.phone}
{/* map */}
{hi ? 'सांगानेरी गेट, जयपुर' : 'Sanganeri Gate, Jaipur'}
); } /* ---------- CONTACT (incl. locations) ---------- */ function ContactPage({ t }) { const c = t.contact, l = t.locations, I = window.KG_INFO, hi = t.dir === 'hi'; const methods = [ [c.call, I.phone, 'phone', 'tel:' + I.phoneRaw, hi ? 'सोम–शनि · सुबह 9 – शाम 7' : 'Mon–Sat · 9 AM – 7 PM'], [c.email, I.email, 'mail', 'mailto:' + I.email, hi ? 'हम 24 घंटे में जवाब देते हैं' : 'We reply within 24 hours'], ]; return (
{/* left: ways to reach us */}
{methods.map(([label, val, icon, href, hint], i) => (
{label}
{val}
{hint}
 ))} {/* main agency / address */}
{l.agency}

{I.address}

{l.hours}
{/* right: map */}
{hi ? 'सांगानेरी गेट, जयपुर' : 'Sanganeri Gate, Jaipur'}
); } /* ---------- NEW CONNECTION ---------- */ function ConnectionPage({ t }) { const c = t.connection, hi = t.dir === 'hi'; const [done, setDone] = React.useState(false); return (
{done ? (

{hi ? 'आवेदन प्राप्त' : 'Application received'}

{c.done}

) : (
{ e.preventDefault(); setDone(true); }}>