Implement Premium Waitlist Tier System

[grantfox-oss]

Component: app/(landing)/waitlist/components/PremiumWaitlistTiers.tsx
Priority: High
Epic: Premium Waitlist Implementation

Description

Create a tiered waitlist system that offers users the choice between free and premium waitlist access. Premium members should receive exclusive benefits that incentivize paid signup while the free tier captures all potential users. The tiers must be clearly differentiated with visual cards that highlight the value of upgrading.

Direction

• Design two main tiers: Free Standard Waitlist and Premium Early Access
• Premium tier features: guaranteed platform access 2 weeks early, exclusive trading signals, 50% off first 3 months subscription, priority customer support, NFT whitelist spot
• Implement Stripe payment integration for one-time premium waitlist fee ($49)
• Create backend logic to tag users with their waitlist tier in the database
• Add animated tier comparison cards with hover effects
• Implement "Popular" badge on premium tier to drive conversions
• Add FAQ section addressing common questions about premium benefits

Definition of Done

• Premium tier checkout flow fully functional
• Payment webhooks properly update user's tier in database
• Tier selection UI is intuitive and conversion-optimized
• All Stripe test cases pass (success, failure, refund)
• Email notifications sent to both free and premium users upon signup

Acceptance Criteria

• Users can select their preferred waitlist tier during signup
• Premium payments process successfully in Stripe test mode
• User dashboard (if created) displays correct tier membership
• Tier cards show all feature differences clearly
• Mobile-responsive tier layout stacks appropriately on small screens
• Post-payment thank-you page confirms premium status
• Unsuccessful payment attempts show user-friendly error messages

---

[SHEROSE0]

Hello! I have experience in full-stack and blockchain development, and I'd like to take on this issue. I can provide a clean, maintainable solution. Please assign it to me if it's still open.

[SHEROSE0]

Hello! I have experience in full-stack and blockchain development, and I'd like to take on this issue. I can provide a clean, maintainable solution. Please assign it to me if it's still open.

[grantfox-oss]

🦊 GrantFox — @SHEROSE0 has been assigned to this issue as part of the Official Campaign campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #60)
2. Your PR will be reviewed by the StelTade maintainers

Good luck! Track your progress on GrantFox.

[grantfox-oss]

🎉 This issue has been marked as completed on GrantFox as part of the Official Campaign campaign!

@SHEROSE0's PR #76 was approved and merged by @DevMuhdishaq.

🏆 @SHEROSE0: You earned 35 FoxPoints for this contribution! Your current tier: Explorer (48 total points). Track your full progress on GrantFox.

👏 Great work, @SHEROSE0! Keep contributing to StelTade.

[DevMuhdishaq]

@SHEROSE0 Please report to Pablor