diff --git a/src/component/App.jsx b/src/component/App.jsx
index b3a206d..0726a60 100644
--- a/src/component/App.jsx
+++ b/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>
   );
 }
diff --git a/src/component/Body.jsx b/src/component/Body.jsx
index 88fa08b..5c84530 100644
--- a/src/component/Body.jsx
+++ b/src/component/Body.jsx
@@ -1,8 +1,14 @@
 export function Body() {
   return (
     <>
-      <h2 style={{ fontSize: "20px" }}>la consistance de gmoker</h2>
-      <p> bla bla bla gmoker c'est genial vous aller voir</p>
+      <h2 style={{ fontSize: "20px", textAlign: "center" }}>
+        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>
     </>
   );
 }
diff --git a/src/component/Footer.jsx b/src/component/Footer.jsx
index 4f166a6..e59b0c5 100644
--- a/src/component/Footer.jsx
+++ b/src/component/Footer.jsx
@@ -1,5 +1,23 @@
-export function Footer(){
-    return <footer>
-        <a href="https://google.com"> google.com</a>
+export function Footer() {
+  return (
+    <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>
-}
\ No newline at end of file
+  );
+}
diff --git a/src/files/Sign_in.jsx b/src/files/Sign_in.jsx
index 8727f06..d723a80 100644
--- a/src/files/Sign_in.jsx
+++ b/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>
+    </>
+  );
 }
diff --git a/src/main.jsx b/src/main.jsx
index bebed21..349a696 100644
--- a/src/main.jsx
+++ b/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>