London Premier Hub of Training & Consulting

Overview:
London Premier Hub is a bilingual (English/Arabic) professional training and consulting platform developed to provide international corporate training programs and consulting services. Built with Next.js 15+ and Tailwind CSS, the site delivers a smooth user experience and modern, scalable architecture.

My Role & Contributions:

Frontend development: Designed and implemented the front-end in Next.js (App Router) with reusable components and responsive layouts.
Bilingual support: Integrated RTL/LTR layouts and dynamic language switching for seamless English/Arabic usability.
Dynamic course catalog: Built filtering by category, venue, date, and duration with fast client-side updates and SEO-friendly routes.
Registration system: Developed inquiry and registration forms with validation and API integration for efficient lead capture.
Consulting services section & blog: Added content-driven pages to support marketing and SEO strategies.
Deployment: Optimized for performance, SEO, and deployed via custom VPS/GitHub Actions for CI/CD.

Tech Stack:

Framework: Next.js 15+ (App Router)
Styling: Tailwind CSS with custom shadcn/ui components
State Management: React hooks
Forms & API: Custom form handling with Axios for backend integration
Other Tools: Swiper.js for carousels, ESLint & TypeScript for code quality and type safety

Key Features:

Bilingual support with RTL/LTR layouts for global audiences
Interactive hero section and featured course carousel
Advanced filtering and search for course discovery
Blog and consulting pages for thought leadership
Responsive and mobile-optimized design for international users

About This Project

London Premier Hub of Training & Consulting