parsa/canina
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

design: fix contrast accessibility for footer captions, copyright text, bottom menus, and vertical alignment of authenticity seal badge

Browse Source
This commit is contained in:
parsa aghaei 2026-07-14 20:34:55 +03:30
parent 2402efac15
commit b42e8ce97d
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/application/components/Footer.tsx
View File

@ -20,7 +20,7 @@ export default function Footer({ onNavigate, onShopNavigate, onB2BOpen }: {
<div className="w-12 h-12 bg-canina-blue rounded-2xl flex items-center justify-center text-white font-bold text-2xl group-hover:bg-medical-gray-900 transition-all shadow-xl shadow-canina-blue/20 italic">C</div>
<div className="flex flex-col">
<span className="text-white font-black text-2xl tracking-tighter leading-none italic font-sans">Canina <span className="text-sm not-italic font-medium border-l-2 border-white/20 pl-2 ml-2 font-vazir">{getText('brand_name_fa', "ایران")}</span></span>
<span className="text-[10px] text-white/40 font-bold uppercase tracking-widest leading-none mt-1.5 font-vazir">{getText('brand_subtitle', "نماینده رسمی Canina Pharma GmbH آلمان")}</span>
<span className="text-[10px] text-slate-400 font-bold uppercase tracking-widest leading-none mt-1.5 font-vazir">{getText('brand_subtitle', "نماینده رسمی Canina Pharma GmbH آلمان")}</span>
</div>
</div>
<p className="text-sm text-slate-300 leading-relaxed font-medium">
@ -72,7 +72,7 @@ export default function Footer({ onNavigate, onShopNavigate, onB2BOpen }: {
<Phone className="w-6 h-6" />
</div>
<div>
<p className="text-[10px] text-white/40 font-black uppercase mb-1">{getText('footer_phone_label', "خط ویژه فروش")}</p>
<p className="text-[10px] text-slate-400 font-black uppercase mb-1">{getText('footer_phone_label', "خط ویژه فروش")}</p>
<p className="text-lg font-black tracking-widest text-left text-slate-200" dir="ltr">{getText('footer_phone', "۰۲۱-۸۸۸۸ ۴۴۴۴")}</p>
</div>
</div>
@ -81,7 +81,7 @@ export default function Footer({ onNavigate, onShopNavigate, onB2BOpen }: {
<Mail className="w-6 h-6" />
</div>
<div>
<p className="text-[10px] text-white/40 font-black uppercase mb-1">{getText('footer_email_label', "مکاتبات رسمی")}</p>
<p className="text-[10px] text-slate-400 font-black uppercase mb-1">{getText('footer_email_label', "مکاتبات رسمی")}</p>
<p className="text-sm font-bold text-slate-300">{getText('footer_email', "info@canino-iran.com")}</p>
</div>
</div>
@ -92,7 +92,7 @@ export default function Footer({ onNavigate, onShopNavigate, onB2BOpen }: {
<MapPin className="w-6 h-6" />
</div>
<div>
<p className="text-[10px] text-white/40 font-black uppercase mb-1">{getText('footer_address_label', "دفتر مرکزی")}</p>
<p className="text-[10px] text-slate-400 font-black uppercase mb-1">{getText('footer_address_label', "دفتر مرکزی")}</p>
<p className="text-sm font-bold leading-relaxed text-slate-300">{getText('footer_address', "تهران، جردن، خیابان سعیدی، ساختمان کانینا، طبقه ۵، واحد ۱۹")}</p>
</div>
</div>
@ -105,18 +105,18 @@ export default function Footer({ onNavigate, onShopNavigate, onB2BOpen }: {
</div>
<div>
<h5 className="text-sm font-black text-white">{getText('footer_auth_title', "اصالت کالا تضمین می‌شود")}</h5>
<p className="text-[10px] text-white/50 font-bold">{getText('footer_auth_desc', "تمامی محصولات دارای لیبل اصالت وزارت بهداشت و QR Code اختصاصی هستند.")}</p>
<p className="text-[10px] text-slate-400 font-bold">{getText('footer_auth_desc', "تمامی محصولات دارای لیبل اصالت وزارت بهداشت و QR Code اختصاصی هستند.")}</p>
</div>
</div>
<div className="text-xs font-black italic text-white/20">{getText('footer_auth_badge', "اصالت آلمانی کانینا")}</div>
<div className="text-xs font-black italic text-slate-400 self-center">{getText('footer_auth_badge', "اصالت آلمانی کانینا")}</div>
</div>
</div>
</div>
<div className="pt-12 border-t border-white/5 flex flex-col md:flex-row items-center justify-between gap-6 text-[10px] font-black text-white/20 uppercase tracking-[0.3em]">
<div>{getText('footer_copyright', "© ۲۰۲۶ کانینا ایران. تمامی حقوق محفوظ است.")}</div>
<div className="flex gap-8 font-vazir">
<div className="pt-12 border-t border-white/5 flex flex-col md:flex-row items-center justify-between gap-6 text-[10px] font-black uppercase tracking-[0.3em]">
<div className="text-slate-400">{getText('footer_copyright', "© ۲۰۲۶ کانینا ایران. تمامی حقوق محفوظ است.")}</div>
<div className="flex gap-8 font-vazir text-slate-400">
<button onClick={() => onNavigate("about")} className="hover:text-white transition-colors">{getText('footer_about', "درباره ما")}</button>
<button onClick={() => onNavigate("contact")} className="hover:text-white transition-colors">{getText('footer_contact', "تماس با ما")}</button>
<button onClick={() => onNavigate("privacy")} className="hover:text-white transition-colors">{getText('footer_privacy', "حریم خصوصی")}</button>