import React from 'react';
import ReactDOM from 'react-dom/client';

const App = () => {
  return (
    <div style={{ 
      display: 'flex', 
      flexDirection: 'column', 
      alignItems: 'center', 
      justifyContent: 'center', 
      minHeight: '100vh',
      fontFamily: 'system-ui, -apple-system, sans-serif',
      backgroundColor: '#f7fbff',
      padding: '2rem'
    }}>
      <h1 style={{ color: '#00adca', marginBottom: '1rem' }}>Positivo Brasil</h1>
      <p style={{ color: '#64748b', textAlign: 'center' }}>
        Acesse as páginas HTML diretamente:
      </p>
      <div style={{ marginTop: '1rem', display: 'flex', flexDirection: 'column', gap: '0.5rem' }}>
        <a href="/confirmar/index.html" style={{ color: '#00adca' }}>Confirmação de Entrega</a>
        <a href="/fretes/index.html" style={{ color: '#00adca' }}>Seleção de Frete</a>
        <a href="/positivo/index.html" style={{ color: '#00adca' }}>Página Principal</a>
      </div>
    </div>
  );
};

ReactDOM.createRoot(document.getElementById('root')!).render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);