@jjlmoya/utils-audiovisual 1.7.0 → 1.9.0

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

@@ -0,0 +1,246 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { ChromaticLensUI, ChromaticLensLocaleContent } from '../index';
+
+const slug = 'hromatic-linza-cvetovaya-palitra-online';
+const title = 'Chromatic Lens: онлайн извлечение цветовой палитры';
+const description = 'Извлекайте профессиональные цветовые палитры из любого изображения бесплатно. Определяйте доминирующие цвета на ваших фотографиях с помощью математических алгоритмов.';
+
+const ui: ChromaticLensUI = {
+    dropTitle: "Анализ цветов",
+    dropSubtitle: "Перетащите изображение, чтобы извлечь его хроматическую ДНК.",
+    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: "Палитра появится мгновенно с соответствующими шестнадцатеричными кодами.",
+    },
+    {
+        name: "Копируйте и используйте",
+        text: "Нажимайте на тона, чтобы сохранить их и применить в своем дизайнерском проекте.",
+    },
+];
+
+const bibliography: ChromaticLensLocaleContent['bibliography'] = [
+    {
+        name: "Алгоритм Median Cut — Википедия",
+        url: "https://ru.wikipedia.org/wiki/Median_cut",
+    },
+    {
+        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: 'Объяснение алгоритма Median Cut', 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'],
+        ['Контраст', 'Разница в яркости между цветами', 'Читаемость и визуальная иерархия'],
+        ['Насыщенность', 'Интенсивность цвета тона', 'Профессионализм (низкая) vs Энергия (высокая)'],
+        ['Цветовая температура', 'Теплые цвета (красные) vs холодные (синие)', 'Эмоциональная психология дизайна'],
+        ['Монохромная палитра', 'Вариации одного тона', 'Элегантность и минимализм']
+    ] },
+
+    { 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: 'В отличие от инструментов, которые просто делают выборку случайных пикселей, наша система использует алгоритм Median Cut, который взвешивает общее количество пикселей каждого тона, гарантируя, что полученная палитра точно отражает визуальную атмосферу и психологию цвета исходного изображения.' },
+
+    { type: 'glossary', items: [
+        {
+            term: 'Median Cut',
+            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: 'ru',
+};
+
+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/i18n/sv.ts

@@ -0,0 +1,246 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { ChromaticLensUI, ChromaticLensLocaleContent } from '../index';
+
+const slug = 'chromatic-lens-extrahera-fargpalett-online';
+const title = 'Chromatic Lens: Extrahera färgpalett online';
+const description = 'Extrahera professionella färgpaletter från valfri bild helt gratis. Identifiera dominanta färger i dina foton med hjälp av matematiska algoritmer.';
+
+const ui: ChromaticLensUI = {
+    dropTitle: "Analysera färger",
+    dropSubtitle: "Dra en bild hit för att extrahera dess kromatiska DNA.",
+    processingLabel: "Extraherar palett...",
+    paletteTitle: "Extraherad palett",
+    copyLabel: "Kopiera HEX",
+    copiedLabel: "Kopierad!",
+    colorCountLabel: "Antal färger",
+    changeImage: "Byt bild",
+    faqTitle: "Vanliga frågor om färgextraktion",
+    bibliographyTitle: "Resurser och teknisk dokumentation"
+};
+
+const faq: ChromaticLensLocaleContent['faq'] = [
+    {
+        question: "Hur fungerar färgextraktion?",
+        answer: "Vi använder 'Median Cut'-algoritmen, som grupperar bildpixlar baserat på deras närhet i RGB-färgrymden för att hitta de mest representativa tonerna.",
+    },
+    {
+        question: "Kan jag kopiera färger till mitt designprogram?",
+        answer: "Ja, genom att klicka på varje färg kopieras HEX-koden automatiskt till ditt urklipp, redo att klistras in i Photoshop, Figma eller CSS.",
+    },
+    {
+        question: "Vilka typer av bilder kan jag analysera?",
+        answer: "Alla JPG-, PNG- eller WebP-filer. Bearbetningen sker lokalt, så stora bilder analyseras snabbt utan att förbruka nätverksdata.",
+    },
+];
+
+const howTo: ChromaticLensLocaleContent['howTo'] = [
+    {
+        name: "Ladda upp bilden",
+        text: "Ladda upp fotografiet som du vill extrahera kromatisk inspiration ifrån.",
+    },
+    {
+        name: "Justera precision",
+        text: "Välj hur många dominanta färger du vill att verktyget ska identifiera (från 3 till 12).",
+    },
+    {
+        name: "Analysera resultatet",
+        text: "Paletten visas omedelbart tillsammans med motsvarande hexadecimala koder.",
+    },
+    {
+        name: "Kopiera och använd",
+        text: "Klicka på tonerna för att spara dem och använda dem i ditt designprojekt.",
+    },
+];
+
+const bibliography: ChromaticLensLocaleContent['bibliography'] = [
+    {
+        name: "Median Cut Algorithm - Wikipedia",
+        url: "https://en.wikipedia.org/wiki/Median_cut",
+    },
+    {
+        name: "Färglära för designers",
+        url: "https://www.smashingmagazine.com/2010/01/color-theory-for-designers-part-1-the-meaning-of-color/",
+    },
+];
+
+const seo: ChromaticLensLocaleContent['seo'] = [
+    {
+        type: 'summary',
+        title: 'Intelligent extraktion av färgpaletter',
+        items: [
+            'Professionell Median Cut-algoritm för färganalys',
+            'Extrahera 3-12 dominanta färger från valfri bild',
+            'HEX-koder som kan kopieras direkt till urklipp',
+            '100% lokal bearbetning - perfekt för kreatörer'
+        ]
+    },
+    { type: 'title', text: 'Färgpalettsextraktion: Vetenskap och design', level: 2 },
+    { type: 'paragraph', html: 'Har du någonsin undrat varför ett filmfoto känns så harmoniskt? Det är ingen slump; det är färglära i praktiken. Chromatic Lens låter dig extrahera den harmonin direkt från pixeln och omvandla den till HEX-koder som kan användas i dina designprojekt.' },
+
+    { type: 'stats', items: [
+        { value: 'Omedelbar', label: 'Färganalys', icon: 'mdi:lightning-bolt' },
+        { value: '100%', label: 'Lokal integritet', icon: 'mdi:lock' },
+        { value: 'RGB', label: 'Exakt färgrymd', icon: 'mdi:palette' }
+    ], columns: 3 },
+
+    { type: 'title', text: 'Median Cut algoritmen förklarad', level: 3 },
+    { type: 'paragraph', html: 'Intelligent palettextraktion är inte en enkel slumpmässig sampling av pixlar. Den använder Median Cut-algoritmen, en rekursiv partitioneringsteknik som säkerställer en trogen representation:' },
+    { type: 'list', items: [
+        '<strong>Rekursiv uppdelning:</strong> Bildens RGB-\"färgkub\" delas rekursivt upp i mindre boxar.',
+        '<strong>Volymbolans:</strong> Varje partition strävar efter att gruppera pixlar från samma färgrymd med liknande volymer.',
+        '<strong>Viktat medelvärde:</strong> Den resulterande färgen i varje box är genomsnittet av alla pixlar den innehåller.',
+        '<strong>Trogen representation:</strong> De dominanta färgerna återspeglar bildens verkliga visuella atmosfär, inte bara ett enkelt stickprov.'
+    ], icon: 'mdi:check' },
+
+    { type: 'card', title: 'Kreativt arbetsflöde', html: 'Idealisk för webbutvecklare, UX/UI-designers, digitala konstnärer och kreatörer som vill fånga den visuella essensen i ett fotografi, en film eller en visuell referens för att använda i sina gränssnitt, illustrationer eller varumärkespaletter.' },
+
+    { type: 'title', text: 'Användningsområden inom digital design', level: 3 },
+    { type: 'comparative', items: [
+        {
+            title: 'UX/UI designers',
+            description: 'Extrahera paletter från hero-bilder för att skapa enhetliga gränssnitt',
+            icon: 'mdi:palette',
+            points: [
+                'Harmoniska bakgrundsfärger',
+                'Knappar och sekundära element',
+                'Automatiskt beräknad kontrast'
+            ]
+        },
+        {
+            title: 'Webbutvecklare',
+            description: 'Skapa CSS-stylesheets direkt från visuella referenser',
+            icon: 'mdi:code-braces',
+            points: [
+                'Kopiera HEX direkt till CSS',
+                'Färgvariabler i SCSS/CSS',
+                'Enhetliga teman utan föregående design'
+            ],
+            highlight: true
+        },
+        {
+            title: 'Digitala konstnärer och illustratörer',
+            description: 'Fånga kromatiska referenser från film, natur eller konst',
+            icon: 'mdi:brush',
+            points: [
+                'Referenspaletter från mästerverk',
+                'Cinematiska färgstudier',
+                'Omedelbar visuell inspiration'
+            ]
+        },
+        {
+            title: 'Varumärkesspecialister',
+            description: 'Utveckla visuella identiteter baserat på guidefotografier',
+            icon: 'mdi:tag-multiple',
+            points: [
+                'Extrahera varumärkesfärger från bilder',
+                'Skapa professionella kromatiska guider',
+                'Säkerställ visuell konsistens'
+            ]
+        }
+    ], columns: 2 },
+
+    { type: 'title', text: 'Tillämpad färglära', level: 3 },
+    { type: 'table', headers: ['Färgkoncept', 'Definition', 'Praktisk tillämpning'], rows: [
+        ['Kromatisk harmoni', 'Färgkombination som är visuellt balanserad', 'Enhetlig visuell identitet i UI'],
+        ['Kontrast', 'Skillnad i ljusstyrka mellan färger', 'Läsbarhet och visuell hierarki'],
+        ['Mättnad', 'Färgintensitet hos en ton', 'Professionalism (låg) mot energi (hög)'],
+        ['Färgtemperatur', 'Varma färger (röda) mot kalla färger (blå)', 'Känslomässig psykologi i design'],
+        ['Monokromatisk palett', 'Variationer av en enda ton', 'Elegans och minimalism']
+    ] },
+
+    { type: 'proscons', items: [
+        {
+            pro: 'Matematisk precision i extraktionen - inte ett ungefärligt visuellt val',
+            con: 'Knappt synliga färger kan inkluderas om de består av många pixlar'
+        },
+        {
+            pro: 'Omedelbar kopiering till urklipp - perfekt integration med arbetsflödet',
+            con: 'Kräver en modern webbläsare som är kompatibel med Canvas API'
+        },
+        {
+            pro: 'Total integritet - 100% lokal analys utan att data skickas iväg',
+            con: 'Ingen historik över tidigare analyser sparas'
+        },
+        {
+            pro: 'Kompatibel med alla digitala bildformat',
+            con: 'Slutgiltiga färger beror på bildkompression och kvalitet'
+        }
+    ], proTitle: 'Fördelar', conTitle: 'Begränsningar' },
+
+    { type: 'diagnostic', variant: 'success', title: 'Realistisk färgåtergivning', icon: 'mdi:check-circle-outline', badge: 'Avancerad algoritm', html: 'Till skillnad från verktyg som bara samplar slumpmässiga pixlar använder vårt system Median Cut-algoritmen som väger in hela pixelantalet för varje ton, vilket säkerställer att den resulterande paletten troget återspeglar den visuella atmosfären och färgpsykologin i originalbilden.' },
+
+    { type: 'glossary', items: [
+        {
+            term: 'Median Cut',
+            definition: 'Kvantiseringsalgoritm för färger som rekursivt delar upp RGB-rymden i boxar, vilket säkerställer en enhetlig fördelning. Har historiskt använts i GIF och indexerad färgteknik.'
+        },
+        {
+            term: 'RGB-färgrymd',
+            definition: 'Färgmodell baserad på rött, grönt och blått. Varje färg representeras som en kombination av dessa tre värden (0-255). Standard på digitala skärmar och webben.'
+        },
+        {
+            term: 'HEX-kod',
+          definition: '6-siffrig hexadecimal notation (#RRGGBB) som representerar färg på webben: #FF0000 (röd), #00FF00 (grön), #0000FF (blå). Universell i CSS, Figma och Adobe.'
+        },
+        {
+            term: 'Färgmättnad',
+            definition: 'Intensitet eller renhet hos en färg. Hög mättnad = livfull färg; låg mättnad = gråaktig färg. Påverkar den känslomässiga uppfattningen av designen.'
+        },
+        {
+            term: 'Kromatisk harmoni',
+            definition: 'Urval och kombination av färger som resulterar i ett visuellt tilltalande resultat. Det kan vara monokromatiskt, komplementärt, analogt eller triadiskt.'
+        }
+    ] },
+
+    { type: 'message', title: 'Professionell kromatisk analys', ariaLabel: 'Teknisk information om färganalys', html: 'Chromatic Lens förvandlar manuell visuell analys till algoritmisk precision. Verktyget extraherar inte bara färger: det fångar den känslomässiga och visuella essensen i alla bilder och lägger den direkt i ditt urklipp som färdiga HEX-koder. Total integritet, inga begränsningar i produktivitet.' },
+
+    { type: 'title', text: 'Design utifrån visuell inspiration', level: 3 },
+    { type: 'paragraph', html: 'Den bästa färgpaletten är den som fångar den visuella intentionen i din referens. Chromatic Lens automatiserar det som tidigare var en manuell process: observera, analysera, anteckna. Nu behöver du bara dra en bild och få professionella HEX-koder på några sekunder.' }
+];
+
+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: 'sv',
+};
+
+export const content: ChromaticLensLocaleContent = {
+    slug,
+    title,
+    description,
+    ui,
+    seo,
+    faqTitle: "Vanliga frågor",
+    faq,
+    bibliographyTitle: "Referenser",
+    bibliography,
+    howTo,
+    schemas: [faqSchema as any, howToSchema as any, appSchema],
+};