From 031cd6e2bb5ea656d4015696dadb693e2ac8a810 Mon Sep 17 00:00:00 2001
From: Sentientsoap <n.eliaerts@gmail.com>
Date: Tue, 12 Dec 2023 13:05:09 +0100
Subject: [PATCH] added heroicons to nav

---
 components/Navbar/Navbar.tsx | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/components/Navbar/Navbar.tsx b/components/Navbar/Navbar.tsx
index 3dc7a81..e107932 100644
--- a/components/Navbar/Navbar.tsx
+++ b/components/Navbar/Navbar.tsx
@@ -1,6 +1,11 @@
 "use client"
 import {
-  Button,
+  BriefcaseIcon,
+  EnvelopeIcon, 
+  HomeIcon,
+  UsersIcon,
+} from "@heroicons/react/24/outline"
+import {
   Navbar,
   NavbarBrand,
   NavbarContent,
@@ -9,11 +14,13 @@ import {
   NavbarMenuItem,
   NavbarMenuToggle,
 } from "@nextui-org/react"
+
 import Image from "next/image"
 import Link from "next/link"
 import { usePathname } from "next/navigation"
 import { useState } from "react"
 
+
 export default function Nav() {
   const [isMenuOpen, setIsMenuOpen] = useState<boolean | undefined>(false)
   const currentRoute = usePathname()
@@ -23,21 +30,26 @@ export default function Nav() {
       label: "Home",
       href: "/",
       current: currentRoute === "/",
+      icon: <HomeIcon className="h-6 w-6"/>
     },
     {
       label: "Team",
       href: "/team",
       current: currentRoute === "/team",
+      icon: <UsersIcon className="h-6 w-6"/>
+
     },
     {
       label: "Services",
       href: "/services",
       current: currentRoute === "/services",
+      icon: <BriefcaseIcon className="h-6 w-6"/>
     },
     {
       label: "Contact",
       href: "/contact",
       current: currentRoute === "/contact",
+      icon: <EnvelopeIcon className="h-6 w-6"/>
     },
   ]
 
@@ -59,7 +71,10 @@ export default function Nav() {
                 aria-current={item.current ? "page" : undefined}
                 onClick={() => setIsMenuOpen(false)}
               >
-                {item.label}
+                <div className="flex-row items-center flex m-4 space-x-2">
+                {item.icon}
+                <span>{item.label}</span>
+                </div>
               </Link>
             </NavbarMenuItem>
           ))}