/* eslint-disable */ // Shared components for the Panorama Hotel Bur Dubai prototype. // All components attach to window for cross-script sharing. const { useState, useEffect, useRef, useMemo, useCallback } = React; // ============================================================ // Brand constants // ============================================================ const BRAND = { name: "Panorama Hotel Bur Dubai", short: "Panorama", address: "Al Mankhool Road, Bur Dubai · P.O. Box 14703", phone: "+971 4 351 8518", phoneHref: "tel:+97143518518", whatsapp: "https://wa.me/97143518518", email: "booking@panoramaburdubai.com", emailHref: "mailto:booking@panoramaburdubai.com", fax: "+971 4 351 8028", dtcm: "DTCM 226715", rooms: 58, floors: 6, renovated: 2014, trivagoScore: 6.5, trivagoReviews: 1678, }; const ROUTES = [ { id: "home", label: "Home" }, { id: "rooms", label: "Rooms" }, { id: "location", label: "Location" }, { id: "dining", label: "Dining" }, { id: "about", label: "About" }, { id: "honest", label: "Honest reviews" }, { id: "visa", label: "Visa letter" }, ]; // ============================================================ // Icons (small inline set — kept geometric on purpose) // ============================================================ const Icon = { arrow: (p) => ( ), arrowUp: (p) => ( ), menu: (p) => ( ), close: (p) => ( ), phone: (p) => ( ), whatsapp: (p) => ( ), metro: (p) => ( ), walk: (p) => ( ), car: (p) => ( ), bed: (p) => ( ), person: (p) => ( ), balcony: (p) => ( ), sqm: (p) => ( ), wifi: (p) => ( ), ac: (p) => ( ), check: (p) => ( ), star: (p) => ( ), shield: (p) => ( ), warn: (p) => ( ), thumb: (p) => ( ), }; window.Icon = Icon; window.BRAND = BRAND; window.ROUTES = ROUTES; // ============================================================ // Logo (clean vector reconstruction of the FB wordmark) // ============================================================ function Logo({ size = 28, color = "currentColor", showText = true }) { return (
{showText && (
Panorama BUR DUBAI
)}
); } window.Logo = Logo; // ============================================================ // Score badge — Trivago 6.5/10, framed not hidden // ============================================================ function ScoreBadge({ compact = false, source = "Trivago" }) { return (
{BRAND.trivagoScore}
{compact ? `${source} 6.5/10` : "Decent · 6.5 / 10"}
{BRAND.trivagoReviews.toLocaleString()} {source} reviews
); } window.ScoreBadge = ScoreBadge; // ============================================================ // Price-from chip // ============================================================ function PriceFromChip({ amount = 79, currency = "AED", note = "per night" }) { return (
From {currency} {amount} {note}
); } window.PriceFromChip = PriceFromChip; // ============================================================ // Distance chip — one location proof point // ============================================================ function DistanceChip({ icon = "walk", label, distance, time }) { const I = Icon[icon] || Icon.walk; return (
{label} {distance}{time ? ` · ${time}` : ""}
); } window.DistanceChip = DistanceChip; // ============================================================ // Top navigation // ============================================================ function Navbar({ route, setRoute, scrolled }) { const [mobileOpen, setMobileOpen] = useState(false); return ( <>
{ e.preventDefault(); setRoute("home"); }} aria-label="Panorama Hotel home" style={{ display: "inline-flex" }}>
{BRAND.phone}
{/* Mobile nav */}
{ e.preventDefault(); setRoute("home"); setMobileOpen(false); }} style={{ display: "inline-flex" }}>
{/* Mobile drawer */} {mobileOpen && (
setMobileOpen(false)}>
e.stopPropagation()} style={{ position: "absolute", top: 0, right: 0, bottom: 0, width: "min(86%, 340px)", background: "white", padding: 24, display: "flex", flexDirection: "column", gap: 4, animation: "pgIn 240ms cubic-bezier(.2,.7,.2,1)", }} >
{ROUTES.map(r => ( ))}
WhatsApp reception {BRAND.phone}
)} ); } window.Navbar = Navbar; // ============================================================ // WhatsApp FAB (mobile) // ============================================================ function WhatsAppFab() { return ( ); } window.WhatsAppFab = WhatsAppFab; // ============================================================ // Mobile booking strip // ============================================================ function MobileStrip({ setRoute }) { return (
From
AED 79 per night
WhatsApp
); } window.MobileStrip = MobileStrip; // ============================================================ // Footer // ============================================================ function Footer({ setRoute }) { return ( ); } window.Footer = Footer; // ============================================================ // Reusable section header // ============================================================ function SectionHeader({ eyebrow, title, kicker, align = "left", maxWidth }) { return (
{eyebrow &&
{eyebrow}
}

{title}

{kicker &&

{kicker}

}
); } window.SectionHeader = SectionHeader; // ============================================================ // Amenity row (small inline icons) // ============================================================ function AmenityRow({ items }) { return (
{items.map((it, i) => { const I = Icon[it.icon] || Icon.check; return ( {it.label} ); })}
); } window.AmenityRow = AmenityRow; // ============================================================ // Image // ============================================================ function Img({ src, alt, ratio = "16/9", warm = false, dark = false, style }) { return (
{alt}
); } window.Img = Img;