x

apps/website/src/components/dynamic/DynamicPageRenderer.tsx

@@ -10,6 +10,7 @@ import ProductCard from '../ProductCard'
 import { localizedFromRecord, resolveCategoryName, resolveLocalized, toRecord } from '../../lib/localization'
 import { useLang } from '../../hooks/useLang'
 import { useTranslation } from 'react-i18next'
+import { customRegistry } from '../../config/customRegistry'
 import { Swiper, SwiperSlide } from 'swiper/react'
 import { Autoplay, Pagination, Navigation } from 'swiper/modules'
 import 'swiper/css'
@@ -1127,6 +1128,24 @@ export default function DynamicPageRenderer({ sections, categories, lang: langPr
                 <ContactFormSection payload={payload} lang={lang} />
               </ScrollReveal>
             )
+          case 'CUSTOM': {
+            const componentId = typeof payload.componentId === 'string' ? payload.componentId : ''
+            const props = toRecord(payload.props)
+            const CustomComponent = customRegistry[componentId]
+
+            if (!CustomComponent) {
+              if (process.env.NODE_ENV !== 'production') {
+                console.warn(`[DynamicPageRenderer] Unknown custom component: ${componentId}`)
+              }
+              return null
+            }
+
+            return (
+              <ScrollReveal key={section.id}>
+                <CustomComponent props={props} lang={lang} />
+              </ScrollReveal>
+            )
+          }
           default:
             if (process.env.NODE_ENV !== 'production') {
               console.warn(`[DynamicPageRenderer] Unsupported section type: ${section.type}`)
@@ -1137,4 +1156,3 @@ export default function DynamicPageRenderer({ sections, categories, lang: langPr
     </div>
   )
 }
-