Website development
The website uses Next.js, React, and TypeScript to build pages and components, organize content, and deliver optimized browser output.
Behind the website
Website Technology
A look at the technology used to build the Qutell website and the browsing and performance experience it supports.
Current implementation
Two languages. One consistent experience.
Arabic and English
Paired Arabic and English routes support RTL and LTR layouts. The language switch links to the matching page whenever one is available.
Design and interaction
Shared components and a consistent visual system support the interface, with scroll-linked reveals, page transitions, and clear button and card interactions.
Performance and browsing
Next.js image handling serves appropriate image sizes, while local fonts and bundled website resources reduce unnecessary external requests.
Accessibility
Pages include a skip link, semantic heading structure, keyboard support, visible focus states, and reduced-motion behavior for non-essential animation.
Development and maintenance
Bilingual copy and shared components are maintained in structured sources. Changes are checked with automated tests and reviewed at multiple viewport sizes before release.