Update base-usages.js

pages/donnees-nationales/base-usages.js

@@ -6,6 +6,8 @@ import Head from '@/components/head'
 import Section from '@/components/section'
 import SectionText from '@/components/section-text'
 import AppCard from '@/components/donnees-nationales/app-card'
+import Link from 'next/link'
+import ButtonLink from '@/components/button-link'
 
 import appsDataSource from '@/data/partners/usecases-ban.json'
 
@@ -85,6 +87,18 @@ function BaseUsages() {
         <div className='cards'>
           {filteredApps.map(appDescription => <AppCard key={appDescription.id_application} {...appDescription} />)}
         </div>
+        <Section title='Vous utilisez la Base Adresse Nationale ?'>
+        <SectionText>
+          <p>Faites nous part de votre usage et faites apparaître votre application sur cette page</p>
+        </SectionText>
+
+        <div className='centered'>
+          <ButtonLink href='mailto:[email protected]?subject=Ajout d‘un cas d‘usage - Base Adresse Nationale'>
+            Ajoutez votre application
+          </ButtonLink>
+        </div>
+
+      </Section>
 
         <style jsx>{`
         .container {
@@ -109,6 +123,11 @@ function BaseUsages() {
           grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
           gap: 1rem;
         }
+        .centered {
+            margin: 40px auto;
+            display: flex;
+            justify-content: center;
+          }
 
       `}</style>
       </div>