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.
This commit is contained in:
giancarlo
2024-05-01 16:51:14 +07:00
parent 809b36dd96
commit 3220526a30
2 changed files with 11 additions and 5 deletions

View File

@@ -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>

View File

@@ -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."
}