From 8ffd6e57b367f5cc0d4d40e0a139bdebc26eac7e Mon Sep 17 00:00:00 2001 From: ImAlpha Date: Sat, 4 Nov 2023 17:36:57 -0700 Subject: [PATCH] centered navbar --- Websites/jefes-nextjs/app/about-us/page.tsx | 4 +- .../app/components/MenuBar/MenuBar.tsx | 10 + .../app/components/MenuBar/MenuLinks.tsx | 24 + .../app/components/NavBar/NavBar.tsx | 131 +++-- .../app/components/NavBar/reserveButton.tsx | 11 + .../app/components/reserve/page.tsx | 9 + .../app/components/reserve/reserve.tsx | 17 + Websites/jefes-nextjs/app/contact/form.tsx | 37 ++ Websites/jefes-nextjs/app/contact/page.tsx | 19 +- Websites/jefes-nextjs/app/gallery/page.tsx | 67 +++ Websites/jefes-nextjs/app/layout.tsx | 9 + .../jefes-nextjs/app/menu/Appetizers/page.tsx | 64 +++ .../jefes-nextjs/app/menu/Beverages/page.tsx | 9 + .../jefes-nextjs/app/menu/Brunch/page.tsx | 9 + .../jefes-nextjs/app/menu/Dinner/page.tsx | 9 + Websites/jefes-nextjs/app/menu/Lunch/page.tsx | 57 ++ .../jefes-nextjs/app/menu/Seafood/page.tsx | 9 + Websites/jefes-nextjs/app/menu/Sides/page.tsx | 9 + Websites/jefes-nextjs/app/menu/layout.tsx | 15 + Websites/jefes-nextjs/app/menu/page.tsx | 509 +++++++++++++++++- Websites/jefes-nextjs/bun.lockb | Bin 142437 -> 144067 bytes Websites/jefes-nextjs/package.json | 2 + .../public/images/1577mobile.webp | Bin 0 -> 28194 bytes .../jefes-nextjs/public/images/IMG_2737.webp | Bin 0 -> 40360 bytes .../jefes-nextjs/public/images/IMG_2749.webp | Bin 0 -> 35174 bytes .../jefes-nextjs/public/images/IMG_2766.webp | Bin 0 -> 76668 bytes Websites/jefes-nextjs/public/images/bar01.jpg | Bin 0 -> 117408 bytes .../jefes-nextjs/public/images/fbimg02.webp | Bin 0 -> 91136 bytes .../jefes-nextjs/public/images/food01.jpg | Bin 0 -> 41363 bytes .../jefes-nextjs/public/images/food02.webp | Bin 0 -> 118186 bytes .../jefes-nextjs/public/images/img01.webp | Bin 0 -> 528750 bytes .../jefes-nextjs/public/images/img05.webp | Bin 0 -> 122636 bytes .../public/{img02l.png => navheader.png} | Bin .../jefes-nextjs/public/red-chili-pepper.svg | 1 + Websites/jefes-nextjs/tailwind.config.ts | 2 - 35 files changed, 974 insertions(+), 59 deletions(-) create mode 100644 Websites/jefes-nextjs/app/components/MenuBar/MenuBar.tsx create mode 100644 Websites/jefes-nextjs/app/components/MenuBar/MenuLinks.tsx create mode 100644 Websites/jefes-nextjs/app/components/NavBar/reserveButton.tsx create mode 100644 Websites/jefes-nextjs/app/components/reserve/page.tsx create mode 100644 Websites/jefes-nextjs/app/components/reserve/reserve.tsx create mode 100644 Websites/jefes-nextjs/app/contact/form.tsx create mode 100644 Websites/jefes-nextjs/app/gallery/page.tsx create mode 100644 Websites/jefes-nextjs/app/menu/Appetizers/page.tsx create mode 100644 Websites/jefes-nextjs/app/menu/Beverages/page.tsx create mode 100644 Websites/jefes-nextjs/app/menu/Brunch/page.tsx create mode 100644 Websites/jefes-nextjs/app/menu/Dinner/page.tsx create mode 100644 Websites/jefes-nextjs/app/menu/Lunch/page.tsx create mode 100644 Websites/jefes-nextjs/app/menu/Seafood/page.tsx create mode 100644 Websites/jefes-nextjs/app/menu/Sides/page.tsx create mode 100644 Websites/jefes-nextjs/app/menu/layout.tsx create mode 100644 Websites/jefes-nextjs/public/images/1577mobile.webp create mode 100644 Websites/jefes-nextjs/public/images/IMG_2737.webp create mode 100644 Websites/jefes-nextjs/public/images/IMG_2749.webp create mode 100644 Websites/jefes-nextjs/public/images/IMG_2766.webp create mode 100644 Websites/jefes-nextjs/public/images/bar01.jpg create mode 100644 Websites/jefes-nextjs/public/images/fbimg02.webp create mode 100644 Websites/jefes-nextjs/public/images/food01.jpg create mode 100644 Websites/jefes-nextjs/public/images/food02.webp create mode 100644 Websites/jefes-nextjs/public/images/img01.webp create mode 100644 Websites/jefes-nextjs/public/images/img05.webp rename Websites/jefes-nextjs/public/{img02l.png => navheader.png} (100%) create mode 100644 Websites/jefes-nextjs/public/red-chili-pepper.svg diff --git a/Websites/jefes-nextjs/app/about-us/page.tsx b/Websites/jefes-nextjs/app/about-us/page.tsx index 7835576..7e0ad2e 100644 --- a/Websites/jefes-nextjs/app/about-us/page.tsx +++ b/Websites/jefes-nextjs/app/about-us/page.tsx @@ -4,10 +4,10 @@ import Image from "next/image"; const AboutUs = () => { return (
-
+
About Us
-
+
About Us
diff --git a/Websites/jefes-nextjs/app/components/MenuBar/MenuBar.tsx b/Websites/jefes-nextjs/app/components/MenuBar/MenuBar.tsx new file mode 100644 index 0000000..cf24b23 --- /dev/null +++ b/Websites/jefes-nextjs/app/components/MenuBar/MenuBar.tsx @@ -0,0 +1,10 @@ +import React from 'react' +import NavLinks from '@/app/ui/dashboard/nav-links'; + +const MenuBar = () => { + return ( +
MenuBar
+ ) +} + +export default MenuBar \ No newline at end of file diff --git a/Websites/jefes-nextjs/app/components/MenuBar/MenuLinks.tsx b/Websites/jefes-nextjs/app/components/MenuBar/MenuLinks.tsx new file mode 100644 index 0000000..18b2478 --- /dev/null +++ b/Websites/jefes-nextjs/app/components/MenuBar/MenuLinks.tsx @@ -0,0 +1,24 @@ +"use client"; + +import React from 'react' +import clsx from 'clsx'; +import Link from 'next/link'; +import { usePathname } from 'next/navigation'; + +const links = [ + {name: 'Appetizers', href: '/menu'}, + {name: 'Brunch', href: '/menu/brunch'}, + {name: 'Lunch', href: '/menu/lunch'}, + {name: 'Dinner', href: '/menu/dinner'}, + {name: 'Beverages', href: '/menu/beverages'}, + {name: 'Beverages', href: '/menu/beverages'}, + +] + +const MenuLinks = () => { + return ( +
MenuLinks
+ ) +} + +export default MenuLinks \ 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 5ff5556..83c559c 100644 --- a/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx +++ b/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx @@ -6,6 +6,7 @@ import { usePathname } from "next/navigation"; import classnames from "classnames"; import { GiHamburgerMenu } from "react-icons/gi"; import { MdOutlineRestaurantMenu } from "react-icons/md"; +import Reserve from "./reserveButton"; const NavBar = () => { const currentPath = usePathname(); @@ -15,56 +16,96 @@ const NavBar = () => { // Create an array to hold the list items const links = [ { label: "Menu", href: "/menu" }, - { label: "About", href: "/about-us" }, - { label: "Contact", href: "/contact" }, { label: "Gallery", href: "/gallery" }, { label: "Reviews", href: "/reviews" }, + ]; + // Create an array to hold the list items + const links2 = [ + { label: "About", href: "/about-us" }, + { label: "Contact", href: "/contact" }, // { label: "Dashboard", href: "/dashboard" }, - // { label: "Users", href: "/users" }, - { label: "Issues", href: "/issues" }, + { label: "Users", href: "/users" }, + // { label: "Issues", href: "/issues" }, ]; return ( -