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

2026-08-25 20:35:14 -07:00
parent b09dcfd929
commit 8573554bf9
2 changed files with 2 additions and 2 deletions
--- a/frontend/src/pages/Home.tsx
+++ b/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" />