diff --git a/Websites/jefes-nextjs/app/about-us/page.tsx b/Websites/jefes-nextjs/app/about-us/page.tsx
index 7b00daf..2fd7c4f 100644
--- a/Websites/jefes-nextjs/app/about-us/page.tsx
+++ b/Websites/jefes-nextjs/app/about-us/page.tsx
@@ -5,7 +5,7 @@ import Image from "next/image";
 const AboutUs = () => {
   return (
     <div className="flex flex-col relative justify-center items-center ">
-      <div className="flex relative pt-40 w-full h-[400px] overflow-hidden">
+      <div className="flex relative pt-40 2xl:pt-56 w-full h-[400px] overflow-hidden">
         <Image
           src="/IMG_2431.jpg"
           alt="nav image"
diff --git a/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx b/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx
index feefd09..3529737 100644
--- a/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx
+++ b/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx
@@ -9,7 +9,6 @@ import "./NavBar.css";
 import { GiHamburgerMenu } from "react-icons/gi";
 import { AiOutlineInstagram, AiOutlineFacebook } from "react-icons/ai";
 import { FaTiktok } from "react-icons/fa";
-import { RiCellphoneLine } from "react-icons/ri";
 import { FaPhone } from "react-icons/fa6";
 import StoreHours from "../StoreHours/StoreHours";
 import { Button } from "@/components/ui/button";
@@ -63,8 +62,8 @@ const NavBar = () => {
       <div
         className={
           navbar
-            ? "flex fixed top-0 items-center bg-zinc-800 justify-center xl:p-1 mx-auto md:p-4 z-10 w-full h-[60px]"
-            : "flex flex-col bg-transparent mx-auto absolute z-10 w-full h-[220px]"
+            ? "flex fixed top-0 items-center bg-zinc-800 justify-center xl:p-1 mx-auto md:p-4 transition-all z-10 w-full h-[60px]"
+            : "flex flex-col bg-transparent mx-auto absolute z-10 w-full h-[220px transition-all]"
         }
       >
         {/* Top Bar */}
@@ -140,7 +139,7 @@ const NavBar = () => {
         </div>
 
         {/* logo */}
-        <Link href="/" className="absolute left-32 pt-20">
+        <Link href="/" className="absolute left-32 pt-20 2xl:pt-28">
           <Image
             src="/logo.svg"
             width={0}
diff --git a/Websites/jefes-nextjs/app/components/NavBar/reserveButton.tsx b/Websites/jefes-nextjs/app/components/NavBar/reserveButton.tsx
index f54bf58..65f77f5 100644
--- a/Websites/jefes-nextjs/app/components/NavBar/reserveButton.tsx
+++ b/Websites/jefes-nextjs/app/components/NavBar/reserveButton.tsx
@@ -9,7 +9,7 @@ const Reserve = () => {
       <div className="right-2 hidden md:block">
         <Button
           size="sm"
-          className="xl:text-lg bg-red-800 hover:bg-slate-800 text-xs"
+          className="xl:text-lg bg-red-800 hover:bg-slate-800 text-xs transition-all"
         >
           <span className="flex flex-row">
             <span className="flex flex-row">
diff --git a/Websites/jefes-nextjs/app/contact/page.tsx b/Websites/jefes-nextjs/app/contact/page.tsx
index 5471e2a..d2522fa 100644
--- a/Websites/jefes-nextjs/app/contact/page.tsx
+++ b/Websites/jefes-nextjs/app/contact/page.tsx
@@ -8,7 +8,7 @@ const contact = () => {
   return (
     <main>
       <div className="flex flex-col relative justify-center items-center">
-      <div className="flex relative pt-40 w-[100vw] h-[400px] overflow-hidden">
+      <div className="flex relative pt-40 2xl:pt-56 w-[100vw] h-[400px] overflow-hidden">
         <Image
           src="/IMG_2431.jpg"
           alt="nav image"
@@ -21,7 +21,7 @@ const contact = () => {
         <div className="flex flex-col w-full text-center xl:text-5xl xl:block text-white lg:text-2xl z-10">
           <div className="p-6 ">
             <p className="py-4">
-              <span className="">About Us</span>
+              <span className="">Contact Us</span>
             </p>
           </div>
         </div>
diff --git a/Websites/jefes-nextjs/app/layout.tsx b/Websites/jefes-nextjs/app/layout.tsx
index 612b34b..4dd0b8d 100644
--- a/Websites/jefes-nextjs/app/layout.tsx
+++ b/Websites/jefes-nextjs/app/layout.tsx
@@ -1,5 +1,5 @@
 import type { Metadata } from "next";
-import { Inter } from "next/font/google";
+import { Inter, Pridi } from "next/font/google";
 import "./globals.css";
 import NavBar from "./components/NavBar/NavBar";
 import Image from "next/image";
@@ -13,6 +13,8 @@ const robleAlt = localFont({
   display: 'swap',
 })
 
+const pridi = Pridi({weight: "400", style: "normal", subsets: ["latin"]})
+
 export const metadata: Metadata = {
   title: "Jefe's Mexican Cocina & Cantina",
   description: "Located in Broken Arrow, Oklahoma.",
@@ -25,17 +27,9 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
-      <body className={`${robleAlt.className} par`}>
+      <body className={`${pridi.className} par`}>
         <NavBar />
-        {/* <Image
-            src="/PaintBackground1.webp"
-            width={0}
-            height={0}
-            style={{ width: "100%", height: "auto" }}
-            alt="Logo"
-            className="hidden md:block absolute -z-10"
-          /> */}
-        <main className="bg-[#fffafa] ">{children}</main>
+        <main className="bg-[#fffafa]">{children}</main>
         <Footer />
       </body>
     </html>
diff --git a/Websites/jefes-nextjs/app/menu/layout.tsx b/Websites/jefes-nextjs/app/menu/layout.tsx
index 156c51d..205dd26 100644
--- a/Websites/jefes-nextjs/app/menu/layout.tsx
+++ b/Websites/jefes-nextjs/app/menu/layout.tsx
@@ -5,7 +5,7 @@ import MenuLinks from "../components/MenuBar/MenuLinks";
 const layout = ({ children }: { children: React.ReactNode }) => {
   return (
     <div className="flex flex-col relative justify-center items-center">
-      <div className="flex relative pt-40 w-full h-[400px] overflow-hidden">
+      <div className="flex relative pt-40 2xl:pt-56 w-full h-[400px] overflow-hidden">
         <Image
           src="/IMG_2431.jpg"
           alt="nav image"
diff --git a/Websites/jefes-nextjs/app/menuButton.tsx b/Websites/jefes-nextjs/app/menuButton.tsx
index 74cf06c..7aea5b6 100644
--- a/Websites/jefes-nextjs/app/menuButton.tsx
+++ b/Websites/jefes-nextjs/app/menuButton.tsx
@@ -9,7 +9,7 @@ const MenuButton = () => {
       <div className="right-2 hidden md:block">
         <Button
           size="sm"
-          className="xl:text-lg  bg-zinc-900 hover:bg-slate-600"
+          className="xl:text-lg  bg-zinc-900 hover:bg-slate-600 transition-all"
         >
           <span className="flex flex-row px-3">
             <span className="flex flex-row">
diff --git a/Websites/jefes-nextjs/bun.lockb b/Websites/jefes-nextjs/bun.lockb
index 0647f3d..199beaa 100755
Binary files a/Websites/jefes-nextjs/bun.lockb and b/Websites/jefes-nextjs/bun.lockb differ
diff --git a/Websites/jefes-nextjs/package.json b/Websites/jefes-nextjs/package.json
index 9af027c..ef79a67 100644
--- a/Websites/jefes-nextjs/package.json
+++ b/Websites/jefes-nextjs/package.json
@@ -9,50 +9,50 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@auth/drizzle-adapter": "^0.3.9",
+    "@auth/drizzle-adapter": "^0.3.17",
     "@plaiceholder/next": "^3.0.0",
-    "@planetscale/database": "^1.11.0",
-    "@radix-ui/react-slot": "^1.0.2",
-    "@react-google-maps/api": "^2.19.2",
+    "@planetscale/database": "^1.19.0",
+    "@radix-ui/react-slot": "^1.1.0",
+    "@react-google-maps/api": "^2.19.3",
     "bcrypt": "^5.1.1",
     "class-variance-authority": "^0.7.0",
-    "classnames": "^2.3.2",
-    "clsx": "^2.0.0",
+    "classnames": "^2.5.1",
+    "clsx": "^2.1.1",
     "date-fns": "^2.30.0",
-    "dotenv": "^16.3.1",
-    "drizzle-orm": "^0.29.1",
+    "dotenv": "^16.4.5",
+    "drizzle-orm": "^0.29.5",
     "easymde": "^2.18.0",
-    "embla-carousel-auto-height": "^8.0.0-rc14",
-    "embla-carousel-autoplay": "^8.0.0-rc14",
-    "embla-carousel-react": "^8.0.0-rc14",
+    "embla-carousel-auto-height": "^8.3.0",
+    "embla-carousel-autoplay": "^8.3.0",
+    "embla-carousel-react": "^8.3.0",
     "lucide-react": "^0.292.0",
-    "mysql2": "^3.6.5",
+    "mysql2": "^3.11.2",
     "next": "14.0.3",
     "next-auth": "5.0.0-beta.4",
-    "react": "^18.2.0",
-    "react-day-picker": "^8.9.1",
-    "react-dom": "^18.2.0",
-    "react-hook-form": "^7.47.0",
-    "react-icons": "^4.11.0",
+    "react": "^18.3.1",
+    "react-day-picker": "^8.10.1",
+    "react-dom": "^18.3.1",
+    "react-hook-form": "^7.53.0",
+    "react-icons": "^4.12.0",
     "react-simplemde-editor": "^5.2.0",
-    "sharp": "^0.33.2",
-    "tailwind-merge": "^2.0.0",
+    "sharp": "^0.33.5",
+    "tailwind-merge": "^2.5.2",
     "tailwindcss-animate": "^1.0.7",
-    "tsx": "^4.6.1",
-    "zod": "^3.22.4"
+    "tsx": "^4.19.1",
+    "zod": "^3.23.8"
   },
   "devDependencies": {
     "@types/bcrypt": "^5.0.2",
-    "@types/node": "^20",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
-    "autoprefixer": "^10",
-    "daisyui": "^3.9.3",
-    "drizzle-kit": "^0.20.6",
-    "eslint": "^8",
+    "@types/node": "^20.16.5",
+    "@types/react": "^18.3.5",
+    "@types/react-dom": "^18.3.0",
+    "autoprefixer": "^10.4.20",
+    "daisyui": "^3.9.4",
+    "drizzle-kit": "^0.20.18",
+    "eslint": "^8.57.0",
     "eslint-config-next": "14.0.3",
-    "postcss": "^8",
-    "tailwindcss": "^3",
-    "typescript": "^5"
+    "postcss": "^8.4.47",
+    "tailwindcss": "^3.4.11",
+    "typescript": "^5.6.2"
   }
 }