9232ebe294
Implemented complete design system and foundational infrastructure: **Design System Components:** - Button (all variants: primary, secondary, ghost, danger) - Input & Textarea (with validation and error states) - Card (elevated, outlined, flat variants) - Modal/Dialog (with focus trap and accessibility) - Avatar (with fallback initials) - Badge (all color variants) - Form helpers (FormField, Checkbox, Select) - Link component with Next.js integration - Navigation (Header, Footer with responsive design) **Layouts:** - MainLayout (with Header/Footer for public pages) - AuthLayout (minimal layout for auth flows) - DashboardLayout (with sidebar navigation) **Hooks & Utilities:** - useAuth() - authentication state management - useApi() - API calls with loading/error states - useLocalStorage() - persistent state management - apiClient - Axios instance with token refresh - authStore - Zustand store for auth state **Configuration:** - Tailwind config with design tokens - Dark mode support via CSS variables - Global styles with accessibility focus - WCAG 2.2 AA+ compliant focus indicators All components follow accessibility best practices with proper ARIA labels, keyboard navigation, and screen reader support. Job ID: MTAD-IMPL-2025-11-18-CL
14 lines
409 B
TypeScript
14 lines
409 B
TypeScript
export default function Home() {
|
|
return (
|
|
<main className="min-h-screen flex items-center justify-center bg-gray-50">
|
|
<div className="text-center">
|
|
<h1 className="text-4xl font-bold text-gray-900 mb-4">
|
|
MoreThanADiagnosis
|
|
</h1>
|
|
<p className="text-lg text-gray-600">
|
|
Web frontend implementation in progress...
|
|
</p>
|
|
</div>
|
|
</main>
|
|
)
|
|
}
|