diff --git a/Websites/jefes-nextjs/app/components/NavBar/NavBar.css b/Websites/jefes-nextjs/app/components/NavBar/NavBar.css index a3cc4eb..59f3daf 100644 --- a/Websites/jefes-nextjs/app/components/NavBar/NavBar.css +++ b/Websites/jefes-nextjs/app/components/NavBar/NavBar.css @@ -2,4 +2,7 @@ z-index: -10; filter: brightness(.17); align-items: baseline; +} +.logo{ + margin: 0 auto; } \ No newline at end of file diff --git a/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx b/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx index 1f9e733..20ca0be 100644 --- a/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx +++ b/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx @@ -7,7 +7,7 @@ import classnames from "classnames"; import { GiHamburgerMenu } from "react-icons/gi"; import { MdOutlineRestaurantMenu } from "react-icons/md"; import Reserve from "./reserveButton"; -import './NavBar.css' +import "./NavBar.css"; const NavBar = () => { const currentPath = usePathname(); @@ -16,33 +16,34 @@ const NavBar = () => { // Create an array to hold the list items const links = [ - { label: "Menu", href: "/menu" }, - { label: "Gallery", href: "/gallery" }, - { label: "Reviews", href: "/reviews" }, + { label: "HOME", href: "/" }, + { label: "MENU", href: "/menu" }, + { label: "GALLERY", href: "/gallery" }, ]; // Create an array to hold the list items const links2 = [ - { label: "About", href: "/about-us" }, - { label: "Contact", href: "/contact" }, + { label: "ABOUT", href: "/about-us" }, + { label: "REVIEWS", href: "/reviews" }, + { label: "CONTACT", href: "/contact" }, // { label: "Dashboard", href: "/dashboard" }, - { label: "Users", href: "/users" }, + // { label: "RESERVE", href: "/reservations" }, // { label: "Issues", href: "/issues" }, ]; return (