diff --git a/components/footer.js b/components/footer.js
index c3deba9..8261ec9 100644
--- a/components/footer.js
+++ b/components/footer.js
@@ -1,6 +1,3 @@
-import Link from 'next/link';
-
-
 export default function Footer() {
     const footer = [
         {
@@ -35,6 +32,7 @@ export default function Footer() {
         <footer className="bg-white">
             <div className="max-w-7xl mx-auto py-12 px-4 sm:px-6 md:flex md:items-center md:justify-between lg:px-8">
                 <div className="flex justify-center space-x-6 md:order-2">
+                    {/*
                     <Link href={"/legals"}>
                     <p key={"legals"} className="text-gray-400 hover:text-gray-500">
                         <span className="text-md hover:text-black cursor-pointer">
@@ -42,6 +40,7 @@ export default function Footer() {
                         </span>
                     </p>
                     </Link>
+                    */}
                     {footer.map((item) => (
                     <a
                         key={item.name}
diff --git a/components/navbar.js b/components/navbar.js
index 91013e2..b48098f 100644
--- a/components/navbar.js
+++ b/components/navbar.js
@@ -1,6 +1,7 @@
 // components/Navbar.js
 import React from 'react';
 import Link from 'next/link';
+import Image from 'next/image'
 import { withRouter } from "next/router";
 import { Disclosure } from "@headlessui/react";
 import { Bars3Icon, XMarkIcon } from "@heroicons/react/24/outline";
@@ -32,14 +33,18 @@ const Navbar = ({ router }) => {
                   </Disclosure.Button>
                 </div>
                 <div className="flex-shrink-0 flex items-center">
-                  <img
+                  <Image
                     className="block lg:hidden h-8 w-auto"
                     src="/logo.png"
+                    width={250}
+                    height={250}
                     alt="Fablab"
                   />
-                  <img
+                  <Image
                     className="hidden lg:block h-8 w-auto"
                     src="/logoName.png"
+                    width={250}
+                    height={250}
                     alt="Fablab"
                   />
                 </div>
diff --git a/package.json b/package.json
index 97f0e21..09699dc 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
-    "tailwind": "npx tailwindcss -i ./styles/globals.css -o ./public/output.css"
+    "tailwind": "npx tailwindcss -i ./styles/globals.css -o ./styles/tailwind.css"
   },
   "dependencies": {
     "@headlessui/react": "^1.7.17",
diff --git a/pages/_app.js b/pages/_app.js
index cc1bccd..edb98b4 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -1,4 +1,4 @@
-import '../styles/globals.css'
+import '../styles/tailwind.css'
 
 function MyApp({ Component, pageProps }) {
   return <Component {...pageProps} />
diff --git a/pages/_document.js b/pages/_document.js
deleted file mode 100644
index d546f7b..0000000
--- a/pages/_document.js
+++ /dev/null
@@ -1,21 +0,0 @@
-// pages/_document.js
-import Document, { Html, Head, Main, NextScript } from 'next/document';
-
-class MyDocument extends Document {
-  render() {
-    return (
-      <Html lang="en">
-        <Head>
-          {/* Ajoutez vos feuilles de style globales ici */}
-          <link rel="stylesheet" href="/output.css" />
-        </Head>
-        <body>
-          <Main />
-          <NextScript />
-        </body>
-      </Html>
-    );
-  }
-}
-
-export default MyDocument;
diff --git a/pages/api/hello.js b/pages/api/hello.js
deleted file mode 100644
index 33266ac..0000000
--- a/pages/api/hello.js
+++ /dev/null
@@ -1,5 +0,0 @@
-// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
-
-export default function handler(req, res) {
-  res.status(200).json({ name: 'John Doe' })
-}
diff --git a/pages/index.js b/pages/index.js
index c3f6c52..a1b4e23 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,3 +1,4 @@
+import Image from 'next/image'
 import Head from '../components/head'
 import Navbar from '../components/navbar'
 import Footer from '../components/footer'
@@ -19,7 +20,7 @@ export default function Home() {
             !
           </h2>
           <h3 className="text-lg md:text-xl md:leading-relaxed font-medium text-gray-600 lg:w-2/3 mx-auto">
-            Le FabLab est un lieu d'échange et de création du pôle universitaire
+            Le FabLab est un lieu d&apos;échange et de création du pôle universitaire
             Léonard de Vinci. Que vous soyez étudiant ou non, venez découvrir
             nos créations, articles et tutos !
           </h3>
@@ -60,34 +61,40 @@ export default function Home() {
               </h2>
               <p className="mt-10 text-lg leading-6 text-gray-500 text-justify">
                 Le DeVinci FabLab est une association étudiante du Pôle Léonard
-                De Vinci qui s'occupe de l'espace de fabrication situé au fond
+                De Vinci qui s&apos;occupe de l&apos;espace de fabrication situé au fond
                 du Leaning center. Le but de notre association est de vous aider
                 dans vos projets académiques comme personnels, que ce soit avec
                 des outils, des machines, des matériaux ou des formations. Nous
-                gérons ainsi le parc d'imprimante 3D qui vous permettra de
+                gérons ainsi le parc d&apos;imprimante 3D qui vous permettra de
                 réaliser toutes les pièces que vous aurez conçues, ainsi que les
                 ateliers mis à la disposition de tous où vous pourrez faire
-                votre bricolage. L'espace a les mêmes horaires d'ouverture que
-                le pôle donc n'hésitez pas à venir nous y rencontrer !
+                votre bricolage. L&apos;espace a les mêmes horaires d&apos;ouverture que
+                le pôle donc n&apos;hésitez pas à venir nous y rencontrer !
               </p>
             </div>
           </div>
           <div className="order-1 max-w-md m-auto md:m-0 md:w-full">
             <div className="items-center justify-center">
-              <img
+              <Image
                 className="rounded-lg shadow-2xl"
                 src="/photo/home_001.jpg"
+                width={500}
+                height={500}
                 alt="Banner"
               />
               <div className="grid grid-cols-2 gap-2 content-start mt-5">
-                <img
+                <Image
                   className="rounded-lg shadow-lg"
                   src="/photo/home_002.jpg"
+                  width={250}
+                  height={250}
                   alt="Banner"
                 />
-                <img
+                <Image
                   className="rounded-lg shadow-lg"
                   src="/photo/home_003.jpg"
+                  width={250}
+                  height={250}
                   alt="Banner"
                 />
               </div>
diff --git a/public/output.css b/styles/tailwind.css
similarity index 100%
rename from public/output.css
rename to styles/tailwind.css
