Now let me check the existing shadcn UI components available:
Good, I have all the shadcn components I need. Let me now build the quiz app. I'll create:
Let me start building:
Now let me add the custom CSS tokens for success color:
Now let me create all the quiz files:
Now let me create the main page and update the layout:
Now let me verify everything looks correct by reading the key files:
I notice the Separator import is unused in quiz-results. Let me clean that up:
The Scrum Master Professional Certificate quiz is now fully built. Here's what was created:
quiz-welcome.tsx): Shows exam info (40 questions, 8 steps, 5 per step) with clear instructions and a start buttonquestion-card.tsx): Displays each question with selectable options that reveal correct/incorrect answers immediately with color-coded feedback (green for correct, red for incorrect)step-progress.tsx): Dual progress bars showing both step-level and overall progress, plus a visual step indicator stripquiz-app.tsx): Main state machine managing the three phases (welcome, quiz, results) with navigation dots per step that show check/alert icons based on answer correctnessquiz-results.tsx): Comprehensive summary with overall score and pass/fail badge (70% threshold), performance breakdown per step with progress bars, and an expandable detailed review showing each question with your answer vs. the correct answerYou can send messages while the preview loads