feat(widget): Ajout du widget epds (#56)

* feat(widget): Ajout du widget epds * feat(widget): maj de la clé source * feat(widget): ajout de la nav
SocialGouv · Feb 14, 2022 · 04e56f2 · 04e56f2
1 parent 63a32b1
commit 04e56f2
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 0 deletions.
diff --git a/pages/index.js b/pages/index.js
@@ -17,6 +17,9 @@ export default function index() {
       <Comment />
       <br />
       <br />
+      <WidgetEpds />
+      <br />
+      <br />
       <Qui />
       <br />
       <br />
@@ -139,6 +142,29 @@ function Comment() {
   );
 }
 
+function WidgetEpds() {
+  return (
+    <section id="widgetepds">
+      <div className="container">
+        <br />
+        <div className="section-heading text-center">
+          <SectionTitle style={{ fontSize: "2.5em" }}>
+            Testez-vous dès aujourd&apos;hui
+          </SectionTitle>
+          <br />
+          <iframe
+            title="Widget EPDS"
+            src="https://nos1000jours-blues-epds-widget.fabrique.social.gouv.fr?source=1000j-landing"
+            width="100%"
+            height="600px"
+            style={{ border: "none" }}
+          />
+        </div>
+      </div>
+    </section>
+  );
+}
+
 function Qui() {
   const [displayDetails, setDisplayDetails] = React.useState(false);
   return (

diff --git a/src/components/Nav.js b/src/components/Nav.js
@@ -35,6 +35,9 @@ export function Nav() {
             <NavLink href="/#comment">
               Comment ce service fonctionne-t-il ?
             </NavLink>
+            <NavLink href="/#widgetepds">
+              Testez-vous dès aujourd&apos;hui
+            </NavLink>
             <NavLink href="/#qui">Qui sommes-nous ?</NavLink>
             <NavLink href="/#nouscontacter">Nous contacter</NavLink>
           </BSNav>