헤더 메뉴의 호버 효과를 블럭 형태로 추가하겠습니다. 먼저 현재 헤더 컴포넌트를 확인하겠습니다.

이제 헤더 메뉴에 블럭 형태의 호버 효과를 추가하겠습니다.

헤더 메뉴에 블럭 형태의 호버 효과를 추가했습니다. 각 메뉴 항목에 패딩과 둥근 모서리를 적용하고, 호버시 배경색이 나타나도록 설정했습니다. 데스크탑과 모바일 메뉴 모두에 일관된 스타일을 적용하여 사용자 경험을 개선했습니다.

메뉴바에 투명도를 적용해서 배경과 구분되도록 조정하겠습니다.

헤더에 80% 투명도의 배경(bg-background/80)과 backdrop blur 효과를 적용하여 메인페이지와 시각적으로 구분되도록 했습니다. 하단에 미묘한 테두리를 추가하고 패딩을 조정하여 더 세련된 플로팅 메뉴바 느낌을 연출했습니다.