ever-guild · Glazlk · May 30, 2026 · May 29, 2026
diff --git a/public/404.html b/public/404.html
@@ -99,7 +99,7 @@
   </head>
   <body>
     <main>
-      <img src="/favicon.png" alt="Ever Guild" />
+      <img src="/favicon.png" alt="Ever Guild" width="96" height="96" />
       <p class="code">404 / Not found</p>
       <h1>This page is outside the guild map</h1>
       <p class="copy">The address may be outdated, moved, or mistyped. Return to the main Ever Guild site.</p>

diff --git a/src/assets/avatars/andrei-400.webp b/src/assets/avatars/andrei-400.webp
diff --git a/src/assets/avatars/andrei-640.webp b/src/assets/avatars/andrei-640.webp
diff --git a/src/assets/avatars/ilyar-400.webp b/src/assets/avatars/ilyar-400.webp
diff --git a/src/assets/avatars/ilyar-640.webp b/src/assets/avatars/ilyar-640.webp
diff --git a/src/assets/avatars/ppmarkek-400.webp b/src/assets/avatars/ppmarkek-400.webp
diff --git a/src/assets/avatars/ppmarkek-640.webp b/src/assets/avatars/ppmarkek-640.webp
diff --git a/src/components/sections/Contact.tsx b/src/components/sections/Contact.tsx
@@ -21,7 +21,13 @@ export const Contact = React.memo(function Contact() {
         >
           <span className="contact__email-prompt" aria-hidden="true">▸</span>
           <span className="contact__email-text">in@ever-guild.net</span>
-          <ArrowUpRight size={28} strokeWidth={1.8} className="contact__email-arrow" />
+          <ArrowUpRight
+            size={28}
+            strokeWidth={1.8}
+            className="contact__email-arrow"
+            aria-hidden="true"
+            focusable="false"
+          />
         </a>
 
         <p className="contact__note">

diff --git a/src/components/sections/Services.tsx b/src/components/sections/Services.tsx
@@ -68,7 +68,7 @@ export const Services = React.memo(function Services() {
           <article key={service.title} className="services__card">
             <div className="services__head">
               <span className="services__icon" aria-hidden="true">
-                <service.Icon />
+                <service.Icon aria-hidden="true" focusable="false" />
               </span>
               <span className="services__num" aria-hidden="true">
                 {String(i + 1).padStart(2, '0')}
@@ -88,7 +88,7 @@ export const Services = React.memo(function Services() {
               className="services__tag"
               aria-hidden={i >= stack.length ? true : undefined}
             >
-              <tech.Icon className="services__tag-icon" aria-hidden="true" />
+              <tech.Icon className="services__tag-icon" aria-hidden="true" focusable="false" />
               {tech.name}
             </li>
           ))}

diff --git a/src/components/sections/Team.tsx b/src/components/sections/Team.tsx
@@ -4,8 +4,14 @@ import { SectionHeader } from "../ui/SectionHeader";
 import { SiGithub } from "react-icons/si";
 import { ArrowUpRight } from "lucide-react";
 import iljarAvatar from "../../assets/avatars/ilyar.webp";
+import iljarAvatar400 from "../../assets/avatars/ilyar-400.webp";
+import iljarAvatar640 from "../../assets/avatars/ilyar-640.webp";
 import ppmarkekAvatar from "../../assets/avatars/ppmarkek.webp";
+import ppmarkekAvatar400 from "../../assets/avatars/ppmarkek-400.webp";
+import ppmarkekAvatar640 from "../../assets/avatars/ppmarkek-640.webp";
 import andreiAvatar from "../../assets/avatars/andrei.webp";
+import andreiAvatar400 from "../../assets/avatars/andrei-400.webp";
+import andreiAvatar640 from "../../assets/avatars/andrei-640.webp";
 import "./Team.scss";
 
 const team = [
@@ -14,6 +20,8 @@ const team = [
     role: "Senior Engineer · Web3 Lead",
     avatar: iljarAvatar,
     avatarSize: 800,
+    avatar400: iljarAvatar400,
+    avatar640: iljarAvatar640,
     github: "https://github.com/ilyar",
     handle: "ilyar",
     bio: "Leads Web3 infrastructure and backend systems – smart contracts in Rust and Solidity on TON and EVM, built to stay reliable.",
@@ -23,6 +31,8 @@ const team = [
     role: "Full-Stack · AI Engineer",
     avatar: ppmarkekAvatar,
     avatarSize: 800,
+    avatar400: ppmarkekAvatar400,
+    avatar640: ppmarkekAvatar640,
     github: "https://github.com/ppmarkek",
     handle: "ppmarkek",
     bio: "Builds full-stack products and AI automation – React, Next.js and Node.js for SaaS apps, dashboards and marketplaces.",
@@ -32,6 +42,8 @@ const team = [
     role: "Product Designer",
     avatar: andreiAvatar,
     avatarSize: 700,
+    avatar400: andreiAvatar400,
+    avatar640: andreiAvatar640,
     github: "https://github.com/Glazlk",
     handle: "Glazlk",
     bio: "Designs products end to end – UI/UX, prototypes and design systems for responsive web, with AI-assisted workflows.",
@@ -49,6 +61,8 @@ export const Team = React.memo(function Team() {
             <div className="team__photo">
               <img
                 src={member.avatar}
+                srcSet={`${member.avatar400} 400w, ${member.avatar640} 640w, ${member.avatar} ${member.avatarSize}w`}
+                sizes="(min-width: 768px) 33vw, calc(100vw - 48px)"
                 alt={member.name}
                 className="team__avatar"
                 loading="lazy"

diff --git a/src/components/ui/SocialIcon.tsx b/src/components/ui/SocialIcon.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import type { IconType } from 'react-icons';
 import {
   FaGithub,
   FaLinkedin,
@@ -11,17 +12,17 @@ import {
 } from 'react-icons/fa6';
 import './SocialIcon.scss';
 
-const iconMap: Record<string, React.FC<{ size?: number }>> = {
-  github: FaGithub as unknown as React.FC<{ size?: number }>,
-  linkedin: FaLinkedin as unknown as React.FC<{ size?: number }>,
-  twitter: FaXTwitter as unknown as React.FC<{ size?: number }>,
-  x: FaXTwitter as unknown as React.FC<{ size?: number }>,
-  telegram: FaTelegram as unknown as React.FC<{ size?: number }>,
-  upwork: FaUpwork as unknown as React.FC<{ size?: number }>,
-  email: FaEnvelope as unknown as React.FC<{ size?: number }>,
-  mail: FaEnvelope as unknown as React.FC<{ size?: number }>,
-  website: FaGlobe as unknown as React.FC<{ size?: number }>,
-  default: FaLink as unknown as React.FC<{ size?: number }>,
+const iconMap: Record<string, IconType> = {
+  github: FaGithub,
+  linkedin: FaLinkedin,
+  twitter: FaXTwitter,
+  x: FaXTwitter,
+  telegram: FaTelegram,
+  upwork: FaUpwork,
+  email: FaEnvelope,
+  mail: FaEnvelope,
+  website: FaGlobe,
+  default: FaLink,
 };
 
 interface SocialIconProps {
@@ -49,7 +50,7 @@ export const SocialIcon = React.memo(function SocialIcon({
       rel="noopener noreferrer"
       title={displayLabel}
     >
-      <Icon size={size} />
+      <Icon size={size} aria-hidden="true" focusable="false" />
     </a>
   );
 });
diff --git a/vite.config.ts b/vite.config.ts
@@ -8,6 +8,7 @@ export default defineConfig({
   },
   build: {
     sourcemap: false,
+    assetsInlineLimit: 0,
     cssTarget: 'chrome120',
     cssMinify: false,
     chunkSizeWarningLimit: 950,