مُهاجِر — رادار هوشمند فرصت‌های مهاجرت

Role: Lead Frontend Engineer & Creative UI/UX Designer
Task: Build an ultra-modern, fully-animated, luxury Landing Page and Interactive Dashboard named "Borderless AI" (بدون مرز) for smart migration, job hunting, and academic scholarships.

Tech Stack:

- React (Single Page Application, rich state management)
- Tailwind CSS (Premium light-mode, fluid spacing, high-end typography layout)
- Framer Motion (Crucial for fully-animated micro-interactions, staggering cards, and smooth page transitions)
- Lucide React (Minimalist premium icons)
- Recharts (Dynamic charts for economic and visa statistics)

Key UX Features to Implement (The "Badass" Filters & Variety):

1. User Intent Onboarding (کاری یا تحصیلی):

   - An interactive, animated toggle or selector at the top where the user specifies their goal:
     - Track A: "مهاجرت کاری و جاب‌آفر" (Focuses on Tech Jobs, Blue Card, Visa Sponsorship)
     - Track B: "مهاجرت تحصیلی و فاند" (Focuses on Universities, DAAD, Master/PhD Positions, Fully-Funded scholarships)
   - The entire dashboard, charts, and job feed must dynamically transition and update based on this selection with slick animations.

2. Advanced Source & Resource Matrix (انتخاب منابع پایش):

   - A grid of animated toggle switches for data sources.
   - For Job Seekers: LinkedIn, Indeed, GitHub Jobs, Techmeout, Government Portals.
   - For Students: DAAD, Euroaxess, FindAPhD, University Portals.
   - Users can turn sources ON/OFF, triggering a simulated real-time "AI Scanning" loading animation.

3. "Badass" Extreme Filters & Custom Criteria:

   - Deep filters including: Salary/Stipend Range (€40k to €120k+), Language Requirement (No IELTS, IELTS 6.5+, German B1/B2), Relocation Package (Full Flight + Housing, Visa Only, Remote First), and Tuition Fees (Free, Paid).

Detailed Component Structure:

- SECTION 1: High-End Luxury Landing Page (The Hero)

  - A premium top floating badge: "• پلتفرم هوشمند بدون مرز ۲۰۲۶ • قدرت گرفته از ایجنت‌های یادگیری ماشین •"
  - Main Headline: "آینده‌ی حرفه‌ای شما محدود به مرزها نیست"
  - Animated Search bar with a prompt: "تخصص یا رشته خود را بنویسید (مثلاً: فرانت‌اند دیزاینر یا بیوانفورماتیک)..."
  - Fully animated interactive elements showing real-time stats popping up.

- SECTION 2: The Multi-Track Interactive Dashboard

  - Render a layout with a Sidebar Navigation and a Main Content area.
  - Live Feed Cards: Beautifully animated cards using Framer Motion (stagger effect on load).
  - Each card has custom metadata: Company/University name, country flag placeholder, financial offer (Salary/Scholarship amount), and an Emerald-colored badge for "100% Verified Sponsor" or "Fully Funded".

- SECTION 3: Dynamic Comparison & Economic Data (Recharts)

  - A fluid chart component that updates based on the user's intent track (comparing cost of living vs. income/stipend in top destinations like Germany, Netherlands, Canada, Sweden).

Animation & Motion Design Specs:

- All card hover states must scale smoothly with clean easing curves.
- Tab and Track switching must use Framer Motion's layoutId for smooth layout morphing.
- Implement subtle glowing borders and loading shimmer/skeleton effects during state transitions.

Output Requirement:
Provide a single, completely self-contained, production-ready React component with all nested sub-components, extensive mock data for both tracks, and interactive states included. Make the code exceptionally clean and optimized for immediate 1-click Vercel deployment.