chore: sync full current production website state to Gitea

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
+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 */}