# D018 - Multi-page and Header Nav

> D018 - Multi-page and Header Nav: a note from the Obsidian vault behind https://saifsiddiqui.in.

Canonical URL: https://saifsiddiqui.in/hi/brain/d018-multi-page-and-header-nav/ (this is its markdown representation; the same URL serves HTML to browsers)
Other languages: en: https://saifsiddiqui.in/brain/d018-multi-page-and-header-nav/ · kn: https://saifsiddiqui.in/kn/brain/d018-multi-page-and-header-nav/ · ur: https://saifsiddiqui.in/ur/brain/d018-multi-page-and-header-nav/ · te: https://saifsiddiqui.in/te/brain/d018-multi-page-and-header-nav/ · ar: https://saifsiddiqui.in/ar/brain/d018-multi-page-and-header-nav/ · hi-Latn: https://saifsiddiqui.in/hi-latn/brain/d018-multi-page-and-header-nav/

**Type:** decision  
**Status:** accepted  
**Created:** 2026-07-17  
**Tags:** decision, ia, navigation

## D018: Multi-page site + persistent header nav

**Context:** A UX audit (and Saif's own reaction) found the single-page structure (~11,000px scroll) had **no navigation**, you could only scroll or "back to top," couldn't jump to Work/Brain/Analytics from the top.

**Decision:** Convert to a **multi-page** site with a **persistent, responsive header nav**: Home · Work · About · Brain · Analytics · Contact (+ the existing language pill + theme toggle). Home becomes a concise landing (hero + highlights + teasers), not the whole story. Add subtle page transitions (Astro view transitions), reduced-motion-safe.

**Why:** Discoverability + a sense of a real product. Supersedes the original single-page IA, the felt experience beat the plan ([D001 - Site as Proof Principle](/brain/d001-site-as-proof-principle/)).

**Supersedes:** the single-page narrative in the original §2 IA. Case studies keep `/work/[slug]`; About / How-I-work / Contact get real pages.

## से लिंक किया गया

- [Open Questions](/hi/brain/open-questions/)
- [Phase 7 - Visual and IA Overhaul](/hi/brain/phase-7-visual-and-ia-overhaul/)
- [Portfolio Brain](/hi/brain/portfolio-brain/)
- [Roadmap](/hi/brain/roadmap/)

सभी नोट्स: [/hi/brain/](/hi/brain/)

---

Mohd Saif, Product Engineer. I build solutions, not dead software.
Email: saifmd238@gmail.com · GitHub: https://github.com/Saif-09 · LinkedIn: https://www.linkedin.com/in/mohd-saif-134076141/ · Résumé (PDF): https://saifsiddiqui.in/resume

More for agents:
- [/llms.txt](/llms.txt): short summary of this site
- [/llms-full.txt](/llms-full.txt): the complete text of every page in one fetch
- [/agents.md](/agents.md): when to use this site, and how to query it
- [/sitemap-index.xml](/sitemap-index.xml): every URL, in seven languages