File size: 1,371 Bytes
f07bf73 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 |
import React, { useState, useEffect } from "react";
import Preloader from "../src/components/Pre";
import Navbar from "./components/Navbar";
import Home from "./components/Home/Home";
import About from "./components/About/About";
import Projects from "./components/Projects/Projects";
import Footer from "./components/Footer";
import Resume from "./components/Resume/ResumeNew";
import {
BrowserRouter as Router,
Route,
Routes,
Navigate
} from "react-router-dom";
import ScrollToTop from "./components/ScrollToTop";
import "./style.css";
import "./App.css";
import "bootstrap/dist/css/bootstrap.min.css";
function App() {
const [load, upadateLoad] = useState(true);
useEffect(() => {
const timer = setTimeout(() => {
upadateLoad(false);
}, 1200);
return () => clearTimeout(timer);
}, []);
return (
<Router>
<Preloader load={load} />
<div className="App" id={load ? "no-scroll" : "scroll"}>
<Navbar />
<ScrollToTop />
<Routes>
<Route path="/" element={<Home />} />
<Route path="/project" element={<Projects />} />
<Route path="/about" element={<About />} />
<Route path="/resume" element={<Resume />} />
<Route path="*" element={<Navigate to="/"/>} />
</Routes>
<Footer />
</div>
</Router>
);
}
export default App;
|