diff --git a/src/app/nous-contacter/page.tsx b/src/app/nous-contacter/page.tsx new file mode 100644 index 000000000..78c89d054 --- /dev/null +++ b/src/app/nous-contacter/page.tsx @@ -0,0 +1,102 @@ +'use client' + +import Section from '@/components/Section' +import Button from '@codegouvfr/react-dsfr/Button' +import styled from 'styled-components' + +const StyledWrapper = styled(Section)` + > section { + margin-bottom: 2rem; + + h2 { + font-size: 1.5rem; + } + + .osmose-buttons { + display: flex; + gap: 1rem; + } + + a::after { + display: none; + } + } +` + +export default function NousContacterPage() { + return ( + +
+

+ Je suis un particulier ou une entreprise et j’ai constaté une adresse manquante ou incorrecte. +

+

+ La gestion des adresses est une compétence des communes. Vous devez vous adresser à votre mairie, et le cas échéant lui indiquer l’existence de ce site. +

+
+
+

+ Je suis une commune ou un EPCI et je veux gérer les adresses de mon territoire pour améliorer la qualité des services apportés à mes administrés. +

+

+ La gestion des adresses est la compétence des communes, mais elle est quelque fois exercée avec le soutien technique d’un EPCI. +

+

+ Cette gestion est simplifiée par l’existence d’outils officiels et gratuits, tels que Mes Adresses. +

+

+ Vous pouvez en quelques clics créer la Base Adresse Locale de votre commune, y apporter des modifications, et publier les changements pour que ceux-ci soient pris en compte par un maximum d’acteurs. La prise en main est très simple, et ne nécessite pas de compétences informatiques particulières. +

+ Votre commune et la base adresse locale +
+
+

+ Pour toute autre demande ou pour plus d’informations. +

+

+ Si vous ne trouvez pas les réponses à vos questions sur ce site ou dans la documentation ou la FAQ, vous pouvez nous contacter à l’adresse suivante : adresse@data.gouv.fr. +

+

+ Notre équipe fera le nécessaire pour vous répondre dans les plus brefs délais, dans la limite de sa disponibilité. +

+ +
+
+

+ En tant qu’utilisateur des données, rejoignez Osmose +

+

+ Osmose est l'outil d'animation et de support de la démarche Adresse_Lab, instance de concertation et de co-construction sur les évolutions de la Base Adresse Nationale. +

+

+ Il s'adresse aux utilisateurs de la donnée BAN : administrations et services publics, services de secours et de sécurité, opérateurs de réseaux, services de localisation et navigation, ... constitués par le biais de cette démarche en "Collectif des usagers de la BAN". L'objectif est la connaissance des cas d'application et la compréhension des besoins pour piloter les évolutions de la feuille de route BAN en adéquation avec les usages. +

+
+ + +
+
+
+ ) +} diff --git a/src/components/SectionSearchBAN/SectionSearchBAN.tsx b/src/components/SectionSearchBAN/SectionSearchBAN.tsx index a53d2eaf7..4054ff447 100644 --- a/src/components/SectionSearchBAN/SectionSearchBAN.tsx +++ b/src/components/SectionSearchBAN/SectionSearchBAN.tsx @@ -1,6 +1,6 @@ 'use client' -import { useState } from 'react' +import { useContext, useState } from 'react' import PropTypes from 'prop-types' import Image from 'next/image' import { SearchBar } from '@codegouvfr/react-dsfr/SearchBar' @@ -15,6 +15,7 @@ import { Title, FormDescription, } from './SectionSearchBAN.styles' +import BALWidgetContext from '@/contexts/BALWidget.context' interface InputSearchBANProps { id?: string @@ -54,6 +55,13 @@ function InputSearch() { } function SectionSearchBAN({ id }: InputSearchBANProps) { + const { open, navigate } = useContext(BALWidgetContext) + + const handleContactParticuliers = () => { + navigate('/particulier') + open() + } + return (
@@ -67,7 +75,7 @@ function SectionSearchBAN({ id }: InputSearchBANProps) { Consulter directement la carte - J’ai un soucis avec mon adresse, pourquoi ? + diff --git a/src/layouts/Header.tsx b/src/layouts/Header.tsx index eebabbe39..b10a64633 100644 --- a/src/layouts/Header.tsx +++ b/src/layouts/Header.tsx @@ -90,7 +90,7 @@ export const navEntries: MainNavigationProps.Item[] = [ }, { text: 'Validateur BAL', linkProps: { href: '/outils/validateur-bal' } }, // { text: 'Géocodeur', linkProps: { href: '#' } }, - { text: 'Publication des adresses', linkProps: { href: '#' } }, + { text: 'Formulaire de publication', linkProps: { href: '/outils/formulaire-de-publication' } }, { text: 'Supervision BAN/BAL', linkProps: { @@ -185,7 +185,7 @@ export default function Header() { { iconId: 'fr-icon-message-2-fill', linkProps: { - href: '#', + href: '/nous-contacter', }, text: 'Nous contacter', },