ai.pug

extends pug/layout.pug

block content
  section.section-white(style="padding-bottom: 0;")
    .container
      .row
        .col-lg-12.text-center
          .section-heading(style="margin-top: -20px;")
            h1 AI-powered Localization
            h2 Revolutionize Localization with AI
            p.description
              | Achieve faster, smarter, and cost-effective localization using AI-powered tools. 
              | Enhance accuracy and consistency without sacrificing speed.
            a.btn.btn-primary(href="https://www.locize.app/register") Get Started with AI Localization

  section.section-primary(style="padding-bottom: 20px;")
    .container
      .section-heading
        h2 Why Choose AI Localization?
        .benefits-grid
          .benefit
            h3
              i.fas.fa-tachometer-alt(style="margin-right: 5px;")
              | Faster Time-to-Market
            p
              | AI accelerates the translation process, helping your team deliver content 
              | to global markets faster than ever.
          .benefit
            h3
              i.fas.fa-check-circle(style="margin-right: 5px;")
              | Improved Accuracy
            p
              | Advanced machine learning ensures translations are precise and retain 
              | context and tone.
          .benefit
            h3
              i.fas.fa-hand-holding-usd(style="margin-right: 5px;")
              | Cost-Effective
            p
              | Reduce localization costs by automating repetitive tasks and enhancing efficiency.


  section.section-tertiary
    .container#how-it-works
      h2 How AI Localization Works
      .steps
        .row
          .col-sm-3
            .step(style="display: flex; align-items: center; margin-bottom: 10px;")
              .step-icon
                img.img-responsive.modalify(style='width: 320px; min-width: 300px; max-width: 400px' src='img/screenshots/screen/ai_apikey_s.jpg', full='img/screenshots/screen/ai_apikey.png', alt='AI API Key', loading='lazy')
          .col-sm-9
              .step-text(style="padding-left: 20px;")
                h3 Bring your own API Key
                p
                  | Add your 
                  a(href="https://openai.com" target="_blank") OpenAI
                  |  or 
                  a(href="https://mistral.ai" target="_blank") MistralAI
                  |  API Key this ensures data privacy and ownership. With your API key, you won't be tied to us.
        
        .row
          .col-sm-3
            .step(style="display: flex; align-items: center; margin-bottom: 10px;")
              .step-icon
                img.img-responsive.modalify(style='width: 320px; min-width: 300px; max-width: 400px' src='img/screenshots/screen/ai_model_s.jpg', full='img/screenshots/screen/ai_model.png', alt='AI Model', loading='lazy')
          .col-sm-9
            .step-text(style="padding-left: 20px;")
              h3 Select your favourite model
              p
                | Language Models (LLMs) revolutionize translation efficiency, delivering translations that are 95% ready for publication in real-world UI localization projects.
        
        .row
          .col-sm-3
            .step(style="display: flex; align-items: center; margin-bottom: 10px;")
              .step-icon
                img.img-responsive.modalify(style='width: 320px; min-width: 300px; max-width: 400px' src='img/screenshots/screen/ai_context_s.jpg', full='img/screenshots/screen/ai_context.png', alt='AI Context', loading='lazy')
          .col-sm-9
            .step-text(style="padding-left: 20px;")
              h3 Define some custom context
              p AI’s contextual understanding enhances translation quality, allowing translators to focus on reviewing and refining translations for greater accuracy, while managers leverage AI to streamline and automate the entire process.
              p Receive context-aware translations. At locize, you can provide context per project, language, namespace and key/string levels.

        .row
          .col-sm-3
            .step(style="display: flex; align-items: center; margin-bottom: 10px;")
              .step-icon
                img.img-responsive.modalify(style='width: 320px; min-width: 300px; max-width: 400px' src='img/screenshots/screen/glossary_example_s.jpg', full='img/screenshots/screen/glossary_example.png', alt='Glossary', loading='lazy')
          .col-sm-9
            .step-text(style="padding-left: 20px;")
              h3 Train AI using your glossaries
              p
                | We automatically provide the relevant terminology to train the AI.
                | You just need to continue to use our normal 
                a(href="https://docs.locize.com/whats-inside/glossary") glossary
                |  feature, as usual.
        
        .row
          .col-sm-3
            .step(style="display: flex; align-items: center; margin-bottom: 10px;")
              .step-icon
                img.img-responsive.modalify(style='width: 320px; min-width: 300px; max-width: 400px' src='img/screenshots/screen/ai_bulk_s.jpg', full='img/screenshots/screen/ai_bulk.png', alt='AI bulk', loading='lazy')
          .col-sm-9
            .step-text(style="padding-left: 20px;")
              h3 Use it like MT
              p
                | Like the classic integrated machine translations, you can use the integrated generative AI's for single segments or via 
                a(href="https://docs.locize.com/different-views/global#bulk-actions") bulk actions
                |  or via 
                a(href="https://docs.locize.com/whats-inside/auto-machine-translation") automatic translation workflow
                | .

        .row
          .col-sm-3
            .step(style="display: flex; align-items: center; margin-bottom: 10px;")
              .step-icon
                img.img-responsive.modalify(style='width: 320px; min-width: 300px; max-width: 400px' src='img/screenshots/screen/ai_assistant_s.jpg', full='img/screenshots/screen/ai_assistant.png', alt='AI assistant', loading='lazy')
          .col-sm-9
            .step-text(style="padding-left: 20px;")
              h3 Refine Translations with AI Suggestions
              p
                | Enhance your translations further with AI-powered refinement options. 
                | Easily rephrase, shorten, or generate multiple variants for any translation segment to better fit your context and tone.
              p
                | This feature provides greater flexibility, empowering translators to review and adapt suggestions seamlessly, ensuring the best fit for your specific needs.

    .container
      .row
        .col-lg-12.text-center
          a.btn.btn-primary(href="https://www.locize.app/register") Convince yourself and try it now!

  section.use-cases
    .container
      h2 AI Localization for All Use Cases
      p.description
        | With Locize's generative AI-powered localization tools, you can streamline the translation and adaptation of content across a wide range of software types. From websites to mobile apps, games, and platforms, our AI technology ensures faster, more accurate, and contextually relevant translations for every use case.
      .use-cases-grid
        .use-case
          h3
            i.fas.fa-globe(style="margin-right: 5px;")
            | Website Localization
          p
            | Leverage our generative AI to automate and optimize the translation of web applications, from frontend frameworks like React.js, Angular, and Vue.js to backend systems and landing pages. Ensure your website is perfectly localized for a global audience.
        .use-case
          h3
            i.fas.fa-mobile-alt(style="margin-right: 5px;")
            | Mobile App Localization
          p
            | Take advantage of AI-driven translation models to simplify and accelerate the localization of mobile apps, ensuring consistency and accuracy across platforms while reducing manual work.
        .use-case
          h3
            i.fas.fa-gamepad(style="margin-right: 5px;")
            | Video Game Localization
          p
            | Utilize generative AI to automate the translation of in-game content, improving quality and consistency while significantly reducing the time and effort required to localize your game for different languages.
        .use-case
          h3
            i.fas.fa-cogs(style="margin-right: 5px;")
            | Platform Localization
          p
            | With AI-powered translation models, integrate multiple languages into your platform's software solutions, providing enhanced user experiences for a global audience and ensuring fast and efficient localization.
        .use-case
          h3
            i.fas.fa-pencil-ruler(style="margin-right: 5px;")
            | Website Builders
          p
            | Use AI-enhanced translation tools specifically designed for website builders like WordPress, Shopify, and others, allowing flexible and scalable localization for a variety of web projects.
        .use-case
          h3
            i.fas.fa-plug(style="margin-right: 5px;")
            | Any Software Integration
          p
            | Locize’s AI seamlessly integrates with any software through our API, CLI, or GitHub Actions, enabling generative AI translations that synchronize smoothly with your existing codebase and workflows.

  section.cta
    .cta-content
      .container
        h2 Ready to Experience AI Localization?
        h3 Take the first step toward smarter and faster localization. Try AI localization tools for free today.
        a.btn.btn-outline.btn-xl.page-scroll(href='https://www.locize.app/register', style='background-color: #4caf50; color: white; border: none;') Start your free trial
    .overlay