soroush.asadi
30 lines
1.0 KiB
TypeScript
30 lines
1.0 KiB
TypeScript
'use client';
|
|
|
|
import Image from 'next/image';
|
|
import { useLocale } from '@/lib/i18n/locale-context';
|
|
|
|
export function Footer() {
|
|
const { t, locale } = useLocale();
|
|
|
|
return (
|
|
<footer className="relative border-t border-white/5 bg-base-900/40 px-5 py-12 sm:px-8">
|
|
<div className="mx-auto flex max-w-7xl flex-col gap-6 sm:flex-row sm:items-center sm:justify-between">
|
|
<div className="flex items-center gap-3">
|
|
<Image src="/logo-mark.svg" alt="" width={28} height={28} />
|
|
<div className="flex flex-col leading-tight">
|
|
<span className="text-sm font-semibold text-slate-100">
|
|
{locale === 'fa' ? 'سروش اسعدی' : 'Soroush Asadi'}
|
|
</span>
|
|
<span className="font-mono text-[0.65rem] uppercase tracking-[0.2em] text-slate-500">
|
|
{t.footer.tagline}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<span className="font-mono text-[0.7rem] text-slate-500">
|
|
{t.footer.rights}
|
|
</span>
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|