GalsenDev221 · daoodaba975 · Nov 26, 2024
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -1,12 +1,12 @@
-# Guide de Contribution
+# Guide de Contribution - GalsenUI
 
-Merci de votre intérêt pour contribuer à **Galsen UI** !
+Merci de votre intérêt pour contribuer à **GalsenUI** !
 
 Voici les étapes à suivre pour ajouter des composants :
 
-## Étape 1 : Comment faire pour contribuer
+## Étape 1: Comment faire pour contribuer
 
-1. **[Fork le projet](https://github.com/GalsenDev221/galsen.ui)**.
+1. **[Fork le projet](https://github.com/GalsenDev221/galsen.ui.git)**.
 
 2. **Clonez votre fork**.
 
@@ -18,7 +18,7 @@ Voici les étapes à suivre pour ajouter des composants :
 
 6. **Attendez que la pull request soit mergé**.
 
-## Étape 2 : Créer un fichier `.mdx`
+## Étape 2: Créer un fichier `.mdx`
 
 1. Accédez au dossier `src/components`.
 2. Créez un fichier nommé `galsen-ui-nom-du-fichier.mdx` en respectant le format suivant :
@@ -27,21 +27,16 @@ Voici les étapes à suivre pour ajouter des composants :
    ---
    title: 
    emoji: 
-   
+
    title: 
    description: 
    components:
      1:
        title:  
    ---
 
-   # Nom Components
-
-   <RenderHTMLFiles
-     components={components}
-     files={files}
-     componentSlug={componentSlug}
-   />
+   # Nom Components 
+   <RenderHTMLFiles components={components} files={files} componentSlug={componentSlug} />
    ```
 
    - **title** : Le titre du composant.

diff --git a/LICENSE.md b/LICENSE.md
diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
 # Galsen UI
 
-**Galsen UI** est une bibliothèque de composants **Tailwind** et **CSS pur** réutilisables, conçue pour la communauté des développeurs du Sénégal. Ce projet **made in Senegal** a pour but de partager des éléments UI modernes et flexibles pour aider les développeurs à accélérer la création de projets.  
+**Galsen UI** est une bibliothèque de composants **Tailwind CSS** et **CSS pur** réutilisables, conçue pour la communauté des développeurs du Sénégal. Ce projet **made in Senegal** a pour but de partager des éléments UI modernes et flexibles pour aider les développeurs à accélérer la création de projets.  
 Ce projet vient renforcer les projets et activités de la communauté **Galsen DEV**.
 
 ## Sommaire
@@ -29,7 +29,9 @@ L’objectif est de fournir aux développeurs une base solide pour créer des ap
 
 ---
 
-![Made-In-Senegal](https://github.com/GalsenDev221/made.in.senegal/blob/master/assets/badge.svg)
+![Made-In-Senegal](./public/svgs/madeinsenegal.svg)
+
+🚧 Si vous souhaitez contribuer à ce projet, veuillez lire **[CONTRIBUTING.md](../CONTRIBUTING.md)** d'abord !
 
 ---
 
@@ -77,19 +79,19 @@ Une fois le projet lancé, ouvrez votre navigateur et accédez à [http://localh
 
 ## Contribuer
 
-Les contributions sont les bienvenues !
-
-🚧 Si vous souhaitez contribuer sur Galsen UI, veuillez prendre le temps de bien lire le fichier **[CONTRIBUTING](CONTRIBUTING.md)** d'abord !
+Les contributions sont les bienvenues ! Pour contribuer à **Galsen UI**, suivez les étapes ci-dessous :
 
-Merci à tout ceux qui ont contribués ❤️
+1. **Fork** le dépôt.
+2. **Créez une branche** pour votre fonctionnalité (`git checkout -b fonctionnalité/ma-fonctionnalité`).
+3. **Commitez vos changements** (`git commit -m 'Ajout d'une nouvelle fonctionnalité'`).
+4. **Pushez** la branche (`git push origin fonctionnalité/ma-fonctionnalité`).
+5. Ouvrez une **pull request** pour examiner et intégrer vos modifications.
 
-<a href="https://github.com/GalsenDev221/galsen.ui/graphs/contributors">
-  <img src="https://contrib.rocks/image?repo=GalsenDev221/galsen.ui" />
-</a>
+Nous vous invitons également à consulter notre [Code de Conduite](CODE_OF_CONDUCT.md) pour un environnement de collaboration respectueux.
 
 ## Licence
 
-Ce projet est sous **[licence MIT](LICENSE.md)**. Vous êtes libre de l'utiliser et de le modifier selon vos besoins.
+Ce projet est sous licence [MIT](LICENSE.md). Vous êtes libre de l'utiliser et de le modifier selon vos besoins.
 
 Merci d'utiliser **Galsen UI** et de soutenir la communauté Galsen DEV !  
 Pour toute question, suggestion ou amélioration, n'hésitez pas à nous contacter.
diff --git a/components/TheFooter.tsx b/components/TheFooter.tsx
@@ -6,7 +6,7 @@ export default function TheFooter() {
         <ul className="inline-flex items-center gap-4">
           <li className="text-sm">
             <a
-              href="https://x.com/galsendev"
+              href="https://x.com/galsendev221"
               target="_blank"
               rel="noopener noreferrer"
               className="hover:text-blue-400"

diff --git a/public/components/cards/1.html b/public/components/cards/1.html
diff --git a/public/components/cards/2.html b/public/components/cards/2.html
diff --git a/public/components/cards/3.html b/public/components/cards/3.html
diff --git a/public/components/galsen-ui-footer-links/1.html b/public/components/galsen-ui-footer-links/1.html
@@ -1,27 +1,17 @@
 <footer class="mt-14 border-t border-neutral-100">
-  <div
-    class="px-4 py-5 flex flex-col gap-2 items-center justify-between sm:max-w-7xl sm:mx-auto sm:flex-row md:py-8"
-  >
-    <span>&copy; Galsen UI. Tous droits réservés</span>
-    <ul class="inline-flex items-center gap-4">
-      <li class="text-sm">
-        <a
-          href="https://x.com/galsendev"
-          target="_blank"
-          rel="noopener noreferrer"
-          class="hover:text-blue-400"
-          >Twitter</a
-        >
-      </li>
-      <li class="text-sm">
-        <a
-          href="https://github.com/GalsenDev221/"
-          target="_blank"
-          rel="noopener noreferrer"
-          class="hover:text-gray-600"
-          >Github</a
-        >
-      </li>
-    </ul>
-  </div>
-</footer>
+    <div class="px-4 py-5 flex flex-col gap-2 items-center justify-between sm:max-w-7xl sm:mx-auto sm:flex-row md:py-8">
+      <span>&copy; Galsen UI. Tous droits réservés</span>
+      <ul class="inline-flex items-center gap-4">
+        <li class="text-sm">
+          <a href="https://www.facebook.com/watch/galsendev221/" target="_blank" rel="noopener noreferrer" class="hover:text-blue-600">Facebook</a>
+        </li>
+        <li class="text-sm">
+          <a href="https://x.com/galsendev221" target="_blank" rel="noopener noreferrer" class="hover:text-blue-400">Twitter</a>
+        </li>
+        <li class="text-sm">
+          <a href="https://github.com/GalsenDev221/" target="_blank" rel="noopener noreferrer" class="hover:text-gray-600">Github</a>
+        </li>
+      </ul>
+    </div>
+  </footer>
+
diff --git a/src/data/components/galsen-ui-buttons.mdx b/src/data/components/galsen-ui-buttons.mdx
@@ -15,8 +15,4 @@ components:
 
 # Button Components
 
-<RenderHTMLFiles
-  components={components}
-  files={files}
-  componentSlug={componentSlug}
-/>
+<RenderHTMLFiles components={components} files={files} componentSlug={componentSlug} />
diff --git a/src/data/components/galsen-ui-cards.mdx b/src/data/components/galsen-ui-cards.mdx
diff --git a/src/data/components/galsen-ui-footers.mdx b/src/data/components/galsen-ui-footers.mdx
@@ -17,8 +17,4 @@ components:
 
 # Footer Components
 
-<RenderHTMLFiles
-  components={components}
-  files={files}
-  componentSlug={componentSlug}
-/>
+<RenderHTMLFiles components={components} files={files} componentSlug={componentSlug} />
diff --git a/src/data/components/galsen-ui-forms.mdx b/src/data/components/galsen-ui-forms.mdx
@@ -17,8 +17,4 @@ components:
 
 # Form Components
 
-<RenderHTMLFiles
-  components={components}
-  files={files}
-  componentSlug={componentSlug}
-/>
+<RenderHTMLFiles components={components} files={files} componentSlug={componentSlug} />
diff --git a/src/data/components/galsen-ui-navbars.mdx b/src/data/components/galsen-ui-navbars.mdx
@@ -19,8 +19,4 @@ components:
 
 # Navbars
 
-<RenderHTMLFiles
-  components={components}
-  files={files}
-  componentSlug={componentSlug}
-/>
+<RenderHTMLFiles components={components} files={files} componentSlug={componentSlug} />
diff --git a/src/data/components/galsen-ui-selects.mdx b/src/data/components/galsen-ui-selects.mdx
@@ -18,10 +18,7 @@ components:
     description: An optionally disabled select input
 ---
 
+
 # Select Components
 
-<RenderHTMLFiles
-  components={components}
-  files={files}
-  componentSlug={componentSlug}
-/>
+<RenderHTMLFiles components={components} files={files} componentSlug={componentSlug} />
diff --git a/src/data/components/galsen-ui-switchs.mdx b/src/data/components/galsen-ui-switchs.mdx
@@ -17,8 +17,4 @@ components:
 
 # Swicth Components
 
-<RenderHTMLFiles
-  components={components}
-  files={files}
-  componentSlug={componentSlug}
-/>
+<RenderHTMLFiles components={components} files={files} componentSlug={componentSlug} />
diff --git a/src/data/components/galsen-ui-tables.mdx b/src/data/components/galsen-ui-tables.mdx
@@ -17,8 +17,4 @@ components:
 
 # Tables Components
 
-<RenderHTMLFiles
-  components={components}
-  files={files}
-  componentSlug={componentSlug}
-/>
+<RenderHTMLFiles components={components} files={files} componentSlug={componentSlug} />
diff --git a/utils/components.ts b/utils/components.ts
@@ -13,20 +13,20 @@ export const componentsFakeData: IComponent[] = [
     alt: "Tables components",
     link: "/components/tables",
   },
+  {
+    image: "/images/cards.png",
+    name: "Cards",
+    count: 4,
+    alt: "Cards components",
+    link: "/components/cards",
+  },
   {
     image: "/images/navbars.png",
     name: "Navbars",
     count: 3,
     alt: "Navbars components",
     link: "/components/navbars",
   },
-  {
-    image: "/images/cards.png",
-    name: "Cards",
-    count: 3,
-    alt: "Cards components",
-    link: "/components/cards",
-  },
   {
     image: "/images/footers.png",
     name: "Footers",