Added media content for charity

src/pages-templates/about/index.tsx

@@ -40,10 +40,9 @@ export default function AboutPage({ content }: AboutPageProps) {
                 '/placeholder.svg?height=400&width=1920&text=Наша+История'
               }
               alt={t('about.hero.imageAlt')}
-              width={1920}
-              height={400}
               className='object-cover'
               priority
+              fill
             />
             <div className='absolute inset-0 flex items-center bg-gradient-to-r from-black/70 to-black/30 px-2'>
               <div

src/pages-templates/charity/index.tsx

@@ -14,6 +14,7 @@ import { CharityPageData } from '@/app/api-utlities/@types/pages';
 
 import { Container } from '@/shared/components/container';
 import { useTextController } from '@/shared/language/hooks/use-text-controller';
+import { useMediaController } from '@/shared/media/hooks/use-media-controller';
 import {
   Card,
   CardContent,
@@ -29,7 +30,7 @@ export interface CharityPageProps {
 
 export function CharityPage({ content }: CharityPageProps) {
   const { t } = useTextController();
-
+  const { m } = useMediaController();
   return (
     <div className='flex min-h-screen flex-col'>
       <main className='flex-1'>
@@ -37,12 +38,14 @@ export function CharityPage({ content }: CharityPageProps) {
         <section className='relative'>
           <div className='relative h-[400px] w-full overflow-hidden'>
             <Image
-              src='/placeholder.svg?height=500&width=1920&text=Благотворительный+фонд+Ориё'
+              src={
+                m('charity.hero-section.banner') ||
+                '/placeholder.svg?height=500&width=1920&text=Благотворительный+фонд+Ориё'
+              }
               alt={t('charity.hero.imageAlt')}
-              width={1920}
-              height={500}
               className='object-cover'
               priority
+              fill
             />
             <div className='absolute inset-0 flex items-center bg-gradient-to-r from-black/70 to-black/30'>
               <Container data-aos='fade-down' data-aos-duration='800'>
@@ -104,7 +107,10 @@ export function CharityPage({ content }: CharityPageProps) {
               className='relative h-[500px] overflow-hidden rounded-xl shadow-xl'
             >
               <Image
-                src='/placeholder.svg?height=500&width=600&text=Наша+миссия'
+                src={
+                  m('charity.second-section.banner') ||
+                  '/placeholder.svg?height=500&width=600&text=Наша+миссия'
+                }
                 alt={t('charity.mission.imageAlt')}
                 fill
                 className='object-cover'

src/pages-templates/clients/index.tsx

@@ -26,10 +26,9 @@ export function ClientsPage() {
                 '/placeholder.svg?height=400&width=1920&text=Для+наших+клиентов'
               }
               alt='Для наших клиентов'
-              width={1920}
-              height={400}
               className='object-cover'
               priority
+              fill
             />
             <div className='absolute inset-0 flex items-center bg-gradient-to-r from-black/70 to-black/30'>
               <Container className='py-0'>

src/pages-templates/clients/loyalty/index.tsx

@@ -28,10 +28,9 @@ export function LoyaltyPage() {
                 '/placeholder.svg?height=400&width=1920&text=Программа+лояльности'
               }
               alt='Программа лояльности'
-              width={1920}
-              height={400}
               className='object-cover'
               priority
+              fill
             />
             <div className='absolute inset-0 flex items-center bg-gradient-to-r from-black/70 to-black/30'>
               <Container data-aos='fade-down' data-aos-duration='800'>