feat: update home page and readme (#492)

* feat: update home page

* feat: update readme

* fix: update readme

* fix: remove old code and update readme

* fix: remove useless import

* feat: update home design

README.md

@@ -1,6 +1,62 @@
 # Tumeplay
 
-to write...
+Accompagner les jeunes dans leur parcours d’apprentissage en santé sexuelle de manière ludique et fiable.
+
+## Tumeplay Vitrine
+
+Landing page conçue pour présenter divers thèmes liés à la sexualité de manière éducative et informative. Elle comprend des informations sous forme de card pour expliquer des sujets spécifiques liés à la sexualité.
+
+Créer un fichier .env avec les informations du .env.example du repo
+
+```bash
+npm run dev
+# or
+yarn dev
+```
+
+## Tumeplay Dashboard
+
+Vise à fournir un backoffice (panneau d'administration) pour l'application Tumeplay, permettant aux gestionnaires d'accéder à l'historique des commandes (box) effectuées par les utilisateurs.
+
+Créer un fichier .env avec les informations du .env.example du repo
+
+```bash
+npm start
+# or
+yarn start
+```
+
+## Tumeplay App
+
+Développer une application visant à augmenter les connaissances et compétences des jeunes en matière de santé sexuelle. Contient des informations sur la sexualité, des quizzs et possibilité de commander des kits.
+
+Créer un fichier .env et un fichier .env.example. Récupérer les informations des fichiers env du dossier environnements.
+
+```bash
+npm start
+# or
+yarn start
+```
+
+## Tumeplay Mobile
+
+Développer une application mobile visant à augmenter les connaissances et compétences des jeunes en matière de santé sexuelle. Contient des informations sur la sexualité, des quizzs et possibilité de commander des kits.
+
+Créer un fichier .env avec les informations du .env.example du repo
+
+```bash
+npm start
+# or
+yarn start
+
+#ios
+npm run ios
+yarn ios
+
+#android
+npm run android
+yarn android
+```
 
 ## Deployment
 

tumeplay-vitrine/components/header.tsx

@@ -1,4 +1,4 @@
-import { Box, Heading, Link, Text } from "@chakra-ui/react";
+import { Box, Heading } from "@chakra-ui/react";
 import Image from "next/image";
 
 const Header = () => {
@@ -25,96 +25,6 @@ const Header = () => {
           SEXE ?
         </Box>
       </Heading>
-      <Box
-        display="flex"
-        alignItems="center"
-        flexDirection={["column", "column", "row"]}
-      >
-        <Link
-          href="https://apps.apple.com/fr/app/tumeplay/id1559879813"
-          target="_blank"
-          rel="noreferrer"
-          title="Télécharger l'application sur apple iOS"
-        >
-          <Box mr={4} opacity={0.8} _hover={{ opacity: 0.6 }} w={52}>
-            <Image
-              width={200}
-              height={80}
-              layout="responsive"
-              src="/button-ios.svg"
-              alt={`Bouton pour télécharger l'application sur iOS`}
-            />
-          </Box>
-        </Link>
-        <Link
-          href="https://play.google.com/store/apps/details?id=com.tumeplaymobile"
-          target="_blank"
-          rel="noreferrer"
-          title="Télécharger l'application sur Android"
-        >
-          <Box
-            ml={[0, 0, 4]}
-            mt={[4, 4, 0]}
-            opacity={0.8}
-            _hover={{ opacity: 0.6 }}
-            w={52}
-          >
-            <Image
-              width={200}
-              height={80}
-              layout="responsive"
-              src="/button-android.svg"
-              alt={`Bouton pour télécharger l'application sur Android`}
-            />
-          </Box>
-        </Link>
-      </Box>
-      <Box pt={5}>
-        <Text fontWeight="bold" textAlign={["center", "center", "left"]}>
-          Retrouve-nous sur les réseaux sociaux pour découvrir nos actualités
-        </Text>
-        <Box
-          display="flex"
-          alignItems="center"
-          justifyContent="center"
-          justifyItems="center"
-          pt={2}
-        >
-          <Link
-            href="https://www.instagram.com/tumeplay/"
-            rel="noreferrer"
-            target="_blank"
-            title="Accéder au compte Instagram de tumeplay"
-          >
-            <Box mr={2} opacity={1} _hover={{ opacity: 0.8 }} w={12}>
-              <Image
-                src="/instagram.png"
-                width={50}
-                height={50}
-                layout="responsive"
-                alt={`Bouton pour accéder au réseau social Instagram`}
-              />
-            </Box>
-          </Link>
-          <Link
-            href="https://www.tiktok.com/@tu.me.play"
-            target="_blank"
-            rel="noreferrer"
-            w={12}
-            opacity={1}
-            _hover={{ opacity: 0.8 }}
-            title="Accéder au compte Tiktok de tumeplay"
-          >
-            <Image
-              src="/Tiktok.png"
-              width={50}
-              height={50}
-              layout="responsive"
-              alt={`Bouton pour accéder au réseau social Tiktok`}
-            />
-          </Link>
-        </Box>
-      </Box>
     </Box>
   );
 };