Polish storefront SEO, specials, and homepage UX.

Publish Meshkee sitemap-config, map product-source specials without variants, restore hero autoplay, and tighten page heroes, product images, and section order.

Co-authored-by: Cursor <cursoragent@cursor.com>

components/layout/PageHero.tsx

@@ -1,6 +1,6 @@
-import { GlassBox } from "@/components/GlassBox";
 import { Placeholder } from "@/components/Placeholder";
 import { Container } from "@/components/Container";
+import { glossyBar } from "@/lib/glossy";
 
 export function PageHero({
   kicker,
@@ -12,17 +12,15 @@ export function PageHero({
   image: string;
 }) {
   return (
-    <section className="relative h-[42vh] min-h-[280px] overflow-hidden bg-ink">
-      <Placeholder src={image} alt="" className="absolute inset-0 h-full w-full object-cover" />
-      <div className="absolute inset-0 bg-gradient-to-t from-black/40 to-black/10" />
-      <div className="absolute inset-x-0 bottom-0">
-        <Container className="px-4 sm:px-6">
-          <GlassBox frostSrc={image} className="relative mb-6 inline-block max-w-lg px-8 py-7">
-            <p className="section-kicker">{kicker}</p>
-            <h1 className="mt-2 text-3xl font-extrabold sm:text-5xl">{title}</h1>
-          </GlassBox>
-        </Container>
-      </div>
+    <section className="relative h-[160px] overflow-hidden bg-ink sm:h-[200px]">
+      <Placeholder src={image} alt={title} className="absolute inset-0 h-full w-full object-cover" />
+      <div className="absolute inset-0 bg-ink/75" />
+      <Container className="relative flex h-full items-center px-4 sm:px-6">
+        <div className="max-w-xl rounded-2xl px-6 py-4 sm:px-8 sm:py-5" style={glossyBar}>
+          <p className="font-latin text-[10px] font-bold tracking-[0.32em] text-white/60 uppercase">{kicker}</p>
+          <h1 className="mt-1.5 line-clamp-2 text-[22px] font-extrabold leading-snug text-white sm:text-[28px]">{title}</h1>
+        </div>
+      </Container>
     </section>
   );
 }