x

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

@@ -4,7 +4,7 @@ import Image from 'next/image'
 import Link from '../LocalizedLink'
 import { Clock, Mail, MapPin, MessageCircle, Send, ChevronLeft, ChevronRight, Leaf, Droplet, Sparkles, Gift, CheckCircle, ShieldCheck, Heart, Download, FileText } from 'lucide-react'
 import { useState, useRef, useEffect, useMemo } from 'react'
-import type { Category, PageSection, Product } from '@homaroma/types'
+import type { Category, DividerSectionPayload, PageSection, Product } from '@homaroma/types'
 import { getCategoryImage, resolveCategoryMediaUrl } from '@homaroma/types'
 import ProductCard from '../ProductCard'
 import { localizedFromRecord, resolveCategoryName, resolveLocalized, toRecord } from '../../lib/localization'
@@ -14,6 +14,7 @@ import { customRegistry } from '../../config/customRegistry'
 import { Swiper, SwiperSlide } from 'swiper/react'
 import { Autoplay, Pagination, Navigation } from 'swiper/modules'
 import ScrollReveal from '../ScrollReveal'
+import PageDivider from '../PageDivider'
 import 'swiper/css'
 import 'swiper/css/pagination'
 import 'swiper/css/navigation'
@@ -2268,6 +2269,8 @@ export default function DynamicPageRenderer({ sections, categories, lang: langPr
                 <HeroCarouselSection payload={payload} lang={lang} />
               </ScrollReveal>
             )
+          case 'DIVIDER':
+            return <PageDivider key={section.id} payload={payload as DividerSectionPayload} />
           case 'HERO_MINIMAL':
             return (
               <ScrollReveal key={section.id}>