feat(landing): restructure footer with enamad seal, contact info, and logo

- Remove login/register/dashboard nav links from the footer
- Add Enamad trust seal on the left
- Center the contact block (title, phone, email) in the middle
- Move the logo to the right side
- Place the copyright line at the bottom, centered
- Update copyright text and add contact strings (fa/en)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
keyhan
2026-06-19 19:55:37 +03:30
parent dbc169206f
commit 78ed95b29b
3 changed files with 46 additions and 17 deletions
@@ -1,6 +1,5 @@
'use client';
import { Link } from '@/i18n/Link';
import { Logo } from '../Logo';
import { useT } from '@/i18n/I18nProvider';
@@ -8,20 +7,44 @@ export function Footer() {
const t = useT();
return (
<footer className="relative border-t border-white/15 bg-slate-950/35 px-6 py-12 backdrop-blur-md">
<div className="mx-auto flex max-w-6xl flex-col items-center justify-between gap-6 sm:flex-row">
<Logo className="abrban-ink" />
<nav className="abrban-ink flex items-center gap-6 text-sm text-white/80">
<Link href="/login" className="transition hover:text-white">
{t.common.login}
</Link>
<Link href="/register" className="transition hover:text-white">
{t.common.register}
</Link>
<Link href="/dashboard" className="transition hover:text-white">
{t.common.dashboard}
</Link>
</nav>
<p className="abrban-ink text-sm text-white/70">{t.landing.footer.copyright}</p>
<div className="mx-auto flex max-w-6xl flex-col items-center gap-8">
{/* Top row: Enamad seal on the left, contact centered in the middle */}
<div className="relative flex w-full flex-col items-center gap-8 sm:flex-row sm:justify-center">
{/* Enamad trust seal — left side of the footer */}
<a
referrerPolicy="origin"
target="_blank"
href="https://trustseal.enamad.ir/?id=746509&Code=TjuemVcAPGnwRCMCv8wUbSf0njE3WYMd"
className="shrink-0 sm:absolute sm:left-0 sm:top-1/2 sm:-translate-y-1/2"
>
{/* eslint-disable-next-line @next/next/no-img-element */}
<img
referrerPolicy="origin"
src="https://trustseal.enamad.ir/logo.aspx?id=746509&Code=TjuemVcAPGnwRCMCv8wUbSf0njE3WYMd"
alt="Enamad"
style={{ cursor: 'pointer' }}
// @ts-expect-error — Enamad requires this custom attribute
code="TjuemVcAPGnwRCMCv8wUbSf0njE3WYMd"
/>
</a>
{/* Contact — centered */}
<div className="abrban-ink flex flex-col items-center gap-1 text-sm text-white/80">
<span className="font-medium text-white/90">{t.landing.footer.contactTitle}</span>
<a href="tel:+982191092762" className="transition hover:text-white" dir="ltr">
{t.landing.footer.phone}
</a>
<a href={`mailto:${t.landing.footer.email}`} className="transition hover:text-white" dir="ltr">
{t.landing.footer.email}
</a>
</div>
{/* Logo — right side of the footer */}
<Logo className="abrban-ink shrink-0 sm:absolute sm:right-0 sm:top-1/2 sm:-translate-y-1/2" />
</div>
{/* Copyright — bottom, centered */}
<p className="abrban-ink text-center text-sm text-white/70">{t.landing.footer.copyright}</p>
</div>
</footer>
);
+4 -1
View File
@@ -112,7 +112,10 @@ const en: Dictionary = {
ctaSecondary: 'Dashboard',
},
footer: {
copyright: '© Abrban — All rights reserved',
copyright: 'All rights to this website belong to Abrban',
contactTitle: 'Contact us',
phone: '021-91092762',
email: 'info@abrban.com',
},
},
+4 -1
View File
@@ -111,7 +111,10 @@ const fa = {
ctaSecondary: 'داشبورد',
},
footer: {
copyright: '© ابربان — همهٔ حقوق محفوظ است',
copyright: 'کلیه حقوق این وبسایت متعلق به ابربان می‌باشد',
contactTitle: 'تماس با ما',
phone: '۰۲۱-۹۱۰۹۲۷۶۲',
email: 'info@abrban.com',
},
},