update to blocks

Websites/jefes-nextjs/app/components/NavBar/NavBar.css

@@ -1,7 +1,7 @@
 .nav_background{
-    z-index: -10;
+    z-index: -1;
     filter: brightness(.17);
-    align-items: baseline;
+    /* align-items: baseline; */
 }
 .logo{
     margin: 0 auto;

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

@@ -32,8 +32,8 @@ const NavBar = () => {
 
   return (
     <nav className="">
-      {/* <center className="text-accent bg-secondary">O</center> */}
-      <div className="flex items-center relative justify-center p-2 mx-auto">
+      {/* <center className="text-accent bg-black">O</center> */}
+      <div className="flex items-center justify-center p-2 mx-auto bg-red-800">
         <ul className="hover:cursor-pointer hidden md:block space-x-4 text-xl font-sans antialiased">
           {links.map((link) => (
             <Link

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

@@ -7,7 +7,7 @@ const Reserve = () => {
   return (
     <div>
       <div className="right-2 hidden xl:block">
-        <Button variant="outline" className="btn btn-primary text-lg text-accent">
+        <Button className="text-lg text-accent bg-red-800">
           <span className="flex flex-row">
             <span className="flex flex-row">ORDER ONLINE</span>
           </span>

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

@@ -1,6 +1,7 @@
 import React from "react";
 import { string } from "zod";
 import Form from "./form";
+import { Calendar } from "@/components/ui/calendar";
 
 const contact = () => {
   return (
@@ -8,6 +9,7 @@ const contact = () => {
       <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>
+        <Calendar />
         <Form />
       </div>
       

Websites/jefes-nextjs/app/menu/Appetizers/appetizers.css

@@ -1,3 +1,3 @@
-.gun_menu{
-    transform: scaleX(-1);
-}
+.gun_menu {
+  transform: rotate(-45deg) scaleX(-1);
+}

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

@@ -5,21 +5,35 @@ import "./appetizers.css";
 const Appetizers = () => {
   return (
     <div className="flex flex-col">
-      <div className="text-4xl flex flex-row text-primary antialiased font-bold font-sans justify-center mx-auto">
+      <div className="text-4xl flex flex-row text-primary antialiased font-bold font-sans items-center justify-center">
         <Image
           src="/gun01.svg"
           alt="gun icon for decor"
-          className="m-6 gun_menu"
-          width={100}
-          height={100}
+          className="rotate-45"
+          width={70}
+          height={50}
+        />
+        <div className="text-white">Appetizers</div>
+        <Image
+          src="/gun01.svg"
+          alt="gun icon for decor"
+          className="gun_menu gun_rotate"
+          width={70}
+          height={50}
         />
-        <div className="w-10 h-0.5 bg-secondary "></div>
-        <div>Appetizers</div>
       </div>
-      <div>
-        <li className="">
-
-        </li>
+      <div className="p-6">
+        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore hic aspernatur ducimus sed laboriosam adipisci amet culpa eveniet? Alias facilis soluta aliquam tenetur natus ipsam, rem quis dolore distinctio enim.</p>
+        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore hic aspernatur ducimus sed laboriosam adipisci amet culpa eveniet? Alias facilis soluta aliquam tenetur natus ipsam, rem quis dolore distinctio enim.</p>
+        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore hic aspernatur ducimus sed laboriosam adipisci amet culpa eveniet? Alias facilis soluta aliquam tenetur natus ipsam, rem quis dolore distinctio enim.</p>
+        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore hic aspernatur ducimus sed laboriosam adipisci amet culpa eveniet? Alias facilis soluta aliquam tenetur natus ipsam, rem quis dolore distinctio enim.</p>
+        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore hic aspernatur ducimus sed laboriosam adipisci amet culpa eveniet? Alias facilis soluta aliquam tenetur natus ipsam, rem quis dolore distinctio enim.</p>
+        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore hic aspernatur ducimus sed laboriosam adipisci amet culpa eveniet? Alias facilis soluta aliquam tenetur natus ipsam, rem quis dolore distinctio enim.</p>
+        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore hic aspernatur ducimus sed laboriosam adipisci amet culpa eveniet? Alias facilis soluta aliquam tenetur natus ipsam, rem quis dolore distinctio enim.</p>
+        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore hic aspernatur ducimus sed laboriosam adipisci amet culpa eveniet? Alias facilis soluta aliquam tenetur natus ipsam, rem quis dolore distinctio enim.</p>
+        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore hic aspernatur ducimus sed laboriosam adipisci amet culpa eveniet? Alias facilis soluta aliquam tenetur natus ipsam, rem quis dolore distinctio enim.</p>
+        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore hic aspernatur ducimus sed laboriosam adipisci amet culpa eveniet? Alias facilis soluta aliquam tenetur natus ipsam, rem quis dolore distinctio enim.</p>
+        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore hic aspernatur ducimus sed laboriosam adipisci amet culpa eveniet? Alias facilis soluta aliquam tenetur natus ipsam, rem quis dolore distinctio enim.</p>
       </div>
     </div>
   );

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

@@ -1,15 +1,11 @@
-import React from 'react'
-
+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 flex-col w-full md:overflow-hidden bg-gray-700">
       <div className="flex-grow p-6 md:overflow-y-auto md:p-12">{children}</div>
     </div>
-  )
-}
+  );
+};
 
-export default layout
+export default layout;

Websites/jefes-nextjs/components.json

@@ -4,7 +4,7 @@
   "rsc": true,
   "tsx": true,
   "tailwind": {
-    "config": "tailwind.config.js",
+    "config": "tailwind.config.ts",
     "css": "app/globals.css",
     "baseColor": "slate",
     "cssVariables": true

Websites/jefes-nextjs/components/ui/button.tsx

@@ -9,7 +9,7 @@ const buttonVariants = cva(
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        default: "bg-primary text-primary-foreground hover:bg-black",
         destructive:
           "bg-destructive text-destructive-foreground hover:bg-destructive/90",
         outline:

Websites/jefes-nextjs/tailwind.config.ts

@@ -1,44 +1,3 @@
-// import type { Config } from "tailwindcss";
-
-// const config: Config = {
-//   content: [
-//     "./pages/**/*.{js,ts,jsx,tsx,mdx}",
-//     "./components/**/*.{js,ts,jsx,tsx,mdx}",
-//     "./app/**/*.{js,ts,jsx,tsx,mdx}",
-//   ],
-//   theme: {
-//     colors:{
-//       'jefesRed': '#B3121E'
-//     },
-//   },
-//   plugins: [require("daisyui")],
-//   daisyui: {
-//     themes: [
-//       "night",
-//       {
-//         jefes: {
-//           primary: "#B3121E",
-
-//           secondary: "#18191a",
-
-//           accent: "#ffffffff",
-
-//           "base-100": "#e7e5e4",
-
-//           info: "#3abff8",
-
-//           success: "#36d399",
-
-//           warning: "#fbbd23",
-
-//           error: "#f87272",
-//         },
-//       },
-//     ],
-//   },
-// };
-// export default config;
-
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   darkMode: ["class"],