Skip to content

Commit

Permalink
Merge pull request #980 from betagouv/main
Browse files Browse the repository at this point in the history
MEP
  • Loading branch information
charlescd authored Dec 4, 2024
2 parents b571259 + 855f8ca commit da1c19d
Show file tree
Hide file tree
Showing 7 changed files with 248 additions and 8 deletions.
114 changes: 114 additions & 0 deletions website/src/components_feature/actualites/ArticleCoffretsCadeaux.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,114 @@
import imgCadeau from '@/img/actualites/cadeau.png'
import Image from 'next/image'
import Link from 'next/link'

export function ArticleCoffretsCadeaux() {
return (
<div className="sc-article">
<Image
src={imgCadeau}
sizes="100vw"
style={{
width: '100%',
height: 'auto',
}}
alt=""
/>

<p>Les coffrets-cadeaux sont souvent présentés comme une solution clé en main pour offrir des expériences variées.</p>
<p>
Cependant, vous n’êtes pas à l’abri de certaines déconvenues : prestations non conformes, difficultés à réserver, service
indisponible, etc. En tant que consommateur, il est important de connaître vos droits pour savoir réagir face à ces
situations.
</p>
<h2 className="fr-h2">
<strong>Les obligations des émetteurs de coffrets cadeaux</strong>
</h2>
<p>
Les coffrets-cadeaux incluant des prestations de voyage ou de séjour sont soumis aux dispositions du Code du tourisme. Les
émetteurs de ces coffrets sont par conséquent soumis à plusieurs obligations :
</p>
<ul>
<li>
<p>
<strong>Immatriculation obligatoire</strong> : Ils doivent être enregistrés au registre des opérateurs de voyages et
de séjours.
</p>
</li>
<li>
<p>
<strong>Garantie financière et assurance</strong> : Ils sont tenus d’avoir une garantie financière et une assurance
couvrant leur responsabilité civile professionnelle.
</p>
</li>
<li>
<p>
<strong>Responsabilité pleine et entière</strong> : Ils sont responsables de la bonne exécution des services prévus.
Si une prestation est mal exécutée ou annulée, le consommateur peut demander réparation.
</p>
</li>
</ul>
<p>
Par ailleurs, si les services délivrés présentent des écarts importants avec ceux décrits dans le coffret, cela peut être
qualifié de <strong>pratique commerciale trompeuse.</strong>
</p>
<h2 className="fr-h2">
<strong>Les bons réflexes pour éviter les mauvaises surprises</strong>
</h2>
<ul>
<li>
<p>
<strong>Lisez attentivement les conditions générales</strong> : Informez-vous sur les modalités de réservation, la
durée de validité et les éventuelles restrictions.
</p>
</li>
<li>
<p>
<strong>Renseignez-vous sur les prestataires</strong> : Vérifiez les avis et la fiabilité des partenaires inclus dans
le coffret.
</p>
</li>
<li>
<p>
<strong>Choisissez des marques reconnues</strong> : Privilégiez les émetteurs bien établis.
</p>
</li>
</ul>
<h2 className="fr-h2">
<strong>Que faire en cas de litige ?</strong>
</h2>
<h3 className="fr-h4">
<strong>Contactez le service client</strong>
</h3>
<p>
Dès qu’un problème survient, contactez le service client. Expliquez la situation en détail et conservez une trace de vos
échanges (emails, captures d’écran, lettres).
</p>
<h3 className="fr-h4">
<strong>Refusez les propositions non satisfaisantes</strong>
</h3>
<p>
En cas d’annulation ou de modification de la prestation, sachez que vous n’êtes pas obligé d’accepter un remplacement.
Vous pouvez exiger un remboursement intégral, notamment si le coffret inclut des prestations touristiques.
</p>
<h3 className="fr-h4">
<strong>Faites un signalement</strong>
</h3>
<p>
En cas d’échec des démarches amiables, rendez-vous sur{' '}
<Link href="https://signal.conso.gouv.fr/fr" target="_blank" rel="noopener">
SignalConso
</Link>
. Notre plateforme permet de signaler des pratiques commerciales abusives et les manquements afin d’inciter les
entreprises à respecter leurs obligations.
</p>
<p>
Alors pour profiter des fêtes de fin d’année sans stress, ayez le réflexe{' '}
<Link href="https://signal.conso.gouv.fr/fr" target="_blank" rel="noopener">
Signal Conso
</Link>
.
</p>
</div>
)
}
Original file line number Diff line number Diff line change
Expand Up @@ -34,11 +34,14 @@ import {ArticleAteliersUtilisateurs} from '@/components_feature/actualites/Artic
import {ArticleDarkPatterns} from '@/components_feature/actualites/ArticleDarkPatterns'
import {ArticleDroitDeRetractation} from '@/components_feature/actualites/ArticleDroitDeRetractation'
import {ArticleMarchesDeNoel} from '@/components_feature/actualites/ArticleMarchesDeNoel'
import {ArticleCoffretsCadeaux} from '@/components_feature/actualites/ArticleCoffretsCadeaux'

// We can't put import these JSX directly into the "newsArticlesData"
// it causes too much import problems in the sitemap generation script
export function getArticleContent(slug: NewsArticle['slug']): () => JSX.Element {
switch (slug) {
case 'coffrets-cadeaux':
return ArticleCoffretsCadeaux
case 'marche-noel':
return ArticleMarchesDeNoel
case 'droit-de-retractation':
Expand Down
8 changes: 8 additions & 0 deletions website/src/components_feature/actualites/newsArticlesData.ts
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,14 @@ export type NewsArticle = {

// This is the display order. Keep the most recents at the start of the array
export const initialNewsArticlesData: NewsArticle[] = [
{
date: '2024-12-09',
lang: AppLangs.fr,
slug: 'coffrets-cadeaux',
veryShortTitle: 'Coffrets-cadeaux à Noël',
title: 'Coffrets-cadeaux : évitez les déconvenues pour Noël !',
excerpt: `Les coffrets-cadeaux sont souvent présentés comme une solution clé en main pour offrir des expériences variées. Cependant, vous n’êtes pas à l’abri de certaines déconvenues.`,
},
{
date: '2024-12-05',
lang: AppLangs.fr,
Expand Down
Binary file added website/src/img/actualites/cadeau.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,7 @@ import {venteProduitsPlastiqueUsageUniqueInternet} from '@/reusablePages/manual_
import {venteProduitsPlastiqueUsageUniqueMagasin} from '@/reusablePages/manual_landings/venteProduitsPlastiqueUsageUniqueMagasin'
import {venteEnLigneProduitsFaussesPromessesEcologiques} from '@/reusablePages/manual_landings/venteEnLigneProduitsFaussesPromessesEcologiques'
import {faussesPromessesEcologiquesProduitsVendusEnMagasin} from '@/reusablePages/manual_landings/faussesPromessesEcologiquesProduitsVendusEnMagasin'
import {marchesDeNoel} from '@/reusablePages/manual_landings/marchesDeNoel'

export function ManualLandingsPageSwitch({landingData}: {landingData: ManualLandingData}) {
const url = landingData.url
Expand Down Expand Up @@ -104,6 +105,8 @@ function getComponent(url: ManualLandingData['url']): () => JSX.Element {
return venteEnLigneProduitsFaussesPromessesEcologiques
case 'tromperie-allegation-label-environnement-magasin':
return faussesPromessesEcologiquesProduitsVendusEnMagasin
case 'marches-de-noel':
return marchesDeNoel
default:
// https://stackoverflow.com/questions/39419170/how-do-i-check-that-a-switch-block-is-exhaustive-in-typescript
return url satisfies never
Expand Down
28 changes: 20 additions & 8 deletions website/src/landings/manualLandings/manualLandingsUtils.ts
Original file line number Diff line number Diff line change
Expand Up @@ -61,28 +61,39 @@ export const manualLandingBlackFridaySav = {
} as const
export const manualLandingVenteProduitsPlastiqueUsageUniqueInternet = {
url: 'vente-de-produit-plastique-a-usage-unique-internet',
seoTitle: '',
seoDesc: '',
seoTitle: 'Interdiction des plastiques à usage unique : Signalez les ventes illégales en ligne avec SignalConso',
seoDesc:
"Découvrez la réglementation sur les plastiques à usage unique interdits en France. Protégez vos droits et l'environnement en signalant les ventes illégales en ligne via SignalConso. Chaque action compte pour une consommation responsable !",
labelPlanDuSite: 'Faire un signalement pour vente de produits en plastique à usage unique sur internet',
} as const
export const manualLandingVenteProduitsPlastiqueUsageUniqueMagasin = {
url: 'vente-de-produit-plastique-a-usage-unique-magasin',
seoTitle: '',
seoDesc: '',
seoTitle: 'Produits en plastique à usage unique : Signalez les ventes illégales en magasin avec SignalConso',
seoDesc:
"Découvrez la réglementation sur les plastiques à usage unique interdits en magasin. Agissez pour l'environnement en signalant les ventes illégales avec SignalConso. Ensemble, construisons un commerce responsable !",
labelPlanDuSite: 'Faire un signalement pour vente de produits en plastique à usage unique en magasin',
} as const
export const manualLandingVenteEnLigneProduitsFaussesPromessesEcologiques = {
url: 'tromperie-allegation-label-environnement-internet',
seoTitle: '',
seoDesc: '',
seoTitle: 'Greenwashing en ligne : Signalez les fausses promesses écologiques avec SignalConso',
seoDesc:
'Découvrez comment repérer les fausses allégations environnementales sur les produits vendus en ligne. Luttez contre le greenwashing en signalant ces pratiques abusives via SignalConso pour un e-commerce plus responsable !',
labelPlanDuSite: 'Faire un signalement pour vente en ligne de produits avec de fausses promesses écologiques',
} as const
export const manualLandingFaussesPromessesEcologiquesProduitsVendusEnMagasin = {
url: 'tromperie-allegation-label-environnement-magasin',
seoTitle: '',
seoDesc: '',
seoTitle: 'Lutte contre le greenwashing : Signalez les fausses promesses écologiques avec SignalConso',
seoDesc:
'Apprenez à repérer les fausses allégations environnementales en magasin et luttez contre le greenwashing. Signalez les pratiques trompeuses via SignalConso pour un commerce plus transparent et durable !',
labelPlanDuSite: 'Faire un signalement pour fausses promesses écologiques sur des produits vendus en magasin physique',
} as const
export const manualLandingMarchesDeNoel = {
url: 'marches-de-noel',
seoTitle: 'Marchés de Noël : Achetez en toute confiance et signalez les abus avec SignalConso',
seoDesc:
"Profitez des marchés de Noël en toute sérénité ! Vérifiez l'origine des produits, les labels, et les prix pour des achats en confiance. En cas de problème, signalez-le sur SignalConso pour protéger vos droits.",
labelPlanDuSite: 'Faire un signalement pour un abus sur un marché de Noël',
} as const

export function getManualLandings(lang: AppLang): readonly ManualLandingData[] {
return lang === 'fr' ? manualLandingsFr : []
Expand Down Expand Up @@ -233,4 +244,5 @@ const manualLandingsFr = [
manualLandingVenteProduitsPlastiqueUsageUniqueMagasin,
manualLandingVenteEnLigneProduitsFaussesPromessesEcologiques,
manualLandingFaussesPromessesEcologiquesProduitsVendusEnMagasin,
manualLandingMarchesDeNoel,
] as const
100 changes: 100 additions & 0 deletions website/src/reusablePages/manual_landings/marchesDeNoel.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,100 @@
import Button from '@codegouvfr/react-dsfr/Button'
import {
AlternatingPurpleBands,
getManualLpButtonProps,
HighlightBlue,
LpColoredBand,
NarrowAndCentered,
} from '@/landings/manualLandings/manualLandingsComponents'
import {FullWidthPageContainer} from '@/components_simple/PageContainers'
import Link from 'next/link'

export function marchesDeNoel() {
const lang = 'fr'
const button = (
<div className="flex justify-center">
<Button {...getManualLpButtonProps(lang, 'AchatInternet')}>Je fais un signalement</Button>
</div>
)

return (
<FullWidthPageContainer>
<AlternatingPurpleBands>
<>
<h1>
Profitez des <HighlightBlue>marchés de Noël</HighlightBlue> en toute sérénité&nbsp;!
</h1>
<p className="fr-h3 !mb-8 !text-scbluefrance">
<strong>Protégez vos droits avec SignalConso</strong>
</p>
<p className="text-xl">
Les Fêtes approchent. Les marchés de Noël illuminent nos villes et nos villages, offrant des produits du terroir et
des créations artisanales uniques. C’est le moment idéal pour trouver des cadeaux originaux ou déguster des
spécialités de saison.
</p>
<p className="text-xl">
Mais comment s’assurer de faire des achats en toute confiance ? Découvrez les points de vigilance et en cas de
problème, faites un signalement sur SignalConso.
</p>
{button}
</>
<>
<h2 className="fr-h4">Ce qu’il faut savoir avant d’acheter sur un marché de Noël</h2>
<p>
<strong>Vérifiez l’origine des produits :</strong> Les denrées alimentaires comme le miel ou l’huile d’olive doivent
indiquer clairement leur origine.
</p>
<p>Pour d’autres produits, cette information est obligatoire si son absence peut prêter à confusion.</p>
<p>
<strong>Choisissez des labels de qualité :</strong> Privilégiez les mentions “Fabriqué en France”, “Made in France”,
ou des labels tels que les{' '}
<strong>AOP (Appellation d’Origine Protégée) ou AOC (Appellation d’Origine Contrôlée).</strong> Ces labels
garantissent un savoir-faire unique et une origine contrôlée.
</p>
<p>
<strong>Exigez la transparence sur les prix et les produits&nbsp;:</strong> Les prix doivent être clairement affichés
à proximité des produits vendus.
</p>
<p>L’origine des produits doit être précisée pour éviter tout doute sur leur caractère local ou artisanal.</p>
<p>
<strong>Réfléchissez bien avant d’acheter&nbsp;:</strong> contrairement aux achats en ligne, le droit de rétractation
ne s’applique pas aux achats effectués sur les marchés de Noël.
</p>
<p>
Les commerçants doivent cependant informer les consommateurs de cette règle via une{' '}
<strong>signalisation visible</strong>.
</p>
</>
<>
<h2 className="fr-h4">Que faire en cas de problème&nbsp;?</h2>
<p>
Si vous avez constaté un problème d’affichage des prix, une tromperie ou une utilisation frauduleuse de label ou
d’appellation, vous pouvez agir et défendre vos droits en signalant la pratique sur SignalConso.
</p>
<p>Cela permet de faire remonter les pratiques frauduleuses et de protéger d’autres consommateurs.</p>
</>
</AlternatingPurpleBands>
<LpColoredBand className="bg-scblueinfo text-white py-8">
<NarrowAndCentered>
<p className="text-xl">
<strong>
Vous avez rencontré un problème sur un marché de Noël ? Signalez-le sur SignalConso pour protéger vos droits et
aider d’autres consommateurs !
</strong>
</p>
{button}
<p className="mt-4">
Pour en savoir plus sur vos droits, allez lire nos{' '}
<Link
href="https://www.economie.gouv.fr/particuliers/marches-noel-conseils-bien-acheter"
target="_blank"
rel="noopener"
>
conseils pour bien acheter sur un marché de Noël
</Link>
</p>
</NarrowAndCentered>
</LpColoredBand>
</FullWidthPageContainer>
)
}

0 comments on commit da1c19d

Please sign in to comment.