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

function Card({title,children}){
 return <div style={{border:'1px solid #333',padding:16,borderRadius:12,marginBottom:12}}><h3>{title}</h3>{children}</div>
}

function App(){
 return (
 <div style={{background:'#0f172a',minHeight:'100vh',color:'white',padding:20,fontFamily:'sans-serif'}}>
   <h1>CR Tactical Pro</h1>
   <p>Esports Dashboard Prototype</p>
   <Card title="Team Manager">Players, roles, notes.</Card>
   <Card title="Tournament Manager">Track placement and kill points.</Card>
   <Card title="Tactical Board">Upload map image and plan rotations (placeholder).</Card>
   <Card title="Scrim Review">Store mistakes and improvements.</Card>
 </div>);
}
ReactDOM.createRoot(document.getElementById('root')).render(<App />);