// LUXOMES — Stays / About / Contact pages // ---------- Location Detail Page (Bright-style structure, LUXOMES CI) ---------- // `aptId` (optional) selects which apartment category is initially active and // scrolls the page to the apartments section — used by deep links like // /standorte/nuernberg/nue-design for per-apartment SEO landing pages. function LocationDetailPage({ locationKey, aptId, lang, setPage }) { const loc = LOCATIONS.find(l => l.key === locationKey); if (!loc) return
Not found.
; // Resolve initial active category from aptId (if provided and valid) const initialCat = aptId ? Math.max(0, loc.categories.findIndex(c => c.id === aptId)) : 0; const [galleryIdx, setGalleryIdx] = useState(0); const [activeCat, setActiveCat] = useState(initialCat); const cat = loc.categories[activeCat]; const [catImg, setCatImg] = useState(0); useEffect(() => { setCatImg(0); }, [activeCat]); // When arriving with an apartment-specific URL, scroll to the apartments // section once the layout is laid out so the deep-linked apartment is the // first thing the user sees. useEffect(() => { if (!aptId) return; const t = setTimeout(() => { const el = document.getElementById("apartments"); if (el) el.scrollIntoView({ behavior: "smooth", block: "start" }); }, 150); return () => clearTimeout(t); }, [aptId]); const tx = { de: { ourStay: "Unser Standort", aboutHeading: "Über diesen Standort", whatToExpect: "Was Dich erwartet", reachable: "Erreichbarkeit", apartmentsHere: "Apartments an diesem Standort", chooseCat: "Wähle Deine Kategorie", rooms: "Zimmer", guests: "Gäste", baths: "Bad", size: "Größe", beds: "Schlafsituation", perNight: "pro Nacht", checkAvail: "Verfügbarkeit prüfen", bookNow: "Jetzt buchen", amen: "Ausstattung", amenWifi: "Highspeed WiFi", amenTv: "Smart-TV", amenKitchen: "Voll ausgestattete Küche", amenCheckin: "Self check-in", amenWasher: "Waschmaschine", amenWorkspace: "Arbeitsbereich", amenLinens: "Bettwäsche & Handtücher", amenCleaning: "Reinigungsservice", }, en: { ourStay: "Our location", aboutHeading: "About this location", whatToExpect: "What to expect", reachable: "Connections", apartmentsHere: "Apartments at this location", chooseCat: "Pick your category", rooms: "rooms", guests: "guests", baths: "bath", size: "size", beds: "Beds", perNight: "per night", checkAvail: "Check availability", bookNow: "Book now", amen: "Amenities", amenWifi: "Highspeed WiFi", amenTv: "Smart TV", amenKitchen: "Fully equipped kitchen", amenCheckin: "Self check-in", amenWasher: "Washer", amenWorkspace: "Workspace", amenLinens: "Linens & towels", amenCleaning: "Cleaning service", }, }[lang]; const amenities = [ { icon: "wifi", label: tx.amenWifi }, { icon: "tv", label: tx.amenTv }, { icon: "kitchen", label: tx.amenKitchen }, { icon: "lock", label: tx.amenCheckin }, { icon: "home", label: tx.amenWasher }, { icon: "sparkle", label: tx.amenWorkspace }, { icon: "bed", label: tx.amenLinens }, { icon: "check", label: tx.amenCleaning }, ]; return ( <> {/* HERO with gallery */}
/ {tx.ourStay}

{lang === "de" ? "Serviced Apartments in " : "Serviced apartments in "} {loc.city}

{loc.address[lang]} · {loc.region[lang]}

{loc.heroLead[lang]}

{/* Gallery: 1 large + 4 small */}
{[1,2,3,4].map(i => (
setGalleryIdx(i)} style={{ backgroundImage: `url(${loc.heroImages[i] || loc.heroImages[0]})`, cursor: "pointer", borderRadius: 4 }}>
))}
{/* Quick stats strip */}
{loc.categories.length}
{lang === "de" ? "Kategorien" : "categories"}
{Math.max(...loc.categories.map(c => c.guests))}
{lang === "de" ? "max. Gäste" : "max guests"}
{Math.max(...loc.categories.map(c => c.size))} m²
{lang === "de" ? "größtes Apt." : "largest apt."}
{tx.checkAvail}
{/* About + connections */}
{tx.aboutHeading}

{lang === "de" ? `${loc.city} — `: `${loc.city} — `} {lang === "de" ? "Dein Zuhause auf Zeit." : "your home away from home."}

{loc.about[lang]}

{tx.whatToExpect}

{amenities.map(a => (
{a.label}
))}
{/* Apartment categories — vertical list with image switcher (Bright-style) */}
{tx.apartmentsHere}

{tx.chooseCat}

{lang === "de" ? `Wir bieten in ${loc.city} ${loc.categories.length} unterschiedliche Kategorien — wähle das Apartment, das zu Deinem Aufenthalt passt.` : `In ${loc.city} we offer ${loc.categories.length} distinct categories — pick the apartment that fits your stay.`}

{/* Category list */}
{loc.categories.map((c, i) => ( ))}
{/* Active category preview */}
{cat.images.slice(0, 4).map((im, i) => (

{cat.title[lang]}

{/* Spec grid */}

{cat.body[lang]}

{tx.beds} {cat.bed[lang]}
{lang === "de" ? "Preis" : "Price"}
{lang === "de" ? cat.price : cat.priceEn}
{tx.bookNow}
{/* Common areas (only renders if location has a commonAreas object — currently Humboldt only) */} {loc.commonAreas && (
{lang === "de" ? "Gemeinschaftsbereiche" : "Shared areas"}

{loc.commonAreas.title[lang]}

{loc.commonAreas.intro[lang]}

{/* Asymmetric mosaic: 1 large left + 2x2 small right, then row of 4 */}
{[1, 2, 3, 4].map(i => (
))}
{loc.commonAreas.images.length > 5 && (
{loc.commonAreas.images.slice(5, 9).map((img, i) => (
))}
)}
)} {/* CTA Banner */}
{lang === "de" ? "Bereit zu buchen?" : "Ready to book?"}

{lang === "de" ? `Komm nach\n${loc.city}.` : `Come to\n${loc.city}.`}

{lang === "de" ? "Kontaktloser Self-Check-in, persönlicher Support per WhatsApp und Apartments, in denen Du Dich sofort zuhause fühlst." : "Contactless self-check-in, personal support via WhatsApp, and apartments where you'll feel at home from minute one."}

{tx.checkAvail}
); } function SpecCell({ label, value }) { return (
{value}
{label}
); } // ---------- About ---------- const TEAM = [ { name: "Maksat Munal", role: { de: "Co-Founder / CEO", en: "Co-Founder / CEO" }, bio: { de: "Mitgründer und Geschäftsführer — verantwortlich für Vision, Strategie und Wachstum von LUXOMES. Hat das Unternehmen 2020 mit dem Anspruch gestartet, Wohnen auf Zeit grundlegend neu zu denken.", en: "Co-founder and CEO — responsible for LUXOMES' vision, strategy and growth. Launched the company in 2020 with the ambition to rethink extended stays from the ground up.", }, img: PHOTO.team_maksat, }, { name: "Santore Talipova", role: { de: "Mitgründerin / Managerin", en: "Co-Founder / Manager" }, bio: { de: "Gründerin und Manager — verantwortlich für die operative Umsetzung, das Tagesgeschäft und die Qualität in allen Apartments. Sorgt dafür, dass Gäste sich wirklich wie zuhause fühlen.", en: "Founder and manager — running day-to-day operations and quality across all apartments. Makes sure guests genuinely feel at home.", }, img: PHOTO.team_santore, }, { name: "Phillip Neugebauer", role: { de: "Partner / Head of Finance", en: "Partner / Head of Finance" }, bio: { de: "Partner und Leitung Finanzen — verantwortlich für Controlling, Strukturierung und solide Wirtschaftlichkeit jedes Standorts. Bringt LUXOMES profitabel und nachhaltig in die nächste Wachstumsstufe.", en: "Partner and Head of Finance — owning controlling, structuring and sound economics at every location. Drives LUXOMES into its next growth stage — profitably and sustainably.", }, img: PHOTO.team_phillip, }, { name: "Azamat Munal", role: { de: "Consulting", en: "Consulting" }, bio: { de: "Berater an der Schnittstelle zwischen Technologie, Operations und Wachstum. Treibt Digitalisierung, Prozessautomatisierung und neue Geschäftsmodelle innerhalb von LUXOMES voran.", en: "Advisor at the intersection of technology, operations and growth. Drives digital transformation, process automation and new business models inside LUXOMES.", }, img: PHOTO.team_azamat, }, ]; function AboutPage({ t, lang }) { return ( <>
{t.about.heroEyebrow}

{t.about.heroTitle}

{t.about.heroLead}

{lang === "de" ? "Unsere Geschichte" : "Our story"}

{t.about.storyTitle}

{t.about.storyBody1}

{t.about.storyBody2}

2020
{lang === "de" ? "Gegründet" : "Founded"}
4
{lang === "de" ? "Städte" : "Cities"}
40+
Apartments
{lang === "de" ? "Werte" : "Values"}

{t.about.valuesTitle}

{ABOUT_VALUES.map((v, i) => (
0{i+1}

{v.title[lang]}

{v.body[lang]}

))}
{lang === "de" ? "Das Team" : "The team"}

{lang === "de" ? "Die Menschen hinter LUXOMES." : "The people behind LUXOMES."}

{lang === "de" ? "Ein kleines, fokussiertes Team — tief in Hospitality, Design und Technologie zuhause. Jede Person hier trägt persönliche Verantwortung für das, was Du als Gast oder Partner erlebst." : "A small, focused team — deep in hospitality, design and technology. Every person here carries personal responsibility for what you experience as a guest or partner."}

{TEAM.map((p, i) => (
{p.name}
{p.role[lang]}

{p.bio[lang]}

))}
{/* Case Studies — proof points before contact CTA. Mirrors Arbio-style portfolio showcase. */}
{lang === "de" ? "Aus der Praxis" : "From the field"}

{lang === "de" ? "Was wir gemacht haben." : "What we've done."}

{lang === "de" ? "Zwei konkrete Beispiele, wie aus einer Idee bei LUXOMES ein laufender Betrieb wird — von der ausgelasteten Pension bis zum ersten Aparthotel einer Kleinstadt." : "Two concrete examples of how an idea turns into a running operation at LUXOMES — from a fully-booked guesthouse to the first aparthotel of a small town."}

{(() => { const setPage = window.__setPage || (() => {}); const Card = window.BlogCard; const posts = (window.BLOG_POSTS || []).slice(0, 2); if (!Card) return null; return (
{posts.map(post => ( ))}
); })()}
{ (window.__setPage || (() => {}))("blog"); window.scrollTo(0, 0); }} className="btn btn-secondary" style={{ cursor: "pointer", display: "inline-flex" }}> {lang === "de" ? "Alle Beiträge ansehen" : "View all posts"}
); } // ---------- Contact ---------- function ContactPage({ t, lang }) { const [state, setState] = useState("idle"); // idle | sending | sent | error const onSubmit = async (e) => { e.preventDefault(); setState("sending"); const result = await window.submitContact(e.target, { _subject: "LUXOMES Kontaktanfrage", source: "contact-page" }); if (result.ok) { setState("sent"); e.target.reset(); } else { setState("error"); } }; return ( <>
{t.contact.heroEyebrow}

{t.contact.heroTitle}

{t.contact.heroLead}

{lang === "de" ? "Direkter Kontakt" : "Direct contact"}
{lang === "de" ? "Schreib uns eine Nachricht" : "Send us a message"}