admin/shahikitchen-prod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Replace entire repo content with code from /root/shahikitchen-google/

Browse Source
This commit is contained in:
root
2026-07-03 02:51:15 +00:00
parent c8b7dc95e4
commit 8ccf033329
79 changed files with 7611 additions and 439 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/Navbar.tsx
+5 -7
View File
@@ -4,7 +4,7 @@ import { useState, useEffect } from "react";
import Link from "next/link";
import { useCart } from "./CartContext";
import { useWishlist } from "./WishlistContext";
import { ShoppingBag, Heart, ArrowRight, Home, UtensilsCrossed, MapPin, Star, Phone, X, LogIn, ChefHat } from "lucide-react";
import { ShoppingBag, Heart, ArrowRight, Home, UtensilsCrossed, MapPin, Star, Phone, X, ChefHat } from "lucide-react";
import LanguageSwitcher from "./LanguageSwitcher";
import HeaderSpacer from "./HeaderSpacer";
import { logoUrl } from "@/lib/assets";
@@ -44,7 +44,6 @@ export default function Navbar({ variant = "default" }: NavbarProps) {
{ href: "/menu", label: t.nav.menu },
{ href: "/catering", label: t.nav.catering },
{ href: "/locations", label: t.nav.locations },
{ href: "/login", label: t.nav.login },
{ href: "/#experience", label: t.nav.experience },
{ href: "/#contact", label: t.nav.contact },
];
@@ -232,7 +231,7 @@ export default function Navbar({ variant = "default" }: NavbarProps) {
{/* Sliding Panel - modern, full-bleed on small phones, elegant on larger */}
<motion.div
className={`absolute top-0 bottom-0 w-[82%] max-w-[340px] bg-[#fbf7ef] shadow-2xl flex flex-col overflow-y-auto z-[10000] ${
className={`absolute top-0 bottom-0 w-[82%] max-w-[340px] bg-[#fbf7ef] shadow-2xl flex flex-col overflow-y-auto z-[10000] pt-[env(safe-area-inset-top)] ${
isRtl
? 'left-0 border-r border-[#c99a2e]/10'
: 'right-0 border-l border-[#c99a2e]/10'
@@ -257,7 +256,7 @@ export default function Navbar({ variant = "default" }: NavbarProps) {
</div>
<button
onClick={closeMenu}
className="w-10 h-10 flex items-center justify-center rounded-full bg-white/70 active:bg-[#EDE6D9] text-[#101724] transition-colors"
className="min-h-11 min-w-11 flex items-center justify-center rounded-full bg-white/70 active:bg-[#EDE6D9] text-[#101724] transition-colors touch-manipulation"
aria-label="Close menu"
>
<X className="h-5 w-5" />
@@ -273,7 +272,6 @@ export default function Navbar({ variant = "default" }: NavbarProps) {
link.href === '/menu' ? UtensilsCrossed :
link.href === '/catering' ? ChefHat :
link.href === '/locations' ? MapPin :
link.href === '/login' ? LogIn :
link.href.includes('experience') ? Star : Phone;
return (
@@ -281,14 +279,14 @@ export default function Navbar({ variant = "default" }: NavbarProps) {
key={link.href}
href={link.href}
onClick={closeMenu}
className={`flex items-center gap-4 px-4 py-3.5 mx-1 my-0.5 rounded-2xl text-[17px] font-medium transition-all active:scale-[0.985] ${
className={`flex items-center gap-4 px-4 py-3.5 mx-1 my-0.5 rounded-2xl text-[17px] font-medium transition-all active:scale-[0.985] min-h-[48px] touch-manipulation ${
active
? 'bg-[#101724] text-white shadow-sm'
: 'text-[#101724] hover:bg-white active:bg-[#EDE6D9]'
}`}
>
<Icon className={`h-5 w-5 flex-shrink-0 ${active ? 'text-[#c99a2e]' : 'text-[#B38B4D]'}`} />
<span className="whitespace-nowrap">{link.label}</span>
<span className="min-w-0 truncate">{link.label}</span>
{active && (
<span className="ml-auto text-xs tracking-widest opacity-70">CURRENT</span>
)}