﻿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';

function App() {
  return (
    <Router>

      <div className="min-h-screen bg-white">
        <Header />
        <Routes>
          <Route path="/login" element={<Login />} />

          {/* <Route path="/" 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="/" element={<Dashboard />} />
           <Route path="/portfolio" element={<Portfolio />} />
           <Route path="/strategy" element={<Strategy />} />
           <Route path="/settings" element={<Settings />} />
           <Route path="/analysis" element={<Analysis />} />
           <Route path="/keywords" element={<Keywords />} />


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

export default App



