Aartha React Prototype

Reusable Next.js 14 + TypeScript + Tailwind implementation of the Aartha Labs UI concept.

What is included

• Marketing website at /
• Web app dashboard at /dashboard or /app
• Mobile screen showcase at /mobile
• Reusable components under components/
• Shared data and PRD-derived content under lib/data.ts

Component structure

• components/ui - primitive reusable UI: buttons, cards, chips, progress bars, logo
• components/charts - SVG chart components: area, donut, gauge, mini bars
• components/finance - finance-specific reusable cards and rows
• components/marketing - marketing page sections composed from UI primitives
• components/dashboard - dashboard shell, navigation, views, Ask Aartha
• components/mobile - phone frame and mobile screen compositions

Run locally

npm install
npm run dev

Then open:

• http://localhost:3000
• http://localhost:3000/dashboard
• http://localhost:3000/mobile

Notes for engineering handoff

This is still a front-end prototype. There is no backend, auth, Plaid integration, or real AI service connected yet. The structure is intentionally reusable so the product team can preserve the visual direction while engineers replace static data with API-backed state.