feat: changes on homepage

Signed-off-by: Maud Royer <[email protected]>

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>