ajout de tout le folder

GrossesMitaines/grosses-mitaines-ui/src/components/Footer.js

@@ -0,0 +1,13 @@
+import React from "react";
+
+const Footer = () => {
+
+    return (
+        <>
+            <br />
+            footer
+        </>
+    );
+}
+
+export default Footer;

GrossesMitaines/grosses-mitaines-ui/src/components/Navbar.js

@@ -0,0 +1,25 @@
+import React from "react";
+import { BrowserRouter, Route, Link } from "react-router-dom";
+
+const Navbar = () => {
+    return (
+        <nav>
+            <ul>
+                <li>
+                    <Link to="/">Maison</Link>
+                </li>
+                <li>
+                    <Link to="/aboutUs">À propos de nous</Link>
+                </li>
+                <li>
+                    <Link to="/contactUs">Contactez-nous</Link>
+                </li>
+                <li>
+                    <Link to="/privacy">Vie privée</Link>
+                </li>
+            </ul>
+        </nav>
+    );
+}
+
+export default Navbar;

GrossesMitaines/grosses-mitaines-ui/src/pages/AboutUs.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { useEffect } from "react";
+
+const AbtouUs = () => {
+
+    useEffect(() => {
+        document.title = 'À propos de nous';
+    });
+
+    return (
+        <>
+            À propos de nous
+        </>
+
+    );
+}
+
+export default AbtouUs;

GrossesMitaines/grosses-mitaines-ui/src/pages/ContactUs.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { useEffect } from "react";
+
+const ContactUs = () => {
+
+    useEffect(() => {
+        document.title = 'Nous contacter';
+    });
+
+    return (
+        <>
+          Nous contacter
+        </>
+    );
+}
+
+export default ContactUs;

GrossesMitaines/grosses-mitaines-ui/src/pages/Home.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { useEffect } from "react";
+
+const Home = () => {
+
+    useEffect(() => {
+        document.title = 'Maison';
+    });
+
+    return (
+        <>
+            Maison
+        </>
+    );
+}
+
+export default Home;

GrossesMitaines/grosses-mitaines-ui/src/pages/Layout.js

@@ -0,0 +1,16 @@
+import React from "react";
+import {Outlet} from "react-router-dom";
+import Navbar from "../components/Navbar";
+import Footer from "../components/Footer";
+
+const Layout = () => {
+  return (
+    <>
+      <Navbar />
+      <Outlet />
+      <Footer/>
+    </>
+  );
+};
+
+export default Layout;

GrossesMitaines/grosses-mitaines-ui/src/pages/Privacy.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { useEffect } from "react";
+
+const Privacy = () => {
+
+    useEffect(() => {
+        document.title = 'Police de vie privée';
+    });
+
+    return (
+        <>
+            Police de vie privée
+        </>
+    );
+}
+
+export default Privacy;