diff --git a/app/src/Router.tsx b/app/src/Router.tsx index 0562abfb..c5abb4d3 100644 --- a/app/src/Router.tsx +++ b/app/src/Router.tsx @@ -1,6 +1,7 @@ import { createBrowserRouter, Navigate, RouterProvider } from 'react-router-dom'; import Layout from './components/Layout'; import HomePage from './pages/Home.page'; +import LearnAiMlPage from './pages/Learn-ai-ml.page'; import PoliciesPage from './pages/Policies.page'; import PopulationsPage from './pages/Populations.page'; import ReportOutputPage from './pages/ReportOutput.page'; @@ -121,6 +122,10 @@ const router = createBrowserRouter( path: 'support', element:
Support page
, }, + { + path: 'learn-ai-ml', + element: , + }, ], }, ], diff --git a/app/src/assets/ai-analysis.png b/app/src/assets/ai-analysis.png new file mode 100644 index 00000000..2a14b886 Binary files /dev/null and b/app/src/assets/ai-analysis.png differ diff --git a/app/src/assets/us-household-ai.png b/app/src/assets/us-household-ai.png new file mode 100644 index 00000000..cfcea4f1 Binary files /dev/null and b/app/src/assets/us-household-ai.png differ diff --git a/app/src/components/shared/static/CardsWithHeader.tsx b/app/src/components/shared/static/CardsWithHeader.tsx index 3e7af154..33128113 100644 --- a/app/src/components/shared/static/CardsWithHeader.tsx +++ b/app/src/components/shared/static/CardsWithHeader.tsx @@ -11,8 +11,6 @@ export function CardsWithHeader({ containerTitle, cards }: CardsContainerProps) return ( + PolicyEngine integrates large language models with our computational tax-benefit engine to + transform complex calculations into clear explanations. +
+
+ For household calculations, we process thousands of intermediate values across tax and benefit + programs, then use Anthropic's Claude API to generate plain-language explanations of + eligibility, amounts, and potential changes. +
+
+ For policy analysis, we leverage GPT-4 to weave narratives from our computational results, + explaining reforms in terms anyone can understand - from simplified `ELI5` explanations to + detailed technical analyses for policy experts. + + ); + + const rightColumnContent = ( + Diagram illustrating AI analysis + ); + + return ( + <> + + console.log('clicked')} + imageSrc={usHouseholdAiImg} + imageAlt="AI Explanations Tool Preview" + /> + + + + + + +

Watch our AI Demo

+