import './App.css'
import Header from './components/shared/Header'
import Footer from './components/shared/Footer'
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import Dashboard from './pages/Dashboard';
import Portfolio from './pages/Portfolio';

import Settings from './pages/Settings';
import Strategy from './pages/Strategy';

function App() {
  return (
    <Router>

      <div className="min-h-screen bg-white">
        <Header />
        <Routes>
          <Route path="/" element={<Dashboard />} />
          <Route path="/portfolio" element={<Portfolio />} />
          <Route path="/strategy" element={<Strategy />} />
          <Route path="/settings" element={<Settings />} />
        </Routes>
        <Footer />
      </div>
    </Router>
  )
}

export default App