Prompt:
Act as a Senior Frontend Engineer and UI/UX Designer. Create a comprehensive, high-fidelity React application called "PepRX". The app is a SaaS platform for Peptide Therapy clinics and patients.
Tech Stack:
- React (Use Functional Components and Hooks)
- Tailwind CSS (for all styling)
- Lucide React (for icons)
- Recharts (for data visualization)
- Font: Inter (Google Fonts)
Global Aesthetic:
- Theme: Premium Medical / Health Tech.
- Palette: Slate-50/100 backgrounds, White cards, Slate-900 text. Primary accent color is Blue-600 to Indigo-600. Status colors: Emerald (Success), Amber (Warning/Pending).
- UI Elements: Large border-radii (rounded-2xl or rounded-xl), subtle shadows, clean borders (border-slate-200).
- Typography: Clean, readable, professional.
Application Structure:
The app must be a Single Page Application (SPA) that manages state to switch between three distinct views based on user selection:
- Landing Page (Default view)
- Patient App (Mobile-first simulation)
- Clinic Dashboard (Desktop web app)
View 1: The Landing Page