From 891bac45b6379fd69d9645a4c9173b81959ef0c7 Mon Sep 17 00:00:00 2001
From: Pierre Ferreira <p.ferreira1@outlook.fr>
Date: Tue, 7 Nov 2023 11:55:29 +0100
Subject: [PATCH] =?UTF-8?q?impl=C3=A9mentation=20de=20toute=20la=20logique?=
 =?UTF-8?q?=20de=20traduction=20dans=20la=20page=20Home=20(avec=20le=20tex?=
 =?UTF-8?q?te=20actuel=20:art:?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 cryptide_project/src/Pages/Home.js | 54 ++++++++++++++++++++++++++++++
 1 file changed, 54 insertions(+)
 create mode 100644 cryptide_project/src/Pages/Home.js

diff --git a/cryptide_project/src/Pages/Home.js b/cryptide_project/src/Pages/Home.js
new file mode 100644
index 0000000..05ccbe4
--- /dev/null
+++ b/cryptide_project/src/Pages/Home.js
@@ -0,0 +1,54 @@
+import React from 'react';
+import './Home.css'; // Créez un fichier CSS pour styliser votre composant
+import '../App.css';
+import { Link } from 'react-router-dom';
+import { FormattedMessage } from 'react-intl';
+
+
+function Home() {
+    return (
+        
+    <div className="home-container">
+
+        <div className="left-section">
+
+            <div>
+                <h2><FormattedMessage id="home.histoire.title"/></h2>
+                <p>
+                    <FormattedMessage id="home.histoire" />
+                </p>
+            </div>
+            <div>
+                <h2><FormattedMessage id="home.jeu.title"/></h2>
+                <p>
+                <FormattedMessage id="home.jeu" />
+                </p>
+            </div>
+            <div>
+                <h2><FormattedMessage id="home.plus.title"/></h2>
+                <ul>
+                    <li><FormattedMessage id="home.plus.1"/></li>
+                    <li><FormattedMessage id="home.plus.2"/></li>
+                    <li><FormattedMessage id="home.plus.3"/></li>
+                </ul>
+            </div>
+        </div>
+            
+        <div className="vertical-divider"></div>
+
+        <div className="right-section">
+            <h3><FormattedMessage id="game.time"/></h3>
+            <h3><FormattedMessage id="game.players"/></h3>
+            <h3><FormattedMessage id="game.age"/></h3>
+            <p>-------------------------------</p>
+            <h3> <u><FormattedMessage id="game.createdBy"/></u><br/> Hal Duncan & Ruth Veevers</h3>
+            <h3> <u><FormattedMessage id="game.illustratedBy"/></u><br/> Kwanchai Moriya</h3>
+            {/* <button>Jouer au jeu</button> */}
+            <br/>
+            <Link to="/jouer" className='button'> <FormattedMessage id="play"/> </Link>
+        </div>
+    </div>
+    );
+}
+
+export default Home;