- Extract 476 lines of inline CSS from pricing.html to external pricing.css file
- Unify font stack across all pages to use 'Inter', Arial, sans-serif consistently
- Fix font weight inconsistency between marketplace and pricing page navigation
- Add clean active page indicator with thin blue underline for current page
- Optimize CSS loading order: page-specific CSS first, header-component.css last
- Remove font inheritance conflicts between agent-base.css and header component
- Standardize Inter font loading in base.html for all pages (single source of truth)
- Improve browser compatibility with font smoothing and rendering optimizations
- Add comprehensive documentation in HEADER_OPTIMIZATION.md
Key improvements:
• Consistent navigation font weight across all pages (resolves bold font issue)
• Better performance with external CSS files and browser caching
• Clean component-based CSS architecture for maintainability
• Subtle active state indicators without layout shifts
• Unified theme system with CSS custom properties
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Add proper header-container with max-width and centering
- Implement mobile hamburger navigation that opens as dropdown
- Keep navigation links on left side with logo on desktop
- Add mobile navigation JavaScript with auto-close functionality
- Improve mobile typography and spacing for 768px and 480px breakpoints
- Position mobile navigation absolutely below header with shadow
- Include header.css in base template
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
- Convert inline CSS to external base.css for better maintainability
- Add comprehensive footer with company info, navigation, and privacy modal
- Update header and footer logos to use logo.png with consistent 60px height
- Add active page highlighting in header navigation
- Fix horizontal scrollbar issues with proper CSS box-sizing
- Update marketplace template to extend base template for consistent layout
- Add responsive design for mobile devices in footer
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
