Обновлены зависимости в package.json и package-lock.json, включая переход на версию Next.js 15.3.1. Внесены изменения в компоненты About, Certificates, Hero и Services: добавлены новые изображения, улучшены стили и описания услуг, а также добавлены новые элементы интерфейса. Удалены неиспользуемые изображения из папки placeholders.

app/components/About.tsx

@@ -155,11 +155,13 @@ const About = () => {
             className="relative h-[400px] rounded-lg overflow-hidden shadow-xl"
             variants={imageVariants}
           >
+            <div className="absolute inset-0 bg-gradient-to-t from-blue-900/40 to-transparent z-10" />
             <Image
               src="/images/office.jpg"
               alt="Наш офис"
               fill
               className="object-cover"
+              sizes="(max-width: 768px) 100vw, 50vw"
             />
           </motion.div>
         </div>

app/components/Certificates.tsx

@@ -118,17 +118,18 @@ const Certificates = () => {
                 className="bg-white rounded-xl overflow-hidden shadow-md hover:shadow-lg transition-shadow duration-300 cursor-pointer"
                 onClick={() => setSelectedCert(index)}
               >
-                <div className="relative h-64">
+                <div className="relative h-64 overflow-hidden">
                   <Image
                     src={cert.image}
                     alt={cert.title}
                     fill
-                    className="object-cover"
+                    className="object-contain p-2"
+                    sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
                   />
                   <motion.div
                     initial={{ opacity: 0 }}
                     whileHover={{ opacity: 1 }}
-                    className="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center"
+                    className="absolute inset-0 bg-blue-600/10 flex items-center justify-center"
                   >
                     <motion.div
                       whileHover={{ scale: 1.2 }}

app/components/Hero.tsx

@@ -97,10 +97,9 @@ const Hero = ({ selectedCity }: HeroProps) => {
         />
       </div>
 
-      {/* Заглушка-предупреждение */}
-      <div className="absolute top-4 right-4 bg-yellow-600 text-white text-xs px-3 py-1 rounded z-10">
-        Нужна баннерная фотография для этого раздела
-      </div>
+      {/* Декоративные элементы фона */}
+      <div className="absolute inset-0 bg-gradient-to-b from-blue-500/20 to-blue-900/40"></div>
+      <div className="absolute right-0 top-0 w-1/2 h-full bg-gradient-to-l from-blue-400/10 to-transparent"></div>
 
       <motion.div
         className="container mx-auto px-4 py-16 sm:py-20 relative"

app/components/Services.tsx

@@ -90,16 +90,16 @@ export const services = [
     image: '/images/placeholders/services/thermal-inspection.jpg',
   },
   {
-    icon: Building,
-    title: 'Контроль строительных работ',
-    slug: 'construction-control',
+    icon: Thermometer,
+    title: 'Определение причины возникновения плесени',
+    slug: 'mold-inspection',
     description:
-      'Определение качества строительно-монтажных работ на всех этапах строительства.',
+      'Профессиональное обследование с целью выявления и устранения причин появления плесени.',
     details: [
-      'Проверка соответствия проекту',
-      'Контроль технологий',
-      'Оценка материалов',
-      'Выявление нарушений',
+      'Измерение влажности воздуха и конструкций',
+      'Проверка вентиляции',
+      'Взятие соскобов плесени для анализа',
+      'Рекомендации по устранению',
     ],
     image: '/images/placeholders/services/construction-control.jpg',
   },
@@ -211,17 +211,19 @@ const Services = () => {
                       </ul>
                     </div>
                   </div>
-                  <div className="relative h-64">
+                  <div className="relative h-64 mt-4 rounded-lg overflow-hidden">
+                    <div className="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10" />
                     <Image
                       src={service.image}
                       alt={service.title}
                       fill
-                      className="object-cover"
+                      className="object-cover object-center transition-transform duration-300 group-hover:scale-105"
+                      sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
                     />
                     <motion.div
                       initial={{ opacity: 0 }}
                       whileHover={{ opacity: 1 }}
-                      className="absolute inset-0 bg-black bg-opacity-20 flex items-center justify-center"
+                      className="absolute inset-0 bg-blue-900/30 flex items-center justify-center z-20"
                     >
                       <motion.div
                         whileHover={{ scale: 1.2 }}
@@ -242,11 +244,6 @@ const Services = () => {
               <br />
               Все консультации бесплатны.
             </p>
-            <p className="text-gray-600 mb-6 text-sm italic">
-              Примечание: Для каждой услуги необходимы качественные тематические
-              фотографии. Пожалуйста, предоставьте соответствующие изображения
-              для замены заглушек.
-            </p>
             <motion.div whileHover={{ scale: 1.05 }} whileTap={{ scale: 0.95 }}>
               <Button
                 className="bg-blue-700 hover:bg-blue-800 text-white px-8"