Новые правки на сайте
This commit is contained in:
parent
09cf4ab679
commit
364c4e8c9c
4 changed files with 5 additions and 3 deletions
|
|
@ -76,7 +76,7 @@ const showImage = layout === 'with-image' && sideImage;
|
||||||
{showImage && (
|
{showImage && (
|
||||||
<div class="hero-image-wrapper animate-load" data-delay="400">
|
<div class="hero-image-wrapper animate-load" data-delay="400">
|
||||||
<div class="image-composition">
|
<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 && (
|
{experienceBadge && (
|
||||||
<div class="experience-badge animate-load" data-delay="1100">
|
<div class="experience-badge animate-load" data-delay="1100">
|
||||||
<span class="exp-number">{experienceBadge.number}</span>
|
<span class="exp-number">{experienceBadge.number}</span>
|
||||||
|
|
|
||||||
|
|
@ -28,7 +28,7 @@ const imageUrl = image || '/images/blog/default.avif';
|
||||||
<a href={slug} class="card-link">
|
<a href={slug} class="card-link">
|
||||||
<!-- Изображение -->
|
<!-- Изображение -->
|
||||||
<div class="card-image">
|
<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>
|
<span class={`category-badge ${categoryColor}`}>{category}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -38,6 +38,8 @@ const features = [
|
||||||
alt="Юридическая практика"
|
alt="Юридическая практика"
|
||||||
class="main-image"
|
class="main-image"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
|
width="440"
|
||||||
|
height="340"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<!-- Плавающая бежевая плашка -->
|
<!-- Плавающая бежевая плашка -->
|
||||||
|
|
|
||||||
|
|
@ -72,7 +72,7 @@ const {
|
||||||
<!-- HERO SECTION С ЭФФЕКТОМ ПРОЗРЕНИЯ -->
|
<!-- HERO SECTION С ЭФФЕКТОМ ПРОЗРЕНИЯ -->
|
||||||
<section class="article-hero">
|
<section class="article-hero">
|
||||||
<div class="article-hero-image">
|
<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 class="article-hero-overlay"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue