diff --git a/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx b/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx
index 3529737..fdb6b9c 100644
--- a/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx
+++ b/Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx
@@ -62,7 +62,7 @@ const NavBar = () => {
       <div
         className={
           navbar
-            ? "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 fixed top-0 items-center bg-zinc-800 justify-center xl:p-1 mx-auto md:p-4 transition-all z-20 w-full h-[60px]"
             : "flex flex-col bg-transparent mx-auto absolute z-10 w-full h-[220px transition-all]"
         }
       >
@@ -121,14 +121,14 @@ const NavBar = () => {
         <div
           className={
             navbar
-              ? "hover:cursor-pointer hidden md:flex flex-wrap xl:text-xl font-sans antialiased z-90 text-white left-10 absolute "
+              ? "hover:cursor-pointer hidden md:flex flex-wrap xl:text-lg font-sans antialiased z-90 text-white left-10 absolute "
               : "hidden"
           }
         >
           <div className="flex flex-row items-center justify-center gap-4">
             <div className="flex items-center justify-center gap-1 font-sans">
               <FaPhone />
-              <span className="text-base brightness-95">
+              <span className="text-base brightness-95 hidden lg:flex">
                 <a href="tel:9188880844">(918)-888-0844</a>
               </span>
             </div>
diff --git a/Websites/jefes-nextjs/app/components/StoreHours/StoreHours.tsx b/Websites/jefes-nextjs/app/components/StoreHours/StoreHours.tsx
index 8ec3bf7..4c0c8ce 100644
--- a/Websites/jefes-nextjs/app/components/StoreHours/StoreHours.tsx
+++ b/Websites/jefes-nextjs/app/components/StoreHours/StoreHours.tsx
@@ -41,7 +41,7 @@ const StoreHours = () => {
       <div className="flex flex-row gap-2 items-center justify-center">
         <div className="flex items-center justify-center gap-1">
           <FaClock />
-          <span className="brightness-90 antialiased font-sans text-sm">
+          <span className="brightness-90 antialiased font-sans text-sm hidden lg:flex">
             Today
           </span>
         </div>
diff --git a/Websites/jefes-nextjs/app/layout.tsx b/Websites/jefes-nextjs/app/layout.tsx
index 4dd0b8d..b5acd20 100644
--- a/Websites/jefes-nextjs/app/layout.tsx
+++ b/Websites/jefes-nextjs/app/layout.tsx
@@ -2,7 +2,6 @@ import type { Metadata } from "next";
 import { Inter, Pridi } from "next/font/google";
 import "./globals.css";
 import NavBar from "./components/NavBar/NavBar";
-import Image from "next/image";
 import Footer from "@/components/Footer/footer";
 import localFont from 'next/font/local';
 import './layout.css'
@@ -27,7 +26,8 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
-      <body className={`${pridi.className} par`}>
+      {/* <body className={`${pridi.className} par`}> */}
+      <body className={`font-sans w-full h-full`}>
         <NavBar />
         <main className="bg-[#fffafa]">{children}</main>
         <Footer />
diff --git a/Websites/jefes-nextjs/app/menu/Bar/items.json b/Websites/jefes-nextjs/app/menu/Bar/items.json
index 53f9b32..b88362e 100644
--- a/Websites/jefes-nextjs/app/menu/Bar/items.json
+++ b/Websites/jefes-nextjs/app/menu/Bar/items.json
@@ -12,7 +12,7 @@
     {
         "id": 2,
         "name": "Jefes Tower",
-        "photo": "Bar/100ozTower.jpeg",
+        "photo": "Bar/100ozTower.webp",
         "price": 35,
         "size": "100oz",
         "spicy": "yes",
@@ -22,7 +22,7 @@
     {
         "id": 3,
         "name": "Chambong",
-        "photo": "Bar/chambong.jpeg",
+        "photo": "Bar/chambong.webp",
         "price": 18,
         "size": "36oz",
         "spicy": "no",
@@ -32,7 +32,7 @@
     {
         "id": 4,
         "name": "La Mera Mera Margarita",
-        "photo": "Bar/laMeraMera56ozMargarita.jpeg",
+        "photo": "Bar/laMeraMera56ozMargarita.webp",
         "price": 20,
         "size": "56oz",
         "spicy": "yes",
@@ -57,6 +57,6 @@
         "size": "24oz",
         "spicy": "yes",
         "favorite": "no",
-        "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+        "description": "Cheesy mac."
     }
 ]
\ No newline at end of file
diff --git a/Websites/jefes-nextjs/app/menu/MenuCard/MenuCard.tsx b/Websites/jefes-nextjs/app/menu/MenuCard/MenuCard.tsx
index 9f842e3..737e9d6 100644
--- a/Websites/jefes-nextjs/app/menu/MenuCard/MenuCard.tsx
+++ b/Websites/jefes-nextjs/app/menu/MenuCard/MenuCard.tsx
@@ -17,12 +17,12 @@ const inter = Inter({ subsets: ["latin"] });
 
 const MenuCard = ({ Menu }: any) => {
   return (
-    <div className="grid desktop:grid-cols-5 tablet:grid-cols-3 md:grid-cols-2 grid-flow-row gap-y-6 md:gap-x-6">
+    <div className="grid xl:grid-cols-6 lg:grid-cols-5 tablet:grid-cols-4 md:grid-cols-3 grid-flow-row gap-y-6 md:gap-x-6">
       {Menu.map((menu_item: any) => {
         return (
           <Card
             key={menu_item.id}
-            className="flex-1 flex-col max-w-[325px] h-[452px] relative"
+            className="flex-1 flex-col max-w-[225px] h-[452px] relative"
           >
             <div className="w-full h-[55%]">
               <div className="h-full relative w-full">
@@ -33,7 +33,7 @@ const MenuCard = ({ Menu }: any) => {
                   style={{ objectFit: "cover", objectPosition: "center" }}
                   quality={75}
                   sizes="(max-width: 325px) 100vw, (max-width: 1200px) 50vw, 33vw"
-                  className="flex"
+                  className="flex hover:scale-150 hover:z-10"
                 />
               </div>
             </div>
diff --git a/Websites/jefes-nextjs/app/page.tsx b/Websites/jefes-nextjs/app/page.tsx
index 612fe38..e03ebad 100644
--- a/Websites/jefes-nextjs/app/page.tsx
+++ b/Websites/jefes-nextjs/app/page.tsx
@@ -284,7 +284,7 @@ export default function Home() {
         <div className="w-full h-[80svh] bg-blue-300">
           {/* <GoogleReviews /> */}
           <GoogleMap />
-          <div className="flex flex-col">Come Visit Us! We're located right off the 51!</div>
+          <div className="flex flex-col">Come Visit Us! We&apos;re located right off the 51!</div>
         </div>
         {/* <div className="flex flex-col w-full h-[180vh]">
           <EmblaCarousel />
diff --git a/Websites/jefes-nextjs/components/Footer/footer.tsx b/Websites/jefes-nextjs/components/Footer/footer.tsx
index 20130e4..0014888 100644
--- a/Websites/jefes-nextjs/components/Footer/footer.tsx
+++ b/Websites/jefes-nextjs/components/Footer/footer.tsx
@@ -40,7 +40,7 @@ const Footer = () => {
         </div>
 
         <div className="flex-col w-full h-full items-center gap-4 relative top-4 md:flex hidden justify-center text-center">
-          <h2 className="text-xl font-semibold italic antialiased">Pages</h2>
+          <h2 className="text-xl font-semibold italic antialiased tracking-widest">Pages</h2>
           <div className="bg-red-800 h-0.5 w-[20%]"></div>
           <div className=" items-center justify-center h-full">
             <ul className="flex flex-col text-base font-sans antialiased w-full leading-relaxed text-start pl-4">
@@ -64,7 +64,7 @@ const Footer = () => {
         </div>
 
         <div className="flex flex-col w-full h-full items-center gap-4 top-4 relative ">
-          <h2 className="text-xl font-semibold italic antialiased">
+          <h2 className="text-xl font-semibold italic antialiased tracking-widest">
             Store Hours
           </h2>
           <div className="bg-red-800 h-0.5 w-[20%] "></div>
@@ -85,7 +85,7 @@ const Footer = () => {
         </div>
 
         <div className="flex flex-col w-full h-full items-center gap-4 top-4 relative">
-          <h2 className="text-xl font-semibold italic antialiased">
+          <h2 className="text-xl font-semibold italic antialiased tracking-widest">
             Follow Us
           </h2>
           <div className="bg-red-800 h-0.5 w-[20%] "></div>
diff --git a/Websites/jefes-nextjs/public/Bar/100ozTower.jpeg b/Websites/jefes-nextjs/public/Bar/100ozTower.jpeg
deleted file mode 100644
index 47e52da..0000000
Binary files a/Websites/jefes-nextjs/public/Bar/100ozTower.jpeg and /dev/null differ
diff --git a/Websites/jefes-nextjs/public/Bar/100ozTower.webp b/Websites/jefes-nextjs/public/Bar/100ozTower.webp
new file mode 100644
index 0000000..171dc45
Binary files /dev/null and b/Websites/jefes-nextjs/public/Bar/100ozTower.webp differ
diff --git a/Websites/jefes-nextjs/public/Bar/100ozTower.webp:Zone.Identifier b/Websites/jefes-nextjs/public/Bar/100ozTower.webp:Zone.Identifier
new file mode 100644
index 0000000..053d112
--- /dev/null
+++ b/Websites/jefes-nextjs/public/Bar/100ozTower.webp:Zone.Identifier
@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+HostUrl=about:internet
diff --git a/Websites/jefes-nextjs/public/Bar/chambong.jpeg b/Websites/jefes-nextjs/public/Bar/chambong.jpeg
deleted file mode 100644
index 92ce6c2..0000000
Binary files a/Websites/jefes-nextjs/public/Bar/chambong.jpeg and /dev/null differ
diff --git a/Websites/jefes-nextjs/public/Bar/chambong.webp b/Websites/jefes-nextjs/public/Bar/chambong.webp
new file mode 100644
index 0000000..56eb7c8
Binary files /dev/null and b/Websites/jefes-nextjs/public/Bar/chambong.webp differ
diff --git a/Websites/jefes-nextjs/public/Bar/chambong.webp:Zone.Identifier b/Websites/jefes-nextjs/public/Bar/chambong.webp:Zone.Identifier
new file mode 100644
index 0000000..053d112
--- /dev/null
+++ b/Websites/jefes-nextjs/public/Bar/chambong.webp:Zone.Identifier
@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+HostUrl=about:internet
diff --git a/Websites/jefes-nextjs/public/Bar/laMeraMera56ozMargarita.jpeg b/Websites/jefes-nextjs/public/Bar/laMeraMera56ozMargarita.jpeg
deleted file mode 100644
index 5d5df16..0000000
Binary files a/Websites/jefes-nextjs/public/Bar/laMeraMera56ozMargarita.jpeg and /dev/null differ
diff --git a/Websites/jefes-nextjs/public/Bar/laMeraMera56ozMargarita.webp b/Websites/jefes-nextjs/public/Bar/laMeraMera56ozMargarita.webp
new file mode 100644
index 0000000..aaab485
Binary files /dev/null and b/Websites/jefes-nextjs/public/Bar/laMeraMera56ozMargarita.webp differ
diff --git a/Websites/jefes-nextjs/public/Bar/laMeraMera56ozMargarita.webp:Zone.Identifier b/Websites/jefes-nextjs/public/Bar/laMeraMera56ozMargarita.webp:Zone.Identifier
new file mode 100644
index 0000000..053d112
--- /dev/null
+++ b/Websites/jefes-nextjs/public/Bar/laMeraMera56ozMargarita.webp:Zone.Identifier
@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+HostUrl=about:internet
