Sprint 7: add section engine

src/app/pages/home/home.component.html

@@ -1,22 +1,9 @@
 <!-- novo VERSION - Modern Grid Layout -->
 @if (isMarketplaceNovo) {
   <div class="novo-home">
-    <section class="novo-hero novo-hero-compact">
-      <div class="novo-hero-content">
-        <h1 class="novo-hero-title">{{ 'home.welcomeTo' | translate:{ brand: brandName } }}</h1>
-        <p class="novo-hero-subtitle">{{ 'home.subtitle' | translate }}</p>
-        <a [routerLink]="'/search' | langRoute" class="novo-hero-btn">
-          {{ 'home.startSearch' | translate }}
-          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-            <line x1="5" y1="12" x2="19" y2="12"></line>
-            <polyline points="12 5 19 12 12 19"></polyline>
-          </svg>
-        </a>
-      </div>
-    </section>
-
-    <!-- Items Carousel -->
-    <app-items-carousel />
+    @if (pageModel()) {
+      <app-dynamic-page-layout [model]="pageModel()" />
+    }
 
     @if (loading()) {
       <section class="novo-categories">
@@ -89,31 +76,9 @@
 } @else {
   <!-- DEXAR VERSION - Redesigned 2026 -->
   <div class="dexar-home">
-    <!-- Hero Section with Full Width Image -->
-    <section class="dexar-hero">
-      <div class="dexar-hero-overlay">
-        <div class="dexar-hero-content">
-          <h1 class="dexar-hero-title">{{ 'home.dexarHeroTitle' | translate }}</h1>
-          <p class="dexar-hero-subtitle">{{ 'home.dexarHeroSubtitle' | translate }}</p>
-          <p class="dexar-hero-tagline">{{ 'home.dexarHeroTagline' | translate }}</p>
-          
-          <div class="dexar-hero-actions">
-            <a (click)="scrollToCatalog()" class="dexar-btn-primary">
-              {{ 'home.goToCatalog' | translate }}
-            </a>
-            <button (click)="navigateToSearch()" class="dexar-btn-secondary">
-              {{ 'home.findProduct' | translate }}
-              <svg width="11" height="16" viewBox="0 0 11 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <path d="M1 1L9 8L1 15" stroke="#1E3C38" stroke-width="2"/>
-              </svg>
-            </button>
-          </div>
-        </div>
-      </div>
-    </section>
-
-    <!-- Items Carousel -->
-    <app-items-carousel />
+    @if (pageModel()) {
+      <app-dynamic-page-layout [model]="pageModel()" />
+    }
 
     @if (loading()) {
       <section class="dexar-categories">