From 73bc27ddc31ef515fcf5566d6830d9875363a2f1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Leonardo=20Mur=C3=A7a?= Date: Tue, 3 Jun 2025 17:27:06 -0300 Subject: [PATCH] Add home screen --- src/lib/translations/en-US/home.json | 17 ++++++++ src/lib/translations/index.js | 12 ++++++ src/lib/translations/pt-BR/home.json | 17 ++++++++ src/routes/+page.svelte | 60 +++++++++++++++++++++++++--- 4 files changed, 101 insertions(+), 5 deletions(-) create mode 100644 src/lib/translations/en-US/home.json create mode 100644 src/lib/translations/pt-BR/home.json diff --git a/src/lib/translations/en-US/home.json b/src/lib/translations/en-US/home.json new file mode 100644 index 0000000..e3ec051 --- /dev/null +++ b/src/lib/translations/en-US/home.json @@ -0,0 +1,17 @@ +{ + "main.title": "🧵 Free Online Embroidery File Viewer", + "main.description": "

✨Upload and preview your embroidery designs instantly – no software needed.

Embroidery Viewer is a free, browser-based tool that supports multiple embroidery file formats. View your designs quickly and securely, right in your browser.

", + "features.title": "🚀 Features", + "features.list": "", + "howtouse.title": "📘 How to Use", + "howtouse.list": "
  1. 📁 Click the upload button or drag and drop your embroidery files into the drop area
  2. 🧵 Select one or more embroidery files
  3. ▶️ Click the “Render files” button to preview your designs
  4. 👀 Instantly view your designs right in your browser – it’s that simple
", + "testimonials.title": "❤️ Loved by Hobbyists and Professionals", + "testimonials.description": "

Whether you're a hobbyist working on your next DIY project or a professional digitizer reviewing client files, Embroidery Viewer gives you a no-fuss, instant way to visualize your work.

", + "donation.title": "💖 Help Keep It Free", + "donation.description": "

Embroidery Viewer is completely free for everyone to use.

If you find it useful and want to support ongoing development and hosting costs, please consider making a small donation.

", + "donation.cta": "🙌 Donate Now", + "donation.cta.description": "every little bit helps!", + "cta.title": "🚀 Try It Now", + "cta.cta": "🧵 Open Viewer", + "cta.cta.description": "the fastest Free Online Embroidery File Viewer." +} diff --git a/src/lib/translations/index.js b/src/lib/translations/index.js index 6ea28c5..6534c10 100644 --- a/src/lib/translations/index.js +++ b/src/lib/translations/index.js @@ -29,6 +29,12 @@ const config = { key: 'footer', loader: async () => (await import('./en-US/footer.json')).default, }, + { + locale: SUPPORTED_LOCALES.EN_US, + key: 'home', + routes: [''], + loader: async () => (await import('./en-US/home.json')).default, + }, { locale: SUPPORTED_LOCALES.PT_BR, key: 'header', @@ -39,6 +45,12 @@ const config = { key: 'footer', loader: async () => (await import('./pt-BR/footer.json')).default, }, + { + locale: SUPPORTED_LOCALES.PT_BR, + key: 'home', + routes: [''], + loader: async () => (await import('./pt-BR/home.json')).default, + }, ], }; diff --git a/src/lib/translations/pt-BR/home.json b/src/lib/translations/pt-BR/home.json new file mode 100644 index 0000000..db5ba85 --- /dev/null +++ b/src/lib/translations/pt-BR/home.json @@ -0,0 +1,17 @@ +{ + "main.title": "🧵 Visualizador de arquivos de bordado online gratuito", + "main.description": "

✨Carregue e visualize seus desenhos de bordado instantaneamente – sem necessidade de software

Embroidery Viewer é uma ferramenta gratuita para navegador que suporta diversos formatos de arquivo de bordado. Visualize seus designs de forma rápida e segura, diretamente no seu navegador.

", + "features.title": "🚀 Funcionalidades", + "features.list": "", + "howtouse.title": "📘 Como usar", + "howtouse.list": "
  1. 📁 Clique no botão de upload ou arraste e solte seus arquivos de bordado na área de soltar
  2. 🧵 Selecione um ou mais arquivos de bordado
  3. ▶️ Clique no botão “Renderizar arquivos” para visualizar seus designs
  4. 👀 Visualize seus designs instantaneamente no seu navegador – é simples assim
", + "testimonials.title": "❤️ Amado por Hobbyistas e Profissionais", + "testimonials.description": "

Seja você um amador trabalhando em seu próximo projeto \"faça você mesmo\" ou um digitalizador profissional revisando arquivos de clientes, o Embroidery Viewer oferece uma maneira fácil e instantânea de visualizar seu trabalho.

", + "donation.title": "💖 Ajude a mantê-lo gratuito", + "donation.description": "

O Embroidery Viewer é totalmente gratuito para todos usarem.

Se você o achar útil e quiser apoiar o desenvolvimento contínuo e os custos de hospedagem, considere fazer uma pequena doação.

", + "donation.cta": "🙌 Doe agora", + "donation.cta.description": "cada pequena ajuda é bem-vinda!", + "cta.title": "🚀 Experimente agora", + "cta.cta": "🧵 Abrir visualizador", + "cta.cta.description": "o visualizador de arquivos de bordado online gratuito mais rápido." +} diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 5d54d43..f93fe44 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,6 +1,56 @@ -

Welcome to SvelteKit

+ -

- Visitsvelte.dev/docs/kit to read the - documentation -

+
+
+

{$t('home.main.title')}

+ {@html $t('home.main.description')} +
+ +
+

{$t('home.features.title')}

+ {@html $t('home.features.list')} +
+ +
+

{$t('home.howtouse.title')}

+ {@html $t('home.howtouse.list')} +
+ +
+

{$t('home.testimonials.title')}

+ {@html $t('home.testimonials.description')} +
+ +
+

{$t('home.donation.title')}

+ {@html $t('home.donation.description')} +

+ {$t('home.donation.cta')} + – {$t('home.donation.cta.description')} +

+
+ + +
+

{$t('home.cta.title')}

+

+ {$t('home.cta.cta')} + – {@html $t('home.cta.cta.description')} +

+
+
+ +