Build a mobile-first, luxury fintech application called "Supernormal". It is an AI-native wealth strategist app designed with a "dark mode" aesthetic similar to high-end financial terminals.
Tech Stack: React, Tailwind CSS, Lucide React (icons), Recharts (charts).
Design System:
- Backgrounds: Deep black (#0a0a0c) for the main background, slightly lighter dark gray (#131316) for cards.
- Typography: Use a clean Sans-serif (like Inter) for UI text and a Monospace font (like JetBrains Mono) for all financial numbers and data.
- Accents: Use white for primary text and Indigo (#6366f1) for brand accents/charts.
- Vibe: Minimalist, expensive, analytical, confident.
Core Views & Functionality:
- Onboarding (Landing Page):
- A centered screen featuring a "Zap" icon and the title "Supernormal".
- Tagline: "Wealth strategy for the 1%. Now available to you."
- A "Get Started" button.
- Interaction: Clicking "Get Started" opens a modal simulating a bank connection (like Plaid). It should show a list of banks, a fake loading state ("Verifying credentials..."), and a success state, then automatically redirect to the Dashboard.
- App Layout (Once connected):
- Top bar: Logo and a "Live Sync" status indicator.
- Main content area: Scrollable.
- Bottom Navigation Bar: Floating pill-shape containing icons for Dashboard, Chat, and Portfolio.
- Dashboard View:
- Header: Display Total Net Worth (e.g., $634,300.07) in large mono font with a "Trending Up" pill showing +10.4% YTD.
- Chart: An area chart (gradient fill) showing historical net worth growth over the last year.
- Widgets: A grid of cards showing "Weekly Deposit ($500)" and "Risk Level (Aggressive)".
- Insight Card: A notification suggesting "Smart Cash Sweep" to move idle cash into Treasury ETFs.
- Portfolio View:
- Strategy Header: Title "Autonomous Index" with a description referencing the "Endowment Model".
- Visual: A Donut chart showing asset allocation.
- Holdings List: A list of assets including "S&P 500 ETF", "Bitcoin", "Private Credit", etc., with their values and allocation percentages.
- Alert: A notification card stating "Rebalancing needed: Crypto exposure drifted +2%".
- Chat Interface (AI Advisor):
- A chat UI where the user talks to "Supernormal".
- Persona: The AI should act as an elite hedge fund manager—sophisticated, concise, and analytical.
- Mock Logic: Since we don't have a backend, simulate the AI interaction. When the user types a message, show a "typing" animation, and after a short delay, return a hardcoded, intelligent-sounding financial response about their portfolio.
- Initial Message: Start the chat with: "Hello. Markets have been choppy, but your Autonomous Index is up. I've analyzed your spending and have tax-loss harvesting ideas."
Data to use:
- Net Worth: ~$634k
- Assets: VOO (35%), QQQ (20%), Bonds (15%), Crypto (5%), Private Equity (10%).