added store hours based on day

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

@@ -11,6 +11,7 @@ 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";
 
 const NavBar = () => {
   const currentPath = usePathname();
@@ -69,10 +70,13 @@ const NavBar = () => {
               : "hidden"
           }
         >
+          <div className="flex flex-row items-center justify-center gap-4">
           <div className="flex items-center justify-center space-x-1.5">
             <FaPhone />
             <span>(918) 888-0844</span>
           </div>
+            <StoreHours />
+          </div>
         </div>
         <ul
           className={

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

@@ -0,0 +1,50 @@
+import { getDay } from "date-fns";
+import React from "react";
+import { FaRegClock } from "react-icons/fa";
+
+const StoreHours = () => {
+  var week = [
+    { day: "Sunday", hours: "11:00am - 8:00pm" },
+    { day: "Monday", hours: "11:00am - 9:00pm" },
+    { day: "Tuesday", hours: "11:00am - 9:00pm" },
+    { day: "Wednesday", hours: "11:00am - 9:00pm" },
+    { day: "Thursday", hours: "11:00am - 9:00pm" },
+    { day: "Friday", hours: "11:00am - 9:30pm" },
+    { day: "Saturday", hours: "11:00am - 9:30pm" },
+  ];
+
+  var months = [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December",
+  ];
+
+  function getHoursByDay(day: String) {
+    const foundDay = week.find((item) => item.day === day);
+    return foundDay ? foundDay.hours : "Hours not found";
+  }
+  var curr_day = new Date().toLocaleDateString("en-US", { weekday: "long" });
+
+  var hours = getHoursByDay(curr_day);
+
+  return (
+    <>
+      <div className="flex flex-row gap-1 items-center justify-center">
+        <div className="flex">
+          <FaRegClock />
+        </div>
+        <div className="flex">{hours}</div>
+      </div>
+    </>
+  );
+};
+export default StoreHours;

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

@@ -2,7 +2,6 @@ import React from "react";
 import { useState } from "react";
 import { BsChevronCompactLeft, BsChevronCompactRight } from "react-icons/bs";
 import { RxDotFilled } from "react-icons/rx";
-import { EmblaCarousel } from "./carousel";
 import Image from "next/image";
 import WSPGallery from "../components/WSPGallery/page";
 

Websites/jefes-nextjs/components/Footer/footer.tsx

@@ -33,7 +33,7 @@ const Footer = () => {
             </Link>
           </div>
           <p className="flex flex-wrap w-[90%] relative items-center text-start justify-center text-base ">
-            Jefe's Mexican Cocina Y Cantina serves the best Mexican food in
+            Jefes Mexican Cocina Y Cantina serves the best Mexican food in
             Broken Arrow, OK.
           </p>
         </div>