remove mobile header bar and replace with floating hamburger.
restyle mobile nav links with icons, active states, compact spacing.
integrate theme toggle into nav flow, remove redundant cta button.
- replace full-width header with floating top-right hamburger
- add icons to mobile nav links (matching desktop)
- reduce text size (text-3xl -> text-base) and spacing (gap-8 -> gap-3)
- implement active state indicators using isActive()
- add hover states with proper theme variables
- move theme toggle from decorative area into main nav with divider
- remove "let's talk" cta button (redundant with contact link)
Implemented 8 strategic internal links connecting related content across philosophy, implementation, and technical deep-dive posts. This creates thematic pathways between AI/ML development, VFX workflows, and tool-building content, improving content discoverability and site coherence.
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
- Changed site URL in configuration from 'https://example.com' to 'https://nicholai.work'.
- Updated site title and description for better SEO optimization.
- Removed outdated portrait images and replaced them with optimized formats in the hero section.
- Enhanced BaseHead component with structured data for improved search engine visibility.
- Added reading time calculation to blog posts for better user engagement.
