diff --git a/Websites/jefes-nextjs/app/about-us/page.tsx b/Websites/jefes-nextjs/app/about-us/page.tsx new file mode 100644 index 0000000..7835576 --- /dev/null +++ b/Websites/jefes-nextjs/app/about-us/page.tsx @@ -0,0 +1,84 @@ +import React from "react"; +import Image from "next/image"; + +const AboutUs = () => { + return ( +
+
+ About Us +
+
+ About Us +
+
+ Jefe's Mexican Cantina & Cocina +
+
+ Jefe's Mexican Cantina & Cocina +
+
+ Photo of Kevin mobile. +
+
+ Photo of Kevin. +
+

+ My name is Kevin Aguilar, and I am the owner and manager of the + Jefe's Mexican Cantina and Cocina based in Broken Arrow, Oklahoma. + Our combination of authentic Mexican dishes, excellent customer + service, and family-friendly environment makes us one of the best + Mexican restaurants around. +

+
+

+ Whether you are wanting to book our upstairs venue for an event, + wanting to try out our creative alcoholic drinks or just wanting + to enjoy a meal with a loved one, you quickly see why so many + people choose Jefe's. We take pride in our business as one of the + highest rated Mexican restaurants in Broken Arrow. +

+
+
+

+ We just wanted to take a moment to express our heartfelt gratitude + to all of our loyal customers. Your continued support and loyalty + means the world to us, and it is because of you that we are able + to continue doing what we love. Thank you for choosing our + restaurant and for allowing us to serve you. We promise to always + strive for excellence and to bring you the best dining experience + possible. Thank you again! +

+
+
+
+
+ Photo of award. +
+
+ ); +}; + +export default AboutUs; diff --git a/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx b/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx index b8fb227..5ff5556 100644 --- a/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx +++ b/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx @@ -1,48 +1,104 @@ -'use client'; -import React from "react"; +"use client"; +import React, { useState } from "react"; import Link from "next/link"; import Image from "next/image"; -import Jefes from "../../../public/jefes_logo.jpg"; import { usePathname } from "next/navigation"; -import classnames from 'classnames'; +import classnames from "classnames"; +import { GiHamburgerMenu } from "react-icons/gi"; +import { MdOutlineRestaurantMenu } from "react-icons/md"; const NavBar = () => { - const currentPath = usePathname(); - console.log(currentPath); + const currentPath = usePathname(); + console.log(currentPath); + const [toggle_menu, set_toggle_menu] = useState(false); // Create an array to hold the list items const links = [ - { label: "Home", href: "/home" }, { label: "Menu", href: "/menu" }, - { label: "AboutUs", href: "/about-us" }, - { label: "Contact", href: "/contact"}, - { label: "Gallery", href: "/gallery"}, - { label: "Dashboard", href: "/dashboard" }, - { label: "Users", href: "/users" }, + { label: "About", href: "/about-us" }, + { label: "Contact", href: "/contact" }, + { label: "Gallery", href: "/gallery" }, + { label: "Reviews", href: "/reviews" }, + // { label: "Dashboard", href: "/dashboard" }, + // { label: "Users", href: "/users" }, { label: "Issues", href: "/issues" }, ]; return ( -