"use client" import Link from "next/link"; import Image from "next/image"; // Import Next.js Image import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"; import { Sheet, SheetContent, SheetTrigger, SheetTitle } from "@/components/ui/sheet"; import { VisuallyHidden } from "@radix-ui/react-visually-hidden"; import { Menu, ChevronDown, Plus, Minus, User } from "lucide-react"; import { useEffect, useState } from "react"; import menuItems from '@/data/menuItems'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { faWhatsapp } from '@fortawesome/free-brands-svg-icons'; export default function Header() { const [openSubmenu, setOpenSubmenu] = useState(null); const [isMounted, setIsMounted] = useState(false); useEffect(() => { setIsMounted(true); }, []); // Function to open WhatsApp const openWhatsApp = () => { const phoneNumber = '+971585561554'; const message = encodeURIComponent('Hello!.'); const url = `https://wa.me/${phoneNumber}?text=${message}`; window.open(url, '_blank'); }; const toggleSubmenu = (title: string) => { setOpenSubmenu(prev => prev === title ? null : title); }; return (
); }