feat: add mouse-responsive parallax to hero background, gradient separator on navbar

This commit is contained in:
ashim-hq
2026-04-23 18:15:17 +08:00
parent e6d6019d0a
commit dbbc35040d
2 changed files with 47 additions and 6 deletions
+1 -1
View File
@@ -14,7 +14,7 @@ export function Navbar() {
const [open, setOpen] = useState(false);
return (
<nav className="fixed top-0 left-0 right-0 z-50 bg-background/60 backdrop-blur-xl">
<nav className="fixed top-0 left-0 right-0 z-50 bg-background/60 backdrop-blur-xl after:absolute after:bottom-0 after:left-0 after:h-px after:w-full after:bg-gradient-to-r after:from-transparent after:via-accent/30 after:to-transparent">
<div className="mx-auto flex h-16 max-w-6xl items-center justify-between px-6">
<a href="/" className="flex items-center gap-2">
<div className="flex h-8 w-8 items-center justify-center rounded-lg bg-accent text-accent-foreground text-sm font-bold">