a month ago

Refine the existing dark-themed Cyberpunk UI for 'Curriculum.ai'. Maintain the #050505 background and indigo/purple glowing aesthetic. I need three specific updates: 1. Unified Auth Page: Create a 'Sign Up' version of the existing login card that includes fields for 'Full Name', 'Institution Name', 'Email', and 'Password'. Ensure there is a toggle link to switch between Login and Sign Up. 2. Interactive Upload Page: Update the Upload section. When a user 'uploads' a file, show a progress bar and a high-visibility, glowing 'Start AI Analysis' button (Indigo gradient) that appears below the 'Recent Uploads' list. The 'Recent Uploads' list should be in a scrollable container with a max height of 400px. 3. Redesigned Project Dashboard: Replace the current layout with one that reflects the core project architecture: Top Row: Keep the 4 stat cards (Relevance, Gaps, etc.). Main Left Column: A 'Gap & Evidence Engine'. This should be a list of cards. Each card shows a 'Missing Skill', a 'Relevance Score', and a collapsible 'Evidence' button. When clicked, it shows a text area explaining 'Why' this gap was flagged (referencing industry data). Main Right Column: A 'Locked Architecture' panel. A visual tree or list showing the current curriculum structure. Bottom Section: A 'Smart Suggestions' grid. Large cards providing actionable steps to fix the gaps, featuring a 'Apply to Curriculum' button on each. Use Tailwind CSS, Montserrat/Nunito fonts, and Lucide/FontAwesome icons for alerts and evidence.

Fork

Windframe is an AI visual editor for rapidly building stunning web UIs & websites

Start building stunning web UIs & websites!

Build from scratch or select prebuilt tailwind templates