ImAlpha/Portfolio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed Certain links to social media and ordering online

Browse Source
This commit is contained in:
Jacob Delgado 2024-02-02 04:29:20 -08:00
parent e6d0f91e00
commit 53e7964ef0
4 changed files with 37 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
Websites/jefes-nextjs/app/components/NavBar/NavBar.tsx
View File

@ -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="text-xl brightness-90">
<IoLocationSharp />
</div>
<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>
</span>
<div className="flex items-center justify-center gap-1 z-10">
<a
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"
className="flex items-center justify-center gap-1"
>
<div className="text-xl brightness-90">
<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 />

11
Websites/jefes-nextjs/app/components/NavBar/reserveButton.tsx
View File

@ -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"

10
Websites/jefes-nextjs/app/menuButton.tsx
View File

@ -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>

12
Websites/jefes-nextjs/components/Footer/footer.tsx
View File

@ -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" />
<AiOutlineInstagram size={30} className="cursor-pointer" />
<AiOutlineFacebook size={30} className="cursor-pointer" />
<a href="https://www.tiktok.com/@jefesbrokenarrow"><FaTiktok size={30} className="cursor-pointer" /></a>
<a href="https://www.instagram.com/jefesbrokenarrow/"><AiOutlineInstagram size={30} className="cursor-pointer" /></a>
<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>