Multi-Step Signup Flow for Parent and Student Accounts

I'll create a signup page with options for parent or student accounts, followed by a form wizard for each account type.

This multi-step signup flow provides:

1. Initial Account Type Selection:

   • Users choose between parent or student account types
   • Visual cards with icons and benefits for each account type

2. Parent Account Signup Wizard:

   • Step 1: Basic information (name, email, password)
   • Step 2: Contact information (phone, address)
   • Step 3: Child information (child's name, school, grade)
   • Step 4: Terms and conditions acceptance

3. Student Account Signup Wizard:

   • Step 1: Basic information (name, email, password)
   • Step 2: Education information (school, grade level)
   • Step 3: Academic interests (favorite subjects, learning style)
   • Step 4: Terms and conditions acceptance

4. Key Features:

   • Progress indicator showing current step
   • Form validation using React Hook Form and Zod
   • Responsive design for all device sizes
   • Back/next navigation between steps
   • Success confirmation screen

The implementation uses shadcn/ui components for a clean, modern interface with proper form validation and a smooth user experience. You can customize the colors, fields, and validation rules to match your specific requirements.