I can see the referral link in promotion-page.tsx is currently https://flex-app.com/register?ref=159818. I need to change it to use the actual deployed app URL (using window.location.origin) so that clicking the link opens the app directly.

Now I understand the full picture. The referral link currently uses https://flex-app.com/register?ref=159818 which is a fake domain. I need to change it to use the actual app URL dynamically with window.location.origin so the link opens the app directly.

Now let me also update any other places that reference the old flex-app.com link. Let me check the profile page for the official link:

تم تحديث رابط الدعوة في صفحة الترويج ليستخدم عنوان التطبيق الفعلي (window.location.origin) بدلا من الرابط الثابت https://flex-app.com. الآن عند نسخ رابط الدعوة ومشاركته، سيفتح التطبيق مباشرة ويوجه المستخدم الجديد إلى صفحة التسجيل مع تعبئة رمز الإحالة تلقائيا.

Now let me also read the auth-page to understand the registration flow:

No movie images exist yet. I need to generate movie poster images, save the profile logo, and make all the code changes. Let me start by saving the provided profile image and generating movie posters:

Now let me also generate the logo image that the auth page references:

Now let me implement the main logic changes. First, I need to track whether the user has already registered, and handle the registration page behavior:

Now update the register tab section to hide bottom nav on first visit, and show "under development" message on subsequent visits:

Now let me verify the profile page already references the correct profile image path:

The profile page already has useState<string | null>("/images/profile-logo.png") for the profile image, and I've saved the FLEX logo to /public/images/profile-logo.png. Let me also make sure the next.config.mjs allows images properly:

Good, images are set to unoptimized which will work fine. Now let me verify all the changes are consistent by reading the final state of page.tsx:

All changes are in place. Here's a summary of everything that was done:

1. Registration page (first visit): When the user opens the registration tab for the first time (or via referral link), the full registration form appears with the bottom navigation bar completely hidden. After completing registration, the app navigates to the home screen normally.
2. Registration page (after registration): When clicking the register tab again after already registering, it shows a centered message in English: "System Under Development - Stay tuned, the grand opening is coming soon!" with the bottom nav visible.
3. Movie images: All 18 movie poster images have been generated and placed in public/images/ for the three sections (Popular, New, Upcoming).
4. Profile image: The provided FLEX logo has been saved as the profile picture at /public/images/profile-logo.png which is already referenced in the profile page component. It was also saved as /public/logo.png for the auth page.