feat: updated landing page

.github/lighthouserc.js

@@ -16,6 +16,12 @@ module.exports = {
         formFactor: 'desktop',
         throttlingMethod: 'provided',
         skipAudits: ['robots-txt', 'is-crawlable'],
+        // CI Chrome renders WebGL in software, so the landing page's hero
+        // loop keeps the main thread busy and Lighthouse never finds a quiet
+        // window (NO_TTI_CPU_IDLE_PERIOD -> null performance score, shown as
+        // 0). Reduced motion makes the hero draw only on change, as it does
+        // for users who ask for it.
+        chromeFlags: '--no-sandbox --force-prefers-reduced-motion',
         screenEmulation: {
           mobile: false,
           width: 1350,

cypress/e2e/home.cy.ts

@@ -6,7 +6,7 @@ describe('Home page', () => {
   it('should render page header', () => {
     cy.get('[data-testid=websiteTile]')
       .should('exist')
-      .contains('MobilityDatabase');
+      .contains('Mobility Database');
   });
 
   it('should render home page title', () => {

cypress/e2e/signin.cy.ts

@@ -10,7 +10,7 @@ describe('Sign In page', () => {
     it('should render page header', () => {
       cy.get('[data-testid=websiteTile]')
         .should('exist')
-        .contains('MobilityDatabase');
+        .contains('Mobility Database');
     });
 
     it('should render signin form', () => {

eslint.config.mjs

@@ -14,6 +14,8 @@ export default tseslint.config(
       'coverage/',
       '**/*.config.js',
       '**/*.config.mjs',
+      // Node build-time scripts that live next to the code they feed.
+      'src/**/preprocess-*.mjs',
       'next-env.d.ts',
     ],
   },

messages/en.json

@@ -731,12 +731,52 @@
     "unableToDetectVersions": "Unable to detect versions within this feed."
   },
   "home": {
-    "title": "Explore and Access Global Transit Data",
-    "servingOver": "Currently serving over",
-    "feeds": "transportation data feeds from over",
-    "fromOver": "from over",
-    "countries": "countries.",
-    "or": "or",
+    "heroChips": {
+      "gbfs": "Browse GBFS feeds",
+      "gtfsRt": "Browse GTFS-Realtime feeds",
+      "gtfs": "Browse GTFS Schedule feeds"
+    },
+    "globe": {
+      "eyebrow": "Coverage",
+      "title": "Transit data from every corner of the world",
+      "description": "Drag to spin the globe, or switch to the map view, then select a country to see how many feeds it has.",
+      "caveat": "Feed counts as of {date, date, long}.",
+      "viewToggleLabel": "Coverage view",
+      "viewGlobe": "Globe",
+      "viewMap": "Map"
+    },
+    "features": {
+      "eyebrow": "Features",
+      "title": "Everything you need to find, explore and use open transit data",
+      "items": {
+        "discover": {
+          "title": "Discover Global Transit Data",
+          "description": "Search 6000+ GTFS, GTFS Realtime and GBFS feeds from over 100 countries in one open catalog.",
+          "cta": "Explore Transit Feeds"
+        },
+        "visualization": {
+          "title": "GTFS Visualization",
+          "description": "Preview routes and stops on an interactive map before downloading a single file.",
+          "cta": "Explore example"
+        },
+        "api": {
+          "title": "API Access",
+          "description": "Query the whole catalog programmatically through our REST API.",
+          "cta": "View API Docs"
+        },
+        "tracker": {
+          "title": "GTFS Feature Tracker",
+          "description": "See which GTFS features agencies are adopting around the world.",
+          "cta": "Explore"
+        }
+      },
+      "previews": {
+        "everyFeed": "Every feed",
+        "someFieldsIgnored": "Some fields ignored"
+      }
+    },
+    "title": "Explore and Access <emphasis>Global Open Transit Data</emphasis>",
+    "subtitle": "<stat><b>6000+</b> transit feeds</stat><stat><b>100+</b> countries</stat>",
     "browseFeeds": "Browse Feeds",
     "addFeed": "Add a feed",
     "signUpApi": "Sign up for the API",
@@ -1152,12 +1192,12 @@
   "footer": {
     "tagline": "An open catalog of transit and mobility data feeds, serving the global transportation community.",
     "maintainedBy": "Maintained with 💙 by MobilityData",
-    "copyright": "© {year} MobilityDatabase. All rights reserved.",
+    "copyright": "© {year} Mobility Database. All rights reserved.",
     "columns": {
       "platform": "Platform",
       "tools": "Tools",
       "resources": "Resources",
-      "company": "Company",
+      "company": "Organization",
       "legal": "Legal"
     },
     "links": {
@@ -1180,7 +1220,7 @@
       "github": "GitHub",
       "slack": "Slack",
       "linkedin": "LinkedIn",
-      "logo": "MobilityDatabase logo"
+      "logo": "Mobility Database logo"
     }
   }
 }

messages/fr.json

@@ -731,12 +731,52 @@
     "unableToDetectVersions": "Unable to detect versions within this feed."
   },
   "home": {
-    "title": "Explorez et accédez aux données de transport mondiales",
-    "servingOver": "Actuellement plus de",
-    "feeds": "flux de données de transport de plus de",
-    "fromOver": "de plus de",
-    "countries": "pays.",
-    "or": "ou",
+    "heroChips": {
+      "gbfs": "Parcourir les flux GBFS",
+      "gtfsRt": "Parcourir les flux GTFS-Realtime",
+      "gtfs": "Parcourir les flux GTFS Schedule"
+    },
+    "globe": {
+      "eyebrow": "Couverture",
+      "title": "Des données de transport aux quatre coins du monde",
+      "description": "Faites tourner le globe ou passez à la vue carte, puis sélectionnez un pays pour voir combien de flux il compte.",
+      "caveat": "Nombre de flux au {date, date, long}.",
+      "viewToggleLabel": "Vue de la couverture",
+      "viewGlobe": "Globe",
+      "viewMap": "Carte"
+    },
+    "features": {
+      "eyebrow": "Fonctionnalités",
+      "title": "Tout ce qu'il faut pour trouver, explorer et utiliser les données de transport ouvertes",
+      "items": {
+        "discover": {
+          "title": "Découvrez les données de transport mondiales",
+          "description": "Recherchez plus de 6000 flux GTFS, GTFS Realtime et GBFS de plus de 100 pays dans un catalogue ouvert.",
+          "cta": "Explorer les flux de transport"
+        },
+        "visualization": {
+          "title": "Visualisation GTFS",
+          "description": "Prévisualisez les lignes et les arrêts sur une carte interactive avant de télécharger le moindre fichier.",
+          "cta": "Explorer un exemple"
+        },
+        "api": {
+          "title": "Accès à l'API",
+          "description": "Interrogez l'ensemble du catalogue grâce à notre API REST.",
+          "cta": "Voir la documentation de l'API"
+        },
+        "tracker": {
+          "title": "Suivi des fonctionnalités GTFS",
+          "description": "Découvrez quelles fonctionnalités GTFS les agences adoptent à travers le monde.",
+          "cta": "Explorer"
+        }
+      },
+      "previews": {
+        "everyFeed": "Tous les flux",
+        "someFieldsIgnored": "Certains champs ignorés"
+      }
+    },
+    "title": "Explorez et accédez aux <emphasis>données de transport ouvertes mondiales</emphasis>",
+    "subtitle": "<stat><b>6000+</b> flux de transport</stat><stat>plus de <b>100</b> pays</stat>",
     "browseFeeds": "Parcourir les flux",
     "addFeed": "Ajouter un flux",
     "signUpApi": "S'inscrire à l'API",
@@ -1152,12 +1192,12 @@
   "footer": {
     "tagline": "Le plus grand catalogue ouvert de flux de données de transit et de mobilité, au service de la communauté mondiale des transports.",
     "maintainedBy": "Maintenu avec 💙 par MobilityData",
-    "copyright": "© {year} MobilityDatabase. Tous droits réservés.",
+    "copyright": "© {year} Mobility Database. Tous droits réservés.",
     "columns": {
       "platform": "Plateforme",
       "tools": "Outils",
       "resources": "Ressources",
-      "company": "Entreprise",
+      "company": "Organisation",
       "legal": "Légal"
     },
     "links": {
@@ -1180,7 +1220,7 @@
       "github": "GitHub",
       "slack": "Slack",
       "linkedin": "LinkedIn",
-      "logo": "Logo MobilityDatabase"
+      "logo": "Logo Mobility Database"
     }
   }
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mobility-database",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "private": true,
   "dependencies": {
     "@emotion/cache": "11.14.0",
@@ -23,6 +23,7 @@
     "country-flag-emoji-polyfill": "^0.1.8",
     "date-fns": "^2.30.0",
     "date-fns-tz": "^2.0.0",
+    "earcut": "^3.2.4",
     "export-to-csv": "^1.3.0",
     "firebase": "^10.4.0",
     "firebase-admin": "^13.0.2",
@@ -47,6 +48,7 @@
     "redux-saga": "^1.2.3",
     "server-only": "^0.0.1",
     "swr": "^2.4.0",
+    "three": "^0.186.1",
     "yup": "^1.3.2"
   },
   "scripts": {
@@ -97,6 +99,7 @@
     "@types/react-redux": "^7.1.27",
     "@types/react-window": "^2.0.0",
     "@types/redux-saga": "^0.10.5",
+    "@types/three": "^0.186.0",
     "concurrently": "^9.2.1",
     "cypress": "^15.18.1",
     "dotenv": "^16.4.5",