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

adjusted font, fixed navbar, changed menu cards to scale the photos

Browse Source
This commit is contained in:
Jacob Delgado 2024-09-15 21:53:16 -07:00
parent ef0cfa819c
commit 262046fa63
16 changed files with 26 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -62,7 +62,7 @@ const NavBar = () => {
<div <div
className={ className={
navbar 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]" : "flex flex-col bg-transparent mx-auto absolute z-10 w-full h-[220px transition-all]"
} }
> >
@ -121,14 +121,14 @@ const NavBar = () => {
<div <div
className={ className={
navbar 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" : "hidden"
} }
> >
<div className="flex flex-row items-center justify-center gap-4"> <div className="flex flex-row items-center justify-center gap-4">
<div className="flex items-center justify-center gap-1 font-sans"> <div className="flex items-center justify-center gap-1 font-sans">
<FaPhone /> <FaPhone />
<span className="text-base brightness-95"> <span className="text-base brightness-95 hidden lg:flex">
<a href="tel:9188880844">(918)-888-0844</a> <a href="tel:9188880844">(918)-888-0844</a>
</span> </span>
</div> </div>

2
Websites/jefes-nextjs/app/components/StoreHours/StoreHours.tsx
View File

@ -41,7 +41,7 @@ const StoreHours = () => {
<div className="flex flex-row gap-2 items-center justify-center"> <div className="flex flex-row gap-2 items-center justify-center">
<div className="flex items-center justify-center gap-1"> <div className="flex items-center justify-center gap-1">
<FaClock /> <FaClock />
<span className="brightness-90 antialiased font-sans text-sm"> <span className="brightness-90 antialiased font-sans text-sm hidden lg:flex">
Today Today
</span> </span>
</div> </div>

4
Websites/jefes-nextjs/app/layout.tsx
View File

@ -2,7 +2,6 @@ import type { Metadata } from "next";
import { Inter, Pridi } from "next/font/google"; import { Inter, Pridi } from "next/font/google";
import "./globals.css"; import "./globals.css";
import NavBar from "./components/NavBar/NavBar"; import NavBar from "./components/NavBar/NavBar";
import Image from "next/image";
import Footer from "@/components/Footer/footer"; import Footer from "@/components/Footer/footer";
import localFont from 'next/font/local'; import localFont from 'next/font/local';
import './layout.css' import './layout.css'
@ -27,7 +26,8 @@ export default function RootLayout({
}) { }) {
return ( return (
<html lang="en"> <html lang="en">
<body className={`${pridi.className} par`}> {/* <body className={`${pridi.className} par`}> */}
<body className={`font-sans w-full h-full`}>
<NavBar /> <NavBar />
<main className="bg-[#fffafa]">{children}</main> <main className="bg-[#fffafa]">{children}</main>
<Footer /> <Footer />

8
Websites/jefes-nextjs/app/menu/Bar/items.json
View File

@ -12,7 +12,7 @@
{ {
"id": 2, "id": 2,
"name": "Jefes Tower", "name": "Jefes Tower",
"photo": "Bar/100ozTower.jpeg", "photo": "Bar/100ozTower.webp",
"price": 35, "price": 35,
"size": "100oz", "size": "100oz",
"spicy": "yes", "spicy": "yes",
@ -22,7 +22,7 @@
{ {
"id": 3, "id": 3,
"name": "Chambong", "name": "Chambong",
"photo": "Bar/chambong.jpeg", "photo": "Bar/chambong.webp",
"price": 18, "price": 18,
"size": "36oz", "size": "36oz",
"spicy": "no", "spicy": "no",
@ -32,7 +32,7 @@
{ {
"id": 4, "id": 4,
"name": "La Mera Mera Margarita", "name": "La Mera Mera Margarita",
"photo": "Bar/laMeraMera56ozMargarita.jpeg", "photo": "Bar/laMeraMera56ozMargarita.webp",
"price": 20, "price": 20,
"size": "56oz", "size": "56oz",
"spicy": "yes", "spicy": "yes",
@ -57,6 +57,6 @@
"size": "24oz", "size": "24oz",
"spicy": "yes", "spicy": "yes",
"favorite": "no", "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."
} }
] ]

6
Websites/jefes-nextjs/app/menu/MenuCard/MenuCard.tsx
View File

@ -17,12 +17,12 @@ const inter = Inter({ subsets: ["latin"] });
const MenuCard = ({ Menu }: any) => { const MenuCard = ({ Menu }: any) => {
return ( 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) => { {Menu.map((menu_item: any) => {
return ( return (
<Card <Card
key={menu_item.id} 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="w-full h-[55%]">
<div className="h-full relative w-full"> <div className="h-full relative w-full">
@ -33,7 +33,7 @@ const MenuCard = ({ Menu }: any) => {
style={{ objectFit: "cover", objectPosition: "center" }} style={{ objectFit: "cover", objectPosition: "center" }}
quality={75} quality={75}
sizes="(max-width: 325px) 100vw, (max-width: 1200px) 50vw, 33vw" sizes="(max-width: 325px) 100vw, (max-width: 1200px) 50vw, 33vw"
className="flex" className="flex hover:scale-150 hover:z-10"
/> />
</div> </div>
</div> </div>

2
Websites/jefes-nextjs/app/page.tsx
View File

@ -284,7 +284,7 @@ export default function Home() {
<div className="w-full h-[80svh] bg-blue-300"> <div className="w-full h-[80svh] bg-blue-300">
{/* <GoogleReviews /> */} {/* <GoogleReviews /> */}
<GoogleMap /> <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>
{/* <div className="flex flex-col w-full h-[180vh]"> {/* <div className="flex flex-col w-full h-[180vh]">
<EmblaCarousel /> <EmblaCarousel />

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

@ -40,7 +40,7 @@ const Footer = () => {
</div> </div>
<div className="flex-col w-full h-full items-center gap-4 relative top-4 md:flex hidden justify-center text-center"> <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="bg-red-800 h-0.5 w-[20%]"></div>
<div className=" items-center justify-center h-full"> <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"> <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>
<div className="flex flex-col w-full h-full items-center gap-4 top-4 relative "> <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 Store Hours
</h2> </h2>
<div className="bg-red-800 h-0.5 w-[20%] "></div> <div className="bg-red-800 h-0.5 w-[20%] "></div>
@ -85,7 +85,7 @@ const Footer = () => {
</div> </div>
<div className="flex flex-col w-full h-full items-center gap-4 top-4 relative"> <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 Follow Us
</h2> </h2>
<div className="bg-red-800 h-0.5 w-[20%] "></div> <div className="bg-red-800 h-0.5 w-[20%] "></div>

BIN
Websites/jefes-nextjs/public/Bar/100ozTower.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.1 MiB

BIN
Websites/jefes-nextjs/public/Bar/100ozTower.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 907 KiB

3
Websites/jefes-nextjs/public/Bar/100ozTower.webp:Zone.Identifier Normal file
View File

@ -0,0 +1,3 @@
[ZoneTransfer]
ZoneId=3
HostUrl=about:internet

BIN
Websites/jefes-nextjs/public/Bar/chambong.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.9 MiB

BIN
Websites/jefes-nextjs/public/Bar/chambong.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 295 KiB

3
Websites/jefes-nextjs/public/Bar/chambong.webp:Zone.Identifier Normal file
View File

@ -0,0 +1,3 @@
[ZoneTransfer]
ZoneId=3
HostUrl=about:internet

BIN
Websites/jefes-nextjs/public/Bar/laMeraMera56ozMargarita.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.6 MiB

BIN
Websites/jefes-nextjs/public/Bar/laMeraMera56ozMargarita.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 805 KiB

3
Websites/jefes-nextjs/public/Bar/laMeraMera56ozMargarita.webp:Zone.Identifier Normal file
View File

@ -0,0 +1,3 @@
[ZoneTransfer]
ZoneId=3
HostUrl=about:internet