Header Reference Demo

This demonstrates the fixed top header with:

• Left: Rhappsody logo in white (120px width)
• Center: "Site Banner" title
• Right: User icon (mdi:account)

Header Specifications

• Height: 60px
• Background: Brand gradient (135deg, #667eea 0%, #764ba2 100%)
• Logo: White version, 120px width
• Typography: System font stack, 1.5rem, 600 weight
• User Icon: 32px container, 20px icon, subtle hover effect

Scroll down to test the fixed positioning behavior...

Scroll Test Section

This section is tall to demonstrate that the header stays fixed at the top while scrolling.

More Content

Additional content to show scrolling behavior.