🎨(front) add button github

add button github hackdays2025 - for projects propositions

Author: elvoisin

public/locales/en.json

@@ -18,6 +18,7 @@
     "title": "Your Mission",
     "description": "For three days, take part in the creation of open-source apps aimed at strengthening European digital sovereignty.",
     "button": "Register now",
+    "githubButton": "Propose a project",
     "disclaimer": "Limited places."
   },
   "avosmarques": {
@@ -80,7 +81,8 @@
         "title": "Bring your own track",
         "description": "If none of the topics suit you, you can, of course, propose your own."
       }
-    }
+    },
+    "githubButton": "Hackathon GitHub"
   },
   "prets": {
     "tag": "Resources",
@@ -124,7 +126,8 @@
         "description": "Presentation of projects before a jury followed by conferences. The speakers will be announced here soon.",
         "chip": "Open to visitors"
       }
-    }
+    },
+    "githubButton": "See the proposed projects"
   },
   "histoire": {
     "tag": "News",

public/locales/fr.json

@@ -18,6 +18,7 @@
     "title": "Votre Mission",
     "description": "Pendant 3 jours, participez à la création d'applications bureautiques open source, destinées à renforcer la souveraineté numérique européenne.",
     "button": "S’inscrire maintenant",
+    "githubButton": "Proposer un projet",
     "disclaimer": "Places limitées."
   },
   "avosmarques": {
@@ -80,7 +81,8 @@
         "title": "Bring your own track",
         "description": "Si aucun sujet ne vous convient, vous pourrez évidemment proposer le votre."
       }
-    }
+    },
+    "githubButton": "GitHub du hackathon"
   },
   "prets": {
     "tag": "Ressources",
@@ -124,7 +126,8 @@
         "description": "Présentation des projets devant un jury suivi de talks. Les intervenants seront affichés ici prochainement.",
         "chip": "Ouvert aux visiteurs"
       }
-    }
+    },
+    "githubButton": "Voir les projets proposés"
   },
   "histoire": {
     "tag": "News",

src/components/GithubButton.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import GitHubIcon from '@mui/icons-material/GitHub';
+
+interface GithubButtonProps {
+  text: string;
+}
+
+export function GithubButton({ text }: GithubButtonProps) {
+  return (
+    <a
+      href="https://github.com/suitenumerique/hackdays2025"
+      target="_blank"
+      rel="noopener noreferrer"
+      aria-label={text}
+      className="flex gap-2 text-lg justify-center py-2 items-center px-4 rounded-full bg-green-700 text-beige-100 text-center transition-all hover:bg-orange-500"
+    >
+      <GitHubIcon className="text-beige-100" fontSize="small" />
+      <span>{text}</span>
+    </a>
+  );
+}

src/sections/AVosMarques.tsx

@@ -2,6 +2,7 @@ import { useTranslations } from '@/hooks/useTranslations';
 import { Chip } from '@/components/Chip'
 import { useState, useRef } from 'react';
 import AnimatedSection from '@/components/AnimatedSection'
+import { GithubButton } from '@/components/GithubButton';
 
 import ArrowBackIcon from "@mui/icons-material/ArrowBack";
 import ArrowForwardIcon from "@mui/icons-material/ArrowForward";
@@ -171,6 +172,9 @@ export function AVosMarques() {
             dangerouslySetInnerHTML={{
               __html: t('avosmarques.description'),
             }}></p>
+        <div className="flex mt-4 mb-3">
+          <GithubButton text={t('avosmarques.githubButton')} />
+        </div>
         </AnimatedSection>
       </div>
 

src/sections/Mission.tsx

@@ -1,6 +1,7 @@
 import { useTranslations } from '@/hooks/useTranslations';
-import { Chip } from '@/components/Chip'
-import AnimatedSection from '@/components/AnimatedSection'
+import { Chip } from '@/components/Chip';
+import AnimatedSection from '@/components/AnimatedSection';
+import { GithubButton } from '@/components/GithubButton';
 
 export function Mission() {
   const { t } = useTranslations()
@@ -36,16 +37,17 @@ export function Mission() {
                   </p>
                 </div>
 
-                  <div className="flex justify-center mt-8">
+                  <div className="flex flex-col md:flex-row justify-center mt-8 gap-3">
                     <a
                       href="https://pretix.dgnum.eu/dgnum/hack-lsn-2025/"
                       target="_blank"
                       rel="noopener noreferrer"
                       aria-label={t('mission.button')}
-                      className="block py-[8px] px-4 text-lg rounded-full bg-orange-600 text-beige-100 text-center transition-all hover:bg-orange-500"
+                      className="flex justify-center py-2 text-lg px-4 text-lg rounded-full bg-orange-600 text-beige-100 text-center transition-all hover:bg-orange-500"
                     >
                       {t('mission.button')}
                     </a>
+                    <GithubButton text={t('mission.githubButton')} />
                   </div>
                   <div className="relative md:pb-10">
                     <p className="mt-[8px] mx-auto text-sm text-green-700 max-w-[478px] text-center">

src/sections/Partez.tsx

@@ -1,6 +1,7 @@
 import { useTranslations } from '@/hooks/useTranslations';
 import { Chip } from '@/components/Chip'
 import AnimatedSection from '@/components/AnimatedSection'
+import { GithubButton } from '@/components/GithubButton';
 
 import Date2 from '@/assets/date/date-2.png'
 import Date3 from '@/assets/date/date-3.png'
@@ -17,19 +18,21 @@ export function Partez() {
         <h3 className="font-title leading-14 py-3 md:py-8 uppercase text-green-700 text-[59px] md:text-[86px]">
           {t('partez.title')}
         </h3>
-        <p className="block text-green-500 max-w-[800px] text-normal mb-8"> 
+        <p className="block text-green-500 max-w-[800px] text-normal mb-4"> 
           {t('partez.description')}
         </p>
-        
+        <div class="flex gap-2 flex-col md:flex-row">
         <a
           href="https://pretix.dgnum.eu/dgnum/hack-lsn-2025/"
           target="_blank"
           rel="noopener noreferrer"
           aria-label={t('partez.button')}
-          className="block inline mt-12 mb-12 px-8 py-3 rounded-full bg-green-700 text-beige-100 text-center transition-all hover:bg-orange-500"
+          className="block text-lg px-4 py-2 rounded-full bg-orange-600 text-beige-100 text-center transition-all hover:bg-orange-500"
         >
           {t('partez.button')}
         </a>
+        <GithubButton text={t('partez.githubButton')} />
+        </div>
         </AnimatedSection>
 
         <AnimatedSection delay={0.2}>