import { BrowserRouter, Routes, Route } from "react-router-dom";
import Home from "./components/Home";
import About from "./components/About";
import Contact from "./components/Contact";
import Register from "./components/Register";
import Login from "./components/Login";
import Dashboard from "./components/Dashboard";
import PrivateRoute from "./components/PrivateRoute";
import VerifyUser from "./components/EmailVerify";

const App = () => {
  return (
     <BrowserRouter>
     <Routes>
     <Route path="/" element={<Home />}></Route>
     <Route path="/about" element={<About />}></Route>
     <Route path="/contact" element={<Contact/>}></Route>
     <Route path="/register" element={<Register/>}></Route>
     <Route path="/login" element={<Login/>}></Route>
     <Route
          path="/dashboard"
          element={
            <PrivateRoute>
              <Dashboard />
            </PrivateRoute>
          }
        />
      <Route path="/users/:id/verify/:token" element={<VerifyUser />} />
     </Routes>
    </BrowserRouter>
  )
}

export default App