"use client"; import { Button } from "@/components/ui/button"; import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, } from "@/components/ui/navigation-menu"; import { Menu, MoveRight, X } from "lucide-react"; import { useState } from "react"; import Link from "next/link"; function Header1() { const navigationItems = [ { title: "Home", href: "/", description: "", }, { title: "Product", description: "Managing a small business today is already tough.", items: [ { title: "Reports", href: "/reports", }, { title: "Statistics", href: "/statistics", }, { title: "Dashboards", href: "/dashboards", }, { title: "Recordings", href: "/recordings", }, ], }, { title: "Company", description: "Managing a small business today is already tough.", items: [ { title: "About us", href: "/about", }, { title: "Fundraising", href: "/fundraising", }, { title: "Investors", href: "/investors", }, { title: "Contact us", href: "/contact", }, ], }, ]; const [isOpen, setOpen] = useState(false); return (

{navigationItems.map((item) => ( {item.href ? ( <> ) : ( <> {item.title}

{item.title}

{item.description}

{item.items?.map((subItem) => ( {subItem.title} ))}

)} ))}

TWBlocks

{isOpen && (

{navigationItems.map((item) => (

{item.href ? ( {item.title} ) : (

{item.title}

)} {item.items && item.items.map((subItem) => ( {subItem.title} ))}

))}

)}

); } export { Header1 };