Progress

frontend/src/App.tsx

@@ -2,6 +2,7 @@ import { useState, useEffect, useCallback, useMemo } from 'react';
 import MapPage, { type ExportState } from './components/map/MapPage';
 import DataSourcesPage from './components/data-sources/DataSourcesPage';
 import FAQPage from './components/faq/FAQPage';
+import PricingPage from './components/pricing/PricingPage';
 import HomePage from './components/home/HomePage';
 import SavedSearchesPage from './components/saved-searches/SavedSearchesPage';
 import Header, { type Page } from './components/ui/Header';
@@ -32,6 +33,8 @@ function pageToPath(page: Page): string {
       return '/faq';
     case 'saved-searches':
       return '/saved';
+    case 'pricing':
+      return '/pricing';
     default:
       return '/';
   }
@@ -42,6 +45,7 @@ function pathToPage(pathname: string): Page | null {
   if (pathname === '/data-sources') return 'data-sources';
   if (pathname === '/faq') return 'faq';
   if (pathname === '/saved') return 'saved-searches';
+  if (pathname === '/pricing') return 'pricing';
   if (pathname === '/') return 'home';
   return null;
 }
@@ -235,11 +239,13 @@ export default function App() {
         isMobile={isMobile}
       />
       {activePage === 'home' ? (
-        <HomePage onOpenDashboard={() => navigateTo('dashboard')} theme={theme} />
+        <HomePage onOpenDashboard={() => navigateTo('dashboard')} onOpenPricing={() => navigateTo('pricing')} theme={theme} features={features} />
       ) : activePage === 'data-sources' ? (
         <DataSourcesPage />
       ) : activePage === 'faq' ? (
         <FAQPage />
+      ) : activePage === 'pricing' ? (
+        <PricingPage onOpenDashboard={() => navigateTo('dashboard')} />
       ) : activePage === 'saved-searches' ? (
         <SavedSearchesPage
           searches={savedSearches.searches}