x

apps/website/src/app/[lang]/category/[id]/page.tsx

@@ -219,15 +219,17 @@ export default async function CategoryPage({ params }: { params: Promise<{ id: s
                 {category._count && <p className="mt-3 text-muted-text text-sm">{category._count.products} products available in this collection</p>}
               </div>
             </div>
-            <div className="relative w-48 h-48 md:w-72 md:h-72 shrink-0 rounded-3xl overflow-hidden shadow-lg border border-line-primary/5">
+            {categoryThumbnailUrl && (
-              <Image
+              <div className="relative w-48 h-48 md:w-72 md:h-72 shrink-0 rounded-3xl overflow-hidden shadow-lg border border-line-primary/5">
-                src={categoryThumbnailUrl}
+                <Image
-                alt={categoryName}
+                  src={categoryThumbnailUrl}
-                fill
+                  alt={categoryName}
-                unoptimized
+                  fill
-                className="object-cover"
+                  unoptimized
-              />
+                  className="object-cover"
-            </div>
+                />
+              </div>
+            )}
           </div>
         </section>
       )}

apps/website/src/lib/cms-sections.ts

@@ -12,7 +12,7 @@ export function splitCmsLayoutSections(sections: PageSection[]) {
 
   return {
     announcementSections: activeSections.filter((section) => announcementTypes.has(sectionType(section))),
-    heroSections: [], // Keep for backwards compatibility with page components
+    heroSections: activeSections.filter((section) => heroTypes.has(sectionType(section))),
-    bottomSections: activeSections.filter((section) => !announcementTypes.has(sectionType(section))),
+    bottomSections: activeSections.filter((section) => !announcementTypes.has(sectionType(section)) && !heroTypes.has(sectionType(section))),
   }
 }