diff --git a/components/layout/navbar.tsx b/components/layout/navbar.tsx index 14f4898..fb6a949 100644 --- a/components/layout/navbar.tsx +++ b/components/layout/navbar.tsx @@ -1,7 +1,8 @@ -'use client'; -import { useEffect, useState } from 'react'; -import Link from 'next/link'; -import { ChevronDown, Phone, Menu, X } from 'lucide-react'; +"use client"; +import { useEffect, useState } from "react"; +import Link from "next/link"; +import { ChevronDown, Phone, Menu, X } from "lucide-react"; +import Image from "next/image"; export function Navbar() { const [isDropdownOpen, setIsDropdownOpen] = useState(false); @@ -19,71 +20,102 @@ export function Navbar() { // Prevent body scroll when mobile menu is open useEffect(() => { if (isMobileMenuOpen) { - document.body.style.overflow = 'hidden'; + document.body.style.overflow = "hidden"; } else { - document.body.style.overflow = 'unset'; + document.body.style.overflow = "unset"; } }, [isMobileMenuOpen]); return ( <> -