Files
chadebebe/app/not-found.tsx
Adriano Belisario 52f75f0b3d
Some checks failed
Build and Push Docker Image / build-and-push (push) Has been cancelled
refactor: update UI components and page layouts
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-03 18:18:31 +00:00

50 lines
1.5 KiB
TypeScript

export default function RootNotFound() {
return (
<html lang="pt-BR">
<body>
<div style={{
minHeight: '100vh',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
fontFamily: 'system-ui, sans-serif',
padding: '1rem'
}}>
<div style={{
maxWidth: '28rem',
width: '100%',
textAlign: 'center',
padding: '2rem',
backgroundColor: 'white',
borderRadius: '0.5rem',
boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1)'
}}>
<div style={{ fontSize: '3.75rem', fontWeight: 'bold', color: '#1f2937' }}>404</div>
<h1 style={{ fontSize: '1.5rem', fontWeight: '600', color: '#111827', marginTop: '1rem' }}>
Página não encontrada
</h1>
<p style={{ color: '#4b5563', marginTop: '1rem' }}>
A página que você procura não existe.
</p>
<a
href="/"
style={{
display: 'inline-block',
marginTop: '1.5rem',
padding: '0.75rem 1.5rem',
backgroundColor: '#2563eb',
color: 'white',
borderRadius: '0.5rem',
fontWeight: '600',
textDecoration: 'none'
}}
>
Voltar ao início
</a>
</div>
</div>
</body>
</html>
);
}