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:
@@ -5,8 +5,6 @@ import { Trans } from '@kit/ui/trans';
|
|||||||
import { AppLogo } from '~/components/app-logo';
|
import { AppLogo } from '~/components/app-logo';
|
||||||
import appConfig from '~/config/app.config';
|
import appConfig from '~/config/app.config';
|
||||||
|
|
||||||
const YEAR = new Date().getFullYear();
|
|
||||||
|
|
||||||
export function SiteFooter() {
|
export function SiteFooter() {
|
||||||
return (
|
return (
|
||||||
<footer className={'border-t py-8 xl:py-12 2xl:py-14'}>
|
<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 className={'flex flex-col space-y-4'}>
|
||||||
<div>
|
<div>
|
||||||
<p className={'text-sm text-muted-foreground'}>
|
<p className={'text-sm text-muted-foreground'}>
|
||||||
Add a short tagline about your product
|
<Trans i18nKey={'marketing:footerDescription'} />
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className={'flex text-xs text-muted-foreground'}>
|
<div className={'flex text-xs text-muted-foreground'}>
|
||||||
<p>
|
<p>
|
||||||
© Copyright {YEAR} {appConfig.name}. All Rights Reserved.
|
<Trans
|
||||||
|
i18nKey={'marketing:copyright'}
|
||||||
|
values={{
|
||||||
|
product: appConfig.name,
|
||||||
|
year: new Date().getFullYear(),
|
||||||
|
}}
|
||||||
|
/>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -33,5 +33,7 @@
|
|||||||
"contactSuccess": "Your message has been sent successfully",
|
"contactSuccess": "Your message has been sent successfully",
|
||||||
"contactError": "An error occurred while sending your message",
|
"contactError": "An error occurred while sending your message",
|
||||||
"contactSuccessDescription": "We have received your message and will get back to you as soon as possible",
|
"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."
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user