diff --git a/components/figma-header.tsx b/components/figma-header.tsx index dc4ccc2a8..c46360495 100644 --- a/components/figma-header.tsx +++ b/components/figma-header.tsx @@ -7,7 +7,7 @@ import { useGithubStars } from "@/hooks/use-github-stars"; import { cn } from "@/lib/utils"; import { formatCompactNumber } from "@/utils/format"; import { Menu, X } from "lucide-react"; -import { motion } from "motion/react"; +import { AnimatePresence, motion } from "motion/react"; import Link from "next/link"; import { ThemeToggle } from "./theme-toggle"; @@ -77,35 +77,37 @@ export function FigmaHeader({ isScrolled, mobileMenuOpen, setMobileMenuOpen }: F {/* Mobile menu - simplified */} - {mobileMenuOpen && ( - -
- - - -
-
- )} + + {mobileMenuOpen && ( + +
+ + + +
+
+ )} +
); } diff --git a/components/home/header.tsx b/components/home/header.tsx index a2d889bac..80851eb08 100644 --- a/components/home/header.tsx +++ b/components/home/header.tsx @@ -7,7 +7,7 @@ import { useGithubStars } from "@/hooks/use-github-stars"; import { cn } from "@/lib/utils"; import { formatCompactNumber } from "@/utils/format"; import { ChevronRight, Menu, X } from "lucide-react"; -import { motion } from "motion/react"; +import { AnimatePresence, motion } from "motion/react"; import Link from "next/link"; import { ThemeToggle } from "../theme-toggle"; @@ -137,47 +137,49 @@ export function Header({ isScrolled, mobileMenuOpen, setMobileMenuOpen }: Header {/* Mobile menu */} - {mobileMenuOpen && ( - -
- {navbarItems.map((item, i) => ( - { - handleScrollToSection(e); - setMobileMenuOpen(false); - }} - className="group relative overflow-hidden py-2 text-sm font-medium" + + {mobileMenuOpen && ( + +
+ {navbarItems.map((item, i) => ( + { + handleScrollToSection(e); + setMobileMenuOpen(false); + }} + className="group relative overflow-hidden py-2 text-sm font-medium" + > + {item.href} + + + ))} + - {item.href} - - - ))} - - setMobileMenuOpen(false)}> - - - -
-
- )} + setMobileMenuOpen(false)}> + + + +
+
+ )} + ); }