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 Analysis from './pages/Analysis';
import Settings from './pages/Settings';
import Strategy from './pages/Strategy';
import Login from './pages/login';
import ProtectedRoute from './components/ProtectedRoute';
import Keywords from './pages/Keywords';
import HomePage from './pages/HomePage';

function App() {


  return (
    <Router>

      <div className="min-h-screen bg-white">
        <Header />
        <Routes>

          <Route path="/login" element={<Login />} />

          <Route path="/" element={<HomePage />} />

          <Route path="/dashboard" element={<ProtectedRoute><Dashboard /></ProtectedRoute>} />
          <Route path="/portfolio" element={<ProtectedRoute><Portfolio /></ProtectedRoute>} />
          <Route path="/analysis" element={<ProtectedRoute><Analysis /></ProtectedRoute>} />
          <Route path="/strategy" element={<ProtectedRoute><Strategy /></ProtectedRoute>} />
          <Route path="/settings" element={<ProtectedRoute><Settings /></ProtectedRoute>} />
          <Route path="/keywords" element={<ProtectedRoute><Keywords /></ProtectedRoute>} />


          {/* <Route path="/" element={<Dashboard />} />
           <Route path="/portfolio" element={<Portfolio />} />
           <Route path="/analysis" element={<Analysis />} />
           <Route path="/strategy" element={<Strategy />} />
           <Route path="/settings" element={<Settings />} />
           <Route path="/keywords" element={<Keywords />} /> */}


        </Routes>
        <Footer />
      </div>
    </Router>
  )
}

export default App



