@jjlmoya/utils-social 1.13.0 → 1.15.0

package/src/tool/youtubeThumbnail/i18n/tr.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { YoutubeThumbnailUI } from '../ui';
@@ -87,23 +88,8 @@ export const content: ToolLocaleContent<YoutubeThumbnailUI> = {
   slug,
   title,
   description,
-  faqTitle: 'Sıkça Sorulan Sorular',
-  faq: faqData,
-  bibliographyTitle: 'Dökümantasyon ve Referanslar',
-  bibliography: [
-    {
-      name: 'YouTube Yardımı: Özel video küçük resmi ekleme',
-      url: 'https://support.google.com/youtube/answer/72431',
-    },
-    {
-      name: 'YouTube Creator Academy: Etkili küçük resimler nasıl oluşturulur',
-      url: 'https://creatoracademy.youtube.com/',
-    },
-    {
-      name: 'Google Developers: YouTube Data API — Thumbnails',
-      url: 'https://developers.google.com/youtube/v3/docs/thumbnails',
-    },
-  ],
+    faq: faqData,
+      bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { YoutubeThumbnailUI } from '../ui';
@@ -33,11 +34,11 @@ const faqData = [
 const howToData = [
   {
     name: '复制视频 URL',
-    text: '访问 YouTube 并从浏览器地址栏或通过“分享”按钮复制视频链接。',
+    text: '访问 YouTube 并从浏览器地址栏或通过\"分享\"按钮复制视频链接。',
   },
   {
     name: '粘贴链接',
-    text: '在提取器的输入框中输入 URL，或使用“从剪贴板粘贴”按钮。',
+    text: '在提取器的输入框中输入 URL，或使用\"从剪贴板粘贴\"按钮。',
   },
   {
     name: '选择画质',
@@ -87,23 +88,8 @@ export const content: ToolLocaleContent<YoutubeThumbnailUI> = {
   slug,
   title,
   description,
-  faqTitle: '常见问题',
-  faq: faqData,
-  bibliographyTitle: '文档与参考资料',
-  bibliography: [
-    {
-      name: 'YouTube 帮助：添加自定义视频缩略图',
-      url: 'https://support.google.com/youtube/answer/72431',
-    },
-    {
-      name: 'YouTube 创作者学院：如何制作高效的缩略图',
-      url: 'https://creatoracademy.youtube.com/',
-    },
-    {
-      name: 'Google Developers: YouTube Data API — Thumbnails',
-      url: 'https://developers.google.com/youtube/v3/docs/thumbnails',
-    },
-  ],
+    faq: faqData,
+      bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/youtubeThumbnail/seo.astro

@@ -11,4 +11,5 @@ const { locale = 'es' } = Astro.props;
 const content = await youtubeThumbnail.i18n[locale]?.();
 if (!content) return null;
 ---
-<SEORenderer content={{ locale: locale as string, sections: content.seo }} />
+
+{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}

package/src/tool/youtubeThumbnailPreviewer/bibliography.astro

@@ -1,14 +1,6 @@
 ---
 import { Bibliography as SharedBibliography } from '@jjlmoya/utils-shared';
-import { youtubeThumbnailPreviewer } from './index';
-import type { KnownLocale } from '../../types';
-
-interface Props {
-  locale?: KnownLocale;
-}
-
-const { locale = 'es' } = Astro.props;
-const content = await youtubeThumbnailPreviewer.i18n[locale]?.();
+import { bibliography } from './bibliography';
 ---
 
-{content && <SharedBibliography links={content.bibliography} />}
+<SharedBibliography links={bibliography} />

package/src/tool/youtubeThumbnailPreviewer/bibliography.ts

@@ -0,0 +1,16 @@
+import type { BibliographyEntry } from '../../types';
+
+export const bibliography: BibliographyEntry[] = [
+  {
+    name: 'YouTube Help: Create custom video thumbnails',
+    url: 'https://support.google.com/youtube/answer/141805',
+  },
+  {
+    name: 'Nielsen Norman Group: Visual Processing and UX Design',
+    url: 'https://www.nngroup.com/articles/visual-processing/',
+  },
+  {
+    name: 'Derral Eves: The YouTube Formula (Thumbnail Strategy)',
+    url: 'https://derraleves.com/the-youtube-formula/',
+  },
+];

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { YoutubeThumbnailPreviewerUI } from '../ui';
@@ -92,23 +93,8 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
   slug,
   title,
   description,
-  faqTitle: 'Häufig gestellte Fragen',
-  faq: faqData,
-  bibliographyTitle: 'Referenzen',
-  bibliography: [
-    {
-      name: 'YouTube-Hilfe: Eigene Video-Thumbnails erstellen',
-      url: 'https://support.google.com/youtube/answer/141805',
-    },
-    {
-      name: 'Nielsen Norman Group: Visuelle Verarbeitung und UX-Design',
-      url: 'https://www.nngroup.com/articles/visual-processing/',
-    },
-    {
-      name: 'Derral Eves: Die YouTube-Formel (Thumbnail-Strategie)',
-      url: 'https://derraleves.com/the-youtube-formula/',
-    },
-  ],
+    faq: faqData,
+      bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [
@@ -119,7 +105,7 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Im YouTube-Ökosystem ist das Thumbnail das Tor zu Ihrem Inhalt. Sie können das beste Video der Welt haben – Schnitt auf Hollywood-Niveau, ein oscarreifes Skript –, aber wenn niemand klickt, bleibt Ihre Arbeit für den Algorithmus unsichtbar. Hier kommt die <strong>CTR (Click-Through-Rate)</strong> ins Spiel, und das Thumbnail ist der entscheidende Faktor.',
+      html: 'Im YouTube-Ökosystem ist das Thumbnail das Tor zu Ihrem Inhalt. Sie können das beste Video der Welt haben - Schnitt auf Hollywood-Niveau, ein oscarreifes Skript -, aber wenn niemand klickt, bleibt Ihre Arbeit für den Algorithmus unsichtbar. Hier kommt die <strong>CTR (Click-Through-Rate)</strong> ins Spiel, und das Thumbnail ist der entscheidende Faktor.',
     },
     {
       type: 'title',
@@ -139,7 +125,7 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Viele Creator machen den Fehler, Thumbnails auf großen Monitoren zu entwerfen und sie in ihren bevorzugten Editoren im Vollbildmodus zu betrachten. Das Problem ist, dass der Endnutzer sie selten so sieht. Die meisten konsumieren Inhalte auf einem mobilen Gerät beim endlosen Scrollen oder in einer Ecke des Monitors im Dark Mode. Unser <strong>YouTube Thumbnail Previewer</strong> ermöglicht es Ihnen, diese „Designer-Illusion“ zu durchbrechen und die chirurgische Realität des Feeds zu sehen.',
+      html: 'Viele Creator machen den Fehler, Thumbnails auf großen Monitoren zu entwerfen und sie in ihren bevorzugten Editoren im Vollbildmodus zu betrachten. Das Problem ist, dass der Endnutzer sie selten so sieht. Die meisten konsumieren Inhalte auf einem mobilen Gerät beim endlosen Scrollen oder in einer Ecke des Monitors im Dark Mode. Unser <strong>YouTube Thumbnail Previewer</strong> ermöglicht es Ihnen, diese \"Designer-Illusion\" zu durchbrechen und die chirurgische Realität des Feeds zu sehen.',
     },
     {
       type: 'title',
@@ -162,11 +148,11 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Das menschliche Gehirn verarbeitet Bilder tausendmal schneller als Text. Doch auf YouTube ist die Konkurrenz brutal. Ihr Thumbnail muss nicht nur „schön“ sein – es muss <strong>lesbar</strong> sein und <strong>Kontrast</strong> haben.',
+      html: 'Das menschliche Gehirn verarbeitet Bilder tausendmal schneller als Text. Doch auf YouTube ist die Konkurrenz brutal. Ihr Thumbnail muss nicht nur \"schön\" sein - es muss <strong>lesbar</strong> sein und <strong>Kontrast</strong> haben.',
     },
     {
       type: 'paragraph',
-      html: 'Ein häufiger Fehler ist die Verwendung von Farben, die mit dem YouTube-Hintergrund verschmelzen. Wenn Sie dunkle Grautöne verwenden und Ihr Zuschauer im Dark Mode ist, verschwindet Ihr Video einfach aus seiner peripheren Wahrnehmung. Mit diesem Tester können Sie zwischen den Themes wechseln und sicherstellen, dass Ihr Design in jedem Szenario „auffällt“.',
+      html: 'Ein häufiger Fehler ist die Verwendung von Farben, die mit dem YouTube-Hintergrund verschmelzen. Wenn Sie dunkle Grautöne verwenden und Ihr Zuschauer im Dark Mode ist, verschwindet Ihr Video einfach aus seiner peripheren Wahrnehmung. Mit diesem Tester können Sie zwischen den Themes wechseln und sicherstellen, dass Ihr Design in jedem Szenario \"auffällt\".',
     },
     {
       type: 'title',
@@ -175,7 +161,7 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Lohnt es sich, 30 Sekunden in das Testen des Thumbnails zu investieren? Die Antwort ist ein klares JA. Ein optimiertes Thumbnail kann Ihre Aufrufe in den ersten 24 Stunden verdoppeln und der YouTube-KI signalisieren, dass Ihr Inhalt einen „Hook“ hat.',
+      html: 'Lohnt es sich, 30 Sekunden in das Testen des Thumbnails zu investieren? Die Antwort ist ein klares JA. Ein optimiertes Thumbnail kann Ihre Aufrufe in den ersten 24 Stunden verdoppeln und der YouTube-KI signalisieren, dass Ihr Inhalt einen \"Hook\" hat.',
     },
     {
       type: 'grid',
@@ -232,7 +218,7 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
         },
         {
           title: 'Verschwommener Hintergrund',
-          body: 'Ebenentrennung · Fügt Tiefe hinzu, sodass das Hauptmotiv aus dem Bildschirm „springt“.',
+          body: 'Ebenentrennung · Fügt Tiefe hinzu, sodass das Hauptmotiv aus dem Bildschirm \"springt\".',
         },
         {
           title: 'Platz für die Dauer',
@@ -242,7 +228,7 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
     },
     {
       type: 'tip',
-      title: 'Der Trick mit der „toten Zone“',
+      title: 'Der Trick mit der \"toten Zone\"',
       html: '<p>YouTube platziert in der unteren rechten Ecke des Thumbnails immer einen schwarzen Kasten mit der Videodauer. Tausende Creator platzieren wichtige Elemente in dieser Zone, nur um festzustellen, dass die App sie verdeckt. Unser Tool simuliert diesen Kasten, damit Sie niemals Ihre beste Aufnahme verdecken.</p>',
     },
     {
@@ -269,7 +255,7 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
     },
     {
       type: 'title',
-      text: 'Nutzung des „Split“-Modus (Direkter Vergleich)',
+      text: 'Nutzung des \"Split\"-Modus (Direkter Vergleich)',
       level: 3,
     },
     {

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { YoutubeThumbnailPreviewerUI } from '../ui';
@@ -92,23 +93,8 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
   slug,
   title,
   description,
-  faqTitle: 'Frequently Asked Questions',
-  faq: faqData,
-  bibliographyTitle: 'References',
-  bibliography: [
-    {
-      name: 'YouTube Help: Create custom video thumbnails',
-      url: 'https://support.google.com/youtube/answer/141805',
-    },
-    {
-      name: 'Nielsen Norman Group: Visual Processing and UX Design',
-      url: 'https://www.nngroup.com/articles/visual-processing/',
-    },
-    {
-      name: 'Derral Eves: The YouTube Formula (Thumbnail Strategy)',
-      url: 'https://derraleves.com/the-youtube-formula/',
-    },
-  ],
+    faq: faqData,
+      bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [
@@ -119,7 +105,7 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
     },
     {
       type: 'paragraph',
-      html: "In the YouTube ecosystem, the thumbnail is the gateway to your content. You could have the best video in the world — Hollywood-level editing, an Oscar-worthy script — but if no one clicks, your work will be invisible to the algorithm. This is where <strong>CTR (Click-Through Rate)</strong> comes in, and the thumbnail is the determining factor.",
+      html: "In the YouTube ecosystem, the thumbnail is the gateway to your content. You could have the best video in the world - Hollywood-level editing, an Oscar-worthy script - but if no one clicks, your work will be invisible to the algorithm. This is where <strong>CTR (Click-Through Rate)</strong> comes in, and the thumbnail is the determining factor.",
     },
     {
       type: 'title',
@@ -162,7 +148,7 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
     },
     {
       type: 'paragraph',
-      html: 'The human brain processes images thousands of times faster than text. Yet on YouTube, the competition is brutal. Your thumbnail must not only be "pretty" — it must be <strong>readable</strong> and have <strong>contrast</strong>.',
+      html: 'The human brain processes images thousands of times faster than text. Yet on YouTube, the competition is brutal. Your thumbnail must not only be "pretty" - it must be <strong>readable</strong> and have <strong>contrast</strong>.',
     },
     {
       type: 'paragraph',

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

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { YoutubeThumbnailPreviewerUI } from '../ui';
@@ -92,23 +93,8 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
   slug,
   title,
   description,
-  faqTitle: 'Preguntas Frecuentes',
-  faq: faqData,
-  bibliographyTitle: 'Referencias',
-  bibliography: [
-    {
-      name: 'YouTube Help: Create custom video thumbnails',
-      url: 'https://support.google.com/youtube/answer/141805',
-    },
-    {
-      name: 'Nielsen Norman Group: Visual Processing and UX Design',
-      url: 'https://www.nngroup.com/articles/visual-processing/',
-    },
-    {
-      name: 'Derral Eves: The YouTube Formula (Thumbnail Strategy)',
-      url: 'https://derraleves.com/the-youtube-formula/',
-    },
-  ],
+    faq: faqData,
+      bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

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

@@ -1,9 +1,10 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { YoutubeThumbnailPreviewerUI } from '../ui';
 
 const slug = 'apercu-miniatures-youtube';
-const title = 'Aperçu des Miniatures YouTube en Ligne : Améliorez votre CTR Gratuitement';
+const title = 'Aperçu des Miniatures YouTube en Ligne: Améliorez votre CTR Gratuitement';
 const description =
   'Téléchargez votre miniature et visualisez comment elle apparaît dans le vrai feed YouTube mobile et desktop. Simulateur mode sombre et clair pour optimiser les clics instantanément.';
 
@@ -92,29 +93,14 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
   slug,
   title,
   description,
-  faqTitle: 'Questions Fréquentes',
-  faq: faqData,
-  bibliographyTitle: 'Références',
-  bibliography: [
-    {
-      name: 'YouTube Help: Create custom video thumbnails',
-      url: 'https://support.google.com/youtube/answer/141805',
-    },
-    {
-      name: 'Nielsen Norman Group: Visual Processing and UX Design',
-      url: 'https://www.nngroup.com/articles/visual-processing/',
-    },
-    {
-      name: 'Derral Eves: The YouTube Formula (Thumbnail Strategy)',
-      url: 'https://derraleves.com/the-youtube-formula/',
-    },
-  ],
+    faq: faqData,
+      bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [
     {
       type: 'title',
-      text: 'Aperçu des Miniatures YouTube : Maîtrisez le CTR de votre Chaîne',
+      text: 'Aperçu des Miniatures YouTube: Maîtrisez le CTR de votre Chaîne',
       level: 2,
     },
     {
@@ -157,7 +143,7 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
     },
     {
       type: 'title',
-      text: 'La Psychologie du Clic : Pourquoi les miniatures échouent-elles ?',
+      text: 'La Psychologie du Clic: Pourquoi les miniatures échouent-elles ?',
       level: 3,
     },
     {
@@ -170,7 +156,7 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
     },
     {
       type: 'title',
-      text: 'Comparaison Directe : Design vs. Réalité',
+      text: 'Comparaison Directe: Design vs. Réalité',
       level: 3,
     },
     {
@@ -255,15 +241,15 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
       columns: [
         {
           title: 'Interface ultra rapide et réactive',
-          body: "Limitation : Ne permet pas l'édition d'image (utiliser Canva/PS)",
+          body: "Limitation: Ne permet pas l'édition d'image (utiliser Canva/PS)",
         },
         {
           title: 'Maquettes exactes de l\'App et du Web',
-          body: 'Limitation : Ne simule pas les publicités Pre-roll',
+          body: 'Limitation: Ne simule pas les publicités Pre-roll',
         },
         {
           title: 'Gratuit et sans publicité intrusive',
-          body: 'Limitation : Prend uniquement en charge les fichiers locaux',
+          body: 'Limitation: Prend uniquement en charge les fichiers locaux',
         },
       ],
     },
@@ -278,7 +264,7 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
     },
     {
       type: 'title',
-      text: 'Confidentialité : Vos Designs ne sont pas Téléchargés dans le Cloud',
+      text: 'Confidentialité: Vos Designs ne sont pas Téléchargés dans le Cloud',
       level: 3,
     },
     {
@@ -287,7 +273,7 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
     },
     {
       type: 'title',
-      text: 'Conclusion : Le Pixel Parfait Garanti',
+      text: 'Conclusion: Le Pixel Parfait Garanti',
       level: 3,
     },
     {

package/src/tool/youtubeThumbnailPreviewer/i18n/id.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { YoutubeThumbnailPreviewerUI } from '../ui';
@@ -92,23 +93,8 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
   slug,
   title,
   description,
-  faqTitle: 'Pertanyaan yang Sering Diajukan',
-  faq: faqData,
-  bibliographyTitle: 'Referensi',
-  bibliography: [
-    {
-      name: 'Bantuan YouTube: Membuat thumbnail video kustom',
-      url: 'https://support.google.com/youtube/answer/141805',
-    },
-    {
-      name: 'Nielsen Norman Group: Visual Processing and UX Design',
-      url: 'https://www.nngroup.com/articles/visual-processing/',
-    },
-    {
-      name: 'Derral Eves: The YouTube Formula (Thumbnail Strategy)',
-      url: 'https://derraleves.com/the-youtube-formula/',
-    },
-  ],
+    faq: faqData,
+      bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [
@@ -119,7 +105,7 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Dalam ekosistem YouTube, thumbnail adalah pintu gerbang menuju konten Anda. Anda bisa memiliki video terbaik di dunia — pengeditan tingkat Hollywood, skrip layak Oscar — namun jika tidak ada yang mengklik, karya Anda tidak akan terlihat oleh algoritma. Di sinilah <strong>CTR (Click-Through Rate)</strong> berperan, dan thumbnail adalah faktor penentunya.',
+      html: 'Dalam ekosistem YouTube, thumbnail adalah pintu gerbang menuju konten Anda. Anda bisa memiliki video terbaik di dunia - pengeditan tingkat Hollywood, skrip layak Oscar - namun jika tidak ada yang mengklik, karya Anda tidak akan terlihat oleh algoritma. Di sinilah <strong>CTR (Click-Through Rate)</strong> berperan, dan thumbnail adalah faktor penentunya.',
     },
     {
       type: 'title',
@@ -162,7 +148,7 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Otak manusia memproses gambar ribuan kali lebih cepat daripada teks. Namun di YouTube, persaingannya sangat sengit. Thumbnail Anda tidak hanya harus "cantik" — ia harus <strong>terbaca</strong> dan memiliki <strong>kontras</strong>.',
+      html: 'Otak manusia memproses gambar ribuan kali lebih cepat daripada teks. Namun di YouTube, persaingannya sangat sengit. Thumbnail Anda tidak hanya harus "cantik" - ia harus <strong>terbaca</strong> dan memiliki <strong>kontras</strong>.',
     },
     {
       type: 'paragraph',

package/src/tool/youtubeThumbnailPreviewer/i18n/it.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { YoutubeThumbnailPreviewerUI } from '../ui';
@@ -26,19 +27,19 @@ const faqData = [
   {
     question: 'In che modo questo strumento aiuta a migliorare il mio CTR?',
     answer:
-      'Il CTR (Click-Through Rate) è la percentuale di persone che cliccano quando vedono la miniatura. Simulando l’ambiente reale (sfondo nero vs bianco, mobile vs desktop), puoi correggere errori di contrasto e composizione prima della pubblicazione, aumentando i tuoi clic.',
+      'Il CTR (Click-Through Rate) è la percentuale di persone che cliccano quando vedono la miniatura. Simulando l\'ambiente reale (sfondo nero vs bianco, mobile vs desktop), puoi correggere errori di contrasto e composizione prima della pubblicazione, aumentando i tuoi clic.',
   },
   {
     question: 'Funziona con la Modalità Scura ufficiale di YouTube?',
     answer:
-      'Sì. Abbiamo incluso un selettore di temi (Chiaro e Scuro) che imita esattamente i colori esadecimali utilizzati dall’app ufficiale di YouTube in entrambe le modalità.',
+      'Sì. Abbiamo incluso un selettore di temi (Chiaro e Scuro) che imita esattamente i colori esadecimali utilizzati dall\'app ufficiale di YouTube in entrambe le modalità.',
   },
 ];
 
 const howToData = [
   {
     name: 'Carica il tuo design',
-    text: 'Fai clic sull’area di caricamento o trascina il tuo file immagine (PNG, JPG o WebP) direttamente nello strumento.',
+    text: 'Fai clic sull\'area di caricamento o trascina il tuo file immagine (PNG, JPG o WebP) direttamente nello strumento.',
   },
   {
     name: 'Imposta il contesto',
@@ -92,23 +93,8 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
   slug,
   title,
   description,
-  faqTitle: 'Domande Frequenti',
-  faq: faqData,
-  bibliographyTitle: 'Riferimenti',
-  bibliography: [
-    {
-      name: 'Guida di YouTube: Creare miniature personalizzate per i video',
-      url: 'https://support.google.com/youtube/answer/141805',
-    },
-    {
-      name: 'Nielsen Norman Group: Visual Processing and UX Design',
-      url: 'https://www.nngroup.com/articles/visual-processing/',
-    },
-    {
-      name: 'Derral Eves: The YouTube Formula (Thumbnail Strategy)',
-      url: 'https://derraleves.com/the-youtube-formula/',
-    },
-  ],
+    faq: faqData,
+      bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [
@@ -119,7 +105,7 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Nell’ecosistema di YouTube, la miniatura (o thumbnail) è la porta d’ingresso ai tuoi contenuti. Puoi avere il miglior video del mondo — montaggio da Hollywood, sceneggiatura da Oscar — ma se nessuno clicca, il tuo lavoro sarà invisibile per l’algoritmo. È qui che entra in gioco il <strong>CTR (Click-Through Rate)</strong>, e la miniatura è il fattore determinante.',
+      html: 'Nell\'ecosistema di YouTube, la miniatura (o thumbnail) è la porta d\'ingresso ai tuoi contenuti. Puoi avere il miglior video del mondo - montaggio da Hollywood, sceneggiatura da Oscar - ma se nessuno clicca, il tuo lavoro sarà invisibile per l\'algoritmo. È qui che entra in gioco il <strong>CTR (Click-Through Rate)</strong>, e la miniatura è il fattore determinante.',
     },
     {
       type: 'title',
@@ -130,16 +116,16 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
       type: 'list',
       items: [
         '<strong>Anteprima Reale:</strong> Guarda la tua miniatura esattamente come apparirà nel feed di YouTube.',
-        '<strong>Modalità Scura e Chiara:</strong> Assicurati che i colori risaltino in qualsiasi configurazione dell’utente.',
+        '<strong>Modalità Scura e Chiara:</strong> Assicurati che i colori risaltino in qualsiasi configurazione dell\'utente.',
         '<strong>Simulatore di Dispositivi:</strong> Controlla la leggibilità del testo sia su monitor che su piccoli schermi mobile.',
-        '<strong>Ottimizzazione del CTR:</strong> Confronta il tuo design con l’interfaccia nativa per massimizzare i clic.',
-        '<strong>Nessuna Registrazione:</strong> Carica la tua immagine e provala all’istante senza creare account.',
+        '<strong>Ottimizzazione del CTR:</strong> Confronta il tuo design con l\'interfaccia nativa per massimizzare i clic.',
+        '<strong>Nessuna Registrazione:</strong> Carica la tua immagine e provala all\'istante senza creare account.',
         '<strong>Privacy Garantita:</strong> I tuoi design vengono elaborati localmente e mai caricati sui server.',
       ],
     },
     {
       type: 'paragraph',
-      html: 'Molti creator commettono l’errore di progettare le proprie miniature su grandi monitor, visualizzandole a schermo intero nei loro editor preferiti. Il problema è che l’utente finale la vede raramente così. La maggior parte le consuma su un dispositivo mobile mentre scorre il feed, o in un angolo del monitor in modalità scura. Il nostro <strong>Anteprima Miniature di YouTube</strong> ti permette di rompere questa "illusione del designer" e vedere la realtà chirurgica del feed.',
+      html: 'Molti creator commettono l\'errore di progettare le proprie miniature su grandi monitor, visualizzandole a schermo intero nei loro editor preferiti. Il problema è che l\'utente finale la vede raramente così. La maggior parte le consuma su un dispositivo mobile mentre scorre il feed, o in un angolo del monitor in modalità scura. Il nostro <strong>Anteprima Miniature di YouTube</strong> ti permette di rompere questa "illusione del designer" e vedere la realtà chirurgica del feed.',
     },
     {
       type: 'title',
@@ -162,7 +148,7 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Il cervello umano elabora le immagini migliaia di volte più velocemente del testo. Tuttavia, su YouTube, la concorrenza è brutale. La tua miniatura non deve solo essere "bella" — deve essere <strong>leggibile</strong> e avere <strong>contrasto</strong>.',
+      html: 'Il cervello umano elabora le immagini migliaia di volte più velocemente del testo. Tuttavia, su YouTube, la concorrenza è brutale. La tua miniatura non deve solo essere "bella" - deve essere <strong>leggibile</strong> e avere <strong>contrasto</strong>.',
     },
     {
       type: 'paragraph',
@@ -175,14 +161,14 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Vale la pena perdere 30 secondi per testare la miniatura? La risposta è un rotondo SÌ. Una miniatura ottimizzata può raddoppiare le tue visualizzazioni nelle prime 24 ore, indicando all’IA di YouTube che il tuo contenuto ha "presa".',
+      html: 'Vale la pena perdere 30 secondi per testare la miniatura? La risposta è un rotondo SÌ. Una miniatura ottimizzata può raddoppiare le tue visualizzazioni nelle prime 24 ore, indicando all\'IA di YouTube che il tuo contenuto ha "presa".',
     },
     {
       type: 'grid',
       columns: [
         {
           title: 'Design in Photoshop / Canva',
-          body: 'Falsa sensazione delle dimensioni reali · Ignora il contrasto con lo sfondo dell’app · Il testo sembra leggibile ma forse non lo è · Non vedi gli elementi della UI (durata, avatar)',
+          body: 'Falsa sensazione delle dimensioni reali · Ignora il contrasto con lo sfondo dell\'app · Il testo sembra leggibile ma forse non lo è · Non vedi gli elementi della UI (durata, avatar)',
         },
         {
           title: 'Anteprima Miniature YouTube',
@@ -203,11 +189,11 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
       type: 'list',
       items: [
         'Il testo è leggibile su uno schermo mobile piccolo?',
-        'C’è abbastanza contrasto tra lo sfondo e il soggetto principale?',
+        'C\'è abbastanza contrasto tra lo sfondo e il soggetto principale?',
         'La miniatura appare bene sullo sfondo nero della Modalità Scura?',
-        'Il titolo del video copre informazioni vitali dell’immagine?',
+        'Il titolo del video copre informazioni vitali dell\'immagine?',
         'Il badge della durata (il quadratino nero) nasconde qualcosa di importante?',
-        'Il volto o l’oggetto principale trasmettono l’emozione desiderata a dimensioni ridotte?',
+        'Il volto o l\'oggetto principale trasmettono l\'emozione desiderata a dimensioni ridotte?',
       ],
     },
     {
@@ -217,14 +203,14 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Basandoci sull’analisi dei canali più grandi al mondo, una miniatura vincente segue solitamente questo schema strutturale:',
+      html: 'Basandoci sull\'analisi dei canali più grandi al mondo, una miniatura vincente segue solitamente questo schema strutturale:',
     },
     {
       type: 'grid',
       columns: [
         {
           title: 'Soggetto Principale',
-          body: 'Fuoco dell’attenzione primaria · Usa ritagli nitidi con un leggero bordo o saturazione extra.',
+          body: 'Fuoco dell\'attenzione primaria · Usa ritagli nitidi con un leggero bordo o saturazione extra.',
         },
         {
           title: 'Testo (Max 3 parole)',
@@ -236,14 +222,14 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
         },
         {
           title: 'Spazio della Durata',
-          body: 'Evitare errori · Non mettere volti o testo nell’angolo in basso a destra.',
+          body: 'Evitare errori · Non mettere volti o testo nell\'angolo in basso a destra.',
         },
       ],
     },
     {
       type: 'tip',
       title: 'Il Trucco della Zona Morta',
-      html: '<p>YouTube posiziona sempre un riquadro nero con la durata del video nell’angolo in basso a destra della miniatura. Migliaia di creator mettono elementi vitali in quella zona, solo per scoprire che l’app li copre. Il nostro strumento simula questo riquadro in modo da non coprire mai la tua inquadratura migliore.</p>',
+      html: '<p>YouTube posiziona sempre un riquadro nero con la durata del video nell\'angolo in basso a destra della miniatura. Migliaia di creator mettono elementi vitali in quella zona, solo per scoprire che l\'app li copre. Il nostro strumento simula questo riquadro in modo da non coprire mai la tua inquadratura migliore.</p>',
     },
     {
       type: 'title',
@@ -255,10 +241,10 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
       columns: [
         {
           title: 'Interfaccia ultra rapida e reattiva',
-          body: 'Limitazione: Non permette l’editing dell’immagine (usare Canva/PS)',
+          body: 'Limitazione: Non permette l\'editing dell\'immagine (usare Canva/PS)',
         },
         {
-          title: 'Mockup esatti dell’App e del Web',
+          title: 'Mockup esatti dell\'App e del Web',
           body: 'Limitazione: Non simula gli annunci Pre-roll',
         },
         {
@@ -292,7 +278,7 @@ export const content: ToolLocaleContent<YoutubeThumbnailPreviewerUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Smetti di tirare a indovinare e inizia a validare. L’<strong>Anteprima Miniature per YouTube</strong> di JJLMoya è lo strumento gratuito che separa i creator amatoriali dai professionisti dei contenuti. Un piccolo aggiustamento nella dimensione di un font o nella posizione del soggetto può fare la differenza tra un video che passa inosservato e un successo virale.',
+      html: 'Smetti di tirare a indovinare e inizia a validare. L\'<strong>Anteprima Miniature per YouTube</strong> di JJLMoya è lo strumento gratuito che separa i creator amatoriali dai professionisti dei contenuti. Un piccolo aggiustamento nella dimensione di un font o nella posizione del soggetto può fare la differenza tra un video che passa inosservato e un successo virale.',
     },
     {
       type: 'paragraph',