/**
* TrendApp — Login + Recuperar senha (§7)
* Puramente visual: sem autenticação real. "Entrar" navega para /inicio.
*
* Layout premium: hero fotográfico dark no topo + card branco flutuante
* no rodapé com formulário. Sem pill "TS by TrendScience".
*/
// (React hooks declarados uma vez em logo.jsx)
function LoginScreen() {
const { go } = useRouter();
const [email, setEmail] = useState('ana.souza@trendscience.mock');
const [senha, setSenha] = useState('••••••••');
const [mostrarSenha, setMostrarSenha] = useState(false);
const [erro, setErro] = useState('');
const [loading, setLoading] = useState(false);
function submit(e) {
e.preventDefault();
setErro('');
if (!email.includes('@') || !senha) {
setErro('Verifique e-mail e senha.');
return;
}
setLoading(true);
setTimeout(() => {
setLoading(false);
go('/inicio', { replace: true });
}, 700);
}
return (
{/* ── Hero fotográfico (fundo cobre toda a tela) ─────────────── */}
{/* Overlay dark verde-preto — a maior parte da tela fica escura,
só o topo mostra a textura orgânica */}
{/* Vinheta lateral */}
{/* ── Conteúdo em duas camadas ─────────────────────────────── */}
{/* Topo dark — marca + saudação */}
Acesso
Bem-vindo de volta.
{/* Card branco flutuante — formulário */}
{/* Handle sutil (opcional — dá sensação de sheet premium) */}
Problemas de acesso?{' '}
);
}
function RecuperarSenhaScreen() {
const { back } = useRouter();
const [email, setEmail] = useState('');
const [enviado, setEnviado] = useState(false);
function submit(e) {
e.preventDefault();
setEnviado(true);
}
return (
{/* Mesmo hero fotográfico do Login */}
{/* Topo dark — back + saudação */}
Recuperar senha
Vamos ajudar você a voltar.
{/* Card branco */}
{!enviado ? (
) : (
Instruções enviadas
Se houver uma conta vinculada a este e-mail, você receberá as instruções em instantes.