Fixed Certain links to social media and ordering online

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

@@ -76,13 +76,18 @@ const NavBar = () => {
           <div className="flex flex-row h-full">
             {/* left side  */}
             <div className="flex w-1/2 lg:gap-6 gap-4 relative lg:left-20 left-0 ">
-              <div className="flex items-center justify-center gap-1">
+              <div className="flex items-center justify-center gap-1 z-10">
-                <div className="text-xl brightness-90">
+                <a
-                  <IoLocationSharp />
+                  href="https://www.google.com/maps/place/Jefe's+Mexican+Cocina+Y+Cantina/@36.0190665,-95.7069482,15z/data=!4m14!1m7!3m6!1s0x87b6624073d4ee43:0x4e3732654d129041!2sJefe's+Mexican+Cocina+Y+Cantina!8m2!3d36.0190665!4d-95.7069482!16s%2Fg%2F11f0wkrmd3!3m5!1s0x87b6624073d4ee43:0x4e3732654d129041!8m2!3d36.0190665!4d-95.7069482!16s%2Fg%2F11f0wkrmd3?entry=ttu"
-                </div>
+                  className="flex items-center justify-center gap-1"
-                <span className="flex flex-wrap brightness-90 font-sans text-sm">
+                >
-                  <a href="geo:36.01956980565984, -95.70684091164172">24188 E Hwy 51, Broken Arrow, OK 74014</a>
+                  <div className="text-xl brightness-90">
-                </span>
+                    <IoLocationSharp />
+                  </div>
+                  <span className="flex flex-wrap brightness-90 font-sans text-sm">
+                    24188 E Hwy 51, Broken Arrow, OK 74014
+                  </span>
+                </a>
               </div>
               <div className="flex items-center justify-center">
                 <StoreHours />

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

@@ -7,9 +7,16 @@ const Reserve = () => {
   return (
     <div>
       <div className="right-2 hidden md:block">
-        <Button size='sm' className="xl:text-lg bg-red-800 hover:bg-slate-800 text-xs">
+        <Button
+          size="sm"
+          className="xl:text-lg bg-red-800 hover:bg-slate-800 text-xs"
+        >
           <span className="flex flex-row">
-            <span className="flex flex-row">ORDER ONLINE</span>
+            <span className="flex flex-row">
+              <a href="https://www.grubhub.com/restaurant/jefes-mexican-cocina-y-cantina-24188-e-hwy-51-broken-arrow/2735039?pickup=true&rwg_token=AAh05qZCcKFQ2Z7gD1Zk8cKMX6nulMnyaXXy0WFPLpaVJpzOl7Hmg_7_21m5_lqd6Px-CeiFlA0OBrR9wjNyhFbJLOA6sURn_fdyCxIc6A4f4duiviHGfos%3D">
+                ORDER ONLINE
+              </a>
+            </span>
           </span>
           {/* <Image
             src="/fork.svg"

Websites/jefes-nextjs/app/menuButton.tsx

@@ -1,14 +1,20 @@
 "use client";
 import { Button } from "@/components/ui/button";
 import React from "react";
+import Link from "next/link";
 
 const MenuButton = () => {
   return (
     <div>
       <div className="right-2 hidden md:block">
-        <Button size="sm" className="xl:text-lg  bg-zinc-900 hover:bg-slate-600">
+        <Button
+          size="sm"
+          className="xl:text-lg  bg-zinc-900 hover:bg-slate-600"
+        >
           <span className="flex flex-row px-3">
-            <span className="flex flex-row">VIEW MENU</span>
+            <span className="flex flex-row">
+              <Link href="/menu">VIEW MENU</Link>
+            </span>
           </span>
         </Button>
       </div>

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

@@ -20,7 +20,7 @@ const Footer = () => {
     <div className="bg-stone-900 w-full items-center justify-center md:h-[25vh] flex sm:h-[50svh] overflow-hidden">
       <div className=" w-[60%] flex flex-col md:flex-row text-white justify-evenly leading-relaxed items-center text-center mx-auto relative h-full">
         <div className="w-full h-full flex flex-col items-center justify-evenly relative">
-          <div className="h-1/2 w-full relative">
+          <div className="h-1/2 w-full relative -mt-2">
             {/* logo */}
             <Link href="/" className="">
               <Image
@@ -28,6 +28,7 @@ const Footer = () => {
                 fill
                 style={{ objectFit: "contain", objectPosition: "center" }}
                 alt="Logo"
+                sizes="(max-width: 25px) 100vw, (max-width: 1200px) 50vw, 33vw"
                 quality={100}
               />
             </Link>
@@ -89,9 +90,12 @@ const Footer = () => {
           </h2>
           <div className="bg-red-800 h-0.5 w-[20%] "></div>
           <div className="flex flex-row justify-evenly items-center text-white w-[60%] relative h-1/2">
-            <FaTiktok size={30} className="cursor-pointer" />
+            <a href="https://www.tiktok.com/@jefesbrokenarrow"><FaTiktok size={30} className="cursor-pointer" /></a>
-            <AiOutlineInstagram size={30} className="cursor-pointer" />
+            <a href="https://www.instagram.com/jefesbrokenarrow/"><AiOutlineInstagram size={30} className="cursor-pointer" /></a>
-            <AiOutlineFacebook size={30} className="cursor-pointer" />
+            <a href="https://www.facebook.com/jefesbrokenarrow"><AiOutlineFacebook size={30} className="cursor-pointer" /></a>
+            {/* Grub hub link https://www.grubhub.com/restaurant/jefes-mexican-cocina-y-cantina-24188-e-hwy-51-broken-arrow/2735039?pickup=true&rwg_token=AAh05qZCcKFQ2Z7gD1Zk8cKMX6nulMnyaXXy0WFPLpaVJpzOl7Hmg_7_21m5_lqd6Px-CeiFlA0OBrR9wjNyhFbJLOA6sURn_fdyCxIc6A4f4duiviHGfos%3D */}
+            {/* yelp link https://www.yelp.com/biz/jefes-mexican-cocina-and-cantina-broken-arrow */}
+
           </div>
         </div>
       </div>