diff --git a/src/components/shared/page/SimplePage.styles.tsx b/src/components/shared/page/SimplePage.styles.tsx new file mode 100644 index 000000000..baee9c162 --- /dev/null +++ b/src/components/shared/page/SimplePage.styles.tsx @@ -0,0 +1,22 @@ +import styled from 'styled-components'; + +export const FullScreenModeFirstLine = styled.div` + @media (min-width: 992px) { + display: none; + } +`; + +export const FullScreenModeNavLogo = styled.li` + @media (max-width: 991px) { + display: none; + } +`; + +export const FullScreenItems = styled.div` + flex-grow: 1; + display: flex; + align-items: center; + .fr-header__search { + display: none; + } +`; diff --git a/src/components/shared/page/SimplePage.tsx b/src/components/shared/page/SimplePage.tsx new file mode 100644 index 000000000..44eb5aa50 --- /dev/null +++ b/src/components/shared/page/SimplePage.tsx @@ -0,0 +1,409 @@ +import Head from 'next/head'; +import { + HeaderBody, + Header, + HeaderNav, + HeaderOperator, + Logo, + NavItem, + Service, + Tool, + ToolItem, + ToolItemGroup, + NavSubItem, +} from '@dataesr/react-dsfr'; +import { signOut, useSession } from 'next-auth/react'; +import Link from 'next/link'; +import { Fragment } from 'react'; +import { USER_ROLE } from 'src/types/enum/UserRole'; +import Image from 'next/image'; +import { + FooterBody, + FooterBodyItem, + FooterBottom, + FooterCopy, + Footer as FooterDS, + FooterLink, + FooterOperator, + FooterPartners, + FooterPartnersLogo, + FooterPartnersSecondaryTitle, + FooterPartnersTitle, +} from '@dataesr/react-dsfr'; +import { useRouter } from 'next/router'; +import { + FullScreenItems, + FullScreenModeFirstLine, + FullScreenModeNavLogo, +} from './SimplePage.styles'; + +type PageMode = 'public' | 'public-fullscreen' | 'authenticated'; + +interface SimplePageProps { + title?: string; + children: React.ReactNode; + mode?: PageMode; + currentPage?: string; +} + +const SimplePage = (props: SimplePageProps) => { + return ( + <> + {props.title && ( + + {props.title} + + )} + + {props.children} + + + ); +}; + +export default SimplePage; + +type NavigationItem = { + title: string; + href?: string; + children?: NavigationItem[]; +}; + +const publicNavigationMenu: NavigationItem[] = [ + { + title: 'Copropriétaire, conseil syndical', + href: '/', + }, + { + title: 'Professionnels', + href: '/professionnels', + }, + { + title: 'Collectivité, exploitant', + href: '/collectivites-et-exploitants', + }, + { + title: 'Cartographie', + href: '/carte', + }, + { + title: 'Aller plus loin', + href: '/ressources', + }, + { + title: 'Question ?', + children: [ + { + title: 'Qui sommes-nous ?', + href: '/qui-sommes-nous', + }, + { + title: 'Nous contacter', + href: '/contact', + }, + ], + }, +]; + +const authenticatedNavigationMenu: NavigationItem[] = [ + { + title: 'Retour au site', + href: '/', + }, + { + title: 'Tableau de bord', + href: '/gestionnaire', + }, + { + title: 'Aide', + href: '/aide', + }, +]; + +const adminNavigationMenu: NavigationItem[] = [ + { + title: 'Administration', + href: '/admin', + }, +]; + +interface PageHeaderProps { + mode: PageMode; + currentPage?: string; +} + +/** + * The navbar and toolbar are hidden automatically when <= 992px by the DSFR component because they are moved in + * a modal, behind a hamburger menu. + * + * When in fullscreen: + * - the first line is hidden automatically when >= 992px, and is displayed otherwise because the hamburger menu appears + * - the service (title and description) is hidden (useful when < 992px) + * - the second line takes more elements: + * - a logo at the left + * - tool links at the right + */ +const PageHeader = (props: PageHeaderProps) => { + const router = useRouter(); + const { data: session, status } = useSession(); + + const isFullScreenMode = + props.mode === 'public-fullscreen' || props.mode === 'authenticated'; + + const FirstLineContainer = isFullScreenMode + ? FullScreenModeFirstLine + : Fragment; + + const navigationMenuItems = + props.mode === 'authenticated' + ? [ + ...authenticatedNavigationMenu, + ...(status === 'authenticated' && + session.user.role === USER_ROLE.ADMIN + ? adminNavigationMenu + : []), + ] + : publicNavigationMenu; + + const currentPath = props.currentPage ?? router.pathname; + + return ( +
+ + + République Française + + logo france chaleur urbaine + + + {/* beware: do not try to merge these two blocs! */} + {!isFullScreenMode && ( + + } + /> + )} + {!isFullScreenMode && ( + + + } + > + Espace gestionnaire + + + + )} + + + + + {isFullScreenMode && ( + + logo france chaleur urbaine + + )} + {navigationMenuItems.map(({ title, href, children }) => ( + subnav.href === currentPath) + } + asLink={href ? {title} : undefined} + > + {children?.map((subNav) => ( + {subNav.title} + ) : undefined + } + current={subNav.href === currentPath} + /> + ))} + + ))} + {/* potentiellement utiliser un préfixe et asPath */} + + {isFullScreenMode && ( + + + + {props.mode === 'authenticated' ? ( + signOut({ callbackUrl: '/' })}> + Se déconnecter + + ) : ( + } + > + Espace gestionnaire + + )} + + + + )} + +
+ ); +}; + +const footerDescription = `France Chaleur Urbaine est un projet d'innovation pour accélérer + le raccordement des bâtiments aux réseaux de chaleur en vue de + l'atteinte des objectifs de développement de la chaleur + d'origine renouvelable.`; + +const PageFooter = () => { + return ( + + + } + > + République Française + + + logo france chaleur urbaine + + + Faites nous part de vos propositions pour améliorer ce service : +
+ + france-chaleur-urbaine@developpement-durable.gouv.fr + + + + + A l'origine du projet + + Nos financeurs + + + + + + + + + Accessibilité: non conforme + + } + /> + + Mentions légales & CGU + + } + /> + + Cookies & Consentements + + + Données personnelles + + } + /> + + Statistiques + + } + /> + + Contact + + } + /> + + {' '} + Github + + + Sauf mention contraire, tous les contenus de ce site sont sous{' '} + + licence etalab-2.0 + + + + + ); +}; diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx index 38fda877e..50014e35a 100644 --- a/src/pages/_app.tsx +++ b/src/pages/_app.tsx @@ -4,7 +4,7 @@ import { GoogleAdsMarkup, LinkedInMarkup, } from '@components/Markup'; -import { LayoutProvider, MainLayout } from '@components/shared/layout'; +import { LayoutProvider } from '@components/shared/layout'; import '@gouvfr/dsfr/dist/utility/icons/icons-system/icons-system.min.css'; import '@gouvfr/dsfr/dist/utility/icons/icons-editor/icons-editor.min.css'; import '@gouvfr/dsfr/dist/utility/icons/icons-document/icons-document.min.css'; @@ -204,9 +204,7 @@ function MyApp({ - - - + diff --git a/src/pages/admin.tsx b/src/pages/admin.tsx index cbe085742..dfe8822af 100644 --- a/src/pages/admin.tsx +++ b/src/pages/admin.tsx @@ -1,22 +1,16 @@ import BulkEligibility from '@components/Admin/BulkEligibility'; import Users from '@components/Admin/Users'; -import MainContainer from '@components/shared/layout'; +import SimplePage from '@components/shared/page/SimplePage'; import { GetServerSideProps } from 'next'; import { getSession } from 'next-auth/react'; -import Head from 'next/head'; import { USER_ROLE } from 'src/types/enum/UserRole'; export default function Admin(): JSX.Element { return ( - <> - - France Chaleur Urbaine - Admin - - - - - - + + + + ); } diff --git a/src/pages/aide.tsx b/src/pages/aide.tsx index 27ff43ddc..070965fed 100644 --- a/src/pages/aide.tsx +++ b/src/pages/aide.tsx @@ -1,6 +1,7 @@ -import MainContainer from '@components/shared/layout/MainContainer'; +import SimplePage from '@components/shared/page/SimplePage'; import { Accordion, AccordionItem } from '@dataesr/react-dsfr'; -import Head from 'next/head'; +import { GetServerSideProps } from 'next'; +import { getSession } from 'next-auth/react'; type FaqItem = { title: string; @@ -266,42 +267,50 @@ const faqItems: FaqItem[] = [ const Aide = () => { return ( - <> - - Aide : France Chaleur Urbaine - - -
-

- Bienvenue sur l’espace gestionnaire de France Chaleur Urbaine ! -

-

- Vous trouverez ci-dessous les réponses aux questions qui nous sont - les plus fréquemment posées. -

-

- Vous ne trouvez pas la réponse à vos interrogations, ou souhaitez - nous faire part de suggestions pour améliorer cet espace - gestionnaire ? Nous sommes à votre écoute ! -

-

- Contactez-nous :{' '} - - france-chaleur-urbaine@developpement-durable.gouv.fr - -

+ +
+

Bienvenue sur l’espace gestionnaire de France Chaleur Urbaine !

+

+ Vous trouverez ci-dessous les réponses aux questions qui nous sont les + plus fréquemment posées. +

+

+ Vous ne trouvez pas la réponse à vos interrogations, ou souhaitez nous + faire part de suggestions pour améliorer cet espace gestionnaire ? + Nous sommes à votre écoute ! +

+

+ Contactez-nous :{' '} + + france-chaleur-urbaine@developpement-durable.gouv.fr + +

- - {faqItems.map((item, index) => ( - - {item.content} - - ))} - -
- - + + {faqItems.map((item, index) => ( + + {item.content} + + ))} + +
+ ); }; export default Aide; + +export const getServerSideProps: GetServerSideProps = async (context) => { + const userSession = await getSession(context); + + if (!userSession) { + return { + redirect: { + destination: '/connexion', + permanent: false, + }, + }; + } + + return { props: {} }; +}; diff --git a/src/pages/carte.tsx b/src/pages/carte.tsx index ef63fd153..16e133bc2 100644 --- a/src/pages/carte.tsx +++ b/src/pages/carte.tsx @@ -1,10 +1,10 @@ import Map from '@components/Map'; -import MainContainer, { +import { fullscreenHeaderHeight, tabHeaderHeight, } from '@components/shared/layout'; +import SimplePage from '@components/shared/page/SimplePage'; import { usePersistedState } from '@hooks'; -import Head from 'next/head'; import param from 'src/services/Map/param'; import { LegendGroupId } from 'src/types/enum/LegendGroupId'; import styled from 'styled-components'; @@ -30,39 +30,37 @@ const Carte = () => { }); return ( - <> - - Carte des réseaux : France Chaleur Urbaine - - - - x !== 'proModeLegend') - : param.legendData - .filter( - (legend) => - legend !== 'contributeButton' && - legend !== 'statsByArea' && - (typeof legend === 'string' || - defaultLegendIds.includes(legend.id)) - ) - .filter( - (legend, i, legends) => - legend !== 'separator' || legends[i - 1] !== 'separator' - ) - } - /> - - - + + + x !== 'proModeLegend') + : param.legendData + .filter( + (legend) => + legend !== 'contributeButton' && + legend !== 'statsByArea' && + (typeof legend === 'string' || + defaultLegendIds.includes(legend.id)) + ) + .filter( + (legend, i, legends) => + legend !== 'separator' || legends[i - 1] !== 'separator' + ) + } + /> + + ); }; diff --git a/src/pages/collectivites-et-exploitants.tsx b/src/pages/collectivites-et-exploitants.tsx index c1770b5ac..3d4e0d163 100644 --- a/src/pages/collectivites-et-exploitants.tsx +++ b/src/pages/collectivites-et-exploitants.tsx @@ -7,7 +7,6 @@ import Newsletter from '@components/Newsletter/Newsletter'; import Partners from '@components/Partners/Partners'; import { growths, issues } from '@components/Ressources/config'; import Understanding from '@components/Ressources/Understanding'; -import MainContainer from '@components/shared/layout'; import Slice from '@components/Slice'; import Head from 'next/head'; import Link from 'next/link'; @@ -36,6 +35,7 @@ import { NewsLetterSectionTitle, } from '@components/CollectivitesExploitantsPage.style'; import { StyledIFrameLink } from '@components/IFrame/Map/IFrameMapIntegrationForm.styles'; +import SimplePage from '@components/shared/page/SimplePage'; const collectivitesCards = { role: issues.role, @@ -45,473 +45,456 @@ const collectivitesCards = { export default function Home() { return ( - <> + - - France Chaleur Urbaine : Une solution numérique qui facilite le - raccordement à un chauffage économique et écologique - - -
- - - Bénéficier du service - - - Voir la cartographie - - +
+ + + Bénéficier du service + + + Voir la cartographie + + - - - France Chaleur Urbaine c’est : - - - - - La cartographie interactive des réseaux de - chaleur et de froid la plus complète à l’échelle nationale - - - Plus de 690 tracés en open data, représentant 90% de la - chaleur livrée annuellement par les réseaux en France - - - Des données techniques et économiques par réseau, - l’identification des réseaux classés et leurs périmètres de - développement prioritaire, les tracés de réseauxen - construction - - - Des données sur les potentiels de raccordement à l’adresse : - bâtiments chauffés au gaz ou fioul collectif, consommations de - gaz... - - - De nombreuses fonctionnalités pour les professionnels - - + + + France Chaleur Urbaine c’est : + + + + + La cartographie interactive des réseaux de + chaleur et de froid la plus complète à l’échelle nationale + + + Plus de 690 tracés en open data, représentant 90% de la chaleur + livrée annuellement par les réseaux en France + + + Des données techniques et économiques par réseau, + l’identification des réseaux classés et leurs périmètres de + développement prioritaire, les tracés de réseauxen construction + + + Des données sur les potentiels de raccordement à l’adresse : + bâtiments chauffés au gaz ou fioul collectif, consommations de + gaz... + + + De nombreuses fonctionnalités pour les professionnels + + - - - Un service gratuit au service de tous les - acteurs de la filière des réseaux de chaleur - - - Un ensemble d’accompagnements personnalisés pour les - collectivités, les exploitants et les professionnels - - - Un contenu riche pour informer le grand public - - - Des infographies et des vidéos pédagogiques - - - Des simulateurs (émissions de CO2 évitées et montant du « Coup - de pouce chauffage des bâtiments résidentiels collectifs et - tertiaires ») - - - - + + + Un service gratuit au service de tous les + acteurs de la filière des réseaux de chaleur + + + Un ensemble d’accompagnements personnalisés pour les + collectivités, les exploitants et les professionnels + + + Un contenu riche pour informer le grand public + + Des infographies et des vidéos pédagogiques + + Des simulateurs (émissions de CO2 évitées et montant du « Coup + de pouce chauffage des bâtiments résidentiels collectifs et + tertiaires ») + + + + - - - Vous êtes une collectivité ou un exploitant
- France Chaleur Urbaine vous permet de : - - - - - - Communiquer - -
- Vous cherchez à faire connaître votre réseau et les avantages - du chauffage urbain, encore mal connu ? -
- + + + Vous êtes une collectivité ou un exploitant
+ France Chaleur Urbaine vous permet de : + + + + + + Communiquer + +
+ Vous cherchez à faire connaître votre réseau et les avantages du + chauffage urbain, encore mal connu ? +
+ - - - - Prospecter - -
- Vous voulez accélérer les raccordements à un réseau et - connaître toutes les demandes déposées sur notre plateforme ? -
- + + + + Prospecter + +
+ Vous voulez accélérer les raccordements à un réseau et connaître + toutes les demandes déposées sur notre plateforme ? +
+ - - - - Développer - -
- Vous souhaitez développer vos réseaux et avoir une vision à - long terme des potentiels sur votre territoire ? -
- - - - - Notre guide collectivité - - - Notre guide exploitant - - - + + + + Développer + +
+ Vous souhaitez développer vos réseaux et avoir une vision à long + terme des potentiels sur votre territoire ? +
+ + + + + Notre guide collectivité + + + Notre guide exploitant + + + - - Communiquer - - France Chaleur Urbaine vous aide à faire la promotion du chauffage - urbain et à rendre{' '} - - votre réseau plus visible en ligne et dans votre ville - - - + + Communiquer + + France Chaleur Urbaine vous aide à faire la promotion du chauffage + urbain et à rendre{' '} + + votre réseau plus visible en ligne et dans votre ville + + + - - - - - Comme Charleville-Mézières, Fresnes ou Evos à Strasbourg, - menez une campagne d’affichage ou communiquez pendant les - travaux - -

- Rendez visibles vos réseaux de chaleur via des campagnes - d’affichage en ville ! Les phases de travaux constituent - aussi des moments clés pour faire connaître les réseaux : - nous vous accompagnons dans cette communication. -

+ + + + + Comme Charleville-Mézières, Fresnes ou Evos à Strasbourg, menez + une campagne d’affichage ou communiquez pendant les travaux + +

+ Rendez visibles vos réseaux de chaleur via des campagnes + d’affichage en ville ! Les phases de travaux constituent + aussi des moments clés pour faire connaître les réseaux : + nous vous accompagnons dans cette communication. +

- - Voir l’offre d’accompagement de campagne - - - - - - - + + Voir l’offre d’accompagement de campagne + + + + + + + - - - - - Diffusez nos supports pédagogiques - - - De nombreux documents à partager sur les réseaux sociaux, sur - votre site internet et en mairie (infographies, visuels pour - réseaux sociaux, vidéos, article type...). Vous souhaitez - personnaliser ces supports avec votre logo ? Il suffit pour - cela de nous contacter. - + + + + + Diffusez nos supports pédagogiques + + + De nombreux documents à partager sur les réseaux sociaux, sur + votre site internet et en mairie (infographies, visuels pour + réseaux sociaux, vidéos, article type...). Vous souhaitez + personnaliser ces supports avec votre logo ? Il suffit pour cela + de nous contacter. + - - Voir tous nos supports - - - - - - + + Voir tous nos supports + + + + + + - - - - Faites apparaître les données de votre réseau sur la - cartographie France Chaleur Urbaine (tracé, projets - d'extension, périmètre de développement prioritaire...) - - - Les copropriétaires et les gestionnaires d’établissements - tertiaires de votre territoire pourront ainsi vérifier si un - raccordement de leur bâtiment est envisageable. - + + + + Faites apparaître les données de votre réseau sur la + cartographie France Chaleur Urbaine (tracé, projets d'extension, + périmètre de développement prioritaire...) + + + Les copropriétaires et les gestionnaires d’établissements + tertiaires de votre territoire pourront ainsi vérifier si un + raccordement de leur bâtiment est envisageable. + - - Communiquer les données de mon réseau - - - - - - - + + Communiquer les données de mon réseau + + + + + + + - - - - - Intégrez notre cartographie ou notre test d’adresses à votre - site - - - Offrez aux visiteurs de votre site la possibilité de vérifier - s'ils sont raccordables ou de visualiser votre réseau - directement depuis votre site internet. -
- Nous mettons à votre disposition deux iframes que vous pouvez - librement utiliser en un simple copié/collé - - - 1- Iframe cartographie - - - Sélectionnez les informations que vous voulez afficher puis - copier les lignes de code obtenues : - - - - Ajustez les valeurs des variables "width" et "height" pour - obtenir un affichage optimal sur votre site. - - - Si vous souhaitez une carte personnalisée avec seulement vos - réseaux, votre logo ou d'autres informations, n'hésitez pas à{' '} - - nous contacter - - - + + + + + Intégrez notre cartographie ou notre test d’adresses à votre + site + + + Offrez aux visiteurs de votre site la possibilité de vérifier + s'ils sont raccordables ou de visualiser votre réseau + directement depuis votre site internet. +
+ Nous mettons à votre disposition deux iframes que vous pouvez + librement utiliser en un simple copié/collé + + + 1- Iframe cartographie + + + Sélectionnez les informations que vous voulez afficher puis + copier les lignes de code obtenues : + + + + Ajustez les valeurs des variables "width" et "height" pour + obtenir un affichage optimal sur votre site. + + + Si vous souhaitez une carte personnalisée avec seulement vos + réseaux, votre logo ou d'autres informations, n'hésitez pas à{' '} + + nous contacter + + + - - - - 2- Iframe test d’adresse - - - Intégrez le champ de recherche sur votre site en copiant ces - lignes de code : - - `} - /> - - Ajustez les valeurs des variables "width" et "height" pour - obtenir un affichage optimal sur votre site. - - - - + + + + 2- Iframe test d’adresse + + + Intégrez le champ de recherche sur votre site en copiant ces + lignes de code : + + `} + /> + + Ajustez les valeurs des variables "width" et "height" pour + obtenir un affichage optimal sur votre site. + + + + - - Prospecter - - France Chaleur Urbaine vous permet de découvrir les{' '} - manifestions d’intérêt sur votre territoire ainsi - que les demandes de contacts déposées sur notre site. - + + Prospecter + + France Chaleur Urbaine vous permet de découvrir les{' '} + manifestions d’intérêt sur votre territoire ainsi + que les demandes de contacts déposées sur notre site. + - - - - Identifiez les zones où une appétence se dénote - - - Toutes les demandes effectuées sur notre site apparaissent - directement sur notre cartographie - - - - - - + + + + Identifiez les zones où une appétence se dénote + + + Toutes les demandes effectuées sur notre site apparaissent + directement sur notre cartographie + + + + + + - - - - Profitez de notre « espace gestionnaire » ouvert aux - exploitants et collectivités - - - Découvrez qui souhaiterait se raccorder sur votre territoire - en récupérant simplement les coordonnées des prospects - raccordables. -
- Retrouvez l’ensemble des demandes reçues sur notre site près - de votre/vos réseaux, dans un espace ergonomique partagé entre - exploitants et autorité délégante, facile à prendre en main. - - - - - - - + + + + Profitez de notre « espace gestionnaire » ouvert aux exploitants + et collectivités + + + Découvrez qui souhaiterait se raccorder sur votre territoire en + récupérant simplement les coordonnées des prospects + raccordables. +
+ Retrouvez l’ensemble des demandes reçues sur notre site près de + votre/vos réseaux, dans un espace ergonomique partagé entre + exploitants et autorité délégante, facile à prendre en main. + + + + + + + - - Développer - - Découvrez toutes les fonctionnalités de la cartographie pour{' '} - vos actions de prospection et prospective. - + + Développer + + Découvrez toutes les fonctionnalités de la cartographie pour{' '} + vos actions de prospection et prospective. + - - - - - Identifiez les principaux consommateurs de gaz sur votre - territoire - - - Consommations de gaz à l’adresse, issues des données locales - de l’énergie : une première donnée pour envisager la création - d’un réseau de chaleur et identifier facilement les bâtiments - gros consommateurs de gaz. - - + + + + + Identifiez les principaux consommateurs de gaz sur votre + territoire + + + Consommations de gaz à l’adresse, issues des données locales de + l’énergie : une première donnée pour envisager la création d’un + réseau de chaleur et identifier facilement les bâtiments gros + consommateurs de gaz. + + - - - - Localisez les bâtiments à chauffage collectif gaz ou fioul - potentiellement raccordables - - - En complément des consommations de gaz, il peut être utile - d’étudier les données bâtimentaires issues de la base de - données nationale des bâtiments. Les données sont filtrables - selon le nombre de lots d’habitation. - - - + + + + Localisez les bâtiments à chauffage collectif gaz ou fioul + potentiellement raccordables + + + En complément des consommations de gaz, il peut être utile + d’étudier les données bâtimentaires issues de la base de données + nationale des bâtiments. Les données sont filtrables selon le + nombre de lots d’habitation. + + + - - - - - Exportez la totalité des informations sur une zone précise - - - Définissez facilement une zone et obtenez les valeurs agrégées - des consommations de gaz, adresses des bâtiments chauffés au - gaz ou fioul collectif,... Et obtenez la liste des bâtiments - par adresse postale pour prospecter efficacement. -
- Le nombre de lots par bâtiment est également indiqué dans - l’export. - - + + + + + Exportez la totalité des informations sur une zone précise + + + Définissez facilement une zone et obtenez les valeurs agrégées + des consommations de gaz, adresses des bâtiments chauffés au gaz + ou fioul collectif,... Et obtenez la liste des bâtiments par + adresse postale pour prospecter efficacement. +
+ Le nombre de lots par bâtiment est également indiqué dans + l’export. + + - - - - Définissez un projet de tracé de réseau - - - La longueur du tracé prévisionnel et la densité thermique - linéaire associée, sur la base des consommations de gaz à - l’adresse, sont automatiquement calculées. Estimez ainsi le - potentiel de création de futurs réseaux ou d’extensions de - réseaux en quelques clics. -
- L’ADEME retient comme critère de densité énergétique minimale - 1,5 MWh par mètre linéaire de réseau. - - - - + + + + Définissez un projet de tracé de réseau + + + La longueur du tracé prévisionnel et la densité thermique + linéaire associée, sur la base des consommations de gaz à + l’adresse, sont automatiquement calculées. Estimez ainsi le + potentiel de création de futurs réseaux ou d’extensions de + réseaux en quelques clics. +
+ L’ADEME retient comme critère de densité énergétique minimale + 1,5 MWh par mètre linéaire de réseau. + + + + - - Newsletter - - - Inscrivez-vous à notre newsletter pour recevoir toutes nos - dernières infos - - - - + + Newsletter + + + Inscrivez-vous à notre newsletter pour recevoir toutes nos + dernières infos + + + + - - - + + + - - - + + + - - - Le chauffage urbain, un levier pour la transition énergétique - -
-
Accélérons le développement des réseaux de chaleur
-
- Le chauffage urbain, majoritairement mis en place à l’initiative - des collectivités, permet de mobiliser des{' '} - - sources d’énergie locales et renouvelables faiblement - carbonées - - . -
-
- La loi de transition énergétique pour la croissance verte fixe - pour{' '} - - objectif de multiplier par 5 - {' '} - les quantités de chaleur livrées par les réseaux en 2030, par - rapport à 2012. Cela passera par la densification des réseaux de - chaleur existants, la création d’extensions ou de nouveaux - réseaux, et l’augmentation de la part des énergies renouvelables - alimentant les réseaux de chaleur. -
+ + + Le chauffage urbain, un levier pour la transition énergétique + +
+
Accélérons le développement des réseaux de chaleur
+
+ Le chauffage urbain, majoritairement mis en place à l’initiative + des collectivités, permet de mobiliser des{' '} + + sources d’énergie locales et renouvelables faiblement carbonées + + . +
+
+ La loi de transition énergétique pour la croissance verte fixe + pour{' '} + + objectif de multiplier par 5 + {' '} + les quantités de chaleur livrées par les réseaux en 2030, par + rapport à 2012. Cela passera par la densification des réseaux de + chaleur existants, la création d’extensions ou de nouveaux + réseaux, et l’augmentation de la part des énergies renouvelables + alimentant les réseaux de chaleur.
- -
- - +
+ +
+ ); } diff --git a/src/pages/connexion.tsx b/src/pages/connexion.tsx index cc6c81581..19f895264 100644 --- a/src/pages/connexion.tsx +++ b/src/pages/connexion.tsx @@ -1,9 +1,14 @@ import { LoginForm, LoginFormProps } from '@components/connexion/LoginForm'; +import SimplePage from '@components/shared/page/SimplePage'; import { GetServerSideProps } from 'next'; import { getSession } from 'next-auth/react'; export default function ConnectionPage(props: LoginFormProps): JSX.Element { - return ; + return ( + + + + ); } export const getServerSideProps: GetServerSideProps = async ( diff --git a/src/pages/contact.tsx b/src/pages/contact.tsx index dccaa28f7..0423d28ed 100644 --- a/src/pages/contact.tsx +++ b/src/pages/contact.tsx @@ -1,20 +1,14 @@ import ContactForm from '@components/ContactForm'; -import MainContainer from '@components/shared/layout'; +import SimplePage from '@components/shared/page/SimplePage'; import Slice from '@components/Slice'; -import Head from 'next/head'; function contact() { return ( - <> - - Contact : France Chaleur Urbaine - - - - - - - + + + + + ); } diff --git a/src/pages/gestionnaire.tsx b/src/pages/gestionnaire.tsx index 98cb010eb..b29c3da47 100644 --- a/src/pages/gestionnaire.tsx +++ b/src/pages/gestionnaire.tsx @@ -1,8 +1,7 @@ import Manager from '@components/Manager/Manager'; -import MainContainer from '@components/shared/layout'; +import SimplePage from '@components/shared/page/SimplePage'; import { GetServerSideProps } from 'next'; import { getSession, signOut, useSession } from 'next-auth/react'; -import Head from 'next/head'; import { useEffect } from 'react'; export default function Gestionnaire(): JSX.Element { @@ -14,14 +13,12 @@ export default function Gestionnaire(): JSX.Element { }, [session]); return ( - <> - - France Chaleur Urbaine - Espace gestionnaire - - - - - + + + ); } diff --git a/src/pages/index.tsx b/src/pages/index.tsx index e3f348662..cfb350124 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -13,6 +13,7 @@ import { issues, understandings } from '@components/Ressources/config'; import Understanding from '@components/Ressources/Understanding'; import MainContainer from '@components/shared/layout'; import { GlobalStyle } from '@components/shared/layout/Global.style'; +import SimplePage from '@components/shared/page/SimplePage'; import Slice from '@components/Slice'; import WrappedBlock from '@components/WrappedBlock'; import WrappedText from '@components/WrappedText'; @@ -28,16 +29,12 @@ const coproprietaireCards = { export default function Home() { return ( - <> + - - France Chaleur Urbaine : Une solution numérique qui facilite le - raccordement à un chauffage économique et écologique - @@ -145,6 +142,6 @@ Cette [obligation](/ressources/prioritaire#contenu) s’applique dans une certai
- + ); } diff --git a/src/pages/professionnels.tsx b/src/pages/professionnels.tsx index bd96d5eb7..2f7a727bb 100644 --- a/src/pages/professionnels.tsx +++ b/src/pages/professionnels.tsx @@ -9,8 +9,7 @@ import Partners from '@components/Partners/Partners'; import { issues, understandings } from '@components/Ressources/config'; import Simulator from '@components/Ressources/Contents/Simulator'; import Understanding from '@components/Ressources/Understanding'; -import MainContainer from '@components/shared/layout'; -import { GlobalStyle } from '@components/shared/layout/Global.style'; +import SimplePage from '@components/shared/page/SimplePage'; import SimulatorCO2 from '@components/SimulatorCO2'; import { TypeSurf } from '@components/SimulatorCO2/SimulatorCO2.businessRule'; import Slice from '@components/Slice'; @@ -29,61 +28,54 @@ const conseillerCards = { const Professionnels = () => { return ( - <> + - - France Chaleur Urbaine : Une solution numérique qui facilite le - raccordement à un chauffage économique et écologique - - - - - - - - + + + - - + + - - - - - - + + + + + + + + + + - - - - - - - - - - - -