ADD: sign in page and put real text in the acceuil

src/component/App.jsx

@@ -1,7 +1,7 @@
 export function App() {
   return (
     <h1 style={{ textAlign: "center", fontSize: "50px", color: "white" }}>
-      Bienvenue sur Gmoker.com
+      Bienvenue sur GMoker.com
     </h1>
   );
 }

src/component/Body.jsx

@@ -1,8 +1,14 @@
 export function Body() {
   return (
     <>
-      <h2 style={{ fontSize: "20px" }}>la consistance de gmoker</h2>
+      <h2 style={{ fontSize: "20px", textAlign: "center" }}>
-      <p> bla bla bla gmoker c'est genial vous aller voir</p>
+        GMoker un service de cloud transparent avec ses clients
+      </h2>
+      <br></br>
+      <p style={{ textAlign: "center" }}>
+        GMoker propose un service d'hébergement open source oû l'entrée est
+        aussi simple que la sortie
+      </p>
     </>
   );
 }

src/component/Footer.jsx

@@ -1,5 +1,23 @@
-export function Footer(){
+export function Footer() {
-    return <footer>
+  return (
-        <a href="https://google.com"> google.com</a>
+    <footer>
+      <br></br>
+      <br></br>
+      <br></br>
+      <br></br>
+      <br></br>
+      <br></br>
+      <br></br>
+      <br></br>
+      <br></br>
+      <br></br>
+      <br></br>
+      <br></br>
+      <br></br>
+      <br></br>
+      <a href="https://google.com" style={{ color: "white" }}>
+        google.com
+      </a>
     </footer>
-}
+  );
+}

src/files/Sign_in.jsx

@@ -1,3 +1,30 @@
+import { Button, Input, Stack } from "@chakra-ui/react";
+import React, { useState } from "react";
+
 export function SignIn() {
-  return <h1>Connexion</h1>;
+  const [isLoading, setIsLoading] = useState(false);
+
+  const handleSubmit = () => {
+    setIsLoading(true);
+    setTimeout(() => {
+      setIsLoading(false);
+    }, 2000);
+  };
+
+  return (
+    <>
+      <Stack spacing={4} align="center">
+        <Input placeholder="Email" size="md" />
+        <Input placeholder="Password" size="md" type="password" />
+        <Button
+          isLoading={isLoading}
+          loadingText="Chargement"
+          variant="outline"
+          onClick={handleSubmit}
+        >
+          Connection
+        </Button>
+      </Stack>
+    </>
+  );
 }

src/main.jsx

@@ -3,14 +3,8 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 import { RouterProvider } from "react-router-dom";
 import back_img from "./assets/img_site.jpg";
-import { Header } from "./component/Head.jsx";
 import { router } from "./services/Router.jsx";
 
-/* function button_caller(argv) {
-  console.log(argv);
-  alert(argv);
-} */
-
 ReactDOM.createRoot(document.getElementById("root")).render(
   <>
     <ChakraProvider>