From 364c4e8c9c11d1493553b3d6a9426c32b6fde01a Mon Sep 17 00:00:00 2001
From: Web-serfer <user@example.com>
Date: Wed, 15 Apr 2026 23:06:28 +0500
Subject: [PATCH] =?UTF-8?q?=D0=9D=D0=BE=D0=B2=D1=8B=D0=B5=20=D0=BF=D1=80?=
 =?UTF-8?q?=D0=B0=D0=B2=D0=BA=D0=B8=20=D0=BD=D0=B0=20=D1=81=D0=B0=D0=B9?=
 =?UTF-8?q?=D1=82=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/base/PageHero.astro | 2 +-
 frontend/src/components/blog/BlogCard.astro | 2 +-
 frontend/src/components/home/WhyUs.astro    | 2 ++
 frontend/src/layouts/ArticleLayout.astro    | 2 +-
 4 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/base/PageHero.astro b/frontend/src/components/base/PageHero.astro
index d710c58..e0cf12b 100644
--- a/frontend/src/components/base/PageHero.astro
+++ b/frontend/src/components/base/PageHero.astro
@@ -76,7 +76,7 @@ const showImage = layout === 'with-image' && sideImage;
         {showImage && (
             <div class="hero-image-wrapper animate-load" data-delay="400">
                 <div class="image-composition">
-                    <img src={sideImage} alt={sideImageAlt || "Юрист"} class="main-image" />
+                    <img src={sideImage} alt={sideImageAlt || "Юрист"} class="main-image" width="380" height="500" />
                     {experienceBadge && (
                         <div class="experience-badge animate-load" data-delay="1100">
                             <span class="exp-number">{experienceBadge.number}</span>
diff --git a/frontend/src/components/blog/BlogCard.astro b/frontend/src/components/blog/BlogCard.astro
index feee50e..8f050d7 100644
--- a/frontend/src/components/blog/BlogCard.astro
+++ b/frontend/src/components/blog/BlogCard.astro
@@ -28,7 +28,7 @@ const imageUrl = image || '/images/blog/default.avif';
   <a href={slug} class="card-link">
     <!-- Изображение -->
     <div class="card-image">
-      <img src={imageUrl} alt={title} loading="lazy" />
+      <img src={imageUrl} alt={title} loading="lazy" width="400" height="250" />
       <span class={`category-badge ${categoryColor}`}>{category}</span>
     </div>
 
diff --git a/frontend/src/components/home/WhyUs.astro b/frontend/src/components/home/WhyUs.astro
index 7518a95..368f4f9 100644
--- a/frontend/src/components/home/WhyUs.astro
+++ b/frontend/src/components/home/WhyUs.astro
@@ -38,6 +38,8 @@ const features = [
           alt="Юридическая практика"
           class="main-image"
           loading="lazy"
+          width="440"
+          height="340"
         />
 
         <!-- Плавающая бежевая плашка -->
diff --git a/frontend/src/layouts/ArticleLayout.astro b/frontend/src/layouts/ArticleLayout.astro
index b946987..7f394b6 100644
--- a/frontend/src/layouts/ArticleLayout.astro
+++ b/frontend/src/layouts/ArticleLayout.astro
@@ -72,7 +72,7 @@ const {
   <!-- HERO SECTION С ЭФФЕКТОМ ПРОЗРЕНИЯ -->
   <section class="article-hero">
     <div class="article-hero-image">
-      <img src={heroImage} alt={heroAlt} loading="eager" />
+      <img src={heroImage} alt={heroAlt} loading="eager" width="800" height="400" />
       <div class="article-hero-overlay"></div>
     </div>