c48a11b13c
- Hero auto-rotates story backdrops every 5 seconds with 500ms fade transitions - ProductShowcase cards rotate with mint ring highlight on the active card - Inactive cards fade to 60% opacity on mobile, full opacity on desktop - New components: StoryBackdrop, StoryOnboarding, CountUp, lib/stories - Manual Another-story control still works Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
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
/dashboardor/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, logocomponents/charts- SVG chart components: area, donut, gauge, mini barscomponents/finance- finance-specific reusable cards and rowscomponents/marketing- marketing page sections composed from UI primitivescomponents/dashboard- dashboard shell, navigation, views, Ask Aarthacomponents/mobile- phone frame and mobile screen compositions
Run locally
npm install
npm run dev
Then open:
http://localhost:3000http://localhost:3000/dashboardhttp://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.