Dynamic Floating Header System
Cuộn trang bên dưới để trải nghiệm hiệu ứng Floating Glassmorphism Pill co dãn mượt mà khi scrollY > 20px.
SubpageNavigation
Dành cho trang con (Blog, Tuyển dụng, About...). Hiển thị logo, nhãn nhận diện — LABEL — ở giữa và link về trang chủ hoặc nút CTA đặc thù.
- • scrollY <= 20px: h-20, background trong suốt
- • scrollY > 20px: h-14, floating pill glassmorphism
Navigation (Landing)
Dành cho trang chủ / Landing page. Hỗ trợ menu điều hướng desktop, nút đăng nhập/CTA và Hamburger Menu Full-screen trên thiết bị di động.
- • Full-screen overlay menu mượt mà trên Mobile
- • Backdrop-blur & shadow-lg khi cuộn xuống
[ Khung nội dung 1 - Tiếp tục cuộn trang... ]
[ Khung nội dung 2 - Tiếp tục cuộn trang... ]
[ CTA Section Target ]