Project restarted

package.json

@@ -9,10 +9,6 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "@fortawesome/free-brands-svg-icons": "^6.3.0",
-    "@fortawesome/free-regular-svg-icons": "^6.3.0",
-    "@fortawesome/free-solid-svg-icons": "^6.3.0",
-    "@fortawesome/react-fontawesome": "^0.2.0",
     "autoprefixer": "^10.4.15",
     "axios": "^1.3.4",
     "dotenv": "^16.0.3",

src/App.css

@@ -28,4 +28,4 @@ body {
 	.page-content{
 		margin: 0;
 	}
-}
+}

src/App.jsx

@@ -2,9 +2,8 @@ import React from "react";
 import { Navigate, Outlet, Route, Routes } from "react-router-dom";
 import "./App.css";
 import Footer from "./components/Footer/Footer";
-import Home from "./components/Home/Home.jsx";
 import Movies from "./components/Movies/Movies";
-import Navbar from "./components/Navbar/Navbar";
+import Navbar from "./components/Header/Navbar";
 import Bookmarks from "./Pages/Bookmarks";
 import Coming from "./Pages/Coming";
 import Community from "./Pages/Community";
@@ -14,40 +13,36 @@ import SideBar from "./components/Sidebar/SideBar";
 import Shows from "./Pages/Shows";
 import Series from "./Pages/Series";
 import Page404 from "./Pages/404";
+import Home from "./Pages/home";
 const App = () => {
 	return (
 		<>
-
 			<main>
 				<Navbar />
 				<div className="grid">
 					<div className="grid-sidebar">
 						<SideBar />
-
 					</div>
 					<div className="page-content">
 						<div>
-						<Routes>
-							<Route index element={<Home />} />
-							<Route path="/home" element={<Home />} />
-							<Route path="/movies" element={<Movies />} />
-							<Route path="/watchlist" element={<WatchList />} />
-							<Route path="/bookmark" element={<Bookmarks />} />
-							<Route path="/downloads" element={<Downloads />} />
-							<Route path="/Community" element={<Community />} />
-							<Route path="/comingsoon" element={<Coming />} />
-							<Route path="/browse" element={<Navigate to="/movies" />} />
-							<Route path="/shows" element={<Shows />} />
-							<Route path="/series" element={<Series />} />
-							<Route path="*" element={<Page404 />} />
-						</Routes>
+							<Routes>
+								<Route index element={<Home />} />
+								<Route path="/movies" element={<Movies />} />
+								<Route path="/watchlist" element={<WatchList />} />
+								<Route path="/bookmark" element={<Bookmarks />} />
+								<Route path="/downloads" element={<Downloads />} />
+								<Route path="/Community" element={<Community />} />
+								<Route path="/comingsoon" element={<Coming />} />
+								<Route path="/browse" element={<Navigate to="/movies" />} />
+								<Route path="/shows" element={<Shows />} />
+								<Route path="/series" element={<Series />} />
+								<Route path="*" element={<Page404 />} />
+							</Routes>
 						</div>
 
 						<Footer />
 					</div>
-
 				</div>
-
 			</main>
 		</>
 	);

src/Pages/home/index.jsx

@@ -1,8 +1,19 @@
-import React from 'react'
+import React, { useEffect } from 'react'
+import Navbar from '../../components/Header/Navbar'
 
 const Home = () => {
+  useEffect(() => {
+    document.title = 'Home | Netflix'
+  }, [])
   return (
-    <div>Home</div>
+    <div>
+      <Navbar/> 
+      <main>
+        <section>
+
+        </section>
+      </main>
+    </div>
   )
 }