Merge pull request #935 from betagouv/main

MEP [TRELLO-2648] Implement 2 LPs (#934)

website/src/app/[lang]/pompe-a-chaleur-pac/page.tsx

@@ -0,0 +1,6 @@
+import {buildGenerateMetadata} from '@/core/metadatas'
+import {pompeAChaleurPac} from '@/reusablePages/manual_landings/pompeAChaleurPac'
+
+export const generateMetadata = buildGenerateMetadata('pompeAChaleurPac')
+
+export default pompeAChaleurPac

website/src/app/[lang]/travaux-renovation/page.tsx

@@ -0,0 +1,6 @@
+import {buildGenerateMetadata} from '@/core/metadatas'
+import {travauxRenovation} from '@/reusablePages/manual_landings/travauxRenovation'
+
+export const generateMetadata = buildGenerateMetadata('travauxRenovation')
+
+export default travauxRenovation

website/src/core/pagesDefinitions.ts

@@ -67,6 +67,8 @@ export const internalPageDefs = {
   // manual LPs
   obligationFibre: pageLp('/obligation-adsl-fibre'),
   erreurDePrixEnCaisse: pageLp('/erreur-de-prix-en-caisse'),
+  travauxRenovation: pageLp('/travaux-renovation'),
+  pompeAChaleurPac: pageLp('/pompe-a-chaleur-pac'),
   repasSurPlaceCouvertsJetables: pageLp('/repas-sur-place-couverts-jetables'),
   fournitureSystematiqueEchantillonsInternet: pageLp('/fourniture-systematique-echantillons-internet'),
   distributionGratuiteBouteillesPlastique: pageLp('/distribution-gratuite-bouteilles-plastique'),

website/src/i18n/localization/en.ts

@@ -139,6 +139,14 @@ export const en = {
         title: '',
         description: '',
       },
+      travauxRenovation: {
+        title: '',
+        description: '',
+      },
+      pompeAChaleurPac: {
+        title: '',
+        description: '',
+      },
       repasSurPlaceCouvertsJetables: {
         title: '',
         description: '',

website/src/i18n/localization/fr.ts

@@ -140,6 +140,16 @@ export const fr = {
         description:
           'Vous constatez un écart entre le prix affiché en magasin et celui en caisse ? Signalez-le sur SignalConso ! Protégez vos droits en cas de mauvais affichage des prix ou de promotions non appliquées. Agissez avec la DGCCRF pour corriger ces pratiques commerciales trompeuses.',
       },
+      travauxRenovation: {
+        title: 'Travaux de rénovation : protégez vos droits et signalez les abus avec SignalConso',
+        description:
+          'Des problèmes avec vos travaux de rénovation ? Découvrez vos droits en tant que consommateur et faites un signalement sur SignalConso pour lutter contre les pratiques abusives : retards, malfaçons, non-respect des devis.',
+      },
+      pompeAChaleurPac: {
+        title: 'Pompe à chaleur : signalez les abus et défendez vos droits avec SignalConso',
+        description:
+          "Des problèmes d'installation ou d'entretien de votre pompe à chaleur ? Découvrez vos droits et signalez les pratiques abusives via SignalConso : installation défectueuse, devis trompeurs, performances non respectées.",
+      },
       repasSurPlaceCouvertsJetables: {
         title: 'Couverts jetables au restaurant : signalez-le sur SignalConso',
         description:

website/src/reusablePages/manual_landings/pompeAChaleurPac.tsx

@@ -0,0 +1,109 @@
+import {PageComponentProps} from '@/core/metadatas'
+import {notFound} from 'next/navigation'
+import {FullWidthPageContainer} from '@/components_simple/PageContainers'
+import Button from '@codegouvfr/react-dsfr/Button'
+import {getManualLpButtonProps} from '@/landings/manualLandingsUtils'
+import Link from 'next/link'
+
+export function pompeAChaleurPac(props: PageComponentProps) {
+  const lang = props.params.lang
+  if (lang !== 'fr') {
+    return notFound()
+  }
+  return (
+    <FullWidthPageContainer>
+      <div className="bg-scblueinfo text-white border-t-[1px] border-0 border-solid border-black">
+        <div className="fr-container py-12 flex justify-center">
+          <div className="flex flex-col max-w-4xl">
+            <h1 className="text-white">Des problèmes avec l’achat, l’installation ou l’entretien de votre pompe à chaleur ?</h1>
+            <h2 className="!text-white fr-h4">Protégez vos droits en tant que consommateur avec SignalConso</h2>
+            <p className="text-xl">
+              Les pompes à chaleur sont des solutions écologiques et économiques pour chauffer votre maison, mais l’installation
+              et l’entretien de ces systèmes doivent être réalisés dans les règles de l’art. Si vous avez rencontré des problèmes
+              avec un professionnel (installation défectueuse, promesses non tenues, pratiques commerciales douteuses), sachez que
+              vous avez des droits en tant que consommateur. Grâce à SignalConso, vous pouvez signaler les abus et litiges pour
+              protéger vos intérêts. Découvrez comment faire un signalement en quelques étapes simples.
+            </p>
+            <p className="text-xl">
+              Vous avez rencontré un problème pendant les travaux d’installation ou d’entretien de votre pompe à chaleur ? Vous
+              souhaitez découvrir vos droits ? Faites un signalement sur SignalConso.
+            </p>
+            <div className="flex justify-center w-full">
+              <Button className=" border-blue-300 border border-solid" {...getManualLpButtonProps(lang, 'TravauxRenovations')}>
+                Je signale un problème de pompe à chaleur
+              </Button>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div className="bg-sclightpurpledarker">
+        <div className="fr-container py-4">
+          <h2 className="fr-h4">
+            Quels sont vos droits lors de l’achat, de l’installation ou de l’entretien d’une pompe à chaleur ?
+          </h2>
+          <p className="text-lg">
+            Lorsque vous achetez, faites installer ou entretenir une pompe à chaleur, plusieurs garanties et protections légales
+            existent pour vous assurer un service conforme :
+          </p>
+          <ul className="mb-8 md:list-none md:pl-0 md:flex md:flex-row md:flex-wrap md:gap-y-4">
+            <li className="text-lg px-4 basis-1/2">
+              <strong>Garantie de performance :</strong> Le professionnel doit garantir que la pompe à chaleur correspond bien aux
+              besoins en chauffage de votre logement.
+            </li>
+            <li className="text-lg px-4 basis-1/2">
+              <strong>Respect des normes d’installation :</strong> L’installation doit être réalisée par un professionnel qualifié
+              (RGE - Reconnu Garant de l’Environnement) et respecter les normes techniques.
+            </li>
+            <li className="text-lg px-4 basis-1/2">
+              <strong>Devis et facturation transparents :</strong> Vous avez droit à un <strong>devis clair et détaillé</strong>,
+              ainsi qu'à une facturation conforme au contrat signé.
+            </li>
+            <li className="text-lg px-4 basis-1/2">
+              <strong>Garantie de bon fonctionnement :</strong> En plus de la garantie légale, vous pouvez bénéficier{' '}
+              <strong>d’une garantie constructeur</strong> sur le bon fonctionnement de la pompe à chaleur.
+            </li>
+          </ul>
+          <p className="text-lg">En cas de non-respect de ces droits, faites un signalement pour faire valoir vos intérêts.</p>
+        </div>
+      </div>
+      <div className="bg-sclightpurple">
+        <div className="fr-container py-4">
+          <h2 className="fr-h4">Les problèmes fréquents avec les pompes à chaleur (pac)</h2>
+          <p className="text-lg">
+            Les pompes à chaleur sont de plus en plus populaires, mais plusieurs types de litiges sont souvent signalés par les
+            consommateurs :
+          </p>
+          <ul className="mb-8 md:list-none md:pl-0 md:flex md:flex-row md:flex-wrap md:gap-y-4">
+            <li className="text-lg px-4 basis-1/2">
+              <strong>Installation défectueuse :</strong> Mauvais dimensionnement du système, erreurs de pose, nuisances sonores
+              importantes.
+            </li>
+            <li className="text-lg px-4 basis-1/2">
+              <strong>Non-respect des performances annoncées :</strong> La pompe à chaleur ne chauffe pas comme prévu ou entraîne
+              une surconsommation d’électricité.
+            </li>
+            <li className="text-lg px-4 basis-1/2">
+              <strong>Problèmes de maintenance :</strong> Difficultés à obtenir un entretien régulier ou des réparations
+              adéquates.
+            </li>
+            <li className="text-lg px-4 basis-1/2">
+              <strong>Pratiques commerciales trompeuses :</strong> Devis gonflés, promesses non tenues sur les économies
+              d’énergie, fraudes à la prime énergie.
+            </li>
+          </ul>
+        </div>
+      </div>
+
+      <div className="bg-scblueinfo text-white">
+        <div className="fr-container py-4">
+          <p className="text-lg mt-4">
+            Ces problèmes peuvent entraîner des désagréments importants, tant financiers que pratiques. Faites un signalement dès
+            maintenant sur <Link href="https://signal.conso.gouv.fr/fr/travaux-renovation/faire-un-signalement">SignalConso</Link>{' '}
+            pour obtenir réparation ou simplement protéger d’autres consommateurs.
+          </p>
+        </div>
+      </div>
+    </FullWidthPageContainer>
+  )
+}

website/src/reusablePages/manual_landings/travauxRenovation.tsx

@@ -0,0 +1,106 @@
+import {PageComponentProps} from '@/core/metadatas'
+import {notFound} from 'next/navigation'
+import {FullWidthPageContainer} from '@/components_simple/PageContainers'
+import Button from '@codegouvfr/react-dsfr/Button'
+import {getManualLpButtonProps} from '@/landings/manualLandingsUtils'
+import Link from 'next/link'
+
+export function travauxRenovation(props: PageComponentProps) {
+  const lang = props.params.lang
+  if (lang !== 'fr') {
+    return notFound()
+  }
+  return (
+    <FullWidthPageContainer>
+      <div className="bg-scblueinfo text-white border-t-[1px] border-0 border-solid border-black">
+        <div className="fr-container py-12 flex justify-center">
+          <div className="flex flex-col max-w-4xl">
+            <h1 className="text-white">Des problèmes avec vos travaux de rénovations ?</h1>
+            <h2 className="!text-white fr-h4">Protégez vos droits en tant que consommateur avec SignalConso</h2>
+            <p className="text-xl">
+              Que ce soit pour rénover votre maison, refaire votre cuisine ou engager des travaux d’agrandissement, vous avez des
+              droits en tant que consommateur. Malheureusement, il arrive parfois que des prestataires ne respectent pas leurs
+              engagements, vous laissant avec des travaux mal exécutés, des retards non justifiés ou des devis trompeurs.
+            </p>
+            <p className="text-xl">
+              Vous avez rencontré un problème pendant vos travaux ? Vous souhaitez découvrir vos droits en tant que consommateur ?
+              Faites un signalement sur SignalConso.
+            </p>
+            <div className="flex justify-center w-full">
+              <Button className=" border-blue-300 border border-solid" {...getManualLpButtonProps(lang, 'TravauxRenovations')}>
+                Je signale un problème
+              </Button>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div className="bg-sclightpurpledarker">
+        <div className="fr-container py-4">
+          <h2 className="fr-h4">Quels sont vos droits lors de travaux et rénovations ?</h2>
+          <p className="text-lg">
+            Lorsque vous engagez un professionnel pour des travaux de rénovation ou d’aménagement, plusieurs garanties légales
+            existent pour vous protéger :
+          </p>
+          <ul className="mb-8 md:list-none md:pl-0 md:flex md:flex-row md:flex-wrap md:gap-y-4">
+            <li className="text-lg px-4 basis-1/2">
+              <strong>Le respect du devis signé :</strong> Une fois que vous avez validé un devis, l’artisan ou l’entreprise est
+              tenue de respecter les conditions mentionnées (prix, délais, nature des travaux).
+            </li>
+            <li className="text-lg px-4 basis-1/2">
+              <strong>La garantie décennale :</strong> Tous les travaux de construction ou de rénovation sont couverts par une
+              garantie décennale, qui protège contre les vices ou défauts affectant la solidité de l'ouvrage.
+            </li>
+            <li className="text-lg px-4 basis-1/2">
+              <strong>La conformité des matériaux :</strong> Les matériaux utilisés doivent correspondre à ceux mentionnés dans le
+              contrat, tant en termes de qualité que de spécificité technique.
+            </li>
+            <li className="text-lg px-4 basis-1/2">
+              <strong>Le droit de rétractation :</strong> Pour les travaux conclus à domicile, vous disposez d’un délai de
+              rétractation de 14 jours après la signature du contrat.
+            </li>
+          </ul>
+          <p className="text-lg">
+            Si ces droits ne sont pas respectés, il est important d’agir rapidement. En tant que consommateur, vous pouvez faire
+            valoir vos droits et signaler les pratiques abusives.
+          </p>
+        </div>
+      </div>
+      <div className="bg-sclightpurple">
+        <div className="fr-container py-4">
+          <h2 className="fr-h4">Quels sont les litiges les plus fréquents dans les travaux et rénovations ?</h2>
+          <p className="text-lg">
+            Plusieurs types de litiges sont couramment signalés par les consommateurs dans le domaine des travaux et rénovations.
+            Ne tombez pas dans ces pièges !{' '}
+          </p>
+          <ul className="mb-8 md:list-none md:pl-0 md:flex md:flex-row md:flex-wrap md:gap-y-4">
+            <li className="text-lg px-4 basis-1/2">
+              <strong>Retards excessifs dans l’avancement des travaux</strong>
+            </li>
+            <li className="text-lg px-4 basis-1/2">
+              <strong>Défauts de conformité :</strong> Travaux mal réalisés, matériaux non conformes aux spécifications.
+            </li>
+            <li className="text-lg px-4 basis-1/2">
+              <strong>Coûts additionnels non prévus :</strong> Devis gonflé en cours de chantier sans justification.
+            </li>
+            <li className="text-lg px-4 basis-1/2">
+              <strong>Problèmes de communication avec les prestataires :</strong> Difficulté à obtenir des réponses ou des
+              solutions.
+            </li>
+          </ul>
+        </div>
+      </div>
+
+      <div className="bg-scblueinfo text-white">
+        <div className="fr-container py-4">
+          <p className="text-lg mt-4">
+            Vous rencontrez un problème avec vos travaux ou une entreprise de rénovation ? Ne laissez pas la situation empirer.
+            Faites un signalement dès maintenant sur{' '}
+            <Link href="https://signal.conso.gouv.fr/fr/travaux-renovation/faire-un-signalement">SignalConso</Link> pour obtenir
+            réparation ou simplement alerter d’autres consommateurs.
+          </p>
+        </div>
+      </div>
+    </FullWidthPageContainer>
+  )
+}