I'll create an affiliate dashboard where users can see their referral link, track statistics, and view their referred users. This will help them monitor their affiliate earnings.

This affiliate dashboard includes:

1. Statistics Cards - Shows total referrals, active users, total earnings, and available balance at a glance.
2. Referral Link Section - Displays the user's unique referral link with a copy button and social sharing options.
3. Referral Code - Shows the user's unique referral code that they can share manually.
4. Referred Users Table - Lists all referred users with filtering tabs for "All", "Active", and "Pending" users.

The dashboard is fully responsive and uses shadcn/ui components for a clean, modern look. In a real implementation, you would:

1. Connect this to your authentication system to get the current user
2. Fetch the affiliate data and referred users from your database
3. Implement the actual sharing functionality for social media
4. Add a proper toast notification for the copy-to-clipboard function

You can add this to your Next.js app by placing it in the app/affiliate/page.tsx path. Users will be able to access it at /affiliate.