devops/encoach_landingpage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated the translation for the Privacy Policy and the Terms and Conditions

Browse Source
This commit is contained in:
Tiago Ribeiro
2024-02-03 00:15:38 +00:00
parent e1485763be
commit 5e442fc054
5 changed files with 240 additions and 211 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/components/Footer.tsx
View File

@@ -8,6 +8,15 @@ interface Props {
language: "en" | "ar";
}
interface FooterLinkProps extends Props {
children: string;
href: string;
}
const FooterLink = ({language, href, children}: FooterLinkProps) => {
return <Link href={`${language === "ar" ? "/ar" : ""}${href}`}>{children}</Link>;
};
export default function Footer({language}: Props) {
return (
<>
@@ -20,26 +29,46 @@ export default function Footer({language}: Props) {
<div className="flex flex-col gap-4">
<span className="font-bold text-xl">{translation.navigation.text[language]}</span>
<div className="flex flex-col gap-2">
<Link href="/about">{translation.navigation.why_us[language]}</Link>
<Link href="/about#capabilities">{translation.navigation.capabilities[language]}</Link>
<Link href="/about#expertise">{translation.navigation.expertise[language]}</Link>
<Link href="/history">{translation.navigation.history[language]}</Link>
<Link href="/contact">{translation.navigation.contact[language]}</Link>
<FooterLink language={language} href={`/about`}>
{translation.navigation.why_us[language]}
</FooterLink>
<FooterLink language={language} href={`/about#capabilities`}>
{translation.navigation.capabilities[language]}
</FooterLink>
<FooterLink language={language} href={`/about#expertise`}>
{translation.navigation.expertise[language]}
</FooterLink>
<FooterLink language={language} href="/history">
{translation.navigation.history[language]}
</FooterLink>
<FooterLink language={language} href="/contact">
{translation.navigation.contact[language]}
</FooterLink>
</div>
</div>
<div className="flex flex-col gap-4">
<span className="font-bold text-xl">{translation.services.text[language]}</span>
<div className="flex flex-col gap-2">
<Link href="#benefits">{translation.services.encoach_benefits[language]}</Link>
<Link href="#testimonials">{translation.services.student_testimonials[language]}</Link>
<FooterLink language={language} href="/#benefits">
{translation.services.encoach_benefits[language]}
</FooterLink>
<FooterLink language={language} href="#testimonials">
{translation.services.student_testimonials[language]}
</FooterLink>
</div>
</div>
<div className="flex flex-col gap-4">
<span className="font-bold text-xl">{translation.about.text[language]}</span>
<div className="flex flex-col gap-2">
<Link href="/terms">{translation.about.terms[language]}</Link>
<Link href="/privacy-policy">{translation.about.privacy_policy[language]}</Link>
<Link href="/about">{translation.about.text[language]}</Link>
<FooterLink language={language} href="/terms">
{translation.about.terms[language]}
</FooterLink>
<FooterLink language={language} href="/privacy-policy">
{translation.about.privacy_policy[language]}
</FooterLink>
<FooterLink language={language} href="/about">
{translation.about.text[language]}
</FooterLink>
</div>
</div>
<div className="flex flex-col gap-4">