Implement Option Validation for Incompatible Selections

[UltiRequiem]

Description

Prevent users from selecting incompatible options (e.g., landing page + social login).

Location

src/app/pricing/page.tsx and src/app/pricing/constants.ts

Current Issue

User can select combinations that don't make sense:

• Landing page + Social media login
• Landing page + Admin dashboard
• Simple site + Complex integrations

Task

• Define incompatibility rules in constants.ts:

  export const INCOMPATIBLE_OPTIONS: Record<string, string[]> = {
    'landing': ['social-login', 'admin-dashboard', 'multi-auth'],
    'blog': ['ecommerce', 'booking-system'],
    // etc.
  };

• Add validation function in utils.ts
• Disable incompatible options in UI
• Show tooltip explaining why option is disabled
• Update selections if current choice conflicts

Learning Goals

• Complex validation logic
• State management
• User experience for constraints

Estimated Time

2 hours