criacao homepage + routes aplicados

package.json

@@ -9,6 +9,7 @@
     "prettier": "^3.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-router-dom": "^6.20.0",
     "react-scripts": "5.0.1",
     "web-vitals": "^2.1.4"
   },

src/App.js

@@ -1,9 +1,18 @@
+import { BrowserRouter, Routes, Route } from "react-router-dom";
 import "./App.css";
+import Homepage from "./pages/Homepage";
+import SearchPage from "./pages/SearchPage";
 
 function App() {
   return (
     <div className="App">
-      <h1>boas mp2</h1>
+     <BrowserRouter>
+      <Routes>
+        <Route path="/" element={<Homepage/>}></Route>
+        <Route path="/earch-page" element={<SearchPage/>}></Route>
+
+      </Routes>
+</BrowserRouter>
     </div>
   );
 }

src/pages/Homepage.js

@@ -1,8 +1,12 @@
 import React from 'react'
+import { Link } from 'react-router-dom'
 
 const Homepage = () => {
   return (
-    <div>Homepage</div>
+    <div>Homepage
+
+     <Link to={"/search-page"}><button>Search your next book</button></Link> 
+    </div>
   )
 }
 

src/pages/SearchPage.js

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const SearchPage = () => {
+  return (
+    <div>SearchPage</div>
+  )
+}
+
+export default SearchPage