- Mise à jour de la DA de la main page.

- Ajout de data temporaire pour les articles.

front/src/components/FstSection.tsx

@@ -1,19 +1,12 @@
 import Button from "./Button";
 import NavBar from "./NavBar";
 
-interface FstSectionProps {
-    centertxt: string;
-    txtbt1:string;
-    txtbt2:string;
-    image:string;
-}
-
-export default function FstSection ({centertxt, txtbt1, txtbt2, image}: FstSectionProps) {
+export default function FstSection () {
     return (
         <div style={{
             textAlign: "center",
             color: "yellow",
-            backgroundImage: image,
+            backgroundImage: "url('/pictures/sea.gif')",
             backgroundSize: "cover",
             backgroundPosition: "center",
             backgroundRepeat: "no-repeat",
@@ -28,10 +21,18 @@ export default function FstSection ({centertxt, txtbt1, txtbt2, image}: FstSecti
             }}
         >
             <div style={{height:"150px"}} />
-            <h1>{centertxt}</h1><br />
+            <h1
+                style={{
+                    fontSize: "3em",
+                    fontWeight: "bold",
+                    textShadow: "2px 2px 4px #000000",
+                    fontFamily: "Helvetica",
+                }}
+
+            >Help us to save our oceans</h1><br />
             <div style={{display:"flex", justifyContent: "center", gap: "20px"}}>
-                <Button onClick={() => alert("One")} color="primary" children={txtbt1} />
-                <Button onClick={() => {alert("Two")}} color="secondary" children={txtbt2} /> 
+                <Button color="primary" children={"Aller au jeu"} url="/game" />
+                <Button color="secondary" children={"Lire les articles"} url="/" /> 
             </div>
         </div></div>
     )