Fullstack Web-App (Services Provider)

Project Title: Wastacom (wasta.com) – Bilingual e-Government & Visa Concierge Platform

Description:

Develop a full-stack, fully responsive web application that acts as an intermediary for processing government transactions and tourist visa applications for European and South American countries. The platform is branded Wastacom (logo: wasta.com) and must support English and Arabic with seamless switching and proper RTL layout.

Core Technical Requirements:

Framework: Next.js 14 (App Router) with TypeScript.

i18n: Full bilingual support using next-intl, with locale routing (/en, /ar) and automatic dir="rtl" for Arabic.

UI/UX: Modern, clean design with Deep Navy & Gold color scheme. Fully responsive (Desktop, Tablet, Mobile) with dark mode support.

Tech Stack: Tailwind CSS, shadcn/ui components, Framer Motion animations, Supabase for Auth/Database/Storage, React Hook Form + Zod validation.

Key Features:

Homepage with service search and country showcase.

Authentication (Magic Link + Google OAuth).

Service detail pages with tabbed content and drag-and-drop file uploader.

User dashboard for tracking application status.

Mobile-optimized bottom navigation bar.

Deliverables: Complete, clean source code with proper [locale] folder structure, translation JSON files, and working middleware.