text: import './styles/App.css';
  import Navbar from "./components/Navbar"
  import Footer from "./components/Footer"
  
  import Home from "./pages/Home"
  import About from "./pages/About"
  import Contact from "./pages/Contact"
  import Login from "./pages/Login"
  import Signup from "./pages/Signup"
  import Profile from "./pages/Profile"
  import Search from "./pages/Search"
  
  import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
  
  function App() {
    return (
      <div className="App">
        <Router>
          <Navbar />
          <div style={{ minHeight: '100vh',paddingTop:"100px" }} className='container'>
            <Routes>
              <Route exact path="/" element={<Home />} />
              <Route exact path="/about" element={<About />} />
              <Route exact path="/contact" element={<Contact/>} />
              <Route exact path="/login" element={<Login />} />
              <Route exact path="/signup" element={<Signup />} />
              <Route exact path="/profile" element={<Profile />} />
              <Route exact path="/search" element={<Search />} />
            </Routes>
          </div>
          <Footer />
        </Router>
      </div>
    );
  }
  
  export default App;
  