@jjlmoya/utils-social 1.2.0 → 1.4.0

package/src/tool/safeZones/i18n/pl.ts

@@ -0,0 +1,244 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { SafeZonesUI } from '../ui';
+
+const slug = 'strefy-bezpieczne-social';
+const title = 'Social Safe Zones: Symulator wideo dla TikTok, Reels i Shorts';
+const description =
+  'Podglądaj swoje zdjęcia i filmy z prawdziwym interfejsem mediów społecznościowych. Upewnij się, że Twoje treści są zawsze widoczne i unikaj przypadkowego przycięcia.';
+
+const faqData = [
+  {
+    question: "Czym są „strefy bezpieczne” (Safe Zones) w mediach społecznościowych?",
+    answer:
+      "Są to obszary ekranu, w których treść jest widoczna bez ryzyka zasłonięcia przez elementy interfejsu, takie jak nazwa użytkownika, opis, przyciski interakcji (polubienie, udostępnienie) lub automatyczne przycięcia stosowane przez niektóre urządzenia.",
+  },
+  {
+    question: 'Dlaczego mój film na TikTok wygląda na przycięty od góry i od dołu?',
+    answer:
+      "TikTok używa proporcji 16:9. Jeśli Twój film jest szerszy, aplikacja powiększy go, aby wypełnić ekran, co spowoduje przycięcie. Ponadto dolny interfejs zasłania część filmu, więc ważne elementy powinny być wyśrodkowane.",
+  },
+  {
+    question: 'Czy strefa bezpieczna jest taka sama dla Instagram Reels i YouTube Shorts?',
+    answer:
+      "Są bardzo podobne, ale nie identyczne. Przyciski YouTube Shorts są umieszczone inaczej niż w Reels. Nasze narzędzie pozwala przełączać się między platformami, aby zweryfikować projekt na każdej z nich.",
+  },
+  {
+    question: 'Co się stanie, jeśli umieszczę tekst w prawym dolnym rogu?',
+    answer:
+      "Prawdopodobnie będzie on niewidoczny lub bardzo trudny do odczytania, ponieważ tam znajdują się ikony profilu, serca i komentarzy. Idealnie jest trzymać teksty i twarze w środkowo-górnej strefie (Safe Zone).",
+  },
+];
+
+const howToData = [
+  {
+    name: 'Wczytaj zdjęcie lub film',
+    text: "Prześlij plik, który chcesz podejrzeć. Przetwarzanie odbywa się lokalnie i prywatnie — nic nie jest wysyłane do Internetu.",
+  },
+  {
+    name: 'Wybierz platformę',
+    text: "Wybierz TikTok, Instagram Reels lub YouTube Shorts, aby aktywować odpowiednią nakładkę interfejsu.",
+  },
+  {
+    name: 'Sprawdź czytelność',
+    text: "Zweryfikuj, czy teksty, napisy lub kluczowe elementy marki nie są zasłonięte przez ikony sieci społecznościowej.",
+  },
+  {
+    name: 'Dostosuj i eksportuj',
+    text: "Jeśli coś jest ukryte, przesuń element w oryginalnym edytorze wideo i testuj ponownie, aż wszystko będzie idealnie pasować.",
+  },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((step, i) => ({
+    '@type': 'HowToStep',
+    position: i + 1,
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'PLN' },
+  inLanguage: 'pl',
+};
+
+export const content: ToolLocaleContent<SafeZonesUI> = {
+  slug,
+  title,
+  description,
+  faqTitle: 'Często Zadawane Pytania',
+  faq: faqData,
+  bibliographyTitle: 'Oficjalna dokumentacja platformy',
+  bibliography: [
+    {
+      name: 'TikTok Creator Portal: Video optimization and safe zones',
+      url: 'https://www.tiktok.com/creators/creator-portal/en-us/foundation/video-optimization/',
+    },
+    {
+      name: 'Instagram Business: Najlepsze praktyki dla Reels',
+      url: 'https://business.instagram.com/creators/reels-best-practices',
+    },
+    {
+      name: 'Pomoc YouTube: Tworzenie YouTube Shorts',
+      url: 'https://support.google.com/youtube/answer/10343433',
+    },
+    {
+      name: 'Meta for Creators: Strefy bezpieczne i proporcje wideo',
+      url: 'https://www.facebook.com/business/help/103816146375741',
+    },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    {
+      type: 'title',
+      text: 'Mistrzowski Przewodnik po Strefach Bezpiecznych: Optymalizuj swoje Reels, TikToki i Shortsy',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: "W nasyconym świecie treści pionowych pierwsze wrażenie ma charakter techniczny. Największym błędem twórców jest ignorowanie faktu, jak ich <strong>film lub zdjęcie</strong> współgra z natywnym interfejsem platformy. Każda sieć społecznościowa (TikTok, Instagram Reels i YouTube Shorts) nakłada warstwy przycisków, tekstu i profili, które mogą zniweczyć wizualny efekt Twojej kompozycji.",
+    },
+    {
+      type: 'paragraph',
+      html: "To narzędzie pozwala wczytać pliki multimedialne i podejrzeć dokładnie, które części kadru zostaną pochłonięte przez interfejs. Nie chodzi tylko o <strong>napisy</strong>; chodzi o upewnienie się, że twarze, produkty lub główne akcje w Twoim filmie nie zostaną pogrzebane pod przyciskiem „Lubię to” lub długim opisem.",
+    },
+    {
+      type: 'grid',
+      columns: [
+        {
+          type: 'card',
+          title: 'TikTok: Najbardziej inwazyjny interfejs',
+          html: "<p>TikTok posiada najbardziej zagęszczony interfejs. Po prawej stronie znajduje się kolumna ikon zajmująca około 15% szerokości. Na dole opis może rozciągać się na 4 lub 5 linii, zakrywając od dołu prawie jedną trzecią ekranu.</p><ul><li><strong>Dolny margines:</strong> Pozostaw ostatnie 250px wolne, aby uniknąć tekstu opisu i nazwy użytkownika.</li><li><strong>Prawy margines:</strong> Unikaj umieszczania tekstu w odległości mniejszej niż 100px od prawej krawędzi.</li><li><strong>Góra:</strong> Przyciski „Obserwujesz” i „Dla Ciebie” zajmują górny środkowy pas.</li></ul>",
+        },
+        {
+          type: 'card',
+          title: 'IG Reels: Czynnik feedu',
+          html: "<p>W przeciwieństwie do TikToka, Instagram Reels przycina wideo do formatu 4:5, gdy jest ono przeglądane w głównym feedzie. Oznacza to, że jeśli umieścisz istotne informacje w górnych lub dolnych 15% swojego wideo 9:16, znikną one w feedzie.</p><ul><li><strong>Zasada 4:5:</strong> Trzymaj tytuły i kluczowe elementy w strefie centralnej dla widoczności w feedzie.</li><li><strong>Interfejs:</strong> Ikony Reels są subtelniejsze niż na TikToku, co pozwala na nieco większy margines boczny.</li><li><strong>Przycisk audio:</strong> Znajduje się w prawym dolnym rogu, zazwyczaj zasłania znacznie mniej niż obracająca się płyta na TikToku.</li></ul>",
+        },
+      ],
+    },
+    {
+      type: 'title',
+      text: 'YouTube Shorts: Pilnuj prawej strony',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: "YouTube Shorts ma asymetryczny interfejs. Przycisk subskrypcji jest bardzo widoczny i ma jednolity kolor (zazwyczaj czarny lub biały), co tworzy ważną wizualną martwą strefę w prawym dolnym rogu.",
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>Prawy margines:</strong> Unikaj umieszczania tekstu lub ważnych elementów w prawym dolnym obszarze 20%.',
+        '<strong>Dolny margines:</strong> Pozostaw ostatnie 150px wolne, aby uniknąć tekstu opisu i nazwy użytkownika.',
+        '<strong>Góra:</strong> Przyciski „Subskrybuj” i inne zajmują górny środkowy pas.',
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Kluczowe pytania dotyczące projektowania pionowego',
+      level: 2,
+    },
+    {
+      type: 'title',
+      text: 'Gdzie umieścić kluczowe elementy (twarze, tekst, produkt)?',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: '„Złota Strefa” dla głównej akcji to środkowa jedna trzecia filmu. Jeśli filmujesz osobę, upewnij się, że jej oczy i usta znajdują się w tej strefie. Ważne elementy graficzne powinny być nieco przesunięte w górę od geometrycznego środka, aby uniknąć dolnego opisu.',
+    },
+    {
+      type: 'title',
+      text: 'Dlaczego mój film po przesłaniu wydaje się niewyraźny?',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: "Często nie chodzi o jakość, ale o skalowanie. Zawsze nagrywaj w rozdzielczości 1080x1920 przy 30 lub 60 kl./s. Unikaj 4K, jeśli stosujesz wiele ciężkich efektów, ponieważ platformy agresywnie kompresują duże pliki.",
+    },
+    {
+      type: 'title',
+      text: 'A co z ramkami telefonu?',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: "Pamiętaj, że nowoczesne telefony mają wcięcia (notche) lub otwory na aparat w ekranie. To narzędzie zawiera górny margines bezpieczeństwa, aby Twoje treści nie kolidowały z zegarem ani ikonami systemowymi (bateria, sygnał).",
+    },
+    {
+      type: 'title',
+      text: 'Anatomia wiralowego wideo',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: "Projektowanie dla mediów społecznościowych to nie tylko estetyka — to <strong>użyteczność</strong>. Jeśli użytkownik musi walczyć o przeczytanie tekstu, ponieważ ikony platformy go zasłaniają, po prostu przejdzie do następnego filmu. Retencja (Watch Time) gwałtownie spada, gdy pojawia się wizualne tarcie.",
+    },
+    {
+      type: 'paragraph',
+      html: "Na przykład na YouTube Shorts interfejs jest asymetryczny. Przycisk subskrypcji jest bardzo wyraźny. Korzystając z tego symulatora, możesz dostosować nieprzezroczystość, aby zrozumieć, jak Twoja paleta kolorów współgra z natywnymi kolorami interfejsu użytkownika.",
+    },
+    {
+      type: 'tip',
+      title: 'Narzędzie Kreatywnej Kontroli Jakości',
+      html: '<p>Zaprojektowane dla twórców, którzy niczego nie zostawiają przypadkowi.</p>',
+    },
+  ],
+  ui: {
+    labelConfig: 'Ustawienia',
+    labelPlatform: 'Platforma docelowa',
+    labelUpload: 'Prześlij treść',
+    uploadPrompt: 'Wybierz zdjęcie lub film',
+    uploadLink: 'Lub użyj przykładu',
+    loadContent: 'Wczytaj swoją treść',
+    labelOpacity: 'Widoczność interfejsu',
+    labelMask: 'Zaciemnij strefy krytyczne',
+    labelGrid: 'Reguła trójpodziału',
+    btnReset: 'Resetuj płótno',
+    bannerTiktok: 'Symulacja TikTok 9:16',
+    bannerReels: 'Symulacja Instagram Reels 9:16',
+    bannerShorts: 'Symulacja YouTube Shorts 9:16',
+    nameTiktok: 'TikTok',
+    nameReels: 'IG Reels',
+    nameShorts: 'YT Shorts',
+    ttFollowing: 'Obserwujesz',
+    ttForYou: 'Dla Ciebie',
+    ttDescription: 'Prawdziwy projekt interfejsu dla twórców treści. #uxdesign #socialmedia',
+    ttAudio: 'jjlmoya - Oryginalny dźwięk',
+    ttNavHome: 'Główna',
+    ttNavFriends: 'Znajomi',
+    ttNavInbox: 'Skrzynka',
+    ttNavProfile: 'Profil',
+    reelsFollow: 'Obserwuj',
+    reelsDescription: 'Ten interfejs jest identyczny z prawdziwym. #reels #ux #simulator',
+    reelsAudio: 'Trending Music - Oryginalny dźwięk',
+    shortsSubscribe: 'SUBSKRYBUJ',
+    shortsDislike: 'Nie podoba mi się',
+    shortsShare: 'Udostępnij',
+    shortsRemix: 'Remiks',
+    shortsDescription: 'Symulacja prawdziwych interfejsów dla Shorts! #youtube #shorts',
+  },
+};

package/src/tool/safeZones/i18n/pt.ts

@@ -0,0 +1,244 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { SafeZonesUI } from '../ui';
+
+const slug = 'zonas-seguras-sociais';
+const title = 'Social Safe Zones: Simulador de Vídeo para TikTok, Reels e Shorts';
+const description =
+  'Pré-visualiza as tuas imagens e vídeos com a interface real das redes sociais. Garante que o teu conteúdo está sempre visível e evita cortes acidentais.';
+
+const faqData = [
+  {
+    question: "O que são 'Zonas Seguras' nas redes sociais?",
+    answer:
+      "São as áreas do ecrã onde o conteúdo é visível sem o risco de ser coberto por elementos da interface, como o nome de utilizador, descrição, botões de interação (gostar, partilhar) ou cortes automáticos aplicados por alguns dispositivos.",
+  },
+  {
+    question: 'Porque é que o meu vídeo do TikTok parece cortado em cima e em baixo?',
+    answer:
+      'O TikTok utiliza uma proporção de 9:16. Se o teu vídeo for mais largo, a app aplicará zoom para preencher o ecrã, causando o corte. Além disso, a interface inferior cobre parte do vídeo, por isso elementos importantes devem estar centrados.',
+  },
+  {
+    question: 'A zona segura é a mesma para o Instagram Reels e o YouTube Shorts?',
+    answer:
+      'São muito semelhantes mas não idênticas. Os botões do YouTube Shorts estão posicionados de forma diferente dos do Reels. A nossa ferramenta permite-te alternar entre plataformas para verificares o teu design em todas elas.',
+  },
+  {
+    question: 'O que acontece se eu colocar texto no canto inferior direito?',
+    answer:
+      'Provavelmente será invisível ou muito difícil de ler, pois é onde se encontram os ícones do perfil, coração e comentários. Idealmente, mantém os textos e rostos na área central superior (Zona Segura).',
+  },
+];
+
+const howToData = [
+  {
+    name: 'Carrega a tua imagem ou vídeo',
+    text: 'Faz o upload do ficheiro que desejas pré-visualizar. O processamento é local e privado — nada é carregado para a internet.',
+  },
+  {
+    name: 'Seleciona a plataforma',
+    text: 'Escolhe entre TikTok, Instagram Reels ou YouTube Shorts para ativares a sobreposição de interface correspondente.',
+  },
+  {
+    name: 'Verifica a legibilidade',
+    text: 'Verifica se os textos, legendas ou elementos chave da marca estão cobertos pelos ícones da rede social.',
+  },
+  {
+    name: 'Ajusta e exporta',
+    text: 'Se algo estiver oculto, move o elemento no teu editor de vídeo original e testa novamente até que encaixe perfeitamente.',
+  },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((step, i) => ({
+    '@type': 'HowToStep',
+    position: i + 1,
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'pt',
+};
+
+export const content: ToolLocaleContent<SafeZonesUI> = {
+  slug,
+  title,
+  description,
+  faqTitle: 'Perguntas Frequentes',
+  faq: faqData,
+  bibliographyTitle: 'Documentação Oficial das Plataformas',
+  bibliography: [
+    {
+      name: 'TikTok Creator Portal: Otimização de vídeo e zonas seguras',
+      url: 'https://www.tiktok.com/creators/creator-portal/en-us/foundation/video-optimization/',
+    },
+    {
+      name: 'Instagram Business: Melhores práticas para Reels',
+      url: 'https://business.instagram.com/creators/reels-best-practices',
+    },
+    {
+      name: 'Ajuda do YouTube: Criar YouTube Shorts',
+      url: 'https://support.google.com/youtube/answer/10343433',
+    },
+    {
+      name: 'Meta for Creators: Zonas seguras e proporções para vídeo',
+      url: 'https://www.facebook.com/business/help/103816146375741',
+    },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    {
+      type: 'title',
+      text: 'Guia Mestre de Zonas Seguras: Otimiza os teus Reels, TikToks e Shorts',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'No mundo saturado do conteúdo vertical, a primeira impressão é técnica. O maior erro que os criadores cometem é ignorar como o seu <strong>vídeo ou imagem</strong> interage com a interface nativa da plataforma. Cada rede social (TikTok, Instagram Reels e YouTube Shorts) sobrepõe camadas de botões, texto e perfis que podem anular o impacto visual da tua composição.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Esta ferramenta permite-te carregar os teus ficheiros multimédia e pré-visualizar exatamente quais as partes do teu frame que serão consumidas pela interface. Não se trata apenas de <strong>legendas</strong>; trata-se de garantir que os rostos, produtos ou ações principais no teu vídeo não fiquem enterrados sob um botão "Gostar" ou uma descrição longa.',
+    },
+    {
+      type: 'grid',
+      columns: [
+        {
+          type: 'card',
+          title: 'TikTok: A interface mais invasiva',
+          html: '<p>O TikTok tem a interface mais densa. No lado direito, existe uma coluna de ícones que ocupa aproximadamente 15% da largura. Na parte inferior, a descrição pode estender-se por 4 ou 5 linhas, cobrindo quase um terço do ecrã a partir de baixo.</p><ul><li><strong>Margem inferior:</strong> Deixa os últimos 250px livres para evitar o texto da descrição e o nome de utilizador.</li><li><strong>Margem direita:</strong> Evita colocar texto a menos de 100px da borda direita.</li><li><strong>Topo:</strong> Os botões "Seguindo" e "Para Você" ocupam a faixa central superior.</li></ul>',
+        },
+        {
+          type: 'card',
+          title: 'IG Reels: O fator feed',
+          html: '<p>Ao contrário do TikTok, o Instagram Reels corta o vídeo para um formato 4:5 quando visualizado a partir do feed principal. Isto significa que, se colocares informações vitais nos 15% superiores ou inferiores do teu vídeo 9:16, elas desaparecerão no feed.</p><ul><li><strong>A regra 4:5:</strong> Mantém títulos e elementos chave na zona central para visibilidade no feed.</li><li><strong>Interface:</strong> Os ícones do Reels são mais subtis do que os do TikTok, permitindo um pouco mais de margem lateral.</li><li><strong>Botão de áudio:</strong> Localizado no canto inferior direito, costuma cobrir muito menos do que o disco giratório do TikTok.</li></ul>',
+        },
+      ],
+    },
+    {
+      type: 'title',
+      text: 'YouTube Shorts: Atenção ao lado direito',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'O YouTube Shorts tem uma interface assimétrica. O botão de subscrever é muito proeminente e de cor sólida (geralmente preto ou branco), criando um ponto cego visual importante no canto inferior direito.',
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>Margem direita:</strong> Evita colocar texto ou elementos importantes nos 20% inferiores direitos.',
+        '<strong>Margem inferior:</strong> Deixa os últimos 150px livres para evitar o texto da descrição e o nome de utilizador.',
+        '<strong>Topo:</strong> Os botões de subscrever e outros ocupam a faixa central superior.',
+      ],
+    },
+    {
+      type: 'title',
+      text: 'Questões Críticas sobre o Design Vertical',
+      level: 2,
+    },
+    {
+      type: 'title',
+      text: 'Onde colocar elementos chave (rostos, texto, produto)?',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'A "Zona de Ouro" para a ação principal é o terço central do vídeo. Se estás a filmar uma pessoa, garante que os seus olhos e boca estão dentro desta zona. Elementos gráficos importantes devem ser ligeiramente deslocados para cima em relação ao centro geométrico para evitar a descrição inferior.',
+    },
+    {
+      type: 'title',
+      text: 'Porque é que o meu vídeo parece desfocado depois de submetido?',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Muitas vezes não é a qualidade, mas sim o redimensionamento. Grava sempre em 1080x1920 a 30 ou 60 fps. Evita 46K se estiveres a aplicar muitos efeitos pesados, pois as plataformas comprimem agressivamente ficheiros grandes.',
+    },
+    {
+      type: 'title',
+      text: 'E quanto aos limites do telemóvel?',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Lembra-te que os telemóveis modernos têm entalhes (notches) ou buracos de câmara no ecrã. Esta ferramenta inclui uma margem de segurança superior para que o teu conteúdo não entre em conflito com o relógio ou ícones de sistema (bateria, sinal).',
+    },
+    {
+      type: 'title',
+      text: 'Anatomia de um Vídeo Viral',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Desenhar para redes sociais não é apenas estética — é <strong>usabilidade</strong>. Se um utilizador tiver de lutar para ler texto porque os ícones da plataforma o cobrem, ele simplesmente passará para o vídeo seguinte. A retenção (Watch Time) cai drasticamente quando há fricção visual.',
+    },
+    {
+      type: 'paragraph',
+      html: 'No YouTube Shorts, por exemplo, a interface é assimétrica. O botão de subscrever é muito evidente. Ao usar este simulador, podes ajustar a opacidade para entender como a tua paleta de cores interage com as cores nativas da UI.',
+    },
+    {
+      type: 'tip',
+      title: 'Ferramenta de Controlo de Qualidade Criativo',
+      html: '<p>Desenhado para criadores que não deixam nada ao acaso.</p>',
+    },
+  ],
+  ui: {
+    labelConfig: 'Definições',
+    labelPlatform: 'Plataforma Alvo',
+    labelUpload: 'Carregar Conteúdo',
+    uploadPrompt: 'Selecionar imagem ou vídeo',
+    uploadLink: 'Ou usa um exemplo',
+    loadContent: 'Carregar o teu conteúdo',
+    labelOpacity: 'Relevo da Interface',
+    labelMask: 'Escurecer Zonas Críticas',
+    labelGrid: 'Regra dos Terços',
+    btnReset: 'Reset Canvas',
+    bannerTiktok: 'A simular TikTok 9:16',
+    bannerReels: 'A simular Instagram Reels 9:16',
+    bannerShorts: 'A simular YouTube Shorts 9:16',
+    nameTiktok: 'TikTok',
+    nameReels: 'IG Reels',
+    nameShorts: 'YT Shorts',
+    ttFollowing: 'Seguindo',
+    ttForYou: 'Para Você',
+    ttDescription: 'Design de interface real para criadores de conteúdo. #uxdesign #socialmedia',
+    ttAudio: 'jjlmoya - Som Original',
+    ttNavHome: 'Início',
+    ttNavFriends: 'Amigos',
+    ttNavInbox: 'Entrada',
+    ttNavProfile: 'Perfil',
+    reelsFollow: 'Seguir',
+    reelsDescription: 'Esta interface é idêntica à real. #reels #ux #simulator',
+    reelsAudio: 'Trending Music - Áudio Original',
+    shortsSubscribe: 'SUBSCREVER',
+    shortsDislike: 'Não gosto',
+    shortsShare: 'Partilhar',
+    shortsRemix: 'Remix',
+    shortsDescription: 'A simular interfaces reais para Shorts! #youtube #shorts',
+  },
+};