Added new page Press

res/css/pages/press/Press.scss

@@ -0,0 +1,10 @@
+.tc_Press .MuiContainer-root {
+  padding: 50px 0;
+}
+
+.tc_Press_paragraph {
+  margin: 40px 0 40px;
+}
+.tc_Press_subparagraph {
+  margin-top: -10px;
+}

src/App.js

@@ -7,6 +7,7 @@ import Convention from "pages/convention/Convention";
 import Suivi from "pages/suivi/Suivi";
 import Pem from "pages/pem/Pem";
 import Faq from "pages/faq/Faq";
+import Press from "pages/press/Press";
 
 import "@fontsource/roboto";
 
@@ -28,6 +29,7 @@ class App extends Component {
 					<Route path="/suivi" element={<Suivi />} />
 					<Route path="/prise-en-main" element={<Pem />} />
 					<Route path="/faq" element={<Faq />} />
+					<Route path="/presse" element={<Press />} />
 					<Route path="/" element={<Home />} />
 				</Routes>
 			</BrowserRouter>

src/components/bars/BottomBar.js

@@ -39,6 +39,11 @@ class BottomBar extends Component {
 										Utiliser Tchap
 									</a>
 								</li>
+								<li class="fr-footer__content-item">
+									<a class="fr-footer__content-link" href="/presse" data-probe-name="tchap-app" onClick={this._hookProbe}>
+										Presse
+									</a>
+								</li>
 								<li class="fr-footer__content-item">
 									<a class="fr-footer__content-link" href="https://github.com/tchapgouv" data-probe-name="github" onClick={this._hookProbe}>
 										Le code de Tchap sur Github

src/pages/press/Press.js

@@ -0,0 +1,52 @@
+import { Container } from "@mui/material";
+import { Component } from "react";
+import BottomBar from "../../components/bars/BottomBar";
+import TopBar from "../../components/bars/TopBar";
+
+import "styles/pages/press/Press.scss";
+
+class Press extends Component {
+
+	render() {
+		return (
+			<div className="tc_Press">
+				<TopBar borderBottom={true} />
+				<Container maxWidth="lg">
+
+					<h1>Press Kit</h1>
+
+					<div className="tc_Press_paragraph">
+						<h3>I - Contact</h3>
+						<div className="tc_Press_subparagraph">
+							<div>Pour toute demande presse, écrivez à <a href="mailto:[email protected]">[email protected]</a></div>
+							<div>L'équipe sera ravie de vous répondre !</div>
+						</div>
+					</div>
+					<div className="tc_Press_paragraph">
+						<h3>II - Infos clés</h3>
+						<div className="tc_Press_subparagraph">
+							<div>Tchap est la messagerie instantanée souveraine et sécurisée de l’Administration.</div>
+							<div>Lancée en 2019 par la Direction Interministérielle du Numérique (DINUM), elle permet aux agents du service public de communiquer facilement, en toute confidentialité.</div>
+							<div>En permettant à tous ses utilisateurs d'entrer en conPresst et d'échanger au sein de conversations privées et publiques, Tchap est conçue pour rassembler l’ensemble des agents du secteur public.</div>
+							<div>Disponible sur navigateur web et applications mobiles, Tchap offre de multiples cas d’usage. Ses utilisateurs s’en servent aussi bien pour coordonner leurs projets, former des communautés autour des sujets qui leur importent, que pour simplement inviter leurs collègues à prendre un café.</div>
+							<div>En janvier 2022, Tchap compte 285 000 utilisateurs qui échangent plus d’un million de messages par semaine.</div>
+							<div>Le code de Tchap est consultable publiquement et se base sur le protocole <a href="https://matrix.org/docs/guides/end-to-end-encryption-implementation-guide">Matrix</a>. Le développement de l'application bénéficie ainsi des avancées de la communauté Matrix, en terme d'amélioration fonctionnelle et de sécurité.</div>
+						</div>
+					</div>
+					<div className="tc_Press_paragraph">
+						<h3>III - Visuels</h3>
+						<div className="tc_Press_subparagraph">
+							<div>Au lien suivant vous trouvez une séléction de visuels à utiliser librement dans la presse:</div>
+							<div><a href="https://osmose.numerique.gouv.fr/front/publicLink/publicDownload.jsp?id=0d5abab9-ad40-48c3-8eb3-b00f8faa7a3472b5348c-1a42-4823-85d4-298c2c52a3ce">https://osmose.numerique.gouv.fr/front/publicLink/publicDownload.jsp?id=0d5abab9-ad40-48c3-8eb3-b00f8faa7a3472b5348c-1a42-4823-85d4-298c2c52a3ce</a></div>
+						</div>
+					</div>
+
+
+				</Container>
+				<BottomBar />
+			</div>
+		);
+	}
+}
+
+export default Press;