// Versão responsiva da seção "Recursos" — usada só na home-2.
// Desktop: mantém a UI desktop atual (browser chrome + tela escalada), fundo roxo.
// Mobile: carrossel de celulares fiéis (fundo claro), 1 slide por recurso.
// Isolada da home real (que não carrega este arquivo).
function AppScreensSectionV2() {
const screens = [
{ id: 'mes', label: 'Mês Atual', node: , phone: (w) => , h: 'Seu mês em um só lugar', p: 'Registre gastos e receitas em segundos, veja o saldo, quanto pode gastar hoje e para onde o dinheiro está indo — tudo atualizado na hora.', cap: 'Gastos, receitas, saldo e quanto dá pra gastar hoje — atualizado na hora.' },
{ id: 'import', label: 'Importar Dados', node: , phone: (w) => , h: 'Importe e deixe a IA organizar', p: 'Envie faturas, extratos ou planilhas: a IA lê o documento e transforma em lançamentos categorizados — separando gastos, parcelas e recorrentes, e avisando o que já existe, sem duplicar.', cap: 'Faturas, extratos e planilhas viram lançamentos categorizados, sem duplicar.' },
{ id: 'hist', label: 'Histórico', node: , phone: (w) => , h: 'Volte a qualquer mês', p: 'Reveja exatamente o que aconteceu em qualquer mês, com o mesmo detalhamento do mês atual — ideal para conferir e entender sua evolução.', cap: 'Reveja qualquer mês passado com o mesmo detalhamento do mês atual.' },
{ id: 'analise', label: 'Análises', node: , phone: (w) => , h: 'Entenda para onde vai o dinheiro', p: 'Gráficos que mostram a composição das despesas, a evolução mês a mês, por qual forma você mais gasta e quanto sobrou — para decidir com clareza.', cap: 'Gráficos que mostram para onde o dinheiro vai e quanto sobrou.' },
{ id: 'econ', label: 'Economias', node: , phone: (w) => , h: 'Guarde com propósito', p: 'Acompanhe metas, investimentos com projeção e simule o futuro do seu dinheiro na calculadora de juros compostos, com as taxas de mercado sempre à mão.', cap: 'Metas, investimentos e projeções para planejar o que vem.' },
{ id: 'fam', label: 'Família', node: , phone: (w) => , h: 'Finanças em família, no seu controle', p: 'Convide quem quiser para o grupo — cada um com seu papel (admin ou membro) — e cuide de perfil, segurança, plano e instalação, tudo na sua conta.', cap: 'Convide a família, cada um com seu papel, tudo na sua conta.' },
];
const mobileScreens = screens.filter(s => s.phone);
const [tab, setTab] = React.useState('mes');
const active = screens.find(s => s.id === tab) || screens[0];
const [slide, setSlide] = React.useState(0);
const trackRef = React.useRef(null);
const PHONE_W = 272;
const onScroll = () => {
const tk = trackRef.current; if (!tk) return;
const c = tk.scrollLeft + tk.clientWidth / 2;
let best = 0, bd = 1e9;
[...tk.querySelectorAll('.car-slide')].forEach((el, i) => {
const mid = el.offsetLeft + el.offsetWidth / 2; const d = Math.abs(mid - c);
if (d < bd) { bd = d; best = i; }
});
setSlide(best);
};
return (
Recursos
Tudo que você precisa para acompanhar sua vida financeira com clareza.
Do dia a dia ao histórico do mês, tudo organizado no mesmo lugar.
{/* ===== Desktop ===== */}
{screens.map(s => (
))}
{active.node}
{active.label}
{active.h}
{active.p}
VISUALIZAÇÃO COMPACTA · O APP ABRE EM TELA CHEIA NO COMPUTADOR