mirror of
https://github.com/AmruthPillai/Reactive-Resume.git
synced 2025-11-25 22:21:26 +10:00
feat(i18n): implement localization using LinguiJS
This commit is contained in:
@ -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>
|
||||
|
||||
Reference in New Issue
Block a user