Prompt:
Design a detailed challenge page for a programming challenges website. The page should display the following information for each challenge:
Challenge title
Challenge description
Difficulty level (e.g., Easy, Medium, Hard)
Time limit (if applicable)
Input format
Output format
Sample test cases with input and output
Submit solution button
Specifications:
Primary Colors: Royal Blue (#1E3A8A) and Emerald Green (#10B981)
Secondary Colors: Dark Gray (#374151) and White (#FFFFFF)
Fonts: Inter and Roboto
Style: Clean, modern, and professional
Components:
Clear and distinct sections for each piece of information
Interactive elements with subtle shadows and highlights
Responsive and accessible design
Icons related to coding, difficulty level, and time limits
A section for users to submit their solutions with a code editor interface
Ensure the design is fully responsive and accessible. Include icons and visual cues to enhance the user experience and make the information easy to digest | A shadcn/ui and v0 generation - v0
