Taabeer International

Taabeer International maintains buildings. Its site had to do two things: make the company look as established as it is, and turn a visitor with a leaking roof into a service request without a phone call.

What was built. A bilingual company site, Arabic and English, with a service-request flow at the centre. A visitor picks the service, describes the problem, adds a location and contact details, and the request lands in the company's inbox through Resend, formatted so it can be actioned straight away. Around it, a design system of tokens, type and spacing, and a motion system of reveals and line draws that is used across every page.

Stack. Next.js 16 as a static export, Tailwind 4 with CSS tokens, GSAP for scroll-driven sections, motion for component transitions, Resend for email.

What was hard. Making motion feel deliberate in both reading directions. Every reveal and every drawn line was checked in right-to-left, and the whole site works with reduced motion on and with JavaScript off.