feat: criação das pages

desafio-react-e-typescript/src/App.tsx

@@ -1,5 +1,9 @@
 import { Router } from "./router";
 
 export const App = () => {
-  return <Router />;
+  return (
+    <>
+      <Router />
+    </>
+  );
 };

desafio-react-e-typescript/src/pages/Contact.tsx

@@ -0,0 +1,3 @@
+export const Contact = () => {
+  return <h1> Form </h1>;
+};

desafio-react-e-typescript/src/pages/Delivery.tsx

@@ -0,0 +1,3 @@
+export const Delivery = () => {
+  return <h1> Entrega </h1>;
+};

desafio-react-e-typescript/src/pages/Payments.tsx

@@ -0,0 +1,3 @@
+export const Payments = () => {
+  return <h1>Pagamentos</h1>;
+};

desafio-react-e-typescript/src/pages/Privacy.tsx

@@ -0,0 +1,3 @@
+export const Privacy = () => {
+  return <h1> Seguraça e Privacidade </h1>;
+};

desafio-react-e-typescript/src/pages/Refund.tsx

@@ -0,0 +1,3 @@
+export const Refund = () => {
+  return <h1> Troca ou Devolução </h1>;
+};

desafio-react-e-typescript/src/pages/home.tsx

@@ -1,3 +0,0 @@
-export const Home = () => {
-  return <h1>Hello World</h1>;
-};

desafio-react-e-typescript/src/router.tsx

@@ -1,13 +1,23 @@
 import { Routes, Route } from "react-router-dom";
 
-import { Home } from "./pages/home";
 import { About } from "./pages/About";
+import { Payments } from "./pages/Payments";
+import { Delivery } from "./pages/Delivery";
+import { Contact } from "./pages/Contact";
+import { Privacy } from "./pages/Privacy";
+import { Refund } from "./pages/Refund";
 
 export const Router = () => {
   return (
-    <Routes>
-      <Route path="/" element={<Home />} />
-      <Route path="/Sobre" element={<About />} />
-    </Routes>
+    <>
+      <Routes>
+        <Route path="/" element={<About />} />
+        <Route path="/Pagamentos" element={<Payments />} />
+        <Route path="/Entrega" element={<Delivery />} />
+        <Route path="/Contatos" element={<Contact />} />
+        <Route path="/Segurança" element={<Privacy />} />
+        <Route path="/Devolução" element={<Refund />} />
+      </Routes>
+    </>
   );
 };