@jjlmoya/utils-audiovisual 1.6.0 → 1.8.0

package/src/tool/chromaticLens/i18n/zh.ts

@@ -0,0 +1,246 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { ChromaticLensUI, ChromaticLensLocaleContent } from '../index';
+
+const slug = 'chromatic-lens-color-palette-extraction-online';
+const title = 'Chromatic Lens: 在线色彩探针与调色盘提取工具';
+const description = '免费从任何图像中提取专业的调色盘。使用数学算法识别照片中的主导色彩。';
+
+const ui: ChromaticLensUI = {
+    dropTitle: "解析色彩",
+    dropSubtitle: "拖入图像以提取其色彩 DNA。",
+    processingLabel: "正在提取调色盘...",
+    paletteTitle: "提取的调色盘",
+    copyLabel: "复制 HEX",
+    copiedLabel: "已复制！",
+    colorCountLabel: "色彩数量",
+    changeImage: "更改图像",
+    faqTitle: "关于色彩提取的常见问题",
+    bibliographyTitle: "资源与技术文档"
+};
+
+const faq: ChromaticLensLocaleContent['faq'] = [
+    {
+        question: "色彩提取是如何工作的？",
+        answer: "我们使用“中位切分”（Median Cut）算法。该算法根据图像像素在 RGB 色彩空间中的接近程度进行分组，从而找到最具代表性的色调。",
+    },
+    {
+        question: "我可以将颜色复制到我的设计编辑器吗？",
+        answer: "是的，通过点击每种颜色，HEX 代码将自动复制到您的剪贴板，方便您将其粘贴到 Photoshop、Figma 或 CSS 中。",
+    },
+    {
+        question: "我可以解析哪些类型的图像？",
+        answer: "支持任何 JPG、PNG 或 WebP 文件。解析过程在本地完成，因此即使是大图像也能快速解析，且不消耗网络流量。",
+    },
+];
+
+const howTo: ChromaticLensLocaleContent['howTo'] = [
+    {
+        name: "上传图像",
+        text: "上传您想要从中提取色彩灵感的照片。",
+    },
+    {
+        name: "调整精度",
+        text: "选择您希望工具识别的主导色彩数量（从 3 到 12 种）。",
+    },
+    {
+        name: "解析结果",
+        text: "调色盘将立即显示，并附带相应的十六进制 (HEX) 代码。",
+    },
+    {
+        name: "复制并使用",
+        text: "点击色调以保存它们并将其应用到您的设计项目中。",
+    },
+];
+
+const bibliography: ChromaticLensLocaleContent['bibliography'] = [
+    {
+        name: "中位切分算法 - 维基百科",
+        url: "https://zh.wikipedia.org/wiki/%E4%B8%AD%E5%80%BC%E5%88%87%E5%88%86%E7%AE%97%E6%B3%95",
+    },
+    {
+        name: "设计师色彩理论",
+        url: "https://www.smashingmagazine.com/2010/01/color-theory-for-designers-part-1-the-meaning-of-color/",
+    },
+];
+
+const seo: ChromaticLensLocaleContent['seo'] = [
+    {
+        type: 'summary',
+        title: '智能色彩探针与提取',
+        items: [
+            '专业的 Median Cut 色彩解析算法',
+            '从任何图像中提取 3-12 种主导色彩',
+            'HEX 代码可直接克隆到剪贴板',
+            '100% 本地处理 - 创意人士的理想选择'
+        ]
+    },
+    { type: 'title', text: '色彩提取：科学与设计的交汇', level: 2 },
+    { type: 'paragraph', html: '您是否曾纳闷为什么一张电影截图看起来如此和谐？这并非巧合，而是色彩理论在起作用。Chromatic Lens 让您可以直接从像素中提取那种和谐美，并将其转换为可在您的设计项目中使用的 HEX 代码。' },
+
+    { type: 'stats', items: [
+        { value: '即时', label: '色彩解析', icon: 'mdi:lightning-bolt' },
+        { value: '100%', label: '本地隐私', icon: 'mdi:lock' },
+        { value: 'RGB', label: '精准色彩空间', icon: 'mdi:palette' }
+    ], columns: 3 },
+
+    { type: 'title', text: '中位切分算法详解', level: 3 },
+    { type: 'paragraph', html: '智能调色盘提取并非简单的随机采样。它使用中位切分（Median Cut）算法，这是一种确保忠实呈现的递归切分技术：' },
+    { type: 'list', items: [
+        '<strong>递归细分：</strong> 图像的 RGB “色彩立方体”被递归地细分为更小的方块。',
+        '<strong>体积平衡：</strong> 每个分区都力求将色彩空间中体积相似的像素归为一类。',
+        '<strong>加权平均：</strong> 每个方块最终产生的颜色是其包含的所有像素的平均值。',
+        '<strong>忠实呈现：</strong> 主导色彩反映了图像真实的视觉氛围，而不仅仅是简单的样本。'
+    ], icon: 'mdi:check' },
+
+    { type: 'card', title: '创意工作流', html: '非常适合网页开发者、UX/UI 设计师、数字艺术家以及希望立即捕捉照片、电影或视觉参考的视觉精髓并将其应用于界面、插画或品牌配色方案的创意人士。' },
+
+    { type: 'title', text: '数字设计中的应用场景', level: 3 },
+    { type: 'comparative', items: [
+        {
+            title: 'UX/UI 设计师',
+            description: '从画轴图像中提取配色以创建具有凝聚力的界面',
+            icon: 'mdi:palette',
+            points: [
+                '和谐的背景色',
+                '按钮和次要元素配色',
+                '自动计算的对比度'
+            ]
+        },
+        {
+            title: '网页开发者',
+            description: '直接根据视觉参考创建 CSS 样式表',
+            icon: 'mdi:code-braces',
+            points: [
+                '将 HEX 直接复制到 CSS',
+                'SCSS/CSS 中的颜色变量',
+                '无需预先设计即可实现配色统一的主题'
+            ],
+            highlight: true
+        },
+        {
+            title: '数字艺术家与插画师',
+            description: '从电影、大自然或艺术作品中获取色彩参考',
+            icon: 'mdi:brush',
+            points: [
+                '从大师作品中提取参考配色',
+                '电影色彩研究',
+                '即时的视觉灵感'
+            ]
+        },
+        {
+            title: '品牌专家',
+            description: '基于指导性照片开发视觉识别系统',
+            icon: 'mdi:tag-multiple',
+            points: [
+                '从图像中提取品牌色彩',
+                '制作专业的色彩指南',
+                '确保视觉一致性'
+            ]
+        }
+    ], columns: 2 },
+
+    { type: 'title', text: '应用色彩理论', level: 3 },
+    { type: 'table', headers: ['色彩概念', '定义', '实际应用'], rows: [
+        ['色彩和谐', '视觉上平衡的色彩组合', 'UI 中具有凝聚力的视觉身份'],
+        ['对比度', '色彩之间的亮度差异', '可读性和视觉层级'],
+        ['饱和度', '色调的色彩强度', '专业感（低饱和）对比 活力感（高饱和）'],
+        ['色温', '暖色（红系）对比 冷色（蓝系）', '设计的感性心理学'],
+        ['单色配色', '单一色调的变化', '高雅与极简主义']
+    ] },
+
+    { type: 'proscons', items: [
+        {
+            pro: '精准的数学提取 - 而非大约的视觉选择',
+            con: '如果包含大量像素，极不明显的颜色也可能被选中'
+        },
+        {
+            pro: '即时复制到剪贴板 - 与工作流完美集成',
+            con: '需要支持 Canvas API 的现代浏览器'
+        },
+        {
+            pro: '完全隐私 - 100% 本地解析，不提交任何数据',
+            con: '不保存之前的解析历史'
+        },
+        {
+            pro: '兼容任何数字图像格式',
+            con: '最终色彩效果取决于图像的压缩程度和质量'
+        }
+    ], proTitle: '优势', conTitle: '局限性' },
+
+    { type: 'diagnostic', variant: 'success', title: '真实的色彩呈现', icon: 'mdi:check-circle-outline', badge: '先进算法', html: '与简单随机采样像素的工具不同，我们的系统使用中位切分算法，对每个色调的完整像素计数进行加权，确保生成的调色盘能忠实地反映原始图像的视觉氛围和色彩心理。' },
+
+    { type: 'glossary', items: [
+        {
+            term: '中位切分',
+            definition: '色彩量化算法，通过递归地将 RGB 空间细分为方块来确保均匀分布。历史上曾用于 GIF 和索引色彩技术。'
+        },
+        {
+            term: 'RGB 色彩空间',
+            definition: '基于红、绿、蓝的色彩模型。每种颜色表示为这三个数值（0-255）的组合。数字屏幕和网页的标准。'
+        },
+        {
+            term: 'HEX 代码',
+          definition: '网页上表示颜色的 6 位十六进制记法（#RRGGBB）：#FF0000（红）、#00FF00（绿）、#0000FF（蓝）。在 CSS、Figma 和 Adobe 软件中通用。'
+        },
+        {
+            term: '色彩饱和度',
+            definition: '颜色的强度或纯度。高饱和度 = 鲜艳；低饱和度 = 偏灰。影响设计的感性认知。'
+        },
+        {
+            term: '色彩和谐',
+            definition: '选择和组合色彩以产生视觉上愉悦的结果。可以是单色、补色、类比色或三等分配色。'
+        }
+    ] },
+
+    { type: 'message', title: '专业的色彩解析', ariaLabel: '关于色彩解析的技术信息', html: 'Chromatic Lens 将手动视觉解析转化为算法精度。它不仅提取色彩：它捕捉任何图像的感性与视觉精髓，并将其作为即用型 HEX 代码直接放在您的剪贴板上。完全隐私，不限解析量。' },
+
+    { type: 'title', text: '源自视觉灵感的设计', level: 3 },
+    { type: 'paragraph', html: '最好的调色盘是能捕捉到参考物视觉意图的调色盘。Chromatic Lens 将过去需要手动操作的过程（观察、解析、记录）自动化了。现在，只需拖入一张图像，即可在几秒钟内获得专业的 HEX 代码。' }
+];
+
+const faqSchema: WithContext<FAQPage> = {
+    '@context': 'https://schema.org',
+    '@type': 'FAQPage',
+    mainEntity: faq.map((item) => ({
+        '@type': 'Question',
+        name: item.question,
+        acceptedAnswer: { '@type': 'Answer', text: item.answer },
+    })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+    '@context': 'https://schema.org',
+    '@type': 'HowTo',
+    name: title,
+    description,
+    step: howTo.map((step) => ({
+        '@type': 'HowToStep',
+        name: step.name,
+        text: step.text,
+    })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+    '@context': 'https://schema.org',
+    '@type': 'SoftwareApplication',
+    name: title,
+    description,
+    applicationCategory: 'UtilitiesApplication',
+    operatingSystem: 'Web',
+    offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+    inLanguage: 'zh',
+};
+
+export const content: ChromaticLensLocaleContent = {
+    slug,
+    title,
+    description,
+    ui,
+    seo,
+    faqTitle: "常见问题",
+    faq,
+    bibliographyTitle: "参考资料",
+    bibliography,
+    howTo,
+    schemas: [faqSchema as any, howToSchema as any, appSchema],
+};

package/src/tool/chromaticLens/index.ts

@@ -16,10 +16,6 @@ export interface ChromaticLensUI {
 
 export type ChromaticLensLocaleContent = ToolLocaleContent<ChromaticLensUI>;
 
-import { content as es } from './i18n/es';
-import { content as en } from './i18n/en';
-import { content as fr } from './i18n/fr';
-
 export const chromaticLens: AudiovisualToolEntry<ChromaticLensUI> = {
     id: 'lente-cromatica',
     icons: {
@@ -27,9 +23,21 @@ export const chromaticLens: AudiovisualToolEntry<ChromaticLensUI> = {
         fg: 'mdi:eye-outline',
     },
     i18n: {
-        es: async () => es as unknown as ChromaticLensLocaleContent,
-        en: async () => en as unknown as ChromaticLensLocaleContent,
-        fr: async () => fr as unknown as ChromaticLensLocaleContent,
+        es: async () => (await import('./i18n/es')).content as unknown as ChromaticLensLocaleContent,
+        en: async () => (await import('./i18n/en')).content as unknown as ChromaticLensLocaleContent,
+        fr: async () => (await import('./i18n/fr')).content as unknown as ChromaticLensLocaleContent,
+        de: async () => (await import('./i18n/de')).content as unknown as ChromaticLensLocaleContent,
+        it: async () => (await import('./i18n/it')).content as unknown as ChromaticLensLocaleContent,
+        pt: async () => (await import('./i18n/pt')).content as unknown as ChromaticLensLocaleContent,
+        id: async () => (await import('./i18n/id')).content as unknown as ChromaticLensLocaleContent,
+        ja: async () => (await import('./i18n/ja')).content as unknown as ChromaticLensLocaleContent,
+        ko: async () => (await import('./i18n/ko')).content as unknown as ChromaticLensLocaleContent,
+        nl: async () => (await import('./i18n/nl')).content as unknown as ChromaticLensLocaleContent,
+        pl: async () => (await import('./i18n/pl')).content as unknown as ChromaticLensLocaleContent,
+        ru: async () => (await import('./i18n/ru')).content as unknown as ChromaticLensLocaleContent,
+        sv: async () => (await import('./i18n/sv')).content as unknown as ChromaticLensLocaleContent,
+        tr: async () => (await import('./i18n/tr')).content as unknown as ChromaticLensLocaleContent,
+        zh: async () => (await import('./i18n/zh')).content as unknown as ChromaticLensLocaleContent,
     },
 };
 

package/src/tool/collageMaker/i18n/de.ts

@@ -0,0 +1,233 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { CollageMakerUI, CollageMakerLocaleContent } from '../index';
+
+const slug = 'kostenloser-online-foto-collage-maker-professionelle-kompositionen';
+const title = 'Online Collage Maker: Professionelle Kompositionen entwerfen';
+const description = 'Erstellen Sie in Sekundenschnelle kostenlos Fotocollagen. Wählen Sie aus mehreren Layouts, passen Sie Rahmen an und laden Sie sie in hoher Qualität ohne Wasserzeichen herunter.';
+
+const ui: CollageMakerUI = {
+    dropTitle: "Bilder hierher ziehen",
+    dropSub: "oder {link} – min. 2, max. 9",
+    dropLink: "Dateien auswählen",
+    imgsLoaded: "Geladene Bilder",
+    layoutLabel: "Layout",
+    settingsLabel: "Einstellungen",
+    borderLabel: "Rahmen",
+    borderColorLabel: "Rahmenfarbe",
+    bgColorLabel: "Hintergrund",
+    downloadBtn: "Herunterladen",
+    previewTitle: "Vorschau",
+    needsImgs: "Sie benötigen {n} Bilder",
+    errorMin: "Sie benötigen mindestens 2 Bilder",
+    errorMax: "Maximal 9 Bilder erlaubt",
+    errorLoad: "Fehler beim Laden der Bilder",
+    faqTitle: "Häufig gestellte Fragen",
+    bibliographyTitle: "Referenzen"
+};
+
+const faq: CollageMakerLocaleContent['faq'] = [
+    {
+        question: "Wie kann ich die Reihenfolge der Fotos ändern?",
+        answer: "Die Fotos werden in der Collage in der Reihenfolge platziert, in der sie in der Liste der geladenen Bilder erscheinen. Sie können eines entfernen und erneut hochladen, um seine Position anzupassen.",
+    },
+    {
+        question: "Welches Ausgabeformat hat die Collage?",
+        answer: "Die Collage wird im hochauflösenden WebP-Format heruntergeladen, ideal zum Teilen in sozialen Netzwerken ohne Schärfeverlust.",
+    },
+];
+
+const howTo: CollageMakerLocaleContent['howTo'] = [
+    {
+        name: "Fotos hochladen",
+        text: "Wählen Sie zwischen 2 und 9 Bildern aus Ihrem Dateiexplorer aus.",
+    },
+    {
+        name: "Layout wählen",
+        text: "Wählen Sie das Raster aus, das am besten zur Anzahl der hochgeladenen Fotos passt.",
+    },
+    {
+        name: "Stil anpassen",
+        text: "Passen Sie die Rahmenstärke und  farbe an, um der Collage ein professionelles Finish zu verleihen.",
+    },
+    {
+        name: "Herunterladen und teilen",
+        text: "Drücken Sie die Erstellen Taste und laden Sie Ihre finale Komposition sofort herunter.",
+    },
+];
+
+const bibliography: CollageMakerLocaleContent['bibliography'] = [
+    {
+        name: "Fotografische Komposition: Die Kunst der Collage",
+        url: "https://en.wikipedia.org/wiki/Collage",
+    },
+];
+
+const seo: CollageMakerLocaleContent['seo'] = [
+    {
+        type: 'summary',
+        title: 'Professioneller Online Collage Maker',
+        items: [
+            'Mehrere Layouts und vordefinierte Raster',
+            'Anpassung von Rahmen und Hintergrundfarben',
+            '1200px hohe Auflösung, bereit für soziale Netzwerke',
+            'Sofortige Verarbeitung ohne Nutzungseinschränkungen'
+        ]
+    },
+    { type: 'title', text: 'Collage Design: Kompositionen, die Geschichten erzählen', level: 2 },
+    { type: 'paragraph', html: 'Eine Collage ist mehr als nur eine Mischung aus Fotos; sie ist eine visuelle Erzählung, die Emotionen und Kontext vermittelt. Mit unserem Tool können Sie professionelle geometrische Kompositionen für Instagram, Facebook, Pinterest oder persönliche Projekte erstellen, ohne Photoshop oder teure Software zu benötigen.' },
+
+    { type: 'stats', items: [
+        { value: '2-9', label: 'Bilder pro Collage', icon: 'mdi:image-multiple' },
+        { value: '1200px', label: 'HD-Auflösung', icon: 'mdi:video-high-definition' },
+        { value: 'Sofort', label: 'Erstellung', icon: 'mdi:lightning-bolt' }
+    ], columns: 3 },
+
+    { type: 'title', text: 'Visuelle Komposition: Designprinzipien', level: 3 },
+    { type: 'paragraph', html: 'Komposition ist die Kunst, visuelle Elemente so zu organisieren, dass sie das Auge des Betrachters führen und eine Absicht kommunizieren. Eine gute Collage balanciert Folgendes:' },
+    { type: 'list', items: [
+        '<strong>Gleichgewicht:</strong> Visuelle Verteilung des Gewichts (helle vs. dunkle Bilder, große vs. kleine).',
+        '<strong>Visueller Fluss:</strong> Das Auge sollte die Komposition natürlich durchqueren, ohne tote Winkel.',
+        '<strong>Kontrast:</strong> Variationen in Farbe, Größe und Form, die Aufmerksamkeit erregen.',
+        '<strong>Einheit:</strong> Thematische Kohärenz – Bilder müssen gemeinsam dieselbe Geschichte erzählen.'
+    ], icon: 'mdi:check' },
+
+    { type: 'card', title: 'Intelligente und adaptive Designs', html: 'Unser System berechnet automatisch die optimale Platzverteilung basierend auf der Anzahl der Fotos. 2 Bilder = symmetrisches Raster; 5 Bilder = ausgewogene asymmetrische Verteilung. Jedes Raster ist darauf ausgelegt, die visuelle Wirkung zu maximieren.' },
+
+    { type: 'comparative', items: [
+        {
+            title: 'Für soziale Netzwerke',
+            description: 'Instagram, TikTok, Facebook – quadratische Formate',
+            icon: 'mdi:share-all',
+            points: [
+                '1200px ist perfekt für den Instagram-Feed',
+                'Quadratisches Format vermeidet das Zuschneiden beim Posten',
+                'Anpassbare Rahmen für Branding'
+            ],
+            highlight: true
+        },
+        {
+            title: 'Für Portfolios',
+            description: 'Visuelle Schaufenster für Fotografen und Designer',
+            icon: 'mdi:briefcase-outline',
+            points: [
+                'Mehrere Blickwinkel eines Projekts zeigen',
+                'Zusammenhängende visuelle Erzählung',
+                'Professioneller Druck für digitale Portfolios'
+            ]
+        },
+        {
+            title: 'Für persönliche Geschenke',
+            description: 'Drucke, Rahmen und digitale Alben',
+            icon: 'mdi:gift-outline',
+            points: [
+                'Erinnerungen an Ereignisse (Hochzeiten, Reisen)',
+                'Hohe Auflösung, bereit zum Drucken',
+                'Sofortiges Design ohne manuellen Aufwand'
+            ]
+        }
+    ], columns: 3 },
+
+    { type: 'title', text: 'Anpassung: Rahmen und Farben', level: 3 },
+    { type: 'table', headers: ['Element', 'Visueller Effekt', 'Empfehlung'], rows: [
+        ['Weißer Rahmen', 'Sauber, minimalistisch, modern', 'Soziale Netzwerke, digitale Portfolios'],
+        ['Schwarzer Rahmen', 'Dramatisch, professionell, künstlerisch', 'Kunstfotografie, Mode, Luxus'],
+        ['Neutraler Rahmen (Grau)', 'Vielseitig, akademisch, korporativ', 'Business, Bildung, Neutralität'],
+        ['Kein Rahmen', 'Fusion, Kontinuität, immersiv', 'Einheitlicher Hintergrund, fließende Fotos']
+    ] },
+
+    { type: 'proscons', items: [
+        {
+            pro: 'Professionelle vordefinierte Designs – keine Kenntnisse in Komposition erforderlich',
+            con: 'Optionen auf vordefinierte Raster beschränkt'
+        },
+        {
+            pro: '1200px Auflösung, bereit für soziale Netzwerke ohne Skalierung',
+            con: 'Nicht so anpassbar wie Photoshop'
+        },
+        {
+            pro: '100% lokale Verarbeitung – Privatsphäre, Schnelligkeit, keine Limits',
+            con: 'Erfordert einen modernen Browser'
+        },
+        {
+            pro: 'Völlig kostenlos, keine Wasserzeichen, keine Werbung',
+            con: 'Keine individuellen Bearbeitungsoptionen (Zuschneiden, Drehen)'
+        }
+    ], proTitle: 'Vorteile', conTitle: 'Einschränkungen' },
+
+    { type: 'diagnostic', variant: 'success', title: 'Bereit für soziale Netzwerke', icon: 'mdi:check-circle-outline', badge: 'Optimiert', html: '1200x1200px ist die ideale Auflösung für Instagram. Es unterstützt jedes Seitenverhältnis, aber die quadratische Ausgabe maximiert die Wirkung im Feed, eliminiert automatisches Zuschneiden und sieht auf Desktop, Tablet und Handy gleichermaßen gut aus.' },
+
+    { type: 'glossary', items: [
+        {
+            term: 'Visuelle Komposition',
+            definition: 'Die Kunst des Organisierens von Elementen (Farbe, Form, Raum), um das Auge des Betrachters zu führen und eine emotionale Absicht zu kommunizieren.'
+        },
+        {
+            term: 'Drittel-Regel',
+            definition: 'Kompositionsprinzip: teilt das Bild in 9 gleiche Bereiche (3x3). Positionieren Sie Motive an Schnittlinien für maximale Wirkung.'
+        },
+        {
+            term: 'Symmetrisches Raster',
+            definition: 'Gleiche Raumaufteilungen. Beruhigend, ordentlich. Ideal für Fotopaare oder gerade Zahlen.'
+        },
+        {
+            term: 'Asymmetrisches Raster',
+            definition: 'Ungleiche Aufteilungen. Dynamisch, interessant, visuell. Ideal für 5+ Fotos mit unterschiedlichen Größen.'
+        },
+        {
+            term: 'Visuelles Gleichgewicht',
+            definition: 'Wahrgenommenes Gleichgewicht des visuellen Gewichts. Helles + dunkles Bild = Balance; großes + kleines = Balance.'
+        }
+    ] },
+
+    { type: 'message', title: 'Sofortige visuelle Erzählung', ariaLabel: 'Informationen über Komposition und Collagen', html: 'Jede Collage erzählt eine Geschichte. Unser automatischer Designer sorgt dafür, dass Ihre visuellen Geschichten ausgewogen und professionell wirken und bereit für die Welt sind – ohne auf einen Grafiker warten zu müssen.' },
+
+    { type: 'title', text: 'Erstellen, teilen, inspirieren', level: 3 },
+    { type: 'paragraph', html: 'Eine gut gemachte Collage macht den Unterschied zwischen einem vergesslichen Post und einem, an den sich Ihre Follower erinnern und den sie teilen. Nutzen Sie intelligente Komposition für Ihre visuellen Geschichten, um Wirkung zu erzielen.' }
+];
+
+const faqSchema: WithContext<FAQPage> = {
+    '@context': 'https://schema.org',
+    '@type': 'FAQPage',
+    mainEntity: faq.map((item) => ({
+        '@type': 'Question',
+        name: item.question,
+        acceptedAnswer: { '@type': 'Answer', text: item.answer },
+    })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+    '@context': 'https://schema.org',
+    '@type': 'HowTo',
+    name: title,
+    description,
+    step: howTo.map((step) => ({
+        '@type': 'HowToStep',
+        name: step.name,
+        text: step.text,
+    })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+    '@context': 'https://schema.org',
+    '@type': 'SoftwareApplication',
+    name: title,
+    description,
+    applicationCategory: 'UtilitiesApplication',
+    operatingSystem: 'Web',
+    offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+    inLanguage: 'de',
+};
+
+export const content: CollageMakerLocaleContent = {
+    slug,
+    title,
+    description,
+    ui,
+    seo,
+    faqTitle: "Häufig gestellte Fragen",
+    faq,
+    bibliographyTitle: "Referenzen",
+    bibliography,
+    howTo,
+    schemas: [faqSchema as any, howToSchema as any, appSchema],
+};

package/src/tool/collageMaker/i18n/en.ts

@@ -2,7 +2,7 @@ import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dt
 import type { CollageMakerUI, CollageMakerLocaleContent } from '../index';
 
 const slug = 'free-online-photo-collage-maker-professional-compositions';
-const title = 'Online Collage Maker - Design professional compositions';
+const title = 'Online Collage Maker: Design professional compositions';
 const description = 'Create photo collages for free in seconds. Choose from multiple layouts, adjust borders, and download in high quality without watermarks.';
 
 const ui: CollageMakerUI = {

package/src/tool/collageMaker/i18n/es.ts

@@ -2,7 +2,7 @@ import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dt
 import type { CollageMakerUI, CollageMakerLocaleContent } from '../index';
 
 const slug = 'creador-collage-fotos';
-const title = 'Creador de Collages Online - Diseña composiciones profesionales';
+const title = 'Creador de Collages Online: Diseña composiciones profesionales';
 const description = 'Crea collages de fotos gratis en segundos. Elige entre múltiples diseños, ajusta bordes y descarga en alta calidad sin marcas de agua.';
 
 const ui: CollageMakerUI = {

package/src/tool/collageMaker/i18n/fr.ts

@@ -2,7 +2,7 @@ import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dt
 import type { CollageMakerUI, CollageMakerLocaleContent } from '../index';
 
 const slug = 'createur-collage-photos-gratuit-compositions-professionnelles';
-const title = 'Créateur de Collages en Ligne - Concevez des compositions professionnelles';
+const title = 'Créateur de Collages en Ligne: Concevez des compositions professionnelles';
 const description = 'Créez des collages de photos gratuitement en quelques secondes. Choisissez parmi plusieurs mises en page, ajustez les bordures et téléchargez en haute qualité sans filigrane.';
 
 const ui: CollageMakerUI = {