Files
geovektor/pages/SoilSurveyPage.tsx

305 lines
21 KiB
TypeScript
Raw Normal View History

2026-02-10 16:22:14 +05:00
import React from 'react';
import PageHeader from '../components/PageHeader';
import { CheckCircle2, AlertTriangle, Target, ClipboardCheck, Search, TrendingDown, Activity } from 'lucide-react';
import { useLocation } from 'react-router-dom';
2026-02-10 16:22:14 +05:00
const SoilSurveyPage: React.FC = () => {
const location = useLocation();
const isEnglish = location.pathname.startsWith('/en');
const prefix = isEnglish ? '/en' : '';
2026-02-10 16:22:14 +05:00
const workTypes = [
{
icon: AlertTriangle,
title: isEnglish ? 'Excavation of pits and trenches' : 'Проходка котлованов и траншей',
description: isEnglish
? 'Laying underground utilities, pedestrian and traffic tunnels below the depth of existing foundations, especially with groundwater lowering.'
: 'Прокладка подземных коммуникаций, пешеходных и транспортных тоннелей ниже глубины заложения существующих фундаментов, особенно с применением водопонижения',
2026-02-10 16:22:14 +05:00
},
{
icon: TrendingDown,
title: isEnglish ? 'Construction of new buildings' : 'Строительство новых зданий',
description: isEnglish
? 'Erection of facilities that cause additional stresses, stress redistribution and soil movements within the active zone of existing foundations.'
: 'Возведение объектов, вызывающих дополнительные напряжения, перераспределение напряжений и перемещения грунта в активной зоне фундаментов существующих зданий',
2026-02-10 16:22:14 +05:00
},
{
icon: Activity,
title: isEnglish ? 'Installation of retaining walls and barriers' : 'Устройство стен в грунте',
description: isEnglish
? 'Driving sheet piles or piles near existing buildings, transferring dynamic loads to their foundations.'
: 'Забивка шпунта или свай вблизи существующих зданий с передачей на их основание динамических нагрузок',
2026-02-10 16:22:14 +05:00
},
{
icon: Target,
title: isEnglish ? 'Dynamic impacts' : 'Динамические воздействия',
description: isEnglish
? 'From road and rail transport, metro lines, equipment installed in buildings and industrial facilities.'
: 'От авто- и железнодорожного транспорта, линий метрополитена, оборудования, устанавливаемого в сооружениях и промышленных установках',
},
2026-02-10 16:22:14 +05:00
];
const mainTasks = [
isEnglish
? 'Assessing the possibility of adding storeys or reconstructing buildings and structures with increased permanent and variable loads on foundations.'
: 'Возможности надстройки, реконструкции зданий и сооружений с увеличением временных и постоянных нагрузок на фундаменты',
isEnglish
? 'Identifying causes of deformations and developing measures to prevent their further development and restore normal operating conditions.'
: 'Установления причин деформаций и разработки мер для предотвращения их дальнейшего развития, а также восстановления условий нормальной эксплуатации зданий и сооружений',
isEnglish
? 'Determining the state of foundation soils and conditions for completing construction after long-term conservation.'
: 'Определения состояния грунтов основания, возможности и условий достройки зданий и сооружений после длительной консервации их строительства',
isEnglish
? 'Assessing the condition of junctions between extensions and existing buildings and developing measures to ensure their stability.'
: 'Определения состояния мест примыкания зданий-пристроек к существующим и разработки мер по обеспечению их устойчивости',
isEnglish
? 'Identifying causes of flooding and water ingress into basements and other underground structures.'
: 'Выяснения причин затапливания и подтапливания подвалов и других подземных сооружений',
2026-02-10 16:22:14 +05:00
];
return (
<div className="bg-white pb-20">
<PageHeader
title={isEnglish ? 'Soil investigation' : 'Обследование грунтов'}
description={
isEnglish
? 'Assessment of the condition of foundation soils beneath buildings and structures.'
: 'Оценка состояния грунтов оснований зданий и сооружений'
}
2026-02-10 16:22:14 +05:00
image="/media/images/headers/header-obsledovanie-gruntov.png"
/>
<div className="container mx-auto px-6 py-20">
{/* Основное описание */}
<div className="max-w-5xl mx-auto mb-20">
<div className="bg-gradient-to-br from-brand-orange to-orange-600 text-white rounded-2xl p-8 md:p-12 mb-12">
<h2 className="text-3xl font-bold mb-6">
{isEnglish
? 'Investigation of foundation soils beneath buildings and structures'
: 'Обследование состояния грунтов основания зданий и сооружений'}
2026-02-10 16:22:14 +05:00
</h2>
<p className="text-lg leading-relaxed">
{isEnglish
? 'Soil investigations of existing foundations are carried out to assess possible adverse effects of reconstruction, as well as the impact of new construction (reconstruction or expansion) on adjacent plots and, where required, to obtain data for measures that ensure long-term operational reliability of existing developments.'
: 'Обследование состояния грунтов оснований зданий и сооружений выполняются для оценки возможных негативных последствий от реконструкции существующего здания, а также от воздействия на него нового строительства (реконструкции, расширения) на прилегающих территориях и, при необходимости, получение данных для разработки мероприятий по обеспечению эксплуатационной надежности существующей застройки.'}
2026-02-10 16:22:14 +05:00
</p>
</div>
<div className="bg-gray-50 rounded-2xl p-8 md:p-12">
<div className="flex items-start gap-4 mb-6">
<Search className="text-brand-orange flex-shrink-0" size={32} />
<h3 className="text-2xl font-bold text-gray-900">
{isEnglish ? 'When soil investigation is required' : 'Когда необходимо обследование'}
</h3>
2026-02-10 16:22:14 +05:00
</div>
<p className="text-gray-700 leading-relaxed mb-6">
{isEnglish
? 'Soil investigations of existing foundations are required when the following types of work are carried out in the surrounding area (or when similar adverse impacts are expected):'
: 'Обследование грунтов оснований существующих зданий необходимо производить, когда в прилегающей к ним зоне производятся следующие виды работ (или возможны какие-то негативные воздействия):'}
2026-02-10 16:22:14 +05:00
</p>
</div>
</div>
{/* Виды работ */}
<div className="max-w-6xl mx-auto mb-20">
<h2 className="text-3xl font-bold text-gray-900 mb-12 text-center">
{isEnglish
? 'Types of work that require soil investigation'
: 'Виды работ, требующие обследования грунтов'}
2026-02-10 16:22:14 +05:00
</h2>
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
{workTypes.map((work, index) => (
<div
key={index}
className="bg-white border-2 border-gray-200 rounded-2xl p-8 hover:border-brand-orange transition-all duration-300 hover:shadow-xl"
>
<div className="flex items-start gap-4 mb-4">
<div className="flex-shrink-0 w-14 h-14 bg-brand-orange/10 text-brand-orange rounded-xl flex items-center justify-center">
<work.icon size={28} />
</div>
<h3 className="text-xl font-bold text-gray-900 leading-tight pt-2">
{work.title}
</h3>
</div>
<p className="text-gray-600 leading-relaxed text-sm">
{work.description}
</p>
</div>
))}
</div>
</div>
{/* Основные задачи */}
<div className="max-w-6xl mx-auto mb-20">
<div className="text-center mb-12">
<div className="inline-flex items-center gap-3 bg-brand-orange text-white px-8 py-4 rounded-full mb-6">
<ClipboardCheck size={32} />
<span className="text-xl font-bold">
{isEnglish ? 'KEY TASKS OF SOIL INVESTIGATION' : 'ОСНОВНЫЕ ЗАДАЧИ ОБСЛЕДОВАНИЯ'}
</span>
2026-02-10 16:22:14 +05:00
</div>
</div>
<div className="bg-gray-50 rounded-2xl p-8 md:p-10 mb-8">
<p className="text-gray-700 leading-relaxed mb-8">
{isEnglish
? 'During investigations it is necessary to determine how engineeringgeological conditions have changed over the period of construction and operation, including relief, geological structure, hydrogeology, soil composition and properties, and the activity of engineeringgeological processes, in order to obtain data for solving the key tasks listed below:'
: 'При обследовании необходимо определять изменения инженерно-геологических условий за период строительства и эксплуатации предприятий, зданий и сооружений, включая изменения рельефа, геологического строения, гидрогеологических условий, состава, состояния и свойств грунтов, активности инженерно-геологических процессов, с целью получения данных для решения основных задач:'}
2026-02-10 16:22:14 +05:00
</p>
<div className="space-y-4">
{mainTasks.map((task, index) => (
<div
key={index}
className="flex items-start gap-3 bg-white rounded-lg p-5 hover:shadow-md transition-shadow"
>
<div className="flex-shrink-0 w-8 h-8 bg-brand-orange text-white rounded-lg flex items-center justify-center font-bold text-sm">
{index + 1}
</div>
<p className="text-gray-700 leading-relaxed pt-0.5">{task}</p>
</div>
))}
</div>
</div>
</div>
{/* Методология */}
<div className="max-w-6xl mx-auto mb-20">
<h2 className="text-3xl font-bold text-gray-900 mb-8 text-center">
{isEnglish ? 'Methodology of soil investigation' : 'Методология обследования'}
2026-02-10 16:22:14 +05:00
</h2>
<div className="grid md:grid-cols-2 gap-8">
<div className="bg-white rounded-2xl p-8 shadow-lg border-t-4 border-brand-orange">
<div className="flex items-center gap-3 mb-6">
<div className="w-12 h-12 bg-brand-orange text-white rounded-lg flex items-center justify-center">
<Search size={24} />
</div>
<h3 className="text-xl font-bold text-gray-900">
{isEnglish ? 'Use of previous survey data' : 'Использование материалов изысканий'}
</h3>
2026-02-10 16:22:14 +05:00
</div>
<p className="text-gray-600 leading-relaxed text-sm">
{isEnglish
? 'Where survey data from previous years are available, they may be used in accordance with SP 1110597, Part I. If such materials are missing or are considered insufficient, unreliable or outdated, investigations must be carried out in scope justified by the survey programme.'
: 'При наличии материалов изысканий прошлых лет их использование возможно с учетом п. 5.2 СП 11-105-97, часть I. В случаях, когда материалы отсутствуют или при анализе оцениваются как недостаточные, сомнительные, устаревшие, обследование следует выполнять в составе и в объемах, обоснованных в программе изысканий.'}
2026-02-10 16:22:14 +05:00
</p>
</div>
<div className="bg-white rounded-2xl p-8 shadow-lg border-t-4 border-brand-orange">
<div className="flex items-center gap-3 mb-6">
<div className="w-12 h-12 bg-brand-orange text-white rounded-lg flex items-center justify-center">
<Activity size={24} />
</div>
<h3 className="text-xl font-bold text-gray-900">
{isEnglish ? 'Stationary monitoring' : 'Стационарные наблюдения'}
2026-02-10 16:22:14 +05:00
</h3>
</div>
<p className="text-gray-600 leading-relaxed text-sm">
{isEnglish
? 'Investigations are based on stationary monitoring of geophysical parameters (velocity of elastic waves, electrical resistivity, temperature, etc.), the changes of which indicate settlement of foundations, filtration and other processes. Repeated systematic measurements are carried out on the same base points.'
: 'Обследование осуществляется на основе стационарных наблюдений за геофизическими параметрами среды (скоростью упругих волн, электрическим сопротивлением, температурой и др.), изменение которых позволяет судить об осадке оснований, фильтрации и других процессах. Выполняются повторные систематические наблюдения на одной и той же базе.'}
2026-02-10 16:22:14 +05:00
</p>
</div>
</div>
</div>
{/* Дополнительные услуги */}
<div className="max-w-5xl mx-auto mb-20">
<div className="bg-gradient-to-br from-gray-900 to-gray-800 text-white rounded-2xl p-8 md:p-12">
<div className="flex items-start gap-6">
<div className="flex-shrink-0">
<CheckCircle2 size={48} className="text-brand-orange" />
</div>
<div>
<h3 className="text-2xl font-bold mb-4">
{isEnglish ? 'Additional investigations' : 'Дополнительные исследования'}
</h3>
2026-02-10 16:22:14 +05:00
<p className="text-gray-300 leading-relaxed">
{isEnglish
? 'During investigations we can determine foundation depth and assess foundation condition. This gives a complete picture of the asset and enables us to develop a set of measures to ensure its safe operation.'
: 'При обследовании оснований зданий и сооружений может выполняться определение глубины заложения фундаментов и оценки их состояния. Это позволяет получить полную картину состояния объекта и разработать комплекс мероприятий по обеспечению его безопасной эксплуатации.'}
2026-02-10 16:22:14 +05:00
</p>
</div>
</div>
</div>
</div>
{/* Преимущества */}
<div className="max-w-6xl mx-auto">
<div className="bg-gray-50 rounded-2xl p-8 md:p-12">
<h2 className="text-3xl font-bold text-gray-900 mb-8 text-center">
{isEnglish ? 'Why soil investigation is important' : 'Почему важно обследование грунтов'}
2026-02-10 16:22:14 +05:00
</h2>
<div className="grid md:grid-cols-3 gap-6">
<div className="bg-white rounded-xl p-6 text-center">
<div className="inline-flex w-16 h-16 bg-brand-orange/10 text-brand-orange rounded-full items-center justify-center mb-4">
<AlertTriangle size={32} />
</div>
<h3 className="font-bold text-lg mb-3 text-gray-900">
{isEnglish ? 'Accident prevention' : 'Предотвращение аварий'}
</h3>
2026-02-10 16:22:14 +05:00
<p className="text-gray-600 text-sm leading-relaxed">
{isEnglish
? 'Timely identification of problems helps prevent deformations and structural failures.'
: 'Своевременное выявление проблем позволяет избежать деформаций и разрушений зданий'}
2026-02-10 16:22:14 +05:00
</p>
</div>
<div className="bg-white rounded-xl p-6 text-center">
<div className="inline-flex w-16 h-16 bg-brand-orange/10 text-brand-orange rounded-full items-center justify-center mb-4">
<Target size={32} />
</div>
<h3 className="font-bold text-lg mb-3 text-gray-900">
{isEnglish ? 'Accurate diagnostics' : 'Точная диагностика'}
</h3>
2026-02-10 16:22:14 +05:00
<p className="text-gray-600 text-sm leading-relaxed">
{isEnglish
? 'Determining the causes of deformations and developing effective mitigation measures.'
: 'Определение причин деформаций и разработка эффективных мер по их устранению'}
2026-02-10 16:22:14 +05:00
</p>
</div>
<div className="bg-white rounded-xl p-6 text-center">
<div className="inline-flex w-16 h-16 bg-brand-orange/10 text-brand-orange rounded-full items-center justify-center mb-4">
<CheckCircle2 size={32} />
</div>
<h3 className="font-bold text-lg mb-3 text-gray-900">
{isEnglish ? 'Safety' : 'Безопасность'}
</h3>
2026-02-10 16:22:14 +05:00
<p className="text-gray-600 text-sm leading-relaxed">
{isEnglish
? 'Ensuring operational reliability of both existing and new developments.'
: 'Обеспечение эксплуатационной надежности существующей и новой застройки'}
2026-02-10 16:22:14 +05:00
</p>
</div>
</div>
</div>
{/* Призыв к действию */}
<div className="mt-12 text-center">
<div className="bg-white rounded-2xl p-8 shadow-lg">
<p className="text-gray-700 mb-6 text-lg">
{isEnglish ? 'Need a consultation on soil investigation?' : 'Нужна консультация по обследованию грунтов?'}
2026-02-10 16:22:14 +05:00
</p>
<a
href={`#${isEnglish ? '/en/contacts' : '/contacts'}`}
2026-02-10 16:22:14 +05:00
className="inline-block px-10 py-4 bg-brand-orange text-white font-bold rounded-lg hover:bg-orange-600 transition-colors text-lg shadow-lg hover:shadow-xl"
>
{isEnglish ? 'Contact us' : 'Связаться с нами'}
2026-02-10 16:22:14 +05:00
</a>
</div>
</div>
</div>
</div>
</div>
);
};
export default SoilSurveyPage;