Skip to content
Devloop
Back

Dana Doors

A bilingual product catalog where customers can browse the range, review specifications, and request a quote.

Client
Dana Doors
Timeline
November 2025 to July 2026
Type
Website

The problem

Dana Doors makes and installs doors, windows, handrails, and kitchens across residential, commercial, and industrial projects in Saudi Arabia. The catalog is broad and visual, and a generic online-store pattern would have forced a checkout-style flow onto a decision that usually needs a quote or a conversation first. The site also had to feel native in Arabic, right to left, not translated as an afterthought.

The solution

We designed a bilingual catalog built around browsing first and requesting a quote when ready. Visitors move from product category to detailed specifications and imagery, then request a quote or consultation. Arabic is the default language, with right-to-left support built into the interface from the start, and Cloudinary carries the visual catalog so the media can grow without weighing the site down.

What we delivered

  • A bilingual Arabic and English site with locale-aware routing, RTL layout, and locally hosted typefaces for both scripts
  • A full product catalog covering doors, windows, handrails, kitchens, dressing rooms, and related ranges, with category and detail pages
  • A filterable photo gallery backed by Cloudinary
  • Quote, consultation, contact, and job-application forms with tailored confirmation emails
  • SEO foundations: metadata, social images, robots rules, multilingual sitemaps, and structured data
  • Production deployment with rate-limited forms and a visit counter

Outcome

Dana Doors now has a platform that follows the way its customers decide: browse the range, inspect the details, see completed work, and contact the team. The bilingual catalog accepts protected quote and contact requests and includes the technical SEO needed for search indexing.

Technology

Next.js, React, and TypeScript, styled with Tailwind CSS and shadcn/ui. Cloudinary handles product and project imagery, Resend delivers email, and Upstash Redis protects the forms and powers the visit counter. The site runs on Vercel.