From 5aebc6f70fbfc733471181332660e9eada0eb263 Mon Sep 17 00:00:00 2001
From: Maud Royer <hello@maudroyer.fr>
Date: Thu, 23 Jan 2025 16:18:38 +0100
Subject: [PATCH] feat: changes on homepage

Signed-off-by: Maud Royer <hello@maudroyer.fr>
---
 src/app/page.tsx | 27 +++++++++++++++++++--------
 1 file changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 86edf4a..f9a0144 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,16 +14,27 @@ export default async function Page() {
         <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 className={fr.cx("fr-h2")}>
+                Des réponses fiables à toutes vos questions sur les médicaments
               </h1>
+              <p className={fr.cx("fr-text--md")}>
+                Trouvez instantanément les informations claires, précises et
+                officielles sur vos médicaments, en toute simplicité&nbsp;!
+              </p>
               <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&nbsp;:
-                  paracétamol), une pathologie (ex&nbsp;: anxiété) ou un type de
-                  médicaments (ex&nbsp;: antibiotique, contraceptif...)
-                </em>
+              <p className="fr-text--sm">
+                <em>Exemples d&apos;utilisation&nbsp;:</em>
+                <br />
+                Vous cherchez <b>la notice</b> d’un médicament&nbsp;;
+                <br />
+                Vous voulez connaître tous les médicaments qui contiennent la
+                même <b>substance active</b> (ex : paracétamol)&nbsp;;
+                <br />
+                Vous voulez savoir quels sont les médicaments prescrits pour une
+                <b>pathologie</b> (ex : diabète)&nbsp;;
+                <br /> Vous voulez tout comprendre d’une{" "}
+                <b>classe de médicaments</b>
+                (ex : antibiotiques).
               </p>
             </form>
           </div>