Sajilo Digital

## the problem

Every IT company site in the region looks the same: stock hero, three service cards, a contact form. For a firm selling technical excellence, the site itself is the portfolio - it had to prove capability instead of claiming it.

I led architecture and frontend as CTO. The site doubles as our engineering showcase for clients who can't read code but can feel quality.

## constraints & tradeoffs

• ▸Cinematic animation without wrecking performance - GSAP timelines are orchestrated and lazy-mounted per section.
• ▸A real command terminal for navigation that never blocks normal point-and-click users.
• ▸Modular, strictly-typed codebase the rest of the team can extend without touching animation internals.

## architecture

Next.js 16 App Router
  ├─ RSC pages ──► section registry (modular, typed)
  ├─ terminal layer ──► command parser ──► router / actions
  ├─ GSAP timelines (client islands, lazy-mounted)
  └─ telemetry feed ──► live project tracking widgets

## key decisions

## results & lessons

• ✓Shipped as the company's production site at sajilodigital.com.np.
• ✓Became the reference codebase for how we structure client work: strict TypeScript, modular sections, pnpm workspace discipline.
• ✓Lesson: 'cinematic' is an information hierarchy problem before it is an animation problem.