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:
@@ -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>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -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',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|||||||
@@ -111,7 +111,10 @@ const fa = {
|
|||||||
ctaSecondary: 'داشبورد',
|
ctaSecondary: 'داشبورد',
|
||||||
},
|
},
|
||||||
footer: {
|
footer: {
|
||||||
copyright: '© ابربان — همهٔ حقوق محفوظ است',
|
copyright: 'کلیه حقوق این وبسایت متعلق به ابربان میباشد',
|
||||||
|
contactTitle: 'تماس با ما',
|
||||||
|
phone: '۰۲۱-۹۱۰۹۲۷۶۲',
|
||||||
|
email: 'info@abrban.com',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user