centered navbar

Websites/jefes-nextjs/app/about-us/page.tsx

@@ -4,10 +4,10 @@ import Image from "next/image";
 const AboutUs = () => {
   return (
     <div className="">
-      <div className="flex items-center justify-center text-center text-4xl hidden xl:block text-jefesRed bg-secondary">
+      <div className="flex items-center justify-center text-center text-4xl hidden xl:block text-secondary">
         About Us
       </div>
-      <div className="flex items-center justify-center p-4  text-center text-2xl block xl:hidden text-jefesRed bg-secondary">
+      <div className="flex items-center justify-center p-4  text-center text-2xl block xl:hidden text-secondary">
         About Us
       </div>
       <div className="flex items-center justify-center p-4  text-center text-4xl hidden xl:block text-secondary">

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 (
+    <div>MenuBar</div>
+  )
+}
+
+export default MenuBar

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 (
+    <div>MenuLinks</div>
+  )
+}
+
+export default MenuLinks

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,39 +16,40 @@ 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 (
-    <nav className="flex p-4 bg-secondary">
-      <Link href="/">
+    <nav className="">
+      {/* <center className="text-base-100">O</center> */}
+      <div className="flex flex-wrap center items-center justify-center p-4 bg-secondary">
+        <div className="-z-10">
           <Image
-          src="/logo.svg"
-          width={0}
-          height={0}
-          sizes="200vw"
-          style={{ width: "50%", height: "auto" }}
-          alt="Logo"
-          className="hidden md:block"
+            src="/img01.webp"
+            alt="nav image"
+            layout="fill"
+            objectFit="cover"
+            quality={100}
+            className="brightness-50 hidden md:block"
           />
           <Image
-          src="/logo.svg"
-          width={0}
-          height={0}
-          sizes="100vw"
-          style={{ width: "50%", height: "auto" }}
-          alt="Logo"
-          className="block md:hidden"
+            src="/img01.webp"
+            alt="nav image"
+            layout="fill"
+            objectFit="cover"
+            className="brightness-0 block md:hidden"
           />
-      </Link>
-      <div className="flex justify-center p-8 mx-auto w-full">
-      <ul className="hover:cursor-pointer hidden md:block space-x-4 text-xl font-sans antialiased m-auto">
+        </div>
+        <ul className="hover:cursor-pointer hidden md:block space-x-4 text-xl font-sans antialiased">
           {links.map((link) => (
             <Link
               key={link.href}
@@ -65,6 +67,45 @@ const NavBar = () => {
             </Link>
           ))}
         </ul>
+        <Link href="/">
+          <Image
+            src="/logo.svg"
+            width={0}
+            height={0}
+            sizes="200vw"
+            style={{ width: "45%", height: "auto" }}
+            alt="Logo"
+            className="hidden md:block center mx-auto"
+          />
+          <Image
+            src="/logo.svg"
+            width={0}
+            height={0}
+            sizes="100vw"
+            style={{ width: "50%", height: "auto" }}
+            alt="Logo"
+            className="block md:hidden"
+          />
+        </Link>
+        <ul className="hover:cursor-pointer hidden md:block space-x-4 text-xl font-sans antialiased">
+          {links2.map((link) => (
+            <Link
+              key={link.href}
+              // className={`${link.href === currentPath ? 'text-zinc-900' : 'text-zinc-500 hover:text-zinc-800'}`}
+              // replace with classnames object instead
+              className={classnames({
+                "border-b border-jefesRed text-base-100":
+                  link.href === currentPath,
+                "text-base-100": link.href !== currentPath,
+                "hover:text-jefesRed": true,
+              })}
+              href={link.href}
+            >
+              {link.label}
+            </Link>
+          ))}
+        </ul>
+        <Reserve />
       </div>
       <div className="block md:hidden">
         <GiHamburgerMenu
@@ -78,7 +119,7 @@ const NavBar = () => {
               className="text-base-100 absolute top-3 right-3 text-4xl"
               onClick={() => set_toggle_menu(false)}
             />
-            <ul className="flex-col text-2xl col-auto gap-4 grid-cols-1 table-auto absolute">
+            <ul className="w-full flex flex-col text-2xl col-auto gap-4 grid-cols-1 table-auto absolute">
               {links.map((link) => (
                 <Link
                   key={link.href}

Websites/jefes-nextjs/app/components/NavBar/reserveButton.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const Reserve = () => {
+  return (
+    <div className='text-base-100 right-2 absolute hidden md:block'>
+        <button className='btn btn-primary'>Reserve Today!</button>
+        </div>
+  )
+}
+
+export default Reserve

Websites/jefes-nextjs/app/components/reserve/page.tsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const Reservation = () => {
+  return (
+    <div>reservation</div>
+  )
+}
+
+export default Reservation

Websites/jefes-nextjs/app/components/reserve/reserve.tsx

@@ -0,0 +1,17 @@
+"use client";
+
+import { routeModule } from 'next/dist/build/templates/app-page';
+import React from 'react'
+
+const Reserve = () => {
+    async function handleClick(event: any) {
+        routeModule
+      }
+  return (
+    <div className='text-base-100 right-2 mx-auto absolute'>
+        <button onClick={handleClick}>Make a Reservation!</button>
+    </div>
+  )
+}
+
+export default Reserve

Websites/jefes-nextjs/app/contact/form.tsx

@@ -0,0 +1,37 @@
+"use client";
+import React from "react";
+
+const Form = () => {
+  async function handleSubmit(event: any) {
+    event.preventDefault();
+
+    const data = {
+      name: String(event.target.message.value),
+      email: String(event.target.message.value),
+      message: String(event.target.message.value),
+    };
+
+    console.log(data);
+  }
+  return (
+    <div className="flex mx-auto justify-center text-2xl p-4 max-w2xl text-secondary">
+      <form onSubmit={handleSubmit}>
+        <div className="w-full flex flex-col my-4">
+          <label className="font-bold" htmlFor="name">
+            Name
+          </label>
+          <input type="text" minLength={3} autoComplete="off" id="name" />
+        </div>
+        <div className="w-full flex flex-col my-4">
+            <label htmlFor="email">Email</label>
+            <input type="text" minLength={4} autoComplete="off" id="email" />
+        </div>
+        <textarea id="message" rows={4} placeholder="How can we assist you?" className="flex flex-col my-4 p-10"></textarea>
+        <button onSubmit={handleSubmit} className="flex flex-col">Submit</button>
+        
+      </form>
+    </div>
+  );
+};
+
+export default Form;

Websites/jefes-nextjs/app/contact/page.tsx

@@ -1,9 +1,18 @@
-import React from 'react'
+import React from "react";
+import { string } from "zod";
+import Form from "./form";
 
 const contact = () => {
   return (
-    <div>contact</div>
-  )
-}
+    <main>
+      <div className="flex flex-col mx-auto justify-center items-center text-2xl p-4 max-w2xl text-secondary"
+      style={{backgroundImage: `url('/PaintBackground.webp')`, height: "auto"}}>
+        <h1>Contact Us</h1>
+        <Form />
+      </div>
       
-export default contact
+    </main>
+  );
+};
+
+export default contact;

Websites/jefes-nextjs/app/gallery/page.tsx

@@ -0,0 +1,67 @@
+"use client";
+
+import React from "react";
+import { useState } from "react";
+import { BsChevronCompactLeft, BsChevronCompactRight } from "react-icons/bs";
+import { RxDotFilled } from "react-icons/rx";
+
+const Gallery = () => {
+  const slides = [
+    { url: "/images/1577mobile.webp" },
+    { url: "/images/bar01.jpg" },
+    { url: "/images/fbimg02.jpg" },
+    { url: "/images/food01.jpg" },
+    { url: "/images/food02.webp" },
+    { url: "/images/IMG_2737.webp" },
+    { url: "/images/IMG_2749.webp" },
+    { url: "/images/IMG_2766.webp" },
+    { url: "/images/img01.webp" },
+    { url: "/images/img05.webp" },
+  ];
+
+  const [currentIndex, setCurrentIndex] = useState(0);
+
+  const prevSlide = () => {
+    const isFirstSlide = currentIndex === 0;
+    const newIndex = isFirstSlide ? slides.length - 1 : currentIndex - 1;
+    setCurrentIndex(newIndex);
+  };
+
+  const nextSlide = () => {
+    const isLastSlide = currentIndex === slides.length - 1;
+    const newIndex = isLastSlide ? 0 : currentIndex + 1;
+    setCurrentIndex(newIndex);
+  };
+
+  const goToSlide = (slideIndex) => {
+    setCurrentIndex(slideIndex);
+  };
+
+  return (
+    <div className="max-w-[1400px] h-[780px] w-full m-auto py-16 px-4 relative group">
+      <div
+        style={{ backgroundImage: `url(${slides[5].url})` }}
+        className="w-full h-full rounded-2xl bg-center bg-cover duration-500"
+      ></div>
+      <div className="hidden group-hover:block absolute top-50% -translate-x-0 translate-y-[-50%] left-5 text-2xl rounded-full p-2 bg-black/20 text-base-100 cursor-pointer">
+        <BsChevronCompactLeft onClick={prevSlide} size={30} />
+      </div>
+      <div className="hidden group-hover:block absolute top-50% -translate-x-0 translate-y-[-50%] right-5 text-2xl rounded-full p-2 bg-black/20 text-base-100 cursor-pointer">
+        <BsChevronCompactRight onClikc={nextSlide} size={30} />
+      </div>
+      <div className="flex top-4 justify-center py-2">
+        {slides.map((slide, slideIndex) => (
+          <div
+            key={slideIndex}
+            onClick={() => goToSlide(slideIndex)}
+            className="text-2xl cursor-pointer"
+          >
+            <RxDotFilled />
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+};
+
+export default Gallery;

Websites/jefes-nextjs/app/layout.tsx

@@ -2,6 +2,7 @@ import type { Metadata } from 'next'
 import { Inter } from 'next/font/google'
 import './globals.css'
 import NavBar from './components/NavBar/NavBar'
+import Image from 'next/image'
 
 const inter = Inter({ subsets: ['latin'] })
 
@@ -19,6 +20,14 @@ export default function RootLayout({
     <html lang="en" data-theme="jefes">
       <body className={inter.className}>
         <NavBar />
+        <Image
+            src="/PaintBackground1.webp"
+            width={0}
+            height={0}
+            style={{ width: "100%", height: "auto" }}
+            alt="Logo"
+            className="hidden md:block absolute -z-10"
+          />
         <main>{children}</main>
       </body>
     </html>

Websites/jefes-nextjs/app/menu/Appetizers/page.tsx

@@ -0,0 +1,64 @@
+import React from "react";
+import Image from "next/image";
+
+const Appetizers = () => {
+  return (
+    <div className="flex flex-col">
+      <div className="text-2xl">
+        <h2>Nachos</h2>
+        <div className="decor" aria-hidden="true">
+          <div className="left"></div>
+          <Image
+            src="/gun01.svg"
+            alt="gun icon for decor"
+            className=""
+            width="61"
+            height="101"
+          />
+          <div className="right"></div>
+        </div>
+      </div>
+      <ul className="text-xl flex flex-col">
+        <li className="item">
+          <div className="head">
+            <h4>Shredded</h4>
+            <span>- $10</span>
+          </div>
+          <p>Chicken or beef with creamy white queso sauce.</p>
+        </li>
+        <li className="item">
+          <div className="head">
+            <h4>Fajita Nachos</h4>
+            <span>- $11</span>
+          </div>
+          <p>
+            Grilled steak or chicken with onions, tomatoes, and bell peppers.
+          </p>
+        </li>
+        <li className="item">
+          <div className="head">
+            <h4>Carnita Nachos</h4>
+            <span>- $12</span>
+          </div>
+          <p>
+            Crispy tortilla chips topped with beans, creamy white queso sauce,
+            carnitas, lettuce, Pico de Gallo and sour cream.
+          </p>
+        </li>
+        <li className="item">
+          <div className="head">
+            <h4>Nachos Supreme</h4>
+            <span>- $12</span>
+          </div>
+          <p>
+            Crispy tortilla chips topped with beans, creamy white queso sauce,
+            your choice of beef or chicken, lettuce, Pico de Gallo, guacamole,
+            and sour cream.
+          </p>
+        </li>
+      </ul>
+    </div>
+  );
+};
+
+export default Appetizers;

Websites/jefes-nextjs/app/menu/Beverages/page.tsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const page = () => {
+  return (
+    <div>page</div>
+  )
+}
+
+export default page

Websites/jefes-nextjs/app/menu/Brunch/page.tsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const page = () => {
+  return (
+    <div>page</div>
+  )
+}
+
+export default page

Websites/jefes-nextjs/app/menu/Dinner/page.tsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const page = () => {
+  return (
+    <div>page</div>
+  )
+}
+
+export default page

Websites/jefes-nextjs/app/menu/Lunch/page.tsx

@@ -0,0 +1,57 @@
+import React from 'react'
+import Image from 'next/image'
+
+const page = () => {
+  return (
+    <div>
+      <div className="heading">
+        <h2 className="bev-h2">Quesadillas</h2>
+        <p className="">
+          Contains bell peppers, tomatoes, onions with a side of guacamole salad
+          upon request. Add rice & beans $2.{" "}
+          <span className="detail">Choose from the following proteins:</span>{" "}
+        </p>
+        <div className="head">
+          <h4>
+            ASADA | CHICKEN | CHORIZO | CARNITAS | AL PASTOR | SHRIMP | FISH |
+            BARBACOA - $11
+          </h4>
+        </div>
+        <div className="decor" aria-hidden="true">
+          <div className="left"></div>
+          <Image
+            src="/gun01.svg"
+            alt="gun icon for decor"
+            className=""
+            width="61"
+            height="101"
+          />
+          <div className="right"></div>
+        </div>
+      </div>
+      <ul className="items items-small">
+        <li className="item">
+          <div className="head">
+            <h4>Grilled Chicken & Bacon Quesadilla</h4>
+            <span>- $10</span>
+          </div>
+        </li>
+        <li className="item">
+          <div className="head">
+            <h4>Quesadilla Del Mar</h4>
+            <span>- $12</span>
+          </div>
+        </li>
+        <li className="item">
+          <div className="head">
+            <h4>Fajita Quesadilla</h4>
+            <span>- $11</span>
+          </div>
+          <p>Chicken or Steak</p>
+        </li>
+      </ul>
+    </div>
+  )
+}
+
+export default page

Websites/jefes-nextjs/app/menu/Seafood/page.tsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const page = () => {
+  return (
+    <div>page</div>
+  )
+}
+
+export default page

Websites/jefes-nextjs/app/menu/Sides/page.tsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const page = () => {
+  return (
+    <div>page</div>
+  )
+}
+
+export default page

Websites/jefes-nextjs/app/menu/layout.tsx

@@ -0,0 +1,15 @@
+import React from 'react'
+
+
+const layout = ({ children }: { children: React.ReactNode }) => {
+  return (
+    <div className='flex w-full flex-col md:flex-row md:overflow-hidden'>
+        <div className="w-full flex-none md:w-64">
+
+      </div>
+      <div className="flex-grow p-6 md:overflow-y-auto md:p-12">{children}</div>
+    </div>
+  )
+}
+
+export default layout

Websites/jefes-nextjs/app/menu/page.tsx

@@ -1,9 +1,508 @@
-import React from 'react'
+import React from "react";
+import Appetizers from "./Appetizers/page";
 
 const menu = () => {
   return (
-    <div>menu</div>
-  )
-}
+    <div>
+      <Appetizers />
       
-export default menu
+
+      <div className="heading">
+        <h2>Soups & Salads</h2>
+        <div className="decor" aria-hidden="true">
+          <div className="left"></div>
+          <img
+            src="/gun01.svg"
+            alt="gun icon for decor"
+            className=""
+            width="61"
+            height="101"
+          />
+          <div className="right"></div>
+        </div>
+      </div>
+      <ul className="items">
+        <li className="item">
+          <div className="head">
+            <h4>Tortilla Soup</h4>
+            <span>- cup - $4 | bowl - $6</span>
+          </div>
+          <p>
+            Chicken, corn, and black beans topped with seasoned tortilla strips.
+          </p>
+        </li>
+        <li className="item">
+          <div className="head">
+            <h4>Guacamole Salad</h4>
+            <span>- $6</span>
+          </div>
+          <p>
+            Crispy lettuce topped with a side of guacamole, sour cream, and Pico
+            de Gallo.
+          </p>
+        </li>
+        <li className="item">
+          <div className="head">
+            <h4>Chepesalad</h4>
+            <span>- $12</span>
+          </div>
+          <p>
+            Grilled chicken or steak with shrimp(4), lettuce, tomatoes, queso
+            fresco, corn,topped withavocado slices.
+          </p>
+        </li>
+        <li className="item">
+          <div className="head">
+            <h4>Southwest Salad</h4>
+            <span>- $10</span>
+          </div>
+          <p>
+            Grilled chicken, lettuce, corn, black beans, avocado, Picode Gallo,
+            topped with tortilla strips and served with salsa.
+          </p>
+        </li>
+        <li className="item">
+          <div className="head">
+            <h4>Taco Salad</h4>
+            <span>- $8</span>
+          </div>
+          <p>
+            Ground beef or chicken with shredded cheese and guacamole salad
+            topped in a deep-fried flour tortilla bowl. Served with a side of
+            rice and beans. <span>Fajita style add $2</span>{" "}
+          </p>
+        </li>
+      </ul>
+
+      <div className="heading">
+        <h2 className="bev-h2">Chimichangas</h2>
+        <p className="kids-para">
+          Deep fried burrito served with rice and refried beans! Your choice of
+          the following:
+        </p>
+        <div className="decor" aria-hidden="true">
+          <div className="left"></div>
+          <img
+            src="/gun01.svg"
+            alt="gun icon for decor"
+            className=""
+            width="61"
+            height="101"
+          />
+          <div className="right"></div>
+        </div>
+      </div>
+      <ul className="items items-small">
+        <li className="item">
+          <div className="head">
+            <h4>GROUND BEEF, SHREDDED CHICKEN, OR SHREDDED BEEF</h4>
+            <span>- $19</span>
+          </div>
+        </li>
+        <li className="item">
+          <div className="head">
+            <h4>Fajita Chimi</h4>
+            <span>- $12</span>
+          </div>
+          <p>Grilled chicken or steak, onions, tomatoes, and bell peppers.</p>
+        </li>
+        <li className="item">
+          <div className="head">
+            <h4>Chimichanga Del Mar</h4>
+            <span>- $13</span>
+          </div>
+          <p>Shrimp, crab, onions, tomatoes and bell peppers.</p>
+        </li>
+        <li className="item">
+          <div className="head">
+            <h4>Pollo-T Chimi</h4>
+            <span>- $10</span>
+          </div>
+          <p>Grilled chicken strips, and chorizo.</p>
+        </li>
+      </ul>
+
+      <div className="heading heading-2">
+  <div className="flex">
+    <h2 className="bev-h2">Jefe's Taqueria</h2>
+    <div className="flex">
+      <span>- $11</span>
+      <img src="/star.svg" width="25" height="25" alt="star" />
+    </div>
+  </div>
+  <p className=""> <span className='detail'>Asada | Chicken | Chorizo | Carnitas | Al Pastor | Shrimp | Fish |
+      Barbacoa</span> </p>
+      <div className="mb-3" >
+              <h4>5 Street tacos with your choice of protein topped with cilantro and onions.
+                Served with our signature salsas. Add rice and refried beans $2.</h4>
+            </div>
+  <div className="decor" aria-hidden="true">
+    <div className="left"></div>
+    <img src="/gun01.svg" alt="gun icon for decor" className="" width="61" height="101" />
+    <div className="right"></div>
+  </div>
+  </div>
+  
+
+
+<div className="heading">
+  <h2 className="bev-h2">Tortas</h2>
+  <p className="kids-para">Mexican sandwich served with french-fries
+    and a side of jalapenos!</p>
+  <div className="decor" aria-hidden="true">
+    <div className="left"></div>
+    <img src="/gun01.svg" alt="gun icon for decor" className="" width="61" height="101" />
+    <div className="right"></div>
+  </div>
+</div>
+<ul className="items">
+  <li className="item">
+    <div className="head">
+      <h4>Jamon</h4>
+      <span>- $8</span>
+    </div>
+    <p>Ham, mayo, lettuce, tomato, onions,
+      avocado, queso fresco.</p>
+  </li>
+  <li className="item">
+    <div className="head">
+      <h4>Hawaiana</h4>
+      <span>- $8</span>
+    </div>
+    <p>Ham, pineapple, mayo, lettuce, tomato,
+      onions, avocado, and queso fresco.</p>
+  </li>
+  <li className="item">
+    <div className="head">
+      <h4>Cubana</h4>
+      <span>- $10</span>
+    </div>
+    <p>Chorizo, ham, hot-dog, mayo, lettuce,
+      tomato, onions, avocado, and queso
+      fresco.</p>
+  </li>
+  <li className="item">
+    <div className="head">
+      <h4>Milaneza</h4>
+      <span>- $10</span>
+    </div>
+    <p>Breaded chicken or steak, mayo lettuce,
+      tomato, onions, avocado, and queso fresco.</p>
+  </li>
+  <li className="item">
+    <div className="head">
+      <h4>Alemana</h4>
+      <span>- $10</span>
+    </div>
+    <p>Chorizo, ham, milaneza, hot-dog,
+      pineapple, mayo, lettuce, onions, avocado,
+      queso fresco.</p>
+  </li>
+  <li className="item">
+    <div className="head">
+      <h4>Build Your Own</h4>
+      <span>- $12</span>
+    </div>
+    <p>Contains mayo, lettuce, tomato, onions,
+      avocado, queso frescoand jalapeños. <span className="detail">Choose up to 3 proteins: <span
+          className="inner">Asada, al Pastor, ham, grilled
+          chicken, chorizo, bacon, hot-dog, milaneza, or carnitas.</span></span></p>
+  </li>
+</ul>
+
+<div className="heading">
+  <h2 className="bev-h2">Burritos</h2>
+  <p className="kids-para">12” Flour tortilla filled with your choice of protein. Topped with queso, red or green
+    sauce. Served with Guacamole salad!</p>
+  <div className="decor" aria-hidden="true">
+    <div className="left"></div>
+    <img src="/gun01.svg" alt="gun icon for decor" className="" width="61" height="101" />
+    <div className="right"></div>
+  </div>
+</div>
+
+<ul className="items">
+  <li className="item">
+    <div className="head">
+      <h4>Al Pastor</h4>
+      <span>- $11</span>
+    </div>
+    <p>Marinated pork, rice, beans, and cheese.</p>
+  </li>
+  <li className="item">
+    <div className="head">
+      <h4>Carnitas</h4>
+      <span>- $11</span>
+    </div>
+    <p>Deep fried pork, grilled onions, and avocado.</p>
+  </li>
+  <li className="item">
+    <div className="head">
+      <h4>Chicken</h4>
+      <span>- $10</span>
+    </div>
+    <p>Grilled chicken, rice, beans, and cheese.</p>
+  </li>
+  <li className="item">
+    <div className="head">
+      <h4>Burritos Vaquero</h4>
+      <div className="flex">
+        <span>- $11</span>
+        <img src="/star.svg" alt="" width="25" height="25"/>
+      </div>
+    </div>
+    <p>Grilled chicken, rice, beans, and cheese.</p>
+  </li>
+  <li className="item">
+    <div className="head">
+      <h4>Kevin's Burrito</h4>
+      <span>- $12</span>
+    </div>
+    <p>Grilled chicken or steak, bell peppers, onions,
+      and tomatoes.</p>
+  </li>
+  <li className="item">
+    <div className="head">
+      <h4>Shrimp</h4>
+      <span>- $12</span>
+    </div>
+    <p>Grilled shrimp with rice, black beans, and sour
+      cream.</p>
+  </li>
+  <li className="item">
+    <div className="head">
+      <h4>West Coast</h4>
+      <span>- $11</span>
+    </div>
+    <p>Shredded chicken, grilled chicken or steak
+      with french-fries, rice,beans, and avocado.</p>
+  </li>
+  <li className="item">
+    <div className="head">
+      <h4>Barbacoa</h4>
+      <span>- $10</span>
+    </div>
+    <p>Slow roasted beef, rice, beans, and pico de gallo.</p>
+  </li>
+</ul>
+
+<div className="heading">
+  <h2>Enchiladas</h2>
+  <div className="decor" aria-hidden="true">
+    <div className="left"></div>
+    <img src="/gun01.svg" alt="gun icon for decor" className="" width="61" height="101" />
+    <div className="right"></div>
+  </div>
+</div>
+<ul className="items">
+  <li className="item">
+    <div className="head">
+      <h4>Enchiladas Platter</h4>
+      <div className="flex">
+        <span>- $12</span>
+        <img src="/star.svg" alt="" width="25" height="25"/>
+      </div>
+    </div>
+    <p>4 enchiladas, 1 grilled chicken, 1 steak, 1
+      carnitas, and 1 cheese. Topped with creamy
+      white queso and served with a side of
+      guacamole salad.</p>
+  </li>
+  <li className="item">
+    <div className="head">
+      <h4>Enchiladas De Carnitas</h4>
+      <span>- $10</span>
+    </div>
+    <p>3 deep fried pork enchiladas. Served with
+      rice and beans.</p>
+  </li>
+  <li className="item">
+    <div className="head">
+      <h4>Spinach Enchiladas</h4>
+      <span>- $9</span>
+    </div>
+    <p>4 spinach and cheese enchiladas topped
+      with queso, red, or green sauce. Served
+      with guacamole salad.</p>
+  </li>
+  <li className="item">
+    <div className="head">
+      <h4>Enchiladas Del Mar</h4>
+      <span>- $12</span>
+    </div>
+    <p>3 crab and shrimp enchiladas. Topped with
+      yourchoice of sauce, served with a side ofrice,
+      and beans.</p>
+  </li>
+  <li className="item">
+    <div className="head">
+      <h4>Los Enchiladas</h4>
+      <span>- $12</span>
+    </div>
+    <p>3 cheese enchiladas topped with grilled shrimp
+      and creamy white queso sauce. Served with
+      rice and beans.</p>
+  </li>
+  <li className="item">
+    <div className="head">
+      <h4>Enchiladas Suizas</h4>
+      <span>- $9</span>
+    </div>
+    <p>3 chicken enchiladas with green sauce topped
+      with sour cream. Served with rice and beans.</p>
+  </li>
+</ul>
+
+<div className="heading">
+  <h2>Steaks</h2>
+  <div className="decor" aria-hidden="true">
+    <div className="left"></div>
+    <img src="/gun01.svg" alt="gun icon for decor" className="" width="61" height="101" />
+    <div className="right"></div>
+  </div>
+</div>
+<ul className="items">
+  <li className="item">
+    <div className="head">
+      <h4>Carne Asada</h4>
+      <span>- $15</span>
+    </div>
+    <p>Grilled steak served with onion, chile
+      toreado, charro beans, rice and your choice
+      of flour or corn tortillas.</p>
+  </li>
+  <li className="item">
+    <div className="head">
+      <h4>Steak Mariposa</h4>
+      <div className="flex">
+        <span>- $14</span>
+        <img src="red-chili-pepper.svg" width="25" height="25" alt=""/>
+      </div>
+    </div>
+    <p>Steak mixed with jalapenos and creamy
+      white queso. Served with charro beans and
+      rice.</p>
+  </li>
+  <li className="item">
+    <div className="head">
+      <h4>Steak Con Rajas</h4>
+      <div className="flex">
+        <span>- $14</span>
+        <img src="red-chili-pepper.svg" width="25" height="25" alt=""/>
+      </div>
+    </div>
+    <p>Steak mixed with poblano peppers, white
+      queso sauce. Served with a side of rice and
+      refried beans.</p>
+  </li>
+  <li className="item">
+    <div className="head">
+      <h4>Steak Ranchero</h4>
+      <span>- $15</span>
+    </div>
+    <p>Ribeye steak topped with grilled onions, bell
+      peppers, and tomatoes. Served with
+      guacamole salad, rice, and charro beans.</p>
+  </li>
+  <li className="item">
+    <div className="head">
+      <h4>Milaneza Empanizada</h4>
+      <span>- $13</span>
+    </div>
+    <p>Breaded chicken or steak, served with chile
+      toreado, guacamole salad, rice and refried
+      beans.</p>
+  </li>
+  <li className="item">
+    <div className="head">
+      <h4>Novillo Endiablado</h4>
+      <div className="flex">
+        <span>- $16</span>
+        <img src="red-chili-pepper.svg" width="25" height="25" alt=""/>
+      </div>
+    </div>
+    <p>Ribeye steak and grilled spicy shrimp.
+      Served with rice and black beans.</p>
+  </li>
+</ul>
+
+<div className="heading">
+  <h2 className="bev-h2">Fajitas</h2>
+  <p className="kids-para">Jefe’s sizzling hot fajitas served with grilled onions, tomatoes, and bell peppers with
+    a side
+    of sour cream, guacamole salad, rice and refried beans. Your choice of flour or corn tortillas.</p>
+  <div className="decor" aria-hidden="true">
+    <div className="left"></div>
+    <img src="/gun01.svg" alt="gun icon for decor" className="" width="61" height="101" />
+    <div className="right"></div>
+  </div>
+</div>
+<ul className="items">
+  <li className="item">
+    <div className="head">
+      <h4>Fajitas Tipicas</h4>
+      <span>one - $15 | two - $24</span>
+    </div>
+    <p>Grilled chicken, steak, or mix.</p>
+  </li>
+  <li className="item">
+    <div className="head">
+      <h4>Fajitas Del Mar</h4>
+      <span>one - $17 | two - $25</span>
+    </div>
+    <p>Shrimp and crab.</p>
+  </li>
+  <li className="item">
+    <div className="head">
+      <h4>Fajita Azteca</h4>
+      <span>one - $15 | two - $23</span>
+    </div>
+    <p>Grilled chicken with broccoli, cauliflower,
+      carrots, onions and cheese.</p>
+  </li>
+  <li className="item">
+    <div className="head">
+      <h4>Fajita Poblana</h4>
+      <div className="flex">
+        <span>one - $15 | two - $23</span>
+        <img src="/star.svg" width="25" height="25" alt="star" />
+      </div>
+    </div>
+    <p>Grilled chicken or steak mixed with
+      poblano peppers and shredded cheese.</p>
+  </li>
+  <li className="item">
+    <div className="head">
+      <h4>Fajita Norteñas</h4>
+      <span>one - $13 | two - $20</span>
+    </div>
+    <p>Carnitas.</p>
+  </li>
+  <li className="item">
+    <div className="head">
+      <h4>KEVIN’S PAPRILLADA</h4>
+      <div className="flex">
+        <span>serves 2 - $25</span>
+        <img src="/star.svg" width="25" height="25" alt="" />
+      </div>
+    </div>
+    <p>This delicious platter offers grilled chicken,
+      shrimp, steak, carnitas, two hotdogs, and
+      chorizo.</p>
+  </li>
+  <li className="item">
+    <div className="head">
+      <h4>Jefe's Molcajete</h4>
+      <span>- $24</span>
+    </div>
+    <p>Combination of grilled steak and chicken, 4
+      shrimp, chorizo, grilled onions, and cactus
+      topped with queso fresco served in a stone
+      bowl with our signature sauce.</p>
+  </li>
+</ul>
+    </div>
+  );
+};
+
+export default menu;

Websites/jefes-nextjs/package.json

@@ -11,7 +11,9 @@
   "dependencies": {
     "@prisma/client": "5.4.2",
     "classnames": "^2.3.2",
+    "clsx": "^2.0.0",
     "easymde": "^2.18.0",
+    "embla-carousel-react": "^8.0.0-rc14",
     "next": "13.5.6",
     "prisma": "^5.4.2",
     "react": "^18",

Websites/jefes-nextjs/public/red-chili-pepper.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" enable-background="new 0 0 55 55" height="512" viewBox="0 0 55 55" width="512" xmlns="http://www.w3.org/2000/svg"><g><g><g><g><path d="m50.3806915 5.4703364c-.171627.7723927-.9152985 1.2729468-1.7020073 1.1013231-.9725609-.2288022-2.4886246 2.0452523-3.7043076 4.9057584-.4720078 1.1013231-.9010658 2.3026867-1.2299957 3.4755049-.1859398.6293154-.7580757 1.0298281-1.3730736 1.0298281-.1287613 0-.2574348-.0143166-.3861961-.0429497-.2001724-.0571785-.3861122-.1429901-.5291901-.2717514-.4147415-.3432465-.6149979-.8867502-.4862366-1.4444828 0-.0143166.0143166-.0429497.0143166-.0572653.1858521-.6436319.6435432-2.1740131 1.3586731-3.861702 1.3730736-3.3038816 3.718708-7.2227616 6.936779-6.5362682.7723046.171711 1.2586289.9296999 1.1012383 1.7020049z" fill="#4b9b43"/></g></g><g><path d="m44.9743767 11.4774179c-.4720078 1.1013231-.9010658 2.3026867-1.2299957 3.4755049-.1859398.6293154-.7580757 1.0298281-1.3730736 1.0298281-.1287613 0-.2574348-.0143166-.3861961-.0429497-.2001724-.0571785-.3861122-.1429901-.5291901-.2717514-.1429901-.5005541-.3002968-.9868784-.4862366-1.4444828 0-.0143166.0143166-.0429497.0143166-.0572653.1858521-.6436319.6435432-2.1740131 1.3586731-3.861702.9153823.1716233 1.8164482.572136 2.6317024 1.1728182z" fill="#3f8441"/></g><g><path d="m47.3278351 25.5030289c.2399902 3.4199829-8.039978 17.539978-19.3400288 22.3400269-10.7699585 6.0599975-24.5599971 2.7999877-23.3200068.5299682.1212187-1.9166374 24.0125961-6.6843376 27.1500244-27.0800171 1.2200336-4.1499634 4.4400043-8.3899527 8.8599873-8.9299917 4.3800044-.5899658 8.6700434 5.7000112 6.6500239 13.1400137z" fill="#fc4a32"/></g><g><path d="m23.1650524 40.3867569c-.3955078-.5009766-.3095703-1.2285156.1923828-1.6240234 6.5498047-5.1650391 9.1933613-14.3066406 9.4960957-16.2929688.0957031-.6308594.6767578-1.0664063 1.3183594-.96875.6308594.0966797 1.0654297.6865234.96875 1.3183594-.3515625 2.3046875-3.1396484 12.0742188-10.3515644 17.7597656-.5019951.3955841-1.2273255.3111191-1.6240235-.1923828z" fill="#ff6252"/></g><g><path d="m40.6777611 12.3627386c-.5106773.0628376-1.0034943.1798992-1.4809914.3355103 2.1278687 2.3594475 3.3112602 6.5397024 2.0570526 11.1656122.2442894 3.424015-8.0389099 17.5374184-19.3358479 22.3389206-5.5965023 3.146328-12.0012112 3.778801-16.6962414 3.3445854 2.7272944 1.9257278 13.7903194 3.3421135 22.7693233-1.705864 11.2969341-4.8014336 19.5801373-18.914835 19.335844-22.33885 2.0165255-7.4376468-2.2646254-13.7293176-6.6491392-13.1399145z" fill="#e23e2d"/></g></g><g><path d="m42.2409019 11.275773c-1.4834251.2416182-2.8228912.0748558-4.2326775-.3997812-.3893623-.1308174-.8048744.0169697-.9114952.4364662-.1180916.4646416.2893906.8642797.6507835 1.0963573 1.0769463.6915731 2.2992287.6946526 3.5072327.9348803.8916779.1773224 1.7695885.4604187 2.5784149.8785477.5872116.303565 1.0450516.793478 1.5987892 1.1467648.4973335.3172979 3.0139656 1.794755 3.1810265.4580021.0876541-.7017622-.9250069-1.2280607-1.4154358-1.5275917-1.0166779-.6209402-2.3084602-1.0661497-2.8316383-2.2319794" fill="#3f8441"/></g></g></svg>

Websites/jefes-nextjs/tailwind.config.ts

@@ -23,8 +23,6 @@ const config: Config = {
 
           accent: "#B3121E",
 
-          neutral: "#18191a",
-
           "base-100": "#e7e5e4",
 
           info: "#3abff8",