Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-22 20:51:29 +10:00
Code Issues Packages Projects Releases Wiki Activity

feat(i18n): implement localization using LinguiJS

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

9
apps/client/src/pages/home/sections/hero/call-to-action.tsx
View File

@ -1,3 +1,4 @@
import { t } from "@lingui/macro";
import { Book, SignOut } from "@phosphor-icons/react";
import { Button } from "@reactive-resume/ui";
import { Link } from "react-router-dom";
@ -14,12 +15,12 @@ export const HeroCTA = () => {
return (
<>
<Button asChild size="lg">
<Link to="/dashboard">Go to Dashboard</Link>
<Link to="/dashboard">{t`Go to Dashboard`}</Link>
</Button>
<Button size="lg" variant="link" onClick={() => logout()}>
<SignOut className="mr-3" />
Logout
{t`Logout`}
</Button>
</>
);
@ -29,13 +30,13 @@ export const HeroCTA = () => {
return (
<>
<Button asChild size="lg">
<Link to="/auth/login">Get started</Link>
<Link to="/auth/login">{t`Get Started`}</Link>
</Button>
<Button asChild size="lg" variant="link">
<a href="https://docs.rxresu.me" target="_blank" rel="noopener noreferrer nofollow">
<Book className="mr-3" />
Learn more
{t`Learn more`}
</a>
</Button>
</>

14
apps/client/src/pages/home/sections/hero/index.tsx
View File

@ -1,3 +1,4 @@
import { t } from "@lingui/macro";
import { ArrowRight } from "@phosphor-icons/react";
import { Badge, Button } from "@reactive-resume/ui";
import { motion } from "framer-motion";
@ -20,24 +21,23 @@ export const HeroSection = () => (
whileInView={{ opacity: 1, x: 0 }}
>
<div className="mt-24 flex items-center gap-x-4 sm:mt-32 lg:mt-0">
<Badge>Version 4</Badge>
<Badge>{t`Version 4`}</Badge>
<Button variant="link" className="space-x-2 text-left">
<p>What's new in the latest version</p>
<p>{t`What's new in the latest version`}</p>
<ArrowRight />
</Button>
</div>
<div className="mt-10 space-y-2">
<h6 className="text-base font-bold tracking-wide">Finally,</h6>
<h6 className="text-base font-bold tracking-wide">{t`Finally,`}</h6>
<h1 className="text-4xl font-bold tracking-tight sm:text-6xl">
A free and open-source resume builder.
{t`A free and open-source resume builder.`}
</h1>
</div>
<p className="prose prose-base prose-zinc mt-6 text-lg leading-8 dark:prose-invert">
A free and open-source resume builder that simplifies the process of creating, updating,
and sharing your resume.
{t`A free and open-source resume builder that simplifies the process of creating, updating, and sharing your resume.`}
</p>
<div className="mt-10 flex items-center gap-x-8">
@ -53,7 +53,7 @@ export const HeroSection = () => (
width={3600}
height={2078}
src="/screenshots/builder.png"
alt="Reactive Resume - Screenshot - Builder Screen"
alt={t`Reactive Resume - Screenshot - Builder Screen`}
className="w-[76rem] rounded-lg bg-background/5 shadow-2xl ring-1 ring-foreground/10"
/>
</Tilt>