London Premier Hub of Training & Consulting

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