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

chore: sync full current production website state to Gitea

Browse Source
This commit is contained in:
Anonymous
2026-06-02 10:27:50 +00:00
parent 56fe68eb48
commit fe78fd9fa1
14 changed files with 149 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/favicon.ico
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

app/locations/page.tsx
+2 -2
View File
@@ -13,7 +13,7 @@
* FUTURE:
* - When real online ordering launches, this page could show "Order from Askim"
* vs "Order from Backaplan" with different delivery radii.
* - Instagram handles for each location are mentioned where relevant.
* - Both branches now have the same opening hours.
*/
import Navbar from "@/components/Navbar";
@@ -98,7 +98,7 @@ export default function LocationsPage() {
<div>
<div className="text-[#B38B4D] text-xs tracking-widest mb-1">OPENING HOURS</div>
<div>Varies — please check our Instagram <span className="text-[#B38B4D]">@shahisweets_bp</span> for current hours.</div>
<div>Monday – Sunday • 11:00 – 21:00</div>
</div>
<div>
app/menu/page.tsx
+16 -50
View File
@@ -1,7 +1,7 @@
"use client";
/**
* MENU PAGE — Premium Sidebar + Beautiful Loading Experience
* MENU PAGE — Premium Sidebar Navigation
*/
import { useEffect, useState, useMemo } from "react";
@@ -11,26 +11,16 @@ import { ScrollTrigger } from "gsap/ScrollTrigger";
import Navbar from "@/components/Navbar";
import Footer from "@/components/Footer";
import { useCart } from "@/components/CartContext";
import { motion, AnimatePresence } from "framer-motion";
gsap.registerPlugin(ScrollTrigger);
export default function MenuPage() {
const [isLoading, setIsLoading] = useState(true);
const [activeCategory, setActiveCategory] = useState("All");
const [searchQuery, setSearchQuery] = useState("");
const [showVegetarianOnly, setShowVegetarianOnly] = useState(false);
const { addToCart } = useCart();
// Beautiful loading screen on initial load
useEffect(() => {
const timer = setTimeout(() => {
setIsLoading(false);
}, 1350);
return () => clearTimeout(timer);
}, []);
// Sidebar categories
const sidebarCategories = [
{ id: "All", name: "All Dishes" },
@@ -73,43 +63,6 @@ export default function MenuPage() {
window.scrollTo({ top: 220, behavior: "smooth" });
};
// === BEAUTIFUL LOADING SCREEN ===
if (isLoading) {
return (
<div className="min-h-screen bg-[#fbf7ef] flex items-center justify-center">
<div className="text-center">
<div className="relative mx-auto mb-8 w-20 h-20">
<div className="absolute inset-0 rounded-full border-2 border-[#c99a2e]/30" />
<motion.div
className="absolute inset-0 rounded-full border-2 border-transparent border-t-[#c99a2e] border-r-[#d4a73d]"
animate={{ rotate: 360 }}
transition={{ duration: 1.3, repeat: Infinity, ease: "linear" }}
/>
<div className="absolute inset-[6px] rounded-full border border-[#0f5a4a]/20" />
</div>
<div className="space-y-2">
<h2 className="font-serif text-3xl tracking-tight text-[#101724]">
Loading the Menu
</h2>
<p className="text-[#68717f] text-sm tracking-[1.5px]">Preparing the Royal Table...</p>
</div>
<div className="flex justify-center gap-2 mt-6">
{[0, 1, 2].map((i) => (
<motion.div
key={i}
className="w-1.5 h-1.5 rounded-full bg-[#c99a2e]"
animate={{ opacity: [0.3, 1, 0.3] }}
transition={{ duration: 1.1, repeat: Infinity, delay: i * 0.18 }}
/>
))}
</div>
</div>
</div>
);
}
return (
<div className="min-h-screen bg-[#F8F5F0] text-[#2C2A26]">
<Navbar />
@@ -270,7 +223,7 @@ export default function MenuPage() {
}}
/>
{/* Video on Hover */}
{/* Video on Hover - robust source selection with optimized fallbacks */}
<video
muted
loop
@@ -278,7 +231,20 @@ export default function MenuPage() {
preload="metadata"
className="absolute inset-0 w-full h-full object-cover opacity-0 group-hover:opacity-100 transition-opacity duration-150"
>
<source src={`/videos/${item.video.replace(".mp4", ".webm")}`} type="video/webm" />
{/* Optimized variants first (smaller, better quality) */}
<source
src={`/videos/${item.video.replace(".mp4", "-optimized.webm")}`}
type="video/webm"
/>
<source
src={`/videos/${item.video.replace(".mp4", "-optimized.mp4")}`}
type="video/mp4"
/>
{/* Base variants as fallback */}
<source
src={`/videos/${item.video.replace(".mp4", ".webm")}`}
type="video/webm"
/>
<source src={`/videos/${item.video}`} type="video/mp4" />
</video>
app/page.tsx
+7 -6
View File
@@ -186,20 +186,21 @@ export default function ShahiKitchenHomepage() {
{/* HERO - Full Banner Video with responsive framing */}
<section className="relative min-h-[70dvh] sm:min-h-[78dvh] md:min-h-[85dvh] lg:min-h-[92dvh] xl:min-h-[100dvh]
flex items-center justify-center pt-20 lg:pt-[88px] overflow-hidden bg-[#fbf7ef]">
flex items-center justify-center pt-40 sm:pt-44 md:pt-52 lg:pt-[200px] xl:pt-[220px] overflow-hidden bg-[#fbf7ef]">
{/* Banner Video - Optimized positioning per device */}
<video
autoPlay
muted
loop
playsInline
preload="auto"
className="absolute inset-0 z-10 w-full h-full object-cover
object-[50%_22%] sm:object-[50%_26%] md:object-[50%_30%]
lg:object-[50%_35%] xl:object-[50%_38%]"
object-[50%_10%] sm:object-[50%_12%] md:object-[50%_16%]
lg:object-[50%_20%] xl:object-[50%_24%]"
onError={(e) => console.error('Hero banner video failed to load', e)}
>
<source src="/videos/banner.webm" type="video/webm" />
<source src="/videos/banner.mp4" type="video/mp4" />
{/* Using the compressed banner1.mp4 from images/logo as intended for the hero */}
<source src="/images/logo/banner1.mp4" type="video/mp4" />
</video>
{/* Subtle gradient to improve visibility of baked-in text */}