From 3220526a30f53da258f650110f2e8ebf6611f0ea Mon Sep 17 00:00:00 2001
From: giancarlo <giancarlopsk@gmail.com>
Date: Wed, 1 May 2024 16:51:14 +0700
Subject: [PATCH] Add footer details in marketing component

The footer of the marketing component now includes a localized description and a copyright message that are injected into the footer. These changes were made in both the marketing.json file in the locales folder, and the site-footer.tsx in the _components folder. The year is dynamically generated based on the current year in the copyright message.
---
 apps/web/app/(marketing)/_components/site-footer.tsx | 12 ++++++++----
 apps/web/public/locales/en/marketing.json            |  4 +++-
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/apps/web/app/(marketing)/_components/site-footer.tsx b/apps/web/app/(marketing)/_components/site-footer.tsx
index 20dfd6e34..afeec5710 100644
--- a/apps/web/app/(marketing)/_components/site-footer.tsx
+++ b/apps/web/app/(marketing)/_components/site-footer.tsx
@@ -5,8 +5,6 @@ import { Trans } from '@kit/ui/trans';
 import { AppLogo } from '~/components/app-logo';
 import appConfig from '~/config/app.config';
 
-const YEAR = new Date().getFullYear();
-
 export function SiteFooter() {
   return (
     <footer className={'border-t py-8 xl:py-12 2xl:py-14'}>
@@ -26,13 +24,19 @@ export function SiteFooter() {
               <div className={'flex flex-col space-y-4'}>
                 <div>
                   <p className={'text-sm text-muted-foreground'}>
-                    Add a short tagline about your product
+                    <Trans i18nKey={'marketing:footerDescription'} />
                   </p>
                 </div>
 
                 <div className={'flex text-xs text-muted-foreground'}>
                   <p>
-                    © Copyright {YEAR} {appConfig.name}. All Rights Reserved.
+                    <Trans
+                      i18nKey={'marketing:copyright'}
+                      values={{
+                        product: appConfig.name,
+                        year: new Date().getFullYear(),
+                      }}
+                    />
                   </p>
                 </div>
               </div>
diff --git a/apps/web/public/locales/en/marketing.json b/apps/web/public/locales/en/marketing.json
index 971237cec..1325b5ae6 100644
--- a/apps/web/public/locales/en/marketing.json
+++ b/apps/web/public/locales/en/marketing.json
@@ -33,5 +33,7 @@
   "contactSuccess": "Your message has been sent successfully",
   "contactError": "An error occurred while sending your message",
   "contactSuccessDescription": "We have received your message and will get back to you as soon as possible",
-  "contactErrorDescription": "An error occurred while sending your message. Please try again later"
+  "contactErrorDescription": "An error occurred while sending your message. Please try again later",
+  "footerDescription": "Here you can add a description about your company or product",
+  "copyright": "© Copyright {{year}} {{product}}. All Rights Reserved."
 }