Focus Consultancy Website
Overview
A comprehensive corporate website for Focus Consultancy, designed to showcase their expertise in business strategy, digital transformation, and leadership development. The application is built with a modern tech stack including React, Vite, and TypeScript, featuring a fully responsive design, bilingual support (English and Arabic), and interactive 3D elements.
The landing page features a modern, clean design that immediately establishes professional credibility.
One of the key features is the seamless bilingual support. Users can switch between English and Arabic, with the layout automatically adjusting for Right-to-Left (RTL) languages.
English interface demonstrating smooth animations and navigation.
Arabic interface with full RTL layout support.
The website includes a dedicated contact section with an integrated form and location map to facilitate easy client communication.
Clean and accessible contact section.
Performance was a top priority during development. The site is optimized for fast loading times and excellent Core Web Vitals scores.
Achieving perfect 100 scores on Google PageSpeed Insights for Performance, Accessibility, Best Practices, and SEO.
Objectives
- Establish a professional digital presence for Focus Consultancy.
- Provide a bilingual experience to cater to a wider audience.
- Showcase the company's vision, mission, and strategic programs.
- Facilitate client communication through an integrated contact form.
- Enhance user engagement with interactive 3D visuals.
Key Features
Bilingual Support
Seamless switching between English and Arabic with RTL support.
Responsive Design
Optimized layout for all devices, ensuring accessibility and usability.
Interactive UI
Utilizes Shadcn UI components for a polished and modern look.
Dynamic Content Loading
Lazy loading of sections for improved performance.
3D Visualization
Interactive 3D elements using Google Model Viewer for enhanced visual engagement.