Refactor card waitlist page with new fees modal and card summary

[MusabShakeel576]

Summary

Refactored the CardWaitlistPage to extract card feature information into reusable components and added a new modal for displaying fees and charges information.

Key Changes

• Extracted SolidCardSummary component: Created a new reusable component that displays the Solid Card title, description, and key features (virtual card, 3% cashback, zero fees). Supports both compact and expanded layouts with customizable labels.

• Created CardFeesModal component: New modal that displays detailed fees and charges information, including:

  • Card summary with gradient background
  • Detailed breakdown of fees (no hidden fees, global acceptance, borrow against savings, security, setup)
  • Call-to-action button to get the card

• Simplified CardWaitlistPage:

  • Removed loading state and async cashback percentage fetching logic
  • Removed Feature component and getFeatures function
  • Replaced feature list with SolidCardSummary component
  • Added "Fees and charges" button that opens the new modal
  • Cleaned up imports and removed unused hooks (useUser, useEffect)

• Updated CardWaitlistHeaderTitle: Simplified to display only the title "Free Visa Card" without the descriptive subtitle

• Enhanced GetCardButton: Added optional className prop for flexible styling

Implementation Details

• The CardFeesModal uses ResponsiveModal for consistent modal behavior across screen sizes
• SolidCardSummary supports both compact and expanded layouts for reuse in different contexts
• Removed hardcoded cashback percentage fetching; now uses a static 3% value
• Modal state management uses the existing ResponsiveModal pattern with MODAL_STATE and CLOSE_STATE

https://claude.ai/code/session_01C9cTFFQGryn3WhtPbeLWU5

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
solid-app	Ignored		May 6, 2026 9:02am
solid-app-staging	Ignored		May 6, 2026 9:02am