Replaced Frame.io link with embedded local video player for the studio reel.
## Changes
- Created ReelPlayer component with custom HTML5 video controls
- Play/pause, volume, fullscreen, progress bar with scrubbing
- Loading and error states with user-friendly messages
- Dark theme styling with orange (#ff4d00) accents and sharp corners
- Responsive design for mobile/tablet/desktop
- Integrated ReelPlayer into Temp-Placeholder (Work section)
- Replaced external Frame.io link with local /reel.mp4
- Maintains minimal aesthetic with proper animations
- Fixed middleware whitelist issue
- Added /reel.mp4 to middleware allowlist (src/middleware.ts:8)
- Prevents 307 redirect that was causing "text/html" Content-Type error
- Added video file headers to next.config.ts
- Ensures proper video/mp4 MIME type for all .mp4 files
- Updated CLAUDE.md documentation
- Added critical warning about middleware whitelist in "Common pitfalls"
- Added rule #9 to "Agents operating rules" for public/ file additions
- Future-proofs against this issue happening again
## Technical Details
- Video: 146MB, H.264 codec, 4K resolution (3840x2160)
- Player handles large file buffering gracefully
- ReadyState check prevents loading overlay persistence
- All controls accessible and keyboard-friendly
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Add all shadcn/ui components (button, card, form, dialog, navigation-menu, etc.)
- Create main layout with navigation header and footer
- Implement homepage with hero, showreel, featured projects, and capabilities
- Build about page with studio origins, values, and capabilities
- Create services page with detailed service offerings
- Implement portfolio page with masonry grid for varying aspect ratios
- Build contact page with 4-step multistep form
- Add project and service data structures with placeholder content
- Configure SEO metadata, canonical links, and JSON-LD schema
- Add font preloading and image lazy-loading for performance
- Configure Next.js Image for Unsplash remote patterns
- Fix Navigation component to use modern Link pattern (remove legacyBehavior)
- Add comprehensive README with project documentation
