panel-web/apps/user/components/main/FooterCopyright.tsx

42 lines
1.3 KiB
TypeScript

'use client';
import useGlobalStore from '@/config/use-global';
import { useTranslations } from 'next-intl';
import Image from 'next/image';
import Link from 'next/link';
export default function FooterCopyright() {
const { common } = useGlobalStore();
const { site } = common;
const t = useTranslations('auth');
return (
<footer className={'fixed bottom-6 z-40 w-full text-xs sm:text-sm'}>
<div className={'container relative flex items-center justify-center text-right sm:block'}>
<Image
src={'./logo.png'}
height={37}
width={28}
className={`scale-85 h-[37px] w-[28px] flex-shrink-0 object-contain sm:absolute sm:-translate-x-1/2 sm:scale-100 md:left-1/2`}
alt='logo'
unoptimized
></Image>
<div className={'ml-2.5'}>
<strong className='text-foreground'>
Airo<sup className='text-[8px]'></sup>Port
</strong>{' '}
© All rights reserved.
<div>
<Link href='/tos' className='underline'>
{t('tos')}
</Link>
<Link href='/privacy-policy' className='ml-2 underline'>
{t('privacyPolicy')}
</Link>
</div>
</div>
</div>
</footer>
);
}