I'll create a sign up flow with email verification code functionality. This will include a sign up form, code verification, and proper state management.

I've created a complete email verification flow with the following features:

Key Features:

• Multi-step process: Sign up → Verify → Success
• Email validation: Proper email input with validation
• 6-digit code input: Formatted input that only accepts numbers
• Mock verification: Generates and displays a demo code for testing
• Resend functionality: Users can request a new verification code
• Error handling: Shows appropriate error messages
• Loading states: Visual feedback during API calls
• Responsive design: Works well on all screen sizes

How it works:

1. Sign Up: User enters their email address
2. Code Generation: A 6-digit verification code is generated and displayed (in demo mode)
3. Verification: User enters the code to verify their email
4. Success: Confirmation screen with next steps

The component includes proper state management, form validation, and a clean user interface using shadcn/ui components. In a real application, you would replace the mock API calls with actual backend integration for sending emails and verifying codes1.