feat(i18n): implement localization using LinguiJS

This commit is contained in:
Amruth Pillai
2023-11-10 09:07:47 +01:00
parent 13d91411e3
commit 6ad4358d70
108 changed files with 4631 additions and 798 deletions

View File

@ -1,4 +1,5 @@
import { Button } from "@reactive-resume/ui";
import { t, Trans } from "@lingui/macro";
import { buttonVariants } from "@reactive-resume/ui";
import { cn } from "@reactive-resume/utils";
type LogoProps = { company: string };
@ -35,7 +36,7 @@ export const LogoCloudSection = () => (
<section className="relative py-24 sm:py-32">
<div className="mx-auto max-w-7xl px-6 lg:px-8">
<p className="text-center text-lg leading-relaxed">
Reactive Resume has helped people land jobs at these great companies:
{t`Reactive Resume has helped people land jobs at these great companies:`}
</p>
<div className="mx-auto mt-10 grid max-w-lg grid-cols-4 items-center gap-x-8 gap-y-10 sm:max-w-xl sm:grid-cols-6 sm:gap-x-10 lg:mx-0 lg:max-w-none lg:grid-cols-5">
{logoList.map((company) => (
@ -43,17 +44,18 @@ export const LogoCloudSection = () => (
))}
</div>
<p className="mx-auto mt-8 max-w-sm text-center leading-relaxed">
If this app has helped you with your job hunt, let me know by reaching out through{" "}
<Button asChild variant="link" className="p-0">
<Trans>
If this app has helped you with your job hunt, let me know by reaching out through{" "}
<a
href="https://www.amruthpillai.com/#contact"
target="_blank"
rel="noopener noreferrer nofollow"
href="https://www.amruthpillai.com/#contact"
className={cn(buttonVariants({ variant: "link" }), "p-0")}
>
this contact form
</a>
</Button>
.
.
</Trans>
</p>
</div>
</section>