Medad Al Qemam Contracting

Key Features & Implementations: - Dynamic Hero Sections: Custom WebGL components using Three.js for a premium, interactive first impression. - Scroll & Micro-Animations: Leveraged GSAP for complex scroll-based reveal effects, enhancing user engagement without sacrificing performance. - Built-in Internationalization (i18n): Seamless language switching with robust RTL (Right-to-Left) support tailored for the Saudi market. - Performance Optimization: Utilized Vite bundling, lazy loading, and asset optimization for lightning-fast HMR and minified production builds.

My Role & Implementation: I built the entire front-end of this corporate platform from scratch using React 18 and TypeScript. My primary focus was on creating a premium, high-performance user experience, integrating complex Three.js and GSAP animations while ensuring the site maintains exceptional loading speeds and responsiveness.

Target Audience: Clients and partners seeking cutting-edge civil engineering and large-scale infrastructure services within the Kingdom of Saudi Arabia.