/* global React, Ic, Logo, PROPS, ZONAS, TIPOS, TIPOLOGIAS, PRECOS, eur, WA, useState, useEffect, useMemo, useCallback */ const { useState, useEffect, useMemo, useCallback } = React; /* Carrega os imóveis a partir da API de gestão (com os imóveis-exemplo como reserva). */ function useProperties(){ const [props, setProps] = useState(PROPS); useEffect(()=>{ let live = true; fetch("/api/properties") .then(r=>r.ok?r.json():Promise.reject()) .then(d=>{ if(live && Array.isArray(d) && d.length) setProps(d); }) .catch(()=>{}); return ()=>{ live=false; }; },[]); return props; } /* Carrega as definições do site (imagens configuráveis no painel de gestão). */ function useSettings(){ const [s,setS] = useState({}); useEffect(()=>{ let live = true; fetch("/api/settings") .then(r=>r.ok?r.json():Promise.reject()) .then(d=>{ if(live && d && typeof d==="object") setS(d); }) .catch(()=>{}); return ()=>{ live=false; }; },[]); return s; } /* Scroll-reveal: observes [data-reveal] elements and adds .is-in when visible. */ function useScrollReveal(deps){ useEffect(()=>{ const els = Array.from(document.querySelectorAll("[data-reveal]:not(.is-in)")); if(!("IntersectionObserver" in window)){ els.forEach(el=>el.classList.add("is-in")); return; } const io = new IntersectionObserver((entries)=>{ entries.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add("is-in"); io.unobserve(e.target); } }); }, { threshold:.12, rootMargin:"0px 0px -8% 0px" }); els.forEach(el=>io.observe(el)); return ()=>io.disconnect(); }, deps); } /* ---------- Property Card ---------- */ function Card({ p, onOpen, i=0 }){ const reservada = p.estado !== "À venda"; return (
onOpen(p)}> {p.title} {p.estado} {p.fotos.length} fotos
{p.preco ? eur(p.preco) : "Sob consulta"}

{p.title || p.tipo}

{p.zona ? `${p.zona}, Braga` : "Braga"}
{!!p.quartos && {p.quartos} quartos} {!!p.wc && {p.wc} WC} {!!p.area && {p.area} m²}
); } /* ---------- Modal gallery ---------- */ function Modal({ p, onClose }){ const [i,setI] = useState(0); const n = p.fotos.length; const go = useCallback((d)=> setI(v => (v + d + n) % n), [n]); useEffect(()=>{ const k = e => { if(e.key==="Escape") onClose(); if(e.key==="ArrowRight") go(1); if(e.key==="ArrowLeft") go(-1); }; window.addEventListener("keydown",k); document.body.style.overflow="hidden"; return ()=>{ window.removeEventListener("keydown",k); document.body.style.overflow=""; }; },[go,onClose]); // touch swipe const tx = React.useRef(0); return (
e.stopPropagation()}>
tx.current=e.touches[0].clientX} onTouchEnd={e=>{const d=e.changedTouches[0].clientX-tx.current; if(d<-40)go(1); if(d>40)go(-1);}}> {p.title}/ {n>1 && <>
{p.fotos.map((_,k)=>setI(k)}/>)}
}
{p.preco ? eur(p.preco) : "Sob consulta"}

{p.title || p.tipo}

{p.zona ? `${p.zona}, Braga` : "Braga"}
{!!p.quartos && {p.quartos} quartos} {!!p.wc && {p.wc} casas de banho} {!!p.area && {p.area} m²} {p.tipo}
{p.desc &&

{p.desc}

}
{p.feats.map(f=>{f})}
Marcar visita Ligar agora
); } /* ---------- Filters ---------- */ function Filters({ f, set, reset, zonas }){ return (
); } /* ---------- Contact form ---------- */ function ContactForm(){ const [f,setF] = useState({nome:"",telefone:"",mensagem:""}); const [sent,setSent] = useState(false); const [busy,setBusy] = useState(false); const [err,setErr] = useState(""); const set = k => e => setF(s=>({...s,[k]:e.target.value})); const submit = async e => { e.preventDefault(); setBusy(true); setErr(""); try{ const r = await fetch("/api/messages",{ method:"POST", headers:{"Content-Type":"application/json"}, body:JSON.stringify(f), }); if(!r.ok) throw new Error((await r.json().catch(()=>({}))).error || "Erro ao enviar."); setSent(true); }catch(e){ setErr(e.message); } finally{ setBusy(false); } }; if(sent) return
Obrigada! A sua mensagem foi registada. A Claudia entrará em contacto brevemente.
; return (