The catalogue

Commission I · 2025 · Frontend developer, freelance

Al-Azhar Memorial Garden

A calm, trustworthy web presence for an Islamic memorial garden: the grounds, the facilities, a gallery, and how to get in touch. The design came from the owner. My part was the front end: I built the whole interface from their design.

Visit the live site
The Al-Azhar Memorial Garden home page, a serif headline over a quiet layout
Fig. I · Frontend · freelance

Reading II · The craft · Ink: Royal Gold

The challenge

The owner's design, made real, fast, and calm on a phone

The approach

A faithful front end that stays out of the design's way

The calls that mattered

  • Implemented the owner's design faithfully, down to spacing, type, and pacing
  • Kept the image-heavy pages fast with optimized, lazy-loaded photos
  • Built mobile first, since most visitors arrive from a phone in a quiet moment
  • Left the visual and brand decisions to the owner; my scope was the front end

On the bench

Next.jsReactTypeScriptTailwind

The live build · Screens from the real site

The photo gallery page, a mosaic of the gardens, mosque, and grounds
The plot packages, Single, Double, and Family, each with specs and a branded card
The facilities highlights, aerial gardens and the grand mosque
The home hero, a calm headline over a photo of someone reading in the garden
The facilities page hero, a staff member handing a family the brochure