Fix mobile hero overflow; mock: publish 5 products for richer storefront demo

frontend/mock/mock_api.py

@@ -37,7 +37,7 @@ PRODUCT_SEEDS = [
 
 LIFECYCLE = [
     "discovered", "analyzing", "approved", "imported", "content_generated",
-    "price_calculated", "quality_check", "published", "published", "published",
+    "published", "published", "published", "published", "published",
     "monitored", "paused",
 ]
 

frontend/src/pages/Home.tsx

@@ -40,7 +40,7 @@ export default function Home() {
   return (
     <div className="mx-auto max-w-7xl px-4 sm:px-6">
       {/* ── Hero ── */}
-      <section className="relative py-20 text-center sm:py-28">
+      <section className="relative overflow-hidden py-20 text-center sm:py-28">
         <div className="pointer-events-none absolute left-1/2 top-0 h-[420px] w-[720px] -translate-x-1/2 rounded-full bg-indigo-600/20 blur-[120px]" />
         <span className="chip">
           <IconSparkles className="h-3.5 w-3.5 text-amber-300" />