text: import React from 'react';
  import './App.css';
  import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
  import Aos from "aos";
  import 'aos/dist/aos.css';
  import { Toaster } from 'react-hot-toast';
  import { Auth0Provider } from "@auth0/auth0-react";
  
  import * as ROUTES from './constants/routes';
  
  import { Nav } from './components/Nav'
  
  import { Explore } from './pages/Explore';
  import { Personal } from './pages/Personal';
  
  const domain = process.env.REACT_APP_AUTH0_DOMAIN;
  const clientId = process.env.REACT_APP_AUTH0_CLIENT_ID;
  
  function App() {
  
    Aos.init();
  
    return (
      <div className="app">
          <Router>
            <Auth0Provider
              domain={domain}
              clientId={clientId}
              redirectUri={window.location.origin}
              useRefreshTokens
              cacheLocation="localstorage"
            >          
              <Toaster position="bottom-right" reverseOrder={true} />
            
              <Nav/>
              
              <Switch>
                <Route exact path ={ROUTES.LANDING} component = {Explore}/>
                <Route exact path ={ROUTES.PERSONAL} component = {Personal}/>
              </Switch>
              
            </Auth0Provider>
          </Router>
      </div>
    );
  }
  
  export default App;
  