text: import React from "react";
  import { HashRouter as Router, Switch, Route } from "react-router-dom";
  import LoginView from "./pages/loginView";
  import SignUpView from "./pages/signUpView";
  import HomeView from "./pages/homeView";
  import PageNotFoundView from "./pages/pageNotFoundView";
  import { AuthProvider } from './services/providers/authProvider';
  import PrivateRoute from './components/PrivateRoute';
  
  function App() {
    return (
      <AuthProvider>
        <Router>
          <div className="background">
            <div className="main-content">
              <Switch>
                {/* Login/Signup page - unrestricted access */}
                <Route exact path="/">
                  <LoginView />
                </Route>
                <Route exact path="/signup">
                  <SignUpView />
                </Route>
  
                {/* Restricted pages */}
                <PrivateRoute component={HomeView} path="/home" exact />
  
                {/* Fallback - if none of the above routes are hit */}
                <Route>
                  <PageNotFoundView />
                </Route>
              </Switch>
            </div>
  
            <div className="circle1" />
            <div className="circle2" />
          </div>
        </Router>
      </AuthProvider>
    );
  }
  
  export default App;
  