ajout background

src/components/background.jsx

@@ -0,0 +1,15 @@
+import styles from './../pages/Login/LoginPage.module.css'; 
+const Background = ({ children, className }) => {
+  return (
+    <div className={`${styles["background-container"]} ${className || ''}`}>
+      <div className={styles["circle"] + " " + styles["circle-1"]}></div>
+      <div className={styles["circle"] + " " + styles["circle-2"]}></div>
+      <div className={styles["circle"] + " " + styles["circle-3"]}></div>
+      <div className={styles["circle"] + " " + styles["circle-4"]}></div>
+      <div className={styles["circle"] + " " + styles["circle-5"]}></div>
+      {children}
+    </div>
+  );
+};
+
+export default Background;

src/components/form.jsx

@@ -1,25 +1,17 @@
 function LoginForm({ className }) {
     return (
-        <form className={className}>
+        <form className={className} method="POST" action="#">
             <h1>Connexion</h1>
 
             <div className="form-group">
                 <br/>
                 <label htmlFor="email" className="floating-label">Adresse e-mail</label>
-                <input
-                    type="email"
-                    id="email"
-                    required
-                />
+                <input type="email"id="email"required/>
             </div>
 
             <div className="form-group">
                 <label htmlFor="password" className="floating-label">Mot de passe</label>
-                <input
-                    type="password"
-                    id="password"
-                    required
-                />
+                <input type="password"id="password"required/>
                 <br/>
             </div>