diff --git a/website/docs/introduction.md b/website/docs/introduction.md index 06a6cb3b9..5eeb70af1 100644 --- a/website/docs/introduction.md +++ b/website/docs/introduction.md @@ -26,6 +26,10 @@ Use it everywhere. [`@lingui/core`](/docs/ref/core.md) provides the essential in Use React components inside localized messages without any limitation. Writing rich-text messages is as easy as writing JSX. +### AI Translations Ready + +For AI to do great translations for you, context is critical. Translating UI copy is difficult because it's usually a list of short strings without enough context. Lingui's localization formats allow developers to write descriptions of where and how your keys are used. This allows both human translators and AI to make better translations. + ### Powerful tooling Manage the whole intl workflow using Lingui [CLI](/docs/tutorials/cli.md). It extracts messages from source code, validates messages coming from translators and checks that all messages are translated before shipping to production. diff --git a/website/src/components/Features.tsx b/website/src/components/Features.tsx index 177aece72..7ee706890 100644 --- a/website/src/components/Features.tsx +++ b/website/src/components/Features.tsx @@ -46,6 +46,18 @@ const FEATURES: FeatureDetails[] = [ image: "rich-text.svg", additionalClass: "", }, + { + title: "AI Translations Ready", + description: ( +

+ For AI to do great translations for you, context is critical. Translating UI copy is difficult because it's + usually a list of short strings without enough context. Lingui's localization formats allow developers to + write descriptions of where and how your keys are used. +

+ ), + image: "ai-ready.png", + additionalClass: "", + }, { title: "Headache-Free Professional Localization", description: ( @@ -66,6 +78,19 @@ const FEATURES: FeatureDetails[] = [ image: "clean-and-readable.png", additionalClass: styles.featureCardCellWide, }, + { + title: "Battle-Proven & Future Proof", + description: ( +

+ During the last 7 years, we've seen a lot of localization projects and developed a tool to handle them all. +
+ If your team needs to edit source texts without developer involvement, or you want the ability to deliver the + most recent translations directly to your customers – we've got you covered. +

+ ), + image: "time.svg", + additionalClass: styles.featureCardCellWide, + }, { title: "Suitable for All Localization Platforms", description: ( @@ -88,19 +113,6 @@ const FEATURES: FeatureDetails[] = [ image: "verified.svg", additionalClass: "", }, - { - title: "Battle-Proven & Future Proof", - description: ( -

- During the last 7 years, we've seen a lot of localization projects and developed a tool to handle them all. -
- If your team needs to edit source texts without developer involvement, or you want the ability to deliver the - most recent translations directly to your customers – we've got you covered. -

- ), - image: "time.svg", - additionalClass: styles.featureCardCellWide, - }, { title: "Fully Fledged", description: ( @@ -113,17 +125,6 @@ const FEATURES: FeatureDetails[] = [ image: "fledged.svg", additionalClass: styles.featureCardCellWide, }, - { - title: "Free and Fully Supported", - description: ( -

- With Lingui, you have access to a powerful i18n tool at no cost and our team is always available to assist you - with any questions. -

- ), - image: "free.svg", - additionalClass: "", - }, ]; const FeatureCard = ({ title, description, image, additionalClass }: FeatureDetails): React.ReactElement => ( diff --git a/website/src/components/Users.module.scss b/website/src/components/Users.module.scss index ee220b2bf..4b7f5533b 100644 --- a/website/src/components/Users.module.scss +++ b/website/src/components/Users.module.scss @@ -34,6 +34,8 @@ .logo { width: 64px; height: auto; + border-radius: 8px; + transition: 0.2s; } .user, @@ -43,4 +45,8 @@ .user:hover { text-decoration: none; + + .logo { + transform: scale(1.1); + } } diff --git a/website/src/components/Users.tsx b/website/src/components/Users.tsx index d97c55b89..d7460050c 100644 --- a/website/src/components/Users.tsx +++ b/website/src/components/Users.tsx @@ -17,30 +17,35 @@ const USERS: UserDetails[] = [ link: "https://github.com/brave/ads-ui", }, { - logo: "lenster.svg", - name: "Lenster", - link: "https://github.com/lensterxyz/lenster", + logo: "bluesky.png", + name: "Bluesky", + link: "https://github.com/bluesky-social/social-app", }, { logo: "ansible.png", - name: "Ansible AWX", + name: "Ansible", link: "https://github.com/ansible/awx", }, { - logo: "bluesky.png", - name: "Bluesky", - link: "https://github.com/bluesky-social/social-app", - }, - { - logo: "linkerd.png", - name: "Linkerd", - link: "https://github.com/linkerd/linkerd2", + logo: "metamask.png", + name: "Metamask", + link: "https://github.com/MetaMask/snaps-directory", }, { logo: "uniswap.png", name: "Uniswap", link: "https://github.com/Uniswap/interface", }, + { + logo: "graysky.png", + name: "Graysky", + link: "https://github.com/mozzius/graysky", + }, + { + logo: "linkerd.png", + name: "Linkerd", + link: "https://github.com/linkerd/linkerd2", + }, { logo: "zipkin.png", name: "Zipkin", diff --git a/website/static/img/features/ai-ready.png b/website/static/img/features/ai-ready.png new file mode 100644 index 000000000..25d60e574 Binary files /dev/null and b/website/static/img/features/ai-ready.png differ diff --git a/website/static/img/features/free.svg b/website/static/img/features/free.svg deleted file mode 100644 index 9ea8570b4..000000000 --- a/website/static/img/features/free.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/website/static/img/users/graysky.png b/website/static/img/users/graysky.png new file mode 100644 index 000000000..f598a96c4 Binary files /dev/null and b/website/static/img/users/graysky.png differ diff --git a/website/static/img/users/lenster.svg b/website/static/img/users/lenster.svg deleted file mode 100644 index 316c608ae..000000000 --- a/website/static/img/users/lenster.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/website/static/img/users/metamask.png b/website/static/img/users/metamask.png new file mode 100644 index 000000000..f312d1e0b Binary files /dev/null and b/website/static/img/users/metamask.png differ