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 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>
|
||||
|
||||
@@ -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."
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user