@jjlmoya/utils-audiovisual 1.7.0 → 1.8.0

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/id.ts

@@ -0,0 +1,233 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { CollageMakerUI, CollageMakerLocaleContent } from '../index';
+
+const slug = 'pembuat-kolase-foto-online-gratis-komposisi-profesional';
+const title = 'Pembuat Kolase Online: Desain komposisi profesional';
+const description = 'Buat kolase foto gratis dalam hitungan detik. Pilih dari berbagai tata letak, sesuaikan tepi, dan unduh dalam kualitas tinggi tanpa watermark.';
+
+const ui: CollageMakerUI = {
+    dropTitle: "Seret gambar ke sini",
+    dropSub: "atau {link} - min. 2, maks. 9",
+    dropLink: "pilih file",
+    imgsLoaded: "Gambar dimuat",
+    layoutLabel: "Tata Letak",
+    settingsLabel: "Pengaturan",
+    borderLabel: "Tepi",
+    borderColorLabel: "Warna tepi",
+    bgColorLabel: "Latar Belakang",
+    downloadBtn: "Unduh",
+    previewTitle: "Pratinjau",
+    needsImgs: "Anda butuh {n} gambar",
+    errorMin: "Anda butuh setidaknya 2 gambar",
+    errorMax: "Maksimal 9 gambar diizinkan",
+    errorLoad: "Kesalahan memuat gambar",
+    faqTitle: "Pertanyaan yang Sering Diajukan",
+    bibliographyTitle: "Referensi"
+};
+
+const faq: CollageMakerLocaleContent['faq'] = [
+    {
+        question: "Bagaimana cara mengubah urutan foto?",
+        answer: "Foto diletakkan di kolase mengikuti urutan saat foto tersebut muncul di daftar gambar yang dimuat. Anda dapat menghapus satu foto dan mengunggahnya kembali untuk menyesuaikan posisinya.",
+    },
+    {
+        question: "Format output apa yang dimiliki kolase?",
+        answer: "Kolase diunduh dalam format WebP resolusi tinggi, ideal untuk dibagikan di jejaring sosial tanpa kehilangan ketajaman.",
+    },
+];
+
+const howTo: CollageMakerLocaleContent['howTo'] = [
+    {
+        name: "Unggah foto Anda",
+        text: "Pilih antara 2 dan 9 gambar dari file explorer Anda.",
+    },
+    {
+        name: "Pilih tata letak",
+        text: "Pilih kisi yang paling sesuai dengan jumlah foto yang telah Anda unggah.",
+    },
+    {
+        name: "Sesuaikan gaya",
+        text: "Sesuaikan ketebalan dan warna tepi untuk memberikan hasil akhir yang profesional.",
+    },
+    {
+        name: "Unduh dan bagikan",
+        text: "Tekan tombol buat dan unduh komposisi akhir Anda secara instan.",
+    },
+];
+
+const bibliography: CollageMakerLocaleContent['bibliography'] = [
+    {
+        name: "Komposisi Fotografi: Seni Kolase",
+        url: "https://id.wikipedia.org/wiki/Kolase",
+    },
+];
+
+const seo: CollageMakerLocaleContent['seo'] = [
+    {
+        type: 'summary',
+        title: 'Pembuat Kolase Online Profesional',
+        items: [
+            'Berbagai tata letak dan kisi yang telah ditentukan',
+            'Kustomisasi tepi dan warna latar belakang',
+            'Resolusi tinggi 1200px siap untuk jejaring sosial',
+            'Pemrosesan instan tanpa batas penggunaan'
+        ]
+    },
+    { type: 'title', text: 'Desain Kolase: Komposisi yang Bercerita', level: 2 },
+    { type: 'paragraph', html: 'Kolase lebih dari sekadar campuran foto; ini adalah narasi visual yang mengomunikasikan emosi dan konteks. Alat kami memungkinkan Anda membuat komposisi geometris profesional untuk Instagram, Facebook, Pinterest, atau proyek pribadi tanpa perlu Photoshop atau perangkat lunak mahal.' },
+
+    { type: 'stats', items: [
+        { value: '2-9', label: 'Gambar per Kolase', icon: 'mdi:image-multiple' },
+        { value: '1200px', label: 'Resolusi HD', icon: 'mdi:video-high-definition' },
+        { value: 'Instan', label: 'Pembuatan', icon: 'mdi:lightning-bolt' }
+    ], columns: 3 },
+
+    { type: 'title', text: 'Komposisi Visual: Prinsip Desain', level: 3 },
+    { type: 'paragraph', html: 'Komposisi adalah seni mengatur elemen visual sedemikian rupa sehingga memandu mata pemirsa dan mengomunikasikan maksud. Kolase yang baik menyeimbangkan:' },
+    { type: 'list', items: [
+        '<strong>Keseimbangan:</strong> Distribusi berat visual (gambar terang vs gelap, besar vs kecil).',
+        '<strong>Alur Visual:</strong> Mata harus menelusuri komposisi secara alami, tanpa titik mati.',
+        '<strong>Kontras:</strong> Variasi warna, ukuran, dan bentuk yang menarik perhatian.',
+        '<strong>Kesatuan:</strong> Koherensi tematik - gambar harus \"berbicara bersama\" tentang cerita yang sama.'
+    ], icon: 'mdi:check' },
+
+    { type: 'card', title: 'Desain Cerdas dan Adaptif', html: 'Sistem kami secara otomatis menghitung distribusi ruang yang optimal berdasarkan jumlah foto. 2 gambar = kisi simetris; 5 gambar = distribusi asimetris yang seimbang. Setiap kisi dirancang untuk memaksimalkan dampak visual.' },
+
+    { type: 'comparative', items: [
+        {
+            title: 'Untuk Jejaring Sosial',
+            description: 'Instagram, TikTok, Facebook - format persegi',
+            icon: 'mdi:share-all',
+            points: [
+                '1200px sangat cocok untuk feed Instagram',
+                'Format persegi menghindari pemotongan saat memposting',
+                'Tepi yang dapat disesuaikan untuk branding'
+            ],
+            highlight: true
+        },
+        {
+            title: 'Untuk Portofolio',
+            description: 'Etalase visual untuk fotografer dan desainer',
+            icon: 'mdi:briefcase-outline',
+            points: [
+                'Tunjukkan berbagai sudut proyek',
+                'Narasi visual yang kohesif',
+                'Pencetakan buku digital profesional'
+            ]
+        },
+        {
+            title: 'Untuk Hadiah Pribadi',
+            description: 'Cetakan, bingkai, dan album digital',
+            icon: 'mdi:gift-outline',
+            points: [
+                'Kenangan acara (pernikahan, perjalanan)',
+                'Resolusi tinggi siap cetak',
+                'Desain instan tanpa usaha manual'
+            ]
+        }
+    ], columns: 3 },
+
+    { type: 'title', text: 'Kustomisasi: Tepi dan Warna', level: 3 },
+    { type: 'table', headers: ['Elemen', 'Efek Visual', 'Rekomendasi'], rows: [
+        ['Tepi Putih', 'Bersih, minimalis, modern', 'Jejaring sosial, portofolio digital'],
+        ['Tepi Hitam', 'Dramatis, profesional, artistik', 'Fotografi seni, mode, kemewahan'],
+        ['Tepi Netral (abu-abu)', 'Serbaguna, akademis, korporat', 'Bisnis, pendidikan, netralitas'],
+        ['Tanpa Tepi', 'Fusi, kontinuitas, imersif', 'Latar belakang seragam, foto yang mengalir']
+    ] },
+
+    { type: 'proscons', items: [
+        {
+            pro: 'Desain profesional yang telah ditentukan - tidak butuh pengetahuan komposisi',
+            con: 'Opsi terbatas pada kisi yang telah ditetapkan'
+        },
+        {
+            pro: 'Resolusi 1200px siap untuk jejaring sosial tanpa penskalaan ulang',
+            con: 'Tidak sekustomisasi Photoshop'
+        },
+        {
+            pro: 'Pemrosesan lokal 100% - privasi, kecepatan, tanpa batas',
+            con: 'Memerlukan browser modern'
+        },
+        {
+            pro: 'Sepenuhnya gratis, tanpa watermark, tanpa iklan',
+            con: 'Tidak ada opsi pengeditan individual (pemotongan, rotasi)'
+        }
+    ], proTitle: 'Keunggulan', conTitle: 'Batasan' },
+
+    { type: 'diagnostic', variant: 'success', title: 'Siap untuk Jejaring Sosial', icon: 'mdi:check-circle-outline', badge: 'Teroptimasi', html: '1200x1200px adalah resolusi ideal untuk Instagram. Ini mendukung rasio aspek apa pun, tetapi output persegi memaksimalkan dampak feed, menghilangkan pemotongan otomatis, dan terlihat sama bagusnya di desktop, tablet, dan seluler.' },
+
+    { type: 'glossary', items: [
+        {
+            term: 'Komposisi Visual',
+            definition: 'Seni mengatur elemen (warna, bentuk, ruang) untuk memandu mata pemirsa dan mengomunikasikan maksud emosional.'
+        },
+        {
+            term: 'Aturan Sepertiga',
+            definition: 'Prinsip komposisi: membagi gambar menjadi 9 area yang sama (3x3). Posisikan subjek pada garis persimpangan untuk dampak maksimal.'
+        },
+        {
+            term: 'Kisi Simetris',
+            definition: 'Pembagian ruang yang sama. Menenangkan, tertib. Ideal untuk pasangan foto atau jumlah genap.'
+        },
+        {
+            term: 'Kisi Asimetris',
+            definition: 'Pembagian tidak sama. Dinamis, menarik, visual. Ideal untuk 5+ foto dengan variasi ukuran.'
+        },
+        {
+            term: 'Keseimbangan Visual',
+            definition: 'Ekuilibrium perseptual dari berat visual. Gambar terang + gelap = seimbang; besar + kecil = seimbang.'
+        }
+    ] },
+
+    { type: 'message', title: 'Narasi Visual Instan', ariaLabel: 'Informasi tentang komposisi dan kolase', html: 'Setiap kolase bercerita. Desainer otomatis kami memastikan cerita visual Anda seimbang, profesional, dan siap untuk dunia. Tanpa perlu menunggu desainer grafis melakukan pekerjaannya.' },
+
+    { type: 'title', text: 'Buat, Bagikan, Inspirasi', level: 3 },
+    { type: 'paragraph', html: 'Kolase yang dibuat dengan baik adalah perbedaan antara postingan yang mudah dilupakan dan postingan yang diingat serta dibagikan oleh pengikut Anda. Gunakan komposisi cerdas agar cerita visual Anda berdampak.' }
+];
+
+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: 'id',
+};
+
+export const content: CollageMakerLocaleContent = {
+    slug,
+    title,
+    description,
+    ui,
+    seo,
+    faqTitle: "Pertanyaan yang Sering Diajukan",
+    faq,
+    bibliographyTitle: "Referensi",
+    bibliography,
+    howTo,
+    schemas: [faqSchema as any, howToSchema as any, appSchema],
+};