feat(catalog): layout info BC (logo 70% + box testo nero) via info_duckets

src/components/catalog/views/page/layout/CatalogLayoutBcInfoView.tsx

@@ -0,0 +1,32 @@
+import { FC } from 'react';
+import { SanitizeHtml } from '../../../../../api';
+import { CatalogLayoutProps } from './CatalogLayout.types';
+
+// Info/landing layout: a big logo box (70% of the page height) on top and a
+// smaller box below holding the page text in black. Logo = page headline
+// image (getImage(0)), text = page text 1 (getText(0)). Set both from
+// catalog admin (Gestione -> Modifica pagina).
+export const CatalogLayoutBcInfoView: FC<CatalogLayoutProps> = props =>
+{
+    const { page = null } = props;
+
+    const logo = page?.localization?.getImage(0) || '';
+    const text = page?.localization?.getText(0) || '';
+
+    return (
+        <div className="flex flex-col h-full gap-2">
+            <div
+                className="bg-white rounded border border-card-grid-item-border flex items-center justify-center overflow-hidden"
+                style={ { height: '70%' } }>
+                { logo
+                    ? <img alt="" className="max-h-full max-w-full object-contain" src={ logo } />
+                    : <span className="text-muted text-[11px]">Logo — imposta l'immagine headline da Gestione</span> }
+            </div>
+            <div className="flex-1 min-h-0 bg-white rounded border border-card-grid-item-border p-3 overflow-auto">
+                <div
+                    className="text-black text-[12px] leading-snug"
+                    dangerouslySetInnerHTML={ { __html: SanitizeHtml(text) } } />
+            </div>
+        </div>
+    );
+};

src/components/catalog/views/page/layout/GetCatalogLayout.tsx

@@ -1,6 +1,7 @@
 import { ICatalogPage } from '../../../../../api';
 import { CatalogLayoutProps } from './CatalogLayout.types';
 import { CatalogLayoutBadgeDisplayView } from './CatalogLayoutBadgeDisplayView';
+import { CatalogLayoutBcInfoView } from './CatalogLayoutBcInfoView';
 import { CatalogLayoutBuildersClubBuyView } from './CatalogLayoutBuildersClubBuyView';
 import { CatalogLayoutColorGroupingView } from './CatalogLayoutColorGroupingView';
 import { CatalogLayoutCustomPrefixView } from './CatalogLayoutCustomPrefixView';
@@ -34,6 +35,8 @@ export const GetCatalogLayout = (page: ICatalogPage, hideNavigation: () => void)
     {
         case 'frontpage_featured':
             return null;
+        case 'info_duckets':
+            return <CatalogLayoutBcInfoView { ...layoutProps } />;
         case 'frontpage4':
             return <CatalogLayoutFrontpage4View { ...layoutProps } />;
         case 'pets':