) => {
+ const formattedPhone = formatPhoneNumber(e.target.value);
+ setPhone(formattedPhone);
+ setError('');
+ };
+
+ const handleSubmit = async (e: React.FormEvent) => {
+ e.preventDefault();
+
+ if (!validatePhoneNumber(phone)) {
+ setError('Пожалуйста, введите корректный российский номер телефона');
+ return;
+ }
+
+ setIsLoading(true);
+
+ try {
+ const success = await sendTelegramNotification(phone, 'Главный экран');
+
+ if (success) {
+ setIsSubmitted(true);
+ setError('');
+ setTimeout(() => {
+ setIsSubmitted(false);
+ setPhone('');
+ }, 3000);
+ } else {
+ setError(
+ 'Произошла ошибка при отправке заявки. Пожалуйста, попробуйте позже.'
+ );
+ }
+ } catch (error) {
+ setError(
+ 'Произошла ошибка при отправке заявки. Пожалуйста, попробуйте позже.'
+ );
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ const containerVariants = {
+ hidden: { opacity: 0 },
+ visible: {
+ opacity: 1,
+ transition: {
+ staggerChildren: 0.2,
+ },
+ },
+ };
+
+ const itemVariants = {
+ hidden: { y: 20, opacity: 0 },
+ visible: {
+ y: 0,
+ opacity: 1,
+ transition: {
+ duration: 0.8,
+ ease: [0.16, 1, 0.3, 1],
+ },
+ },
+ };
+
+ return (
+
+ {/* Фоновый паттерн */}
+
+
+
+
+ {/* Заголовок */}
+
+ Независимая строительно-техническая экспертиза в Москве и Чебоксарах
+
+
+ {/* Описание */}
+
+ Проводим профессиональную экспертизу при заливах, обследование
+ инженерных систем, оценку качества строительных работ и
+ тепловизионное обследование. Гарантируем точность заключений и
+ юридическую поддержку.
+
+
+ {/* Форма */}
+
+
+ Получите бесплатную консультацию эксперта
+
+
+
+
+ {/* Преимущества */}
+
+
+
9+ лет
+
опыта в экспертизе
+
+
500+
+
выполненных проектов
+
+
100%
+
гарантия качества
+
+
+
+
setIsModalOpen(false)}
+ />
+
+
+
+
+
+ );
+};
+
+export default Loader;
diff --git a/app/components/Services.tsx b/app/components/Services.tsx
new file mode 100644
index 0000000..8e85c42
--- /dev/null
+++ b/app/components/Services.tsx
@@ -0,0 +1,236 @@
+'use client';
+
+import { useRef, useState } from 'react';
+import { motion, useInView } from 'framer-motion';
+import {
+ Home,
+ Droplets,
+ Waves,
+ CheckSquare,
+ Thermometer,
+ Building,
+ FlaskConical,
+ ArrowRight,
+} from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import ContactModal from './ContactModal';
+import Link from 'next/link';
+
+export const services = [
+ {
+ icon: Droplets,
+ title: 'Экспертиза при заливе',
+ slug: 'flood-expertise',
+ description:
+ 'Строительно-техническая экспертиза для определения причины залития помещений, оценка ущерба и рекомендации по устранению последствий.',
+ details: [
+ 'Определение источника протечки',
+ 'Оценка нанесенного ущерба',
+ 'Расчет стоимости восстановительных работ',
+ 'Составление экспертного заключения',
+ ],
+ },
+ {
+ icon: Waves,
+ title: 'Обследование канализации',
+ slug: 'sewerage-inspection',
+ description:
+ 'Профессиональное обследование канализационных систем с использованием современного диагностического оборудования.',
+ details: [
+ 'Видеодиагностика труб',
+ 'Проверка герметичности',
+ 'Оценка состояния коммуникаций',
+ 'Рекомендации по ремонту',
+ ],
+ },
+ {
+ icon: Home,
+ title: 'Признание дома жилым',
+ slug: 'house-recognition',
+ description:
+ 'Экспертиза для признания дома пригодным для круглогодичного проживания, оценка соответствия всем необходимым нормам.',
+ details: [
+ 'Оценка конструкций',
+ 'Проверка инженерных систем',
+ 'Анализ микроклимата',
+ 'Подготовка документации',
+ ],
+ },
+ {
+ icon: CheckSquare,
+ title: 'Экспертиза ремонтных работ',
+ slug: 'renovation-expertise',
+ description:
+ 'Определение качества выполненных ремонтных работ по отделке помещений, выявление дефектов и нарушений.',
+ details: [
+ 'Проверка качества материалов',
+ 'Оценка технологии работ',
+ 'Выявление дефектов',
+ 'Рекомендации по устранению',
+ ],
+ },
+ {
+ icon: Thermometer,
+ title: 'Тепловизионная экспертиза',
+ slug: 'thermal-inspection',
+ description:
+ 'Определение утечек тепла с помощью современного тепловизионного оборудования, выявление проблемных зон.',
+ details: [
+ 'Тепловизионная съемка',
+ 'Анализ теплопотерь',
+ 'Выявление мостиков холода',
+ 'Рекомендации по утеплению',
+ ],
+ },
+ {
+ icon: Building,
+ title: 'Контроль строительных работ',
+ slug: 'construction-control',
+ description:
+ 'Определение качества строительно-монтажных работ на всех этапах строительства.',
+ details: [
+ 'Проверка соответствия проекту',
+ 'Контроль технологий',
+ 'Оценка материалов',
+ 'Выявление нарушений',
+ ],
+ },
+ {
+ icon: FlaskConical,
+ title: 'Обмер помещений',
+ slug: 'room-measurement',
+ description:
+ 'Профессиональные обмеры помещений с использованием современного оборудования и составлением точных планов.',
+ details: [
+ 'Замеры всех помещений',
+ 'Создание поэтажных планов',
+ 'Расчет площадей',
+ 'Составление технического паспорта',
+ ],
+ },
+];
+
+const Services = () => {
+ const ref = useRef(null);
+ const isInView = useInView(ref, { once: true, margin: '-100px' });
+ const [isModalOpen, setIsModalOpen] = useState(false);
+
+ const containerVariants = {
+ hidden: { opacity: 0 },
+ visible: {
+ opacity: 1,
+ transition: {
+ staggerChildren: 0.1,
+ delayChildren: 0.1,
+ },
+ },
+ };
+
+ const itemVariants = {
+ hidden: { y: 20, opacity: 0 },
+ visible: {
+ y: 0,
+ opacity: 1,
+ transition: {
+ type: 'spring',
+ stiffness: 100,
+ damping: 15,
+ duration: 0.3,
+ },
+ },
+ };
+
+ return (
+
+
+
+
+
+ Наши услуги
+
+
+ Предоставляем полный спектр услуг по экспертизе и обследованию
+ объектов
+
+
+
+
+ {services.map((service, index) => (
+
+
+
+
+
+
+
+
+
+ {service.title}
+
+
+ {service.description}
+
+
+ {service.details.map((detail, idx) => (
+
+ {detail}
+
+ ))}
+
+
+
+
+ ))}
+
+
+ Подберем оптимальное решение под ваши задачи.
+
+
+ setIsModalOpen(true)}
+ >
+ Получить консультацию
+
+
+
+
+
setIsModalOpen(false)}
+ />
+
+ );
+};
+
+export default Services;
diff --git a/app/components/WhyUs.tsx b/app/components/WhyUs.tsx
new file mode 100644
index 0000000..51c99af
--- /dev/null
+++ b/app/components/WhyUs.tsx
@@ -0,0 +1,175 @@
+'use client';
+
+import { useRef } from 'react';
+import { motion, useInView } from 'framer-motion';
+import {
+ Shield,
+ Scale,
+ PiggyBank,
+ Building2,
+ Umbrella,
+ FileCheck,
+ Car,
+ ThumbsUp,
+ Gavel,
+} from 'lucide-react';
+
+const features = [
+ {
+ icon: Shield,
+ title: 'Гарантия качества',
+ description:
+ 'Имеем все необходимые гарантии качества работ. Некачественная экспертиза, приводящая к ущербу наказуема, поэтому мы обязаны работать качественно.',
+ },
+ {
+ icon: PiggyBank,
+ title: 'Лучшие цены',
+ description:
+ 'Предлагаем конкурентные цены на рынке при неизменно высоком качестве услуг.',
+ },
+ {
+ icon: Building2,
+ title: 'Членство в СРО',
+ description:
+ 'Состоим в профильных СРО, предоставляющей разрешение на работы и страхование до 30 млн рублей.',
+ },
+ {
+ icon: Umbrella,
+ title: 'Страховая защита',
+ description:
+ 'Застрахованы в Британском страховом доме на 10 млн рублей, что гарантирует безопасность наших клиентов.',
+ },
+ {
+ icon: FileCheck,
+ title: 'Полный пакет документов',
+ description:
+ 'Имеем все необходимые квалификационные и страховые документы для проведения экспертиз любой сложности.',
+ },
+ {
+ icon: Car,
+ title: 'Оперативный выезд',
+ description:
+ 'Обеспечиваем быстрый выезд специалистов на объект для проведения необходимых исследований.',
+ },
+ {
+ icon: ThumbsUp,
+ title: 'Ответственный подход',
+ description:
+ 'Не беремся за дело если не уверены в результате. Ценим свою репутацию и время клиентов.',
+ },
+ {
+ icon: Gavel,
+ title: 'Юридическая поддержка',
+ description:
+ 'Предоставляем полное юридическое сопровождение на всех этапах работы.',
+ },
+];
+
+const WhyUs = () => {
+ const ref = useRef(null);
+ const isInView = useInView(ref, { once: true, margin: '-100px' });
+
+ const containerVariants = {
+ hidden: { opacity: 0 },
+ visible: {
+ opacity: 1,
+ transition: {
+ staggerChildren: 0.1,
+ delayChildren: 0.3,
+ },
+ },
+ };
+
+ const itemVariants = {
+ hidden: { y: 20, opacity: 0 },
+ visible: {
+ y: 0,
+ opacity: 1,
+ transition: {
+ duration: 0.5,
+ ease: [0.16, 1, 0.3, 1],
+ },
+ },
+ };
+
+ const iconVariants = {
+ hidden: { scale: 0, rotate: -180 },
+ visible: {
+ scale: 1,
+ rotate: 0,
+ transition: {
+ type: 'spring',
+ stiffness: 200,
+ damping: 15,
+ },
+ },
+ };
+
+ return (
+
+
+
+
+
+ Почему выбирают нас?
+
+
+ Мы гарантируем качество, надежность и профессионализм в каждом
+ проекте
+
+
+
+
+ {features.map((feature, index) => (
+
+
+
+
+
+
+
+
+ {feature.title}
+
+
{feature.description}
+
+
+ ))}
+
+
+
+ Ваша безопасность - наш главный приоритет
+
+
+
+
+
+ );
+};
+
+export default WhyUs;
diff --git a/app/components/WorkFlow.tsx b/app/components/WorkFlow.tsx
new file mode 100644
index 0000000..2ebe3db
--- /dev/null
+++ b/app/components/WorkFlow.tsx
@@ -0,0 +1,189 @@
+'use client';
+
+import { useRef } from 'react';
+import { motion, useInView } from 'framer-motion';
+import {
+ PhoneCall,
+ MessageSquare,
+ FileSignature,
+ Search,
+ FileText,
+ Scale,
+} from 'lucide-react';
+
+const steps = [
+ {
+ number: '01',
+ icon: PhoneCall,
+ title: 'Заявка или звонок',
+ description:
+ 'Свяжитесь с нами удобным для вас способом — мы всегда на связи и готовы помочь',
+ },
+ {
+ number: '02',
+ icon: MessageSquare,
+ title: 'Первичная консультация',
+ description:
+ 'Мы детально изучаем ваш запрос и предлагаем наилучшие решения для вашего комфорта!',
+ },
+ {
+ number: '03',
+ icon: FileSignature,
+ title: 'Подписание договора',
+ description:
+ 'Мы предоставляем чёткие гарантии, учитываем все детали и внимательно разъясняем каждое предложение, чтобы вы всегда были уверены и довольны!',
+ },
+ {
+ number: '04',
+ icon: Search,
+ title: 'Анализ данных',
+ description: 'Выезд на объект проведение независимой экспертизы',
+ },
+ {
+ number: '05',
+ icon: FileText,
+ title: 'Камеральная обработка данных',
+ description: 'Составление и передача результатов экспертизы',
+ },
+ {
+ number: '06',
+ icon: Scale,
+ title: 'Юридическая поддержка',
+ description:
+ 'Если вам понадобится юридическая поддержка, наши опытные юристы будут рядом, готовые обеспечить вам квалифицированное сопровождение на каждом этапе!',
+ },
+];
+
+const WorkFlow = () => {
+ const ref = useRef(null);
+ const isInView = useInView(ref, { once: true, margin: '-100px' });
+
+ const containerVariants = {
+ hidden: { opacity: 0 },
+ visible: {
+ opacity: 1,
+ transition: {
+ staggerChildren: 0.2,
+ delayChildren: 0.3,
+ },
+ },
+ };
+
+ const itemVariants = {
+ hidden: { y: 20, opacity: 0 },
+ visible: {
+ y: 0,
+ opacity: 1,
+ transition: {
+ duration: 0.5,
+ ease: [0.16, 1, 0.3, 1],
+ },
+ },
+ };
+
+ const numberVariants = {
+ hidden: { scale: 0, rotate: -180 },
+ visible: {
+ scale: 1,
+ rotate: 0,
+ transition: {
+ type: 'spring',
+ stiffness: 200,
+ damping: 15,
+ },
+ },
+ };
+
+ const lineVariants = {
+ hidden: { width: 0 },
+ visible: {
+ width: '100%',
+ transition: {
+ duration: 0.8,
+ ease: 'easeInOut',
+ },
+ },
+ };
+
+ return (
+
+
+
+
+
+ Порядок работы
+
+
+ Прозрачный и эффективный процесс работы с каждым клиентом
+
+
+
+
+ {steps.map((step, index) => (
+
+
+ {step.number}
+
+
+
+
+
+
+
+
+
+
+ {step.title}
+
+
{step.description}
+
+
+ ))}
+
+
+
+ На каждом этапе мы обеспечиваем полную прозрачность процесса и
+ держим вас в курсе всех действий. Наша цель - сделать
+ сотрудничество максимально комфортным и эффективным для вас.
+
+
+
+
+
+ );
+};
+
+export default WorkFlow;
diff --git a/app/favicon.ico b/app/favicon.ico
new file mode 100644
index 0000000..718d6fe
Binary files /dev/null and b/app/favicon.ico differ
diff --git a/app/globals.css b/app/globals.css
new file mode 100644
index 0000000..bb5d4b1
--- /dev/null
+++ b/app/globals.css
@@ -0,0 +1,101 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+body {
+ font-family: Arial, Helvetica, sans-serif;
+}
+
+@layer base {
+ :root {
+ --background: 0 0% 100%;
+ --foreground: 0 0% 3.9%;
+ --card: 0 0% 100%;
+ --card-foreground: 0 0% 3.9%;
+ --popover: 0 0% 100%;
+ --popover-foreground: 0 0% 3.9%;
+ --primary: 0 0% 9%;
+ --primary-foreground: 0 0% 98%;
+ --secondary: 0 0% 96.1%;
+ --secondary-foreground: 0 0% 9%;
+ --muted: 0 0% 96.1%;
+ --muted-foreground: 0 0% 45.1%;
+ --accent: 0 0% 96.1%;
+ --accent-foreground: 0 0% 9%;
+ --destructive: 0 84.2% 60.2%;
+ --destructive-foreground: 0 0% 98%;
+ --border: 0 0% 89.8%;
+ --input: 0 0% 89.8%;
+ --ring: 0 0% 3.9%;
+ --chart-1: 12 76% 61%;
+ --chart-2: 173 58% 39%;
+ --chart-3: 197 37% 24%;
+ --chart-4: 43 74% 66%;
+ --chart-5: 27 87% 67%;
+ --radius: 0.5rem;
+ }
+ .dark {
+ --background: 0 0% 3.9%;
+ --foreground: 0 0% 98%;
+ --card: 0 0% 3.9%;
+ --card-foreground: 0 0% 98%;
+ --popover: 0 0% 3.9%;
+ --popover-foreground: 0 0% 98%;
+ --primary: 0 0% 98%;
+ --primary-foreground: 0 0% 9%;
+ --secondary: 0 0% 14.9%;
+ --secondary-foreground: 0 0% 98%;
+ --muted: 0 0% 14.9%;
+ --muted-foreground: 0 0% 63.9%;
+ --accent: 0 0% 14.9%;
+ --accent-foreground: 0 0% 98%;
+ --destructive: 0 62.8% 30.6%;
+ --destructive-foreground: 0 0% 98%;
+ --border: 0 0% 14.9%;
+ --input: 0 0% 14.9%;
+ --ring: 0 0% 83.1%;
+ --chart-1: 220 70% 50%;
+ --chart-2: 160 60% 45%;
+ --chart-3: 30 80% 55%;
+ --chart-4: 280 65% 60%;
+ --chart-5: 340 75% 55%;
+ }
+}
+
+@layer base {
+ * {
+ @apply border-border;
+ }
+ body {
+ @apply bg-background text-foreground;
+ }
+}
+
+html {
+ scroll-behavior: smooth;
+}
+
+/* Компенсация фиксированной шапки при переходе по якорям */
+html :target {
+ scroll-margin-top: 80px;
+}
+
+/* Анимация для прелоадера */
+@keyframes loading-bar {
+ 0% {
+ width: 0;
+ left: 0;
+ }
+ 50% {
+ width: 100%;
+ left: 0;
+ }
+ 100% {
+ width: 0;
+ left: 100%;
+ }
+}
+
+.animate-loading-bar {
+ animation: loading-bar 2s ease-in-out infinite;
+}
diff --git a/app/layout.tsx b/app/layout.tsx
new file mode 100644
index 0000000..f7fa87e
--- /dev/null
+++ b/app/layout.tsx
@@ -0,0 +1,34 @@
+import type { Metadata } from "next";
+import { Geist, Geist_Mono } from "next/font/google";
+import "./globals.css";
+
+const geistSans = Geist({
+ variable: "--font-geist-sans",
+ subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+ variable: "--font-geist-mono",
+ subsets: ["latin"],
+});
+
+export const metadata: Metadata = {
+ title: "Create Next App",
+ description: "Generated by create next app",
+};
+
+export default function RootLayout({
+ children,
+}: Readonly<{
+ children: React.ReactNode;
+}>) {
+ return (
+
+
+ {children}
+
+
+ );
+}
diff --git a/app/not-found.tsx b/app/not-found.tsx
new file mode 100644
index 0000000..3cfd9c5
--- /dev/null
+++ b/app/not-found.tsx
@@ -0,0 +1,147 @@
+'use client';
+
+import { motion, Variants } from 'framer-motion';
+import Link from 'next/link';
+import { Home, RefreshCcw, Building2, Ruler, HardHat } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+
+export default function NotFound() {
+ const containerVariants: Variants = {
+ initial: { opacity: 0, y: 20 },
+ animate: { opacity: 1, y: 0 },
+ };
+
+ const bounceVariants: Variants = {
+ initial: { y: 0 },
+ animate: {
+ y: [-20, 0],
+ transition: {
+ duration: 0.6,
+ repeat: Infinity,
+ repeatType: 'mirror' as const,
+ ease: 'easeInOut',
+ },
+ },
+ };
+
+ const spinVariants: Variants = {
+ initial: { rotate: 0 },
+ animate: {
+ rotate: 360,
+ transition: {
+ duration: 2,
+ repeat: Infinity,
+ ease: 'linear',
+ },
+ },
+ };
+
+ return (
+
+
+
+
+
+ 404
+
+
+
+
+
+
+ Упс! Здесь требуется экспертиза! 🏗️
+
+
+ Похоже, эта страница нуждается в серьёзном обследовании и ремонте.
+
+
+ Наши эксперты уже работают над этим!
+
+
+
+
+
+
+ Технический отчёт:
+
+
+
+
• Страница не обнаружена на сервере
+
• Требуется комплексное обследование
+
• Рекомендуется вернуться на главную
+
+
+
+
+
+
+ window.location.reload()}
+ className="flex items-center gap-2 hover:scale-105 transition-transform"
+ >
+
+
+ Проверить снова
+
+
+
+
+
+
+ Мы проводим профессиональную экспертизу, но даже наши специалисты
+ не смогли найти эту страницу 🏗️
+
+
+
+
+
+ {isLoading ? (
+
+
+
+
+
+
+ )}
+
+
+ );
+}
diff --git a/app/personal-data/page.tsx b/app/personal-data/page.tsx
new file mode 100644
index 0000000..ffb1150
--- /dev/null
+++ b/app/personal-data/page.tsx
@@ -0,0 +1,103 @@
+'use client';
+
+import DocumentLayout from '../components/DocumentLayout';
+
+export default function PersonalData() {
+ return (
+
+ 1. Общие положения
+
+ Настоящее согласие на обработку персональных данных (далее – Согласие)
+ действует в отношении всей информации, которую сайт может получить о
+ Пользователе во время использования сайта.
+
+
+ 2. Термины и определения
+
+
+ Персональные данные - любая информация, относящаяся к
+ прямо или косвенно определенному или определяемому физическому лицу
+
+
+ Обработка персональных данных - любое действие с
+ персональными данными, совершаемое с использованием средств
+ автоматизации
+
+
+ Оператор - лицо, организующее и осуществляющее
+ обработку персональных данных
+
+
+
+ 3. Согласие на обработку персональных данных
+
+ Используя сайт, Пользователь дает согласие на обработку своих
+ персональных данных в соответствии с данным документом.
+
+
+ 4. Состав обрабатываемых данных
+ Оператор обрабатывает следующие персональные данные:
+
+ Фамилия, имя, отчество
+ Номер телефона
+ Адрес электронной почты
+ Адрес объекта экспертизы
+ Иные данные, предоставляемые Пользователем
+
+
+ 5. Цели обработки данных
+ Оператор обрабатывает персональные данные в целях:
+
+ Заключения и исполнения договоров на оказание услуг
+ Предоставления информации об услугах
+ Коммуникации с Пользователем
+ Улучшения качества услуг и сервисов
+ Проведения статистических исследований
+
+
+ 6. Порядок обработки данных
+ Обработка персональных данных осуществляется путем:
+
+ Сбора информации от Пользователя
+ Хранения информации в электронном виде
+ Использования информации для указанных целей
+ Передачи информации уполномоченным сотрудникам
+ Удаления информации по запросу Пользователя
+
+
+ 7. Права пользователя
+ Пользователь имеет право:
+
+ На получение информации об обработке персональных данных
+ На уточнение, блокирование или уничтожение данных
+ На отзыв согласия на обработку данных
+ На защиту своих прав и законных интересов
+
+
+ 8. Срок обработки данных
+
+ Согласие на обработку персональных данных действует бессрочно с момента
+ предоставления данных и может быть отозвано путем подачи письменного
+ заявления.
+
+
+ 9. Безопасность данных
+
+ Оператор принимает необходимые правовые, организационные и технические
+ меры для защиты персональных данных от неправомерного или случайного
+ доступа к ним, уничтожения, изменения, блокирования, копирования,
+ предоставления, распространения, а также от иных неправомерных действий.
+
+
+ 10. Контактная информация
+
+ По вопросам, связанным с обработкой персональных данных, можно
+ обращаться:
+
+
+ По телефону: +7 (916) 830-58-58
+ По email: ckeproekt@yandex.ru
+
+
+ );
+}
diff --git a/app/privacy-policy/page.tsx b/app/privacy-policy/page.tsx
new file mode 100644
index 0000000..37dbfa4
--- /dev/null
+++ b/app/privacy-policy/page.tsx
@@ -0,0 +1,84 @@
+'use client';
+
+import DocumentLayout from '../components/DocumentLayout';
+
+export default function PrivacyPolicy() {
+ return (
+
+ 1. Общие положения
+
+ Настоящая политика конфиденциальности описывает принципы обработки и
+ защиты информации о физических лицах, которая может быть получена при
+ использовании сайта.
+
+
+ 2. Состав обрабатываемых персональных данных
+ Мы собираем и обрабатываем следующие персональные данные:
+
+ Номер телефона
+ Имя (при предоставлении)
+ Адрес электронной почты (при предоставлении)
+ Адрес объекта экспертизы (при заказе услуг)
+
+
+ 3. Цели обработки персональных данных
+ Мы обрабатываем ваши персональные данные для следующих целей:
+
+ Оказание услуг по проведению экспертизы
+ Информирование о статусе заказа
+ Консультирование по услугам
+ Улучшение качества обслуживания
+
+
+ 4. Принципы обработки персональных данных
+
+ Обработка персональных данных осуществляется на основе следующих
+ принципов:
+
+
+ Законность и справедливость
+ Ограничение обработки конкретными целями
+
+ Соответствие содержания и объема обрабатываемых данных заявленным
+ целям
+
+ Точность и актуальность данных
+
+
+ 5. Меры по защите персональных данных
+
+ Мы принимаем необходимые и достаточные организационные и технические
+ меры для защиты персональных данных от неправомерного доступа,
+ уничтожения, изменения, блокирования, копирования, распространения, а
+ также от иных неправомерных действий с ней третьих лиц.
+
+
+ 6. Права пользователей
+ Пользователи имеют право:
+
+ Получать информацию об обработке персональных данных
+ Требовать уточнения или удаления персональных данных
+ Отзывать согласие на обработку персональных данных
+ Обжаловать действия или бездействие оператора
+
+
+ 7. Изменение политики конфиденциальности
+
+ Мы оставляем за собой право вносить изменения в политику
+ конфиденциальности. При внесении изменений в актуальной редакции
+ указывается дата последнего обновления. Новая редакция политики вступает
+ в силу с момента ее размещения на сайте.
+
+
+ 8. Контактная информация
+
+ По всем вопросам, связанным с обработкой персональных данных, можно
+ обращаться:
+
+
+ По телефону: +7 (916) 830-58-58
+ По email: ckeproekt@yandex.ru
+
+
+ );
+}
diff --git a/app/services/[slug]/page.tsx b/app/services/[slug]/page.tsx
new file mode 100644
index 0000000..f74ec6a
--- /dev/null
+++ b/app/services/[slug]/page.tsx
@@ -0,0 +1,228 @@
+'use client';
+
+import { useState } from 'react';
+import { motion } from 'framer-motion';
+import { ArrowLeft, CheckCircle2, AlertCircle, FileText } from 'lucide-react';
+import Link from 'next/link';
+import { Button } from '@/components/ui/button';
+import ContactModal from '@/app/components/ContactModal';
+import { services } from '@/app/components/Services';
+import { use } from 'react';
+
+interface ServicePageProps {
+ params: Promise<{
+ slug: string;
+ }>;
+}
+
+export default function ServicePage({ params }: ServicePageProps) {
+ const [isModalOpen, setIsModalOpen] = useState(false);
+ const { slug } = use(params);
+ const service = services.find((s) => s.slug === slug);
+
+ if (!service) {
+ return Услуга не найдена
;
+ }
+
+ const containerVariants = {
+ hidden: { opacity: 0 },
+ visible: {
+ opacity: 1,
+ transition: {
+ staggerChildren: 0.2,
+ },
+ },
+ };
+
+ const itemVariants = {
+ hidden: { y: 20, opacity: 0 },
+ visible: {
+ y: 0,
+ opacity: 1,
+ transition: {
+ duration: 0.5,
+ },
+ },
+ };
+
+ return (
+
+
+
+ {/* Навигация */}
+
+ Вернуться к услугам
+
+
+
+ {/* Заголовок */}
+
+
+
+
+
+ {service.title}
+
+
{service.description}
+
+
+ {/* Основные моменты */}
+
+
+
+ На что обращаем внимание
+
+
+ {service.details.map((detail, index) => (
+
+ {detail}
+
+ ))}
+
+
+
+ Процесс работы
+
+
+
+
+ 1
+
+
+
+ Первичная консультация
+
+
+ Обсуждаем вашу ситуацию, определяем объем работ и сроки
+ выполнения
+
+
+
+
+
+ 2
+
+
+
+ Выезд на объект
+
+
+ Проводим тщательное обследование объекта с использованием
+ специального оборудования
+
+
+
+
+
+ 3
+
+
+
+ Подготовка документации
+
+
+ Составляем подробное экспертное заключение с фотофиксацией
+ и необходимыми расчетами
+
+
+
+
+
+
+ Что вы получите
+
+
+
+
+
+
+ Экспертное заключение
+
+
+ Официальный документ, содержащий результаты обследования,
+ выводы и рекомендации
+
+
+
+
+
+
+
+ Фотоматериалы
+
+
+ Подробная фотофиксация всех выявленных дефектов и
+ нарушений
+
+
+
+
+
+
+
+ Рекомендации
+
+
+ Четкие указания по устранению выявленных проблем и
+ предотвращению их появления в будущем
+
+
+
+
+
+
+ {/* Призыв к действию */}
+
+
+ Получите профессиональную консультацию
+
+
+ Наши специалисты ответят на все ваши вопросы и помогут решить вашу
+ задачу
+
+ setIsModalOpen(true)}
+ className="bg-white text-blue-700 hover:bg-blue-50"
+ >
+ Оставить заявку
+
+
+
+
+
+
setIsModalOpen(false)}
+ />
+
+ 1. Общие положения
+
+ Настоящее Пользовательское соглашение регулирует отношения между
+ пользователем сайта и владельцем сайта, возникающие при использовании
+ интернет-ресурса и его сервисов.
+
+
+ 2. Термины и определения
+
+
+ Сайт - веб-сайт, расположенный в сети Интернет
+
+
+ Пользователь - физическое лицо, использующее Сайт
+
+
+ Услуги - услуги по проведению экспертизы и
+ сопутствующие услуги
+
+
+
+ 3. Предмет соглашения
+
+ Предметом настоящего Соглашения является предоставление Пользователю
+ доступа к содержащейся на Сайте информации об Услугах и возможности их
+ заказа.
+
+
+ 4. Права и обязанности сторон
+ 4.1. Права и обязанности Пользователя:
+
+ Использовать Сайт в соответствии с его назначением
+ Предоставлять достоверную информацию при использовании Сайта
+
+ Не использовать Сайт для распространения информации рекламного
+ характера
+
+
+
+ 4.2. Права и обязанности Владельца сайта:
+
+
+ Предоставлять Пользователю доступ к Сайту и поддерживать его
+ работоспособность
+
+
+ Обрабатывать персональные данные Пользователя в соответствии с
+ Политикой конфиденциальности
+
+
+ Предоставлять Пользователю информацию об Услугах и условиях их
+ оказания
+
+
+
+ 5. Условия оказания услуг
+
+ Условия, порядок и сроки оказания Услуг согласовываются Сторонами в
+ каждом конкретном случае и закрепляются в соответствующем договоре.
+
+
+ 6. Ответственность сторон
+
+ Стороны несут ответственность за неисполнение или ненадлежащее
+ исполнение своих обязательств в соответствии с условиями Соглашения и
+ действующим законодательством РФ.
+
+
+ 7. Разрешение споров
+
+ Все споры, связанные с заключением, толкованием, исполнением и
+ расторжением Соглашения, будут разрешаться Сторонами путем переговоров.
+ В случае недостижения соглашения спор подлежит рассмотрению в суде в
+ соответствии с действующим законодательством РФ.
+
+
+ 8. Изменение условий соглашения
+
+ Владелец сайта вправе в одностороннем порядке изменять условия
+ Соглашения. Изменения вступают в силу с момента их публикации на Сайте.
+
+
+ 9. Контактная информация
+
+ По всем вопросам, связанным с использованием Сайта, можно обращаться:
+
+
+ По телефону: +7 (916) 830-58-58
+ По email: ckeproekt@yandex.ru
+
+
+ );
+}
diff --git a/components.json b/components.json
new file mode 100644
index 0000000..dea737b
--- /dev/null
+++ b/components.json
@@ -0,0 +1,21 @@
+{
+ "$schema": "https://ui.shadcn.com/schema.json",
+ "style": "new-york",
+ "rsc": true,
+ "tsx": true,
+ "tailwind": {
+ "config": "tailwind.config.ts",
+ "css": "app/globals.css",
+ "baseColor": "neutral",
+ "cssVariables": true,
+ "prefix": ""
+ },
+ "aliases": {
+ "components": "@/components",
+ "utils": "@/lib/utils",
+ "ui": "@/components/ui",
+ "lib": "@/lib",
+ "hooks": "@/hooks"
+ },
+ "iconLibrary": "lucide"
+}
\ No newline at end of file
diff --git a/components/ui/button.tsx b/components/ui/button.tsx
new file mode 100644
index 0000000..a18f44b
--- /dev/null
+++ b/components/ui/button.tsx
@@ -0,0 +1,56 @@
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva, type VariantProps } from 'class-variance-authority';
+import { cn } from '@/lib/utils';
+
+const buttonVariants = cva(
+ 'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50',
+ {
+ variants: {
+ variant: {
+ default:
+ 'bg-primary text-primary-foreground shadow hover:bg-primary/90',
+ destructive:
+ 'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
+ outline:
+ 'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',
+ secondary:
+ 'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',
+ ghost: 'hover:bg-accent hover:text-accent-foreground',
+ link: 'text-primary underline-offset-4 hover:underline',
+ },
+ size: {
+ default: 'h-9 px-4 py-2',
+ sm: 'h-8 rounded-md px-3 text-xs',
+ lg: 'h-10 rounded-md px-8',
+ icon: 'h-9 w-9',
+ },
+ },
+ defaultVariants: {
+ variant: 'default',
+ size: 'default',
+ },
+ }
+);
+
+export interface ButtonProps
+ extends React.ButtonHTMLAttributes,
+ VariantProps {
+ asChild?: boolean;
+}
+
+const Button = React.forwardRef(
+ ({ className, variant, size, asChild = false, ...props }, ref) => {
+ const Comp = asChild ? Slot : 'button';
+ return (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, sideOffset = 4, ...props }, ref) => (
+
+
+));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+
+const DropdownMenuItem = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ {}
+
+const Input = React.forwardRef(
+ ({ className, type, ...props }, ref) => {
+ return (
+