-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #14 from betagouv/maud/homepage
Homepage
- Loading branch information
Showing
12 changed files
with
273 additions
and
22 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,13 @@ | ||
| import { fr } from "@codegouvfr/react-dsfr"; | ||
|
|
||
| export default function ContainerLayout({ | ||
| children, | ||
| }: Readonly<{ | ||
| children: React.ReactNode; | ||
| }>) { | ||
| return ( | ||
| <main className={fr.cx("fr-container", "fr-pt-2w", "fr-pb-8w")}> | ||
| {children} | ||
| </main> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
File renamed without changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
File renamed without changes.
File renamed without changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,17 +1,246 @@ | ||
| import Image from "next/image"; | ||
| import { fr } from "@codegouvfr/react-dsfr"; | ||
| import AutocompleteSearch from "@/components/AutocompleteSearch"; | ||
| import Link from "next/link"; | ||
| import Card from "@codegouvfr/react-dsfr/Card"; | ||
|
|
||
| export default async function Page() { | ||
| return ( | ||
| <div className={fr.cx("fr-grid-row")}> | ||
| <div className={fr.cx("fr-col-12", "fr-col-lg-9", "fr-col-md-10")}> | ||
| <form action="/rechercher"> | ||
| <h1 className={fr.cx("fr-h5")}> | ||
| Quel médicament cherchez-vous ? | ||
| </h1> | ||
| <AutocompleteSearch inputName="s" /> | ||
| </form> | ||
| <> | ||
| <div className={fr.cx("fr-container", "fr-pt-4w", "fr-pb-4w")}> | ||
| <div className={fr.cx("fr-grid-row", "fr-grid-row--gutters")}> | ||
| <div className={fr.cx("fr-col-12", "fr-col-lg-9", "fr-col-md-10")}> | ||
| <form action="/rechercher"> | ||
| <h1 className={fr.cx("fr-h4")}> | ||
| Comprenez tout sur vos médicaments | ||
| </h1> | ||
| <AutocompleteSearch inputName="s" className={fr.cx("fr-mb-2w")} /> | ||
| <p className="fr-text--xs"> | ||
| <em> | ||
| Vous pouvez chercher un médicament, une molécule (ex : | ||
| paracétamol), une pathologie (ex : anxiété) ou un type de | ||
| médicaments (ex : antibiotique, contraceptif...) | ||
| </em> | ||
| </p> | ||
| </form> | ||
| </div> | ||
| <div className={fr.cx("fr-col-md-12", "fr-mt-4w")}> | ||
| <h2 className={fr.cx("fr-h4")}> | ||
| Vos questions sur les médicaments | ||
| </h2> | ||
| </div> | ||
| <div className={fr.cx("fr-col-md-6")}> | ||
| <p> | ||
| <Link | ||
| href="#" | ||
| className={fr.cx( | ||
| "fr-link", | ||
| "fr-link--icon-left", | ||
| "fr-icon-arrow-right-line", | ||
| )} | ||
| > | ||
| Je suis enceinte, quelles précautions prendre ? | ||
| </Link> | ||
| </p> | ||
| <p> | ||
| <Link | ||
| href="#" | ||
| className={fr.cx( | ||
| "fr-link", | ||
| "fr-link--icon-left", | ||
| "fr-icon-arrow-right-line", | ||
| )} | ||
| > | ||
| Je ne me sens plus malade, est ce que je peux arrêter mon | ||
| traitement ? | ||
| </Link> | ||
| </p> | ||
| <p> | ||
| <Link | ||
| href="#" | ||
| className={fr.cx( | ||
| "fr-link", | ||
| "fr-link--icon-left", | ||
| "fr-icon-arrow-right-line", | ||
| )} | ||
| > | ||
| Dois-je me faire vacciner contre la grippe saisonnière ? | ||
| </Link> | ||
| </p> | ||
| <p> | ||
| <Link | ||
| href="#" | ||
| className={fr.cx( | ||
| "fr-link", | ||
| "fr-link--icon-left", | ||
| "fr-icon-arrow-right-line", | ||
| )} | ||
| > | ||
| Que faire si j'ai des effets indésirables ? | ||
| </Link> | ||
| </p> | ||
| <p> | ||
| <Link | ||
| href="#" | ||
| className={fr.cx( | ||
| "fr-link", | ||
| "fr-link--icon-left", | ||
| "fr-icon-arrow-right-line", | ||
| )} | ||
| > | ||
| Numéros d'urgence | ||
| </Link> | ||
| </p> | ||
| </div> | ||
| <div | ||
| className={fr.cx( | ||
| "fr-col-md-6", | ||
| "fr-hidden", | ||
| "fr-unhidden-xl", | ||
| "fr-unhidden-lg", | ||
| "fr-unhidden-md", | ||
| )} | ||
| > | ||
| <Image | ||
| src="/placeholder.png" | ||
| alt="Placeholder" | ||
| className={fr.cx("fr-responsive-img")} | ||
| width={3000} | ||
| height={1695} | ||
| /> | ||
| </div> | ||
| <div className={fr.cx("fr-col-md-12", "fr-mt-4w")}> | ||
| <h2 className={fr.cx("fr-h4")}>Dossiers</h2> | ||
| </div> | ||
| <div className={fr.cx("fr-col-md-6")}> | ||
| <Card | ||
| enlargeLink | ||
| detail="Publié le 13 avril 2025" | ||
| title="Pourquoi les antibiotiques ne sont-ils pas automatiques ?" | ||
| titleAs="h3" | ||
| desc="C'est bien connu, les antibiotiques ça ne guérit pas tout. Pour tout savoir..." | ||
| linkProps={{ href: "#" }} | ||
| /> | ||
| </div> | ||
| <div className={fr.cx("fr-col-md-6")}> | ||
| <Card | ||
| enlargeLink | ||
| detail="Publié le 13 avril 2025" | ||
| title="Que faire pour soulager la douleur ?" | ||
| titleAs="h3" | ||
| desc="De nombreuses possibilités existent pour soulager la douleur : les antalgiques ou médicaments qui agissent directement sur la douleur." | ||
| linkProps={{ href: "#" }} | ||
| /> | ||
| </div> | ||
| <div className={fr.cx("fr-col-md-12", "fr-mt-4w")}> | ||
| <h2 className={fr.cx("fr-h4")}>Nos missions</h2> | ||
| </div> | ||
| <div className={fr.cx("fr-col-md-4")}> | ||
| <Card | ||
| enlargeLink | ||
| imageUrl={"/placeholder.png"} | ||
| imageAlt="Placeholder" | ||
| title="Rendre claires les notices" | ||
| titleAs="h3" | ||
| desc="Simplifier la compréhension des notices de médicaments" | ||
| linkProps={{ href: "#" }} | ||
| /> | ||
| </div> | ||
| <div className={fr.cx("fr-col-md-4")}> | ||
| <Card | ||
| enlargeLink | ||
| imageUrl={"/placeholder.png"} | ||
| imageAlt="Placeholder" | ||
| title="Mieux informer" | ||
| titleAs="h3" | ||
| desc="Informer sur les médicaments pour améliorer le suivi des traitements par les patient⋅es" | ||
| linkProps={{ href: "#" }} | ||
| /> | ||
| </div> | ||
| <div className={fr.cx("fr-col-md-4")}> | ||
| <Card | ||
| enlargeLink | ||
| imageUrl={"/placeholder.png"} | ||
| imageAlt="Placeholder" | ||
| title="Partager les données" | ||
| titleAs="h3" | ||
| desc="Faciliter l’accès à aux données sur les médicaments notamment via une API publique" | ||
| linkProps={{ href: "#" }} | ||
| /> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div | ||
| style={{ | ||
| backgroundColor: | ||
| fr.colors.decisions.background.alt.blueFrance.default, | ||
| }} | ||
| > | ||
| <div className={fr.cx("fr-container", "fr-pt-2w", "fr-pb-4w")}> | ||
| <div | ||
| className={fr.cx( | ||
| "fr-grid-row", | ||
| "fr-mt-4w", | ||
| "fr-pb-8w", | ||
| "fr-mb-n8v", | ||
| )} | ||
| > | ||
| <div className={fr.cx("fr-col-md-8")}> | ||
| <h2 className={fr.cx("fr-h5")}>Qui sommes-nous ?</h2> | ||
| <p> | ||
| <b> | ||
| <Link href="https://infomedicament.beta.gouv.fr"> | ||
| Info Médicament | ||
| </Link> | ||
| </b>{" "} | ||
| est un service public gratuit proposé par l’État qui vise à | ||
| améliorer l’accès à des informations fiables et compréhensibles | ||
| sur les médicaments. | ||
| </p> | ||
| <p> | ||
| Ce service répond à plusieurs enjeux cruciaux : la lutte contre | ||
| la désinformation, la réduction du mésusage des médicaments et | ||
| la responsabilisation des patient·es dans la gestion de leur | ||
| santé. | ||
| </p> | ||
| <p> | ||
| <b> | ||
| <Link href="https://infomedicament.beta.gouv.fr"> | ||
| Info Médicament | ||
| </Link> | ||
| </b>{" "} | ||
| est le service numérique de référence d’informations sur les | ||
| médicaments et fournit aux patient·es et aux professionnel·les | ||
| de santé des données actualisées et validées sur les | ||
| médicaments. | ||
| </p> | ||
| </div> | ||
| <div className={fr.cx("fr-col-md-8", "fr-mt-4w")}> | ||
| <h2 className={fr.cx("fr-h5")}>L'équipe</h2> | ||
| <ul> | ||
| <li> | ||
| ANSM :{" "} | ||
| <Link href="https://infomedicament.beta.gouv.fr"> | ||
| Info Médicament | ||
| </Link>{" "} | ||
| est porté par l’Agence Nationale de Sécurité du Médicament et | ||
| des produits de santé. | ||
| </li> | ||
| <li> | ||
| <Link href="https://beta.gouv.fr">beta.gouv.fr</Link> :{" "} | ||
| <Link href="https://infomedicament.beta.gouv.fr"> | ||
| Info Médicament | ||
| </Link>{" "} | ||
| est une start-up d’État du programme Beta.gouv.fr de la | ||
| Direction interministérielle du numérique (DINUM), qui | ||
| accompagne les administrations dans la construction de | ||
| services numériques. | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters