Improve FAQ & video rendering, tighten homepage and CSS

This commit is contained in:
Andras Schmelczer 2026-05-04 22:07:30 +01:00
parent 05a1f316e1
commit c69bb0d614
48 changed files with 4689 additions and 1077 deletions

View file

@ -102,6 +102,9 @@ const fr: Translations = {
registerAndUpgrade: 'Sinscrire et passer à la version complète',
alreadyHaveAccount: 'Vous avez déjà un compte ? Connectez-vous',
continueWithDemo: 'Continuer avec la démo',
backToSharedArea: 'Retour à la zone partagée',
sharedAreaDescription:
'Vous consultez une zone partagée. Pour explorer au-delà, obtenez un accès à vie à chaque code postal, chaque filtre et chaque quartier dAngleterre.',
checkoutFailed: 'Échec du paiement',
},
@ -347,51 +350,48 @@ const fr: Translations = {
exploreTheMap: 'Trouver mes codes postaux',
seeTheDifference: 'Voir comment ça marche',
showcaseHeader: 'Aperçu du produit',
showcaseContext: 'Recherche dacheteur en Angleterre',
showcaseStep1Tab: 'Décrire',
showcaseStep1Title: 'Décrivez la vie que vous voulez',
showcaseContext: 'Comment fonctionne Perfect Postcode',
showcaseStep1Tab: 'Filtrer',
showcaseStep1Title: 'Combinez des filtres absents des portails',
showcaseStep1Body:
'Utilisez le langage naturel ou les filtres pour transformer des critères complexes en une seule recherche.',
showcaseStep1Prompt:
'2 chambres sous £525k, 45 min jusquau travail, rues calmes, bonnes écoles',
showcaseStep1Chip1: '<= £525k',
showcaseStep1Chip2: '2+ chambres',
showcaseStep1Chip3: '45 min de trajet',
showcaseStep1Chip4: 'Faible bruit routier',
showcaseStep2Tab: 'Découvrir',
showcaseStep2Title: 'Révélez des lieux que vous naviez pas envisagés',
'Choisissez ce qui compte vraiment — au-delà du prix et des chambres. Là où vos filtres se croisent, voilà votre vraie sélection.',
showcaseStep1Chip1: 'Rues calmes',
showcaseStep1Chip2: 'Écoles primaires bien notées',
showcaseStep1Chip3: 'Moins de £500k',
showcaseStep1VennCenter: 'Codes postaux qui cochent les trois',
showcaseStep2Tab: 'Comparer',
showcaseStep2Title: 'Recoupé avec 13M de ventes et les dernières études publiques',
showcaseStep2Body:
'La carte met en évidence les codes postaux compatibles, y compris hors de votre sélection habituelle.',
showcaseStep2Metric: '47 codes postaux compatibles',
showcaseStep2Note: 'au-delà de la sélection évidente',
showcaseKnownAreas: 'Zones connues',
showcaseNewMatches: 'Nouvelles correspondances',
showcaseKnownAreaStatus: 'peu de résultats',
showcaseStep3Tab: 'Vérifier',
showcaseStep3Title: 'Comprenez pourquoi chaque code postal correspond',
'Chaque hexagone en Angleterre est noté selon vos filtres. La carte séclaire là où les correspondances se regroupent.',
showcaseStep2Region: 'Grand Londres',
showcaseStep2Sources: 'Land Registry · ONS · Ofsted · DfT',
showcaseStep2ClustersLabel: 'Grappes correspondantes',
showcaseStep3Tab: 'Inspecter',
showcaseStep3Title: 'Lisez chaque quartier dans un seul panneau',
showcaseStep3Body:
'Ouvrez un résultat et vérifiez les preuves avant de réserver votre week-end pour des visites.',
showcaseStep3Postcode: 'Exemple de code postal',
showcaseStep3Area: 'Penge',
showcaseStep3Code: 'SE20',
showcaseStep3Score: 'Très bon ajustement',
showcaseEvidence1: '42 min de trajet',
showcaseEvidence2: 'Bruit routier plus faible',
showcaseEvidence3: 'Bonnes écoles primaires',
showcaseEvidence4: 'Prix vendus dans le budget',
showcaseStep4Tab: 'Comparer',
showcaseStep4Title: 'Comparez les compromis avant les visites',
'Ouvrez nimporte quel hexagone : tendances de prix vendus, criminalité, démographie et écoles, sans jongler entre les onglets.',
showcaseStep3HeaderArea: 'Penge · SE20',
showcaseStep3HeaderFit: 'Très bon · 7/8',
showcaseStep3Stat1Label: 'Tendance des prix vendus',
showcaseStep3Stat2Label: 'Criminalité',
showcaseStep3Stat2Value: 'Sous la moyenne du borough',
showcaseStep3Stat3Label: 'Âge médian',
showcaseStep3Stat4Label: 'Débit internet',
showcaseStep3Stat4Value: '1 Gbps disponible',
showcaseStep3Stat5Label: 'Écoles primaires',
showcaseStep3Stat5Value: '3 « outstanding » à moins dun mile',
showcaseStep4Tab: 'Exporter',
showcaseStep4Title: 'Sauvegardez votre sélection et lancez-vous',
showcaseStep4Body:
'Sélectionnez les zones selon ce que vous gagnez et perdez, pas seulement selon leur réputation.',
showcaseCompare1: 'Penge : liaisons londoniennes, plus despace',
showcaseCompare2: 'Totterdown : rues accessibles à pied à Bristol',
showcaseCompare3: 'Walkley : logements plus grands, bon rapport qualité-prix',
showcaseMapLabel: 'Codes postaux compatibles',
showcaseSaveLabel: 'Sélection prête',
showcaseMatchPenge: 'budget compatible à Londres',
showcaseMatchAbbeyWood: 'Elizabeth line + espaces verts',
showcaseMatchTotterdown: 'Bristol accessible à pied',
showcaseMatchWalkley: 'espace + écoles à Sheffield',
'En un clic, chaque code postal correspondant — avec ses preuves — sexporte vers un tableur. Vous savez maintenant exactement où chercher.',
showcaseStep4FileName: 'perfect-postcode-shortlist.xlsx',
showcaseStep4ExportLabel: 'Exporter vers Excel',
showcaseStep4ColPostcode: 'Code postal',
showcaseStep4ColScore: 'Ajust.',
showcaseStep4ColCommute: 'Trajet',
showcaseStep4ColPrice: 'Prix médian',
showcaseStep4Conclusion:
'Fini les suppositions — visitez des biens dans des lieux déjà validés.',
statProperties: 'ventes historiques',
statFilters: 'filtres combinables',
statEvery: 'Chaque',
@ -410,19 +410,6 @@ const fr: Translations = {
streetCard2Title: 'Voyez les compromis avant les visites',
streetCard2Body:
'Comparez prix, surface, trajet, sécurité, écoles, débit internet, bruit et énergie avant de passer vos week-ends à courir les visites.',
howToUseIt: 'Comment lutiliser',
howStep1Title: 'Décrivez la vie dont vous avez besoin',
howStep1Desc:
'Budget, trajet, type de bien, écoles, sécurité, surface et essentiels du quotidien.',
howStep2Title: 'Révélez les codes postaux compatibles',
howStep2Desc:
'La carte met en évidence les lieux qui passent vos filtres, y compris les zones moins connues.',
howStep3Title: 'Vérifiez les preuves',
howStep3Desc:
'Consultez prix vendus, surface, DPE, bruit routier, débit internet, criminalité et écoles.',
howStep4Title: 'Faites votre sélection avant les annonces',
howStep4Desc:
'Arrivez sur Rightmove, Zoopla, chez les agents et aux visites avec de meilleures zones de recherche.',
othersVs: 'Les autres vs',
checkMyPostcode: 'Portails dannonces',
areaGuides: 'Rapports de code postal',
@ -558,40 +545,41 @@ const fr: Translations = {
dsElectionUse:
'Résultats par candidat des élections générales britanniques de juillet 2024. Agrégés au niveau de la circonscription : participation électorale (%) et parts des voix par parti (%). Reliés aux propriétés via le code de circonscription parlementaire (pcon) du répertoire de codes postaux NSPL.',
// FAQ section titles
faqFindingTitle: 'Trouver votre quartier',
faqCommuteTitle: 'Trajet et déplacements',
faqBudgetTitle: 'Budget et rapport qualité-prix',
faqFindingTitle: 'Stratégie de recherche',
faqCommuteTitle: 'Calcul des temps de trajet',
faqBudgetTitle: 'Prix estimés',
faqSafetyTitle: 'Sécurité et voisinage',
faqFamiliesTitle: 'Familles et écoles',
faqEnvironmentTitle: 'Environnement et qualité de vie',
faqDueDiligenceTitle: 'Périmètre et vérifications',
faqPrivacyTitle: 'Confidentialité et protection des données',
faqWhyTitle: 'Pourquoi Perfect Postcode',
faqPricingTitle: 'Tarifs et accès',
faqPricingTitle: 'Accès',
faqTipsTitle: 'Astuces',
// FAQ items — Finding Your Area
faqFinding1Q: 'Je ne sais même pas quelles zones regarder. Est-ce que ça peut maider ?',
faqFinding1Q: 'Où chercher quand les zones évidentes sont trop chères ?',
faqFinding1A:
'Cest exactement à ça que ça sert. Définissez vos filtres (budget, temps de trajet, faible criminalité, bonnes écoles) et la carte sillumine pour montrer chaque zone qui coche toutes les cases. Fini de chercher « meilleures zones pour vivre près de Manchester » à minuit.',
'Définissez le budget, le type de bien, la surface, le trajet, les écoles, la criminalité, le bruit, le débit internet, les parcs et vos autres critères indispensables. La carte retire les codes postaux qui échouent à ces tests, ce qui fait apparaître des zones moins évidentes avant même de chercher des annonces.',
faqFinding2Q: 'Je déménage dans un endroit que je ne connais pas du tout. Par où commencer ?',
faqFinding2A:
'Définissez vos filtres pour ce qui compte et la carte met instantanément en évidence les zones qui correspondent. Vous passez de « je ne connais pas une seule rue » à une sélection en quelques minutes.',
faqFinding3Q: 'Comment trouver des zones qui cochent toutes mes cases en une seule fois ?',
faqFinding3Q: 'Que faire si ma recherche renvoie trop ou trop peu de zones ?',
faqFinding3A:
'Empilez plusieurs filtres (criminalité sous la moyenne, bonnes écoles, trajet de moins de 40 minutes) puis colorez la carte par prix pour repérer les zones au meilleur rapport qualité-prix. La carte se met à jour en temps réel quand vous bougez les curseurs.',
'Commencez par vos limites fermes, puis colorez la carte selon un compromis comme le prix au m², le bruit routier, le score des écoles ou le temps de trajet. Si la carte devient trop restrictive, relâchez un curseur et voyez immédiatement quel compromis ouvre de nouvelles options.',
// FAQ items — Commute and Travel
faqCommute1Q: 'Puis-je voir combien de temps durerait mon trajet depuis différentes zones ?',
faqCommute1Q: 'Comment les temps de trajet sont-ils calculés ?',
faqCommute1A:
'Définissez votre lieu de travail comme destination et nous colorons chaque code postal par temps de trajet, que ce soit en voiture, à vélo ou en transports en commun. Filtrez par votre trajet maximum et le reste disparaît.',
faqCommute2Q: 'En quoi cest mieux que Google Maps ?',
'Les temps de trajet sont précalculés avec Conveyal R5, un moteur de routage utilisé pour lanalyse des transports. Pour chaque destination prise en charge, nous calculons les trajets vers les codes postaux atteignables sur le réseau de rues et de transports, puis stockons des fichiers de temps de trajet par code postal pour la voiture, le vélo, la marche et les transports publics. La carte peut ainsi filtrer beaucoup de codes postaux rapidement au lieu dappeler une API itinéraire un par un.',
faqCommute2Q: 'Que faut-il savoir sur ces temps de trajet ?',
faqCommute2A:
'Google Maps vous montre un trajet à la fois. Nous colorons chaque code postal dAngleterre par temps de trajet en une seule vue, pour que vous puissiez comparer des centaines de zones côte à côte au lieu de les chercher une par une.',
'Les temps en transports publics utilisent une fenêtre de départ du matin, de 07:30 à 08:30. Par défaut, nous affichons la médiane, cest-à-dire le résultat typique sur cette fenêtre ; loption best-case utilise le 5e percentile pour un départ bien synchronisé. Ce sont des temps de comparaison modélisés, pas des données en direct sur les perturbations, le trafic ou les changements de quai.',
// FAQ items — Budget and Value
faqBudget1Q: 'Comment trouver les zones où jai le plus despace pour mon argent ?',
faqBudget1Q: 'Comment fonctionne lalgorithme de prix actuel estimé ?',
faqBudget1A:
'Filtrez par prix au m² et vous verrez instantanément quels codes postaux offrent le plus despace par livre. Combinez avec le filtre de classement énergétique pour éviter les biens aux coûts de chauffage élevés.',
faqBudget2Q:
'Comment massurer quune zone bon marché ne lest pas pour de mauvaises raisons ?',
'Lestimation propriétaire part du dernier prix de vente HM Land Registry. Elle lajuste à aujourdhui avec un indice de ventes répétées appris à partir de biens vendus plusieurs fois, segmenté par secteur de code postal et type de bien. Les zones peu fournies sont rapprochées de modèles district, zone, national et hédonique, puis lissées spatialement. Le résultat est ensuite mélangé avec une estimation par plus proches voisins, à partir de biens similaires vendus récemment à proximité, du prix au m² ajusté et de la surface EPC.',
faqBudget2Q: 'Pourquoi utiliser le prix actuel estimé plutôt que le dernier prix vendu ?',
faqBudget2A:
'Superposez les scores de défaveur, les statistiques de criminalité, les notes des écoles et les débits internet à côté du prix. Si un code postal est abordable et obtient de bons scores sur tout ce qui compte, vous avez trouvé une vraie bonne affaire, pas juste un prix bas avec des compromis que vous navez pas encore repérés.',
'Le dernier prix vendu peut dater de plusieurs années ou décennies, et les prix demandés ne couvrent que les biens en vente aujourdhui. Le prix actuel estimé remet les anciennes ventes dans des conditions de marché plus actuelles, afin de comparer davantage de biens, calculer un prix estimé au m² et repérer les zones de valeur avant larrivée des annonces. Cest un outil de tri, pas une évaluation formelle.',
// FAQ items — Safety and Neighbourhood
faqSafety1Q: 'Comment vérifier si une zone est sûre avant dy déménager ?',
faqSafety1A:
@ -613,12 +601,30 @@ const fr: Translations = {
'Puis-je trouver des logements économes en énergie qui ne sont pas sur une route bruyante ?',
faqEnv1A:
'Filtrez par classement EPC (A à C), puis superposez les données de bruit routier pour exclure tout ce qui dépasse votre seuil. Colorez par lun ou lautre critère pour repérer les rues calmes et économes dun coup dœil.',
faqEnv2Q: 'Est-ce que ça montre le risque dinondation ou daffaissement ?',
faqEnv2Q: 'Affichez-vous le risque dinondation, daffaissement ou de survey ?',
faqEnv2A:
'Nous incluons des données de stabilité du sol pour que vous puissiez vérifier les risques daffaissement, de retrait-gonflement des argiles et dautres aléas géologiques avant de vous engager. Excluez les zones à risque dès le départ.',
'Pas sous forme de filtres en direct aujourdhui. Nous affichons des données comme le bruit routier, lEPC, lâge de construction et certains indicateurs locaux, mais les recherches dinondation, les titres, les problèmes structurels et la capacité de financement doivent toujours être vérifiés par les professionnels habituels.',
faqEnv3Q: 'Puis-je trouver des zones avec un bon débit internet qui soient aussi calmes ?',
faqEnv3A:
'Superposez le filtre de débit internet avec les données de bruit routier pour trouver des rues avec une bonne connectivité et peu de bruit. Colorez par lun ou lautre critère pour comparer les zones dun coup dœil.',
// FAQ items — Listing Portals and Due Diligence
faqDueDiligence1Q: 'Faut-il lutiliser avant ou après Rightmove ?',
faqDueDiligence1A:
'Utilisez Perfect Postcode avant et en parallèle des portails dannonces. Rightmove, Zoopla et OnTheMarket restent utiles pour la disponibilité en temps réel, les photos, le contact avec lagent, les visites et les alertes. Perfect Postcode sert à décider quels codes postaux valent la peine dêtre recherchés.',
faqDueDiligence2Q: 'Puis-je filtrer par jardin, garage, agencement ou texte dannonce ?',
faqDueDiligence2A:
'Seulement lorsque linformation existe dans des données officielles structurées. Perfect Postcode peut filtrer la surface, le type de bien, le régime foncier, lEPC, les prix de vente et les données locales. Les jardins, garages, orientation, agencements et formulations dagent doivent encore être vérifiés dans lannonce et lors de la visite.',
faqDueDiligence3Q:
'Puis-je voir lhistorique des baisses de prix ou la durée de mise en ligne ?',
faqDueDiligence3A:
'Pas actuellement. Perfect Postcode sappuie sur les prix de vente officiels, lEPC, les codes postaux, les temps de trajet et les données de quartier plutôt que sur des flux dannonces en direct. Vous pouvez tout de même utiliser la date de dernière transaction, lhistorique des ventes, la valeur actuelle estimée et le prix au m² pour juger un prix demandé.',
faqDueDiligence4Q: 'Que dois-je encore vérifier avant de faire une offre ?',
faqDueDiligence4A:
'Utilisez Perfect Postcode pour vérifier la zone et la valeur, puis contrôlez les détails de lannonce, le régime foncier, les conditions de leasehold, les charges, lhistorique durbanisme, le risque dinondation, les titres, les exigences du prêteur et le survey via le processus professionnel habituel.',
// FAQ items — Privacy and Data Protection
faqPrivacy1Q: 'Stockez-vous des données personnelles me concernant ?',
faqPrivacy1A:
'Nous ne stockons pas de données personnelles dans les jeux de données immobilières et de quartier. Ces données proviennent de sources officielles et publiques et servent à la recherche par code postal et par propriété. Si vous créez un compte, nous stockons uniquement ce qui est nécessaire au fonctionnement du service, comme votre adresse e-mail, votre statut de licence, votre préférence newsletter, vos recherches enregistrées, vos biens enregistrés et les identifiants de paiement traités par Stripe. Ces données de compte sont traitées conformément au UK GDPR et au Data Protection Act 2018.',
// FAQ items — Why Perfect Postcode
faqWhy1Q: 'Jutilise déjà Rightmove. Quest-ce que ça apporte de plus ?',
faqWhy1A:
@ -634,9 +640,9 @@ const fr: Translations = {
'Est-ce que ça vaut vraiment le coup de payer pour un outil de recherche immobilière ?',
faqPricing1A:
'Lachat dun logement est probablement le plus gros achat de votre vie. Repérer un seul signal dalerte (une route bruyante, un mauvais débit, une criminalité en hausse) avant de vous engager pourrait vous épargner des années de regrets. Ça coûte moins quun plein dessence.',
faqPricing2Q: 'Est-ce un abonnement ?',
faqPricing2Q: 'Que signifie laccès à vie ?',
faqPricing2A:
'Non. Paiement unique, à vous pour toujours. Utilisez-le intensivement pendant votre recherche, revenez quand vous êtes curieux dune nouvelle zone, et cest toujours là si vous déménagez à nouveau.',
'Laccès à vie signifie quun paiement donne à votre compte un accès continu à la carte payante Perfect Postcode pendant la durée de vie du service. Ce nest pas un abonnement mensuel ou annuel, et les mises à jour normales des données sont incluses. Vous pouvez lutiliser pendant cette recherche, revenir plus tard et conserver laccès si vous déménagez à nouveau.',
faqPricing3Q: 'Que puis-je faire avec la version gratuite ?',
faqPricing3A:
'Les utilisateurs gratuits peuvent explorer toutes les fonctionnalités dans la zone de démonstration (centre de Londres, approximativement zones 1 à 2). Pour accéder aux données du reste de lAngleterre, il faut laccès à vie.',