import React from 'react';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import LandingPage from './Components/LandingPage/LandingPage';
import Login from './Components/Login/Login';
import Signup from './Components/Signup/signup';
import Home from './Pages/Home';
import Funds from './Pages/Funds';
import Porfolio from './Pages/Portfolio';
import Trade from './Pages/Trade';
import './App.css';
// import { Home } from '@mui/icons-material';
function App() {
  return (
    <Router>
      <div className="App">
        <Routes>
          <Route path="/" element={<LandingPage />} />
          <Route path="/login" element={<Login />} />
          <Route path="/signup" element={<Signup />} />
          <Route path="/home" element={<Home />} />
          <Route path="/funds" element={<Funds />} />
          <Route path="/portfolio" element={<Porfolio />} />
          <Route path="/trade" element={<Trade />} />
        </Routes>
      </div>
    </Router>
  );
}

export default App;
