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