export default (props) => { // Reveal próprio (IntersectionObserver + classes .sp-reveal do CSS do tenant). // Não usa react-reveal: aquele deixa o elemento em opacity:0 até o scroll // disparar e, quando não dispara, a página fica em branco. Aqui o HTML do // servidor já sai visível e só quem está ABAIXO da dobra é escondido para // animar na entrada — nada depende de JS para ser lido/indexado. const Fade = (p) => { const ref = React.useRef(null); const [state, setState] = React.useState(""); React.useEffect(() => { const element = ref.current; if (!element || typeof IntersectionObserver === "undefined") return; if (element.getBoundingClientRect().top < window.innerHeight) return; setState("armed"); const observer = new IntersectionObserver( (entries) => { if (entries.some((entry) => entry.isIntersecting)) { setState("shown"); observer.disconnect(); } }, { rootMargin: "0px 0px -8% 0px" } ); observer.observe(element); return () => observer.disconnect(); }, []); const className = ("sp-reveal" + (p.down ? " sp-down" : "") + " " + state).trim(); const children = React.Children.toArray(p.children); if (children.length === 1 && React.isValidElement(children[0])) return React.cloneElement(children[0], { ref, className: ((children[0].props.className || "") + " " + className).trim(), }); return (

{p.children}

); }; const lang = String(props.lang || "pt").toLowerCase() === "en" ? "en" : "pt"; const domain = props.domain || "spatiumresidence.com"; const media = (tag) => "https://api.dashify.net:2083/api/apps/" + domain + "/medias/I?tag=" + tag; // O logo escuro está gravado como media de tipo "L" (o tipo canônico de logo // da hierarquia), não como imagem genérica "I". const logo = "https://api.dashify.net:2083/api/apps/" + domain + "/medias/L"; const DICT = { Know_more: { pt: "Saiba mais", en: "Know more" }, Per_month: { pt: "Por mês", en: "Per month" }, From: { pt: "Desde", en: "From" }, Our_room_selection: { pt: "A nossa seleção de quartos", en: "Our room selection", }, What_we_have_to_offer: { pt: "O que temos a oferecer", en: "What we have to offer", }, Get_in_touch_with_us: { pt: "Entre em contato connosco", en: "Get in touch with us", }, All_rights_reserved: { pt: "Todos os direitos reservados", en: "All rights reserved", }, }; const t = (key) => (DICT[key] || {})[lang] || key.replace(/_/g, " "); const slug = (value) => String(value || "") .normalize("NFD") .replace(/[\u0300-\u036f]/g, "") .toLowerCase() .replace(/[^a-z0-9]+/g, "-") .replace(/^-+|-+$/g, ""); // Conteúdo do Spatium legado (spatium.beejs.org). O snapshot abaixo é o que // renderiza no servidor (SEO) e o fetch atualiza no cliente. // TODO migrar rooms/contacts/banners para os models do próprio Dashify // (items + hierarchies_contacts) e remover a dependência da API legada. const LEGACY_FEED = "https://spatium.beejs.org:8443/api/feed"; const SNAPSHOT = { contacts: { email: "geral@spatiumresidence.com", phone: "+351 962 482 044", address: "Estrada do Sineiro 33, 6200-209 Covilhã", twitter: "https://www.twitter.com/spatiumresidence", instagram: "https://www.instagram.com/spatiumresidence", facebook: "https://www.facebook.com/spatium.residence", }, banners: [ { id_banner: 1, type: "R", title_pt: "O melhor da vida começa aqui!", title2_pt: "Conforto, Privacidade, Comunidade e Natureza a minutos da tua faculdade.", title_en: "Life starts here!", title2_en: "Comfort, Privacy, Nature and Community just few minutes from your University.", }, ], rooms: [ { id_room: 1, type: "R", title_pt: "Quarto Conforto", title_en: "Comfort Room", description_pt: "Quarto totalmente mobilado com WC privado, internet, acesso às áreas comuns e pátio privativo.", description_en: "Fully furnished room with private toilet, internet, access to common areas.", price: 0, }, { id_room: 2, type: "R", title_pt: "Quarto Deluxe", title_en: "Deluxe Room", description_pt: "Quarto espaçoso, totalmente mobilado, com WC privado, internet, acesso às áreas comuns.", description_en: "Spacious room, fully furnished, with private toilet, internet, access to common areas.", price: 0, }, { id_room: 3, type: "R", title_pt: "Quarto Conforto Patium", title_en: "Patium Comfort Room", description_pt: "Quarto totalmente mobilado com WC privado, internet, acesso às áreas comuns e pátio privativo.", description_en: "Fully furnished room with private toilet, internet, access to common areas and private patio.", price: 0, }, { id_room: 4, type: "R", title_pt: "Quarto Deluxe Patium", title_en: "Patium Deluxe Room", description_pt: "Quarto espaçoso, totalmente mobilado, com WC privado, internet, acesso às áreas comuns e pátio privativo.", description_en: "Spacious room, fully furnished, with private toilet, internet, access to common areas and private patio.", price: 0, }, { id_room: 5, type: "R", title_pt: "Apartamento - Estúdio", title_en: "Studio", description_pt: "Estúdio T0 totalmente mobilado, com cozinha, casa de banho, internet e pátio exterior privado.", description_en: "Studio fully furnished, with kitchen, bathroom, internet and private outdoor courtyard.", price: 0, }, ], }; const OFFER = [ { icon: "icon-cleaner", title_pt: "Limpeza", title_en: "Cleaning", description_pt: "As zonas comuns são limpas diariamente.", description_en: "The common areas are cleaned daily.", }, { icon: "icon-security", title_pt: "Segurança", title_en: "Security", description_pt: "Para garantir a tua segurança, as portas abrem com código pessoal e existem câmaras nas áreas comuns.", description_en: "To ensure your safety, the doors open with a personal code and there are cameras in the common areas.", }, { icon: "icon-wifi", title_pt: "WIFI Rápido", title_en: "Fast WIFI", description_pt: "Vais poder navegar na internet a alta velocidade, em toda a residência.", description_en: "You will be able to surf the internet at high speed, all over the residence.", }, { icon: "icon-coins", title_pt: "Despesas fixas", title_en: "Fixed expenses", description_pt: "As despesas de água, eletricidade e gás estão limitadas a um valor fixo, para evitar surpresas!", description_en: "Water, electricity and gas costs are limited to a fixed amount, to avoid surprises!", }, { icon: "icon-kitchen", title_pt: "Kitchenette", title_en: "Kitchenette", description_pt: "Todos os estúdios têm kitchenette equipada com frigorifico, fogão, forno e microondas.", description_en: "All studios have a kitchenette equipped with a refrigerator, stove, oven and microwave.", }, { icon: "icon-bed", title_pt: "Cama de Casal", title_en: "Double Bed", description_pt: "Todos os estúdios estão equipados com camas de casal.", description_en: "All studios are equipped with double bed.", }, { icon: "icon-garden", title_pt: "Jardim", title_en: "Garden", description_pt: "A residência possui um jardim luxuriante onde podes realizar eventos ou simplesmente relaxar.", description_en: "The residence has a lush garden where you can hold events or just relax.", }, { icon: "icon-wash", title_pt: "Lavandaria", title_en: "Laundry", description_pt: "Podes lavar, secar e engomar a tua roupa, ou confiá-la à nossa equipa que a entregará lavada e engomada.", description_en: "You can trust your clothes to our cleaning team, who will deliver them washed and ironed.", }, ]; const [feed, setFeed] = React.useState(SNAPSHOT); React.useEffect(() => { fetch(LEGACY_FEED) .then((response) => response.json()) .then((response) => { const data = response && response.data; if (data && data.rooms && data.rooms.length) setFeed(data); }) .catch(() => {}); }, []); const contacts = feed.contacts || {}; const banner = (feed.banners || []).filter((a) => a.type === "R")[0] || {}; const rooms = (feed.rooms || []).filter((a) => a.type === "R"); return ( <>

Comfort Room

Features

Furniture