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'; 'use client';
import { Link } from '@/i18n/Link';
import { Logo } from '../Logo'; import { Logo } from '../Logo';
import { useT } from '@/i18n/I18nProvider'; import { useT } from '@/i18n/I18nProvider';
@@ -8,20 +7,44 @@ export function Footer() {
const t = useT(); const t = useT();
return ( return (
<footer className="relative border-t border-white/15 bg-slate-950/35 px-6 py-12 backdrop-blur-md"> <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"> <div className="mx-auto flex max-w-6xl flex-col items-center gap-8">
<Logo className="abrban-ink" /> {/* Top row: Enamad seal on the left, contact centered in the middle */}
<nav className="abrban-ink flex items-center gap-6 text-sm text-white/80"> <div className="relative flex w-full flex-col items-center gap-8 sm:flex-row sm:justify-center">
<Link href="/login" className="transition hover:text-white"> {/* Enamad trust seal — left side of the footer */}
{t.common.login} <a
</Link> referrerPolicy="origin"
<Link href="/register" className="transition hover:text-white"> target="_blank"
{t.common.register} href="https://trustseal.enamad.ir/?id=746509&Code=TjuemVcAPGnwRCMCv8wUbSf0njE3WYMd"
</Link> className="shrink-0 sm:absolute sm:left-0 sm:top-1/2 sm:-translate-y-1/2"
<Link href="/dashboard" className="transition hover:text-white"> >
{t.common.dashboard} {/* eslint-disable-next-line @next/next/no-img-element */}
</Link> <img
</nav> referrerPolicy="origin"
<p className="abrban-ink text-sm text-white/70">{t.landing.footer.copyright}</p> 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> </div>
</footer> </footer>
); );
+4 -1
View File
@@ -112,7 +112,10 @@ const en: Dictionary = {
ctaSecondary: 'Dashboard', ctaSecondary: 'Dashboard',
}, },
footer: { 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: 'داشبورد', ctaSecondary: 'داشبورد',
}, },
footer: { footer: {
copyright: '© ابربان — همهٔ حقوق محفوظ است', copyright: 'کلیه حقوق این وبسایت متعلق به ابربان می‌باشد',
contactTitle: 'تماس با ما',
phone: '۰۲۱-۹۱۰۹۲۷۶۲',
email: 'info@abrban.com',
}, },
}, },