fix(seo): resolve pagespeed insights performance and accessibility issues

- Add priority to hero image and replace css background-image with Next.js Image component for faster LCP
- Add aria-label and aria-expanded to mobile menu button in Navbar
- Add aria-label to social media links in Footer
- Replace css background-image with Next.js Image component in CTA and Services sections
This commit is contained in:
mstfyldz
2026-06-04 13:04:26 +03:00
parent acf01c81fa
commit 7059a1f3a4
3 changed files with 26 additions and 15 deletions
+2 -2
View File
@@ -15,10 +15,10 @@ export default function Footer({ lang, dict }: { lang: Locale; dict: any }) {
{dict.description}
</p>
<div className="flex gap-4 pt-4">
<a href="#" className="text-gray-400 hover:text-[var(--color-moy-gold)] transition-colors">
<a href="#" aria-label="Instagram" className="text-gray-400 hover:text-[var(--color-moy-gold)] transition-colors">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><rect width="20" height="20" x="2" y="2" rx="5" ry="5" /><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" /><line x1="17.5" x2="17.51" y1="6.5" y2="6.5" /></svg>
</a>
<a href="#" className="text-gray-400 hover:text-[var(--color-moy-gold)] transition-colors">
<a href="#" aria-label="Facebook" className="text-gray-400 hover:text-[var(--color-moy-gold)] transition-colors">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" /></svg>
</a>
</div>