Описание Новые измнененения
BIN
frontend/public/images/about/advokat_surguta.avif
Normal file
|
After Width: | Height: | Size: 59 KiB |
|
Before Width: | Height: | Size: 1.3 MiB |
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 32 KiB |
BIN
frontend/public/images/home/whyus/WhyUs.avif
Normal file
|
After Width: | Height: | Size: 39 KiB |
|
Before Width: | Height: | Size: 179 KiB |
|
Before Width: | Height: | Size: 1.1 MiB |
|
|
@ -1,9 +1,9 @@
|
||||||
---
|
---
|
||||||
import { Image } from 'astro:assets';
|
|
||||||
import lawyerImage from '@assets/images/about/адвокат_Сургута.jpg';
|
|
||||||
import { LAWYER_NAME } from '@constants/constants.ts';
|
import { LAWYER_NAME } from '@constants/constants.ts';
|
||||||
import { getAboutHeroStats, getYearsOfPractice, getClientDeclension, getYearDeclension } from '@utils/stats.utils.ts';
|
import { getAboutHeroStats, getYearsOfPractice, getClientDeclension, getYearDeclension } from '@utils/stats.utils.ts';
|
||||||
|
|
||||||
|
const lawyerImage = '/images/about/advokat.avif';
|
||||||
|
|
||||||
const dynamicStats = getAboutHeroStats();
|
const dynamicStats = getAboutHeroStats();
|
||||||
|
|
||||||
const content = {
|
const content = {
|
||||||
|
|
@ -30,8 +30,8 @@ const content = {
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
<!-- Главное фото с glassmorphism рамкой -->
|
<!-- Главное фото с glassmorphism рамкой -->
|
||||||
<div class="relative bg-white/80 backdrop-blur p-3 rounded-2xl shadow-2xl border border-white/50">
|
<div class="relative bg-white/80 backdrop-blur p-3 rounded-2xl shadow-2xl border border-white/50">
|
||||||
<div class="aspect-[4/5] rounded-xl overflow-hidden bg-gray-900">
|
<div class="aspect-[4/5] rounded-xl overflow-hidden bg-gray-900 relative">
|
||||||
<Image
|
<img
|
||||||
src={lawyerImage}
|
src={lawyerImage}
|
||||||
alt={LAWYER_NAME.full}
|
alt={LAWYER_NAME.full}
|
||||||
class="w-full h-full object-cover transform hover:scale-105 transition-transform duration-700"
|
class="w-full h-full object-cover transform hover:scale-105 transition-transform duration-700"
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@ interface Props {
|
||||||
backgroundImage?: string;
|
backgroundImage?: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
const { backgroundImage = "/images/hero/heroImg.avif" } = Astro.props;
|
const { backgroundImage = "/images/home/hero/heroImg.avif" } = Astro.props;
|
||||||
|
|
||||||
const currentYear = new Date().getFullYear();
|
const currentYear = new Date().getFullYear();
|
||||||
const yearsOfPractice = currentYear - PRACTICE_START_YEAR;
|
const yearsOfPractice = currentYear - PRACTICE_START_YEAR;
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
---
|
---
|
||||||
import { Image } from 'astro:assets';
|
|
||||||
import { PRACTICE_START_YEAR } from '@constants/constants.ts';
|
import { PRACTICE_START_YEAR } from '@constants/constants.ts';
|
||||||
import { getYearDeclension } from '@utils/stats.utils.ts';
|
import { getYearDeclension } from '@utils/stats.utils.ts';
|
||||||
import whyUsImage from '@assets/images/home/whyus/WhyUs.png';
|
|
||||||
|
const whyUsImage = '/images/home/whyus/WhyUs.avif';
|
||||||
|
|
||||||
const currentYear = new Date().getFullYear();
|
const currentYear = new Date().getFullYear();
|
||||||
const yearsOfPractice = currentYear - PRACTICE_START_YEAR;
|
const yearsOfPractice = currentYear - PRACTICE_START_YEAR;
|
||||||
|
|
@ -47,7 +47,7 @@ const iconPaths: Record<string, string> = {
|
||||||
<div class="absolute -inset-4 bg-gradient-to-br from-[var(--color-gold)]/20 to-[var(--color-blue-primary)]/20 rounded-3xl blur-2xl opacity-50 group-hover:opacity-70 transition-opacity"></div>
|
<div class="absolute -inset-4 bg-gradient-to-br from-[var(--color-gold)]/20 to-[var(--color-blue-primary)]/20 rounded-3xl blur-2xl opacity-50 group-hover:opacity-70 transition-opacity"></div>
|
||||||
|
|
||||||
<div class="relative rounded-2xl overflow-hidden shadow-2xl">
|
<div class="relative rounded-2xl overflow-hidden shadow-2xl">
|
||||||
<Image
|
<img
|
||||||
src={whyUsImage}
|
src={whyUsImage}
|
||||||
alt="Адвокатский стол"
|
alt="Адвокатский стол"
|
||||||
class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-700"
|
class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-700"
|
||||||
|
|
|
||||||