From 34ecb39bcce734628822f25891d3939f92ada40b Mon Sep 17 00:00:00 2001
From: Krishna Ayyalasomayajula <krishna@ayyalasomayajula.net>
Date: Mon, 1 Jun 2026 20:43:08 -0500
Subject: [PATCH] fix: use m.nav instead of motion.nav in Header

---
 components/layout/Header.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/layout/Header.tsx b/components/layout/Header.tsx
index 2799f66..11f0f63 100644
--- a/components/layout/Header.tsx
+++ b/components/layout/Header.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import Link from "next/link";
-import { motion } from "motion/react";
+import { m } from "motion/react";
 import { ThemeToggle } from "@/components/ui/ThemeToggle";
 
 const navLinks = [
@@ -11,7 +11,7 @@ const navLinks = [
 
 export function Header() {
   return (
-    <motion.nav
+    <m.nav
       initial={{ opacity: 0, y: -12 }}
       animate={{ opacity: 1, y: 0 }}
       transition={{ duration: 0.4, ease: "easeOut" }}
@@ -34,6 +34,6 @@ export function Header() {
           <ThemeToggle />
         </div>
       </div>
-    </motion.nav>
+    </m.nav>
   );
 }