// Home — premium redesign · editorial, asymmetric, content-rich // Conteúdo marcado [REVER] foi escrito pelo agente para validação pelo cliente. // ──────────────────────────────────────────────────────────────────────────── // HERO — split editorial com sala-tratamento (foto real), disponibilidade // ──────────────────────────────────────────────────────────────────────────── function Hero() { const { t } = useLang(); const h1Lines = t('hero.h1'); return (
{/* Foto de fundo — cobre toda a secção, gradiente faz a transição */}
Equipa da Clínica Rita Guerreiro em Loulé {/* Eyebrow pill — visível só em mobile via CSS */}
{/* Conteúdo principal */}
{/* Linha vertical decorativa */}
); } // ──────────────────────────────────────────────────────────────────────────── // TRUST BAND — substitui o StatsStrip genérico // ──────────────────────────────────────────────────────────────────────────── function StatsStrip() { const { t } = useLang(); const items = [ { value: '10', suffix: '+', label: t('trust.anos'), desc: t('trust.anos_desc'), }, { value: '500', suffix: '+', label: t('trust.pacientes'), desc: null, }, { value: '25', suffix: '', label: t('trust.terapias'), desc: null, }, ]; return (
{items.map((it, i) => (
{it.value} {it.suffix && ( {it.suffix} )}

{it.label}

))}
); } // ──────────────────────────────────────────────────────────────────────────── // SERVICES CARD — Editorial Menu (lista 01–04 + imagem reactiva) // ──────────────────────────────────────────────────────────────────────────── function ServicesCard() { const { t } = useLang(); const items = [ { num: '01', name: t('services_menu.01_name'), href: '/servico/fisioterapia', img: IMG.fisioterapia, blurb: t('services_menu.01_blurb') }, { num: '02', name: t('services_menu.02_name'), href: '/servico/pilates-clinico', img: IMG['pilates-clinico'], blurb: t('services_menu.02_blurb') }, { num: '03', name: t('services_menu.03_name'), href: '/servico/massagens', img: IMG['massagem-relaxamento'], blurb: t('services_menu.03_blurb') }, { num: '04', name: t('services_menu.04_name'), href: '/servico/psicologia', img: IMG.psicologia, blurb: t('services_menu.04_blurb') }, ]; const [active, setActive] = React.useState(0); return (
{t('services_card.eyebrow')} {t('services_card.heading')}
{ e.currentTarget.style.background = RG.tealDark; e.currentTarget.style.color = '#fff'; }} onMouseLeave={e => { e.currentTarget.style.background = 'transparent'; e.currentTarget.style.color = RG.tealDark; }}> {t('services_card.cta')}
{/* Lista editorial com ghost numeral */}
    {items.map((it, i) => { const isActive = i === active; return (
  • setActive(i)} style={{ borderBottom: `1px solid ${RG.line}`, borderTop: i === 0 ? `1px solid ${RG.line}` : 'none', position: 'relative', overflow: 'hidden', }}> {/* Ghost numeral watermark */} {/* Teal left-border accent */}
    • ); })}
{/* Painel imagem reactiva */}
{items.map((it, i) => ( {it.name} ))} {/* Gradient overlay — top e bottom */}
); } // ──────────────────────────────────────────────────────────────────────────── // WHY US — accordion (mantém-se, é forte) // ──────────────────────────────────────────────────────────────────────────── function WhyUs() { const { t } = useLang(); const points = t('whyus.points'); const [active, setActive] = React.useState(0); return (
{t('whyus.eyebrow')} {t('whyus.heading')}
{points.map((p, i) => ( ))}
Equipa da Clínica Rita Guerreiro na receção
); } // ──────────────────────────────────────────────────────────────────────────── // SERVICES OVERVIEW — mantém grid mas com ajuste para o destaque editorial // ──────────────────────────────────────────────────────────────────────────── function ServicesOverview() { const { lang, t } = useLang(); const SVC = getServices(lang); const cats = [ { id: 'fisioterapia', num: '01', href: '/servico/fisioterapia', img: IMG.fisioterapia, ...SVC.fisioterapia }, { id: 'saude', num: '02', href: '/servico/saude', img: IMG.psicologia, ...SVC.saude }, { id: 'massagens', num: '03', href: '/servico/massagens', img: IMG['massagem-relaxamento'], ...SVC.massagens }, { id: 'holisticas', num: '04', href: '/servico/holisticas', img: IMG.reflexologia, ...SVC.holisticas }, { id: 'estetica', num: '05', href: '/servico/estetica', img: IMG['pilates-clinico'], ...SVC.estetica }, ]; return (
{t('services_overview.eyebrow')} {t('services_overview.heading')}
{cats.map((cat, ci) => ( {/* Área de imagem com placeholder gradient */}
{cat.label} { e.currentTarget.style.display = 'none'; }} />
{/* Conteúdo */}

{cat.label}

{cat.intro}

 ))}
); } // ──────────────────────────────────────────────────────────────────────────── // MEET RITA — nova secção humanizadora // ──────────────────────────────────────────────────────────────────────────── function MeetRita() { const { t } = useLang(); return (
{/* Foto + card de credenciais */}
Rita Guerreiro — Fisioterapeuta, Clínica em Loulé
{/* Card de credenciais sobreposto */}
{t('meet.card_label')}
{t('meet.card_name')}
{t('meet.card_credentials')}
{/* Texto */}
{t('meet.eyebrow')} {t('meet.heading')}

{t('meet.p1')}

{t('meet.p2')}

{t('meet.facts').map((f, i) => (
{f.value}
{f.label}
))}
); } // ──────────────────────────────────────────────────────────────────────────── // TESTIMONIALS — 1 destaque grande + 2 pequenos // ──────────────────────────────────────────────────────────────────────────── function Testimonials() { const { t } = useLang(); const featured = { q: t('testimonials_v2.featured_q'), who: 'Miguel Moreira', what: t('testimonials_v2.featured_what'), initials: 'MM', color: '#C5E8E5' }; const others = [ { q: t('testimonials_v2.t1_q'), who: 'Irina Mendes Martins', what: t('testimonials_v2.t1_what'), initials: 'IM', color: '#A8D8D4' }, { q: t('testimonials_v2.t2_q'), who: 'Mitchelle Sousa', what: t('testimonials_v2.t2_what'), initials: 'MS', color: '#B8D4D2' }, ]; const Stars = ({ size = 13 }) => (
{[...Array(5)].map((_, i) => ( ))}
); return (
{t('testimonials.eyebrow')} {t('testimonials.heading')}
{t('testimonials_v2.read_more')}
{/* Destaque grande */}
“{featured.q}”
{featured.initials}
{featured.who}
{featured.what}
 {/* Coluna direita: 2 testemunhos empilhados */}
{others.map((tt, i) => (

“{tt.q}”

{tt.initials}
{tt.who}
{tt.what}
 ))}
); } // ──────────────────────────────────────────────────────────────────────────── // HOME CTA — 3 opções claras lado a lado // ──────────────────────────────────────────────────────────────────────────── function HomeCTA() { const { t } = useLang(); const options = [ { icon: , title: t('homecta_v2.opt1_title'), desc: t('homecta_v2.opt1_desc'), cta: t('homecta_v2.opt1_cta'), href: 'https://wa.me/351961899364?text=Ol%C3%A1%2C%20gostava%20de%20agendar%20uma%20sess%C3%A3o.', external: true, featured: true, }, { icon: , title: t('homecta_v2.opt2_title'), desc: t('homecta_v2.opt2_desc'), cta: t('homecta_v2.opt2_cta'), href: 'tel:+351961899364', external: false, featured: false, }, { icon: , title: t('homecta_v2.opt3_title'), desc: t('homecta_v2.opt3_desc'), cta: t('homecta_v2.opt3_cta'), href: 'https://www.google.com/maps/dir/?api=1&destination=Rua+Padre+António+Vieira+58,+8100-611+Loulé,+Portugal', external: true, featured: false, }, ]; return (
); } function Values() { return null; } Object.assign(window, { Hero, StatsStrip, ServicesOverview, Values, ServicesCard, WhyUs, MeetRita, Testimonials, HomeCTA });