v2: auto expert services with client contacts
This commit is contained in:
parent
1263d79585
commit
584b161d12
122
index.html
122
index.html
@ -3,7 +3,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||||
<title>МастерПрофи — профессиональные услуги</title>
|
<title>АвтоЭксперт — независимая экспертиза автомобилей</title>
|
||||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🛠️</text></svg>">
|
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🛠️</text></svg>">
|
||||||
<style>
|
<style>
|
||||||
:root{--ink:#0F1218;--cyan:#00E5FF;--cyan-50:#E8FCFF;--white:#FFFFFF;--gray-500:#5B6573;--gray-100:#F2F4F7}
|
:root{--ink:#0F1218;--cyan:#00E5FF;--cyan-50:#E8FCFF;--white:#FFFFFF;--gray-500:#5B6573;--gray-100:#F2F4F7}
|
||||||
@ -45,91 +45,129 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
|
|||||||
<body>
|
<body>
|
||||||
|
|
||||||
<section class="hero">
|
<section class="hero">
|
||||||
<h1>Качественные услуги<br>для вашего бизнеса</h1>
|
<h1 style="color:#dc2626">🚗 АвтоЭксперт</h1>
|
||||||
<p>Профессиональный подход, современные решения и внимание к деталям. Работаем с 2015 года.</p>
|
<p style="font-size:24px;color:var(--ink);font-weight:600;margin-bottom:16px">Независимая экспертиза автомобилей после ДТП</p>
|
||||||
|
<p style="font-size:18px;color:var(--gray-500);max-width:700px;margin:0 auto 40px">✅ Оценим ущерб за 30 минут<br>✅ Работаем со страховыми<br>✅ Выезд в любую точку города<br>✅ Гарантия точности 99%</p>
|
||||||
<div style="display:flex;gap:16px;justify-content:center;flex-wrap:wrap">
|
<div style="display:flex;gap:16px;justify-content:center;flex-wrap:wrap">
|
||||||
<a href="#services" class="btn">Наши услуги</a>
|
<a href="https://wa.me/77082760625?text=Здравствуйте!%20Нужна%20автоэкспертиза" class="btn" style="background:#25D366;color:#fff">📲 Написать в WhatsApp</a>
|
||||||
<a href="#portfolio" class="btn-outline">Смотреть работы</a>
|
<a href="tel:+77082760625" class="btn" style="background:#dc2626;color:#fff">📞 +7 (708) 276-06-25</a>
|
||||||
</div>
|
</div>
|
||||||
|
<p style="margin-top:24px;color:var(--gray-500);font-size:14px">⚡ Ответим в течение 5 минут</p>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section id="services" class="section">
|
<section id="services" class="section">
|
||||||
<h2 class="reveal">Что мы предлагаем</h2>
|
<h2 class="reveal" style="color:#dc2626">🔥 Наши услуги</h2>
|
||||||
|
<p style="text-align:center;color:var(--gray-500);max-width:600px;margin:-30px auto 48px">Работаем быстро, честно и профессионально</p>
|
||||||
<div class="cards">
|
<div class="cards">
|
||||||
<div class="card reveal">
|
<div class="card reveal" style="background:#fef2f2;border:2px solid #dc2626">
|
||||||
<h3>🔧 Ремонт и обслуживание</h3>
|
<h3 style="font-size:26px">🚗 Экспертиза после ДТП</h3>
|
||||||
<p>Полный цикл работ: диагностика, ремонт, профилактика. Используем современное оборудование.</p>
|
<p style="font-size:18px">Полная оценка ущерба автомобиля. Работаем со всеми страховыми компаниями.</p>
|
||||||
<div class="price">от 5 000 ₸</div>
|
<ul style="margin:16px 0 16px 20px;color:var(--gray-500)">
|
||||||
|
<li>Осмотр автомобиля</li>
|
||||||
|
<li>Фотофиксация повреждений</li>
|
||||||
|
<li>Расчёт стоимости ремонта</li>
|
||||||
|
<li>Официальное заключение</li>
|
||||||
|
</ul>
|
||||||
|
<div class="price" style="color:#dc2626">от 10 000 ₸</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card reveal">
|
<div class="card reveal">
|
||||||
<h3>⚡ Монтаж и установка</h3>
|
<h3>📋 Досудебная экспертиза</h3>
|
||||||
<p>Профессиональный монтаж оборудования любой сложности. Гарантия на все виды работ.</p>
|
<p>Независимая оценка для суда. Принимаются всеми судебными органами.</p>
|
||||||
<div class="price">от 8 000 ₸</div>
|
<div class="price">от 25 000 ₸</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card reveal">
|
<div class="card reveal">
|
||||||
<h3>📐 Консультирование</h3>
|
<h3>📊 Оценка рыночной стоимости</h3>
|
||||||
<p>Экспертная оценка, подбор решений, составление смет. Выезд специалиста бесплатно.</p>
|
<p>Для купли-продажи, наследства, раздела имущества. Готовый отчёт за 1 день.</p>
|
||||||
<div class="price">Бесплатно</div>
|
<div class="price">от 15 000 ₸</div>
|
||||||
|
</div>
|
||||||
|
<div class="card reveal">
|
||||||
|
<h3>⚖️ Консультация эксперта</h3>
|
||||||
|
<p>Разбор страховой ситуации. Поможем оспорить выплату страховой.</p>
|
||||||
|
<div class="price" style="color:#22c55e">Бесплатно</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section id="portfolio" class="section" style="background:var(--gray-50)">
|
<section id="portfolio" class="section" style="background:var(--gray-50)">
|
||||||
<h2 class="reveal">Наши работы</h2>
|
<h2 class="reveal" style="color:#dc2626">📸 Примеры работ</h2>
|
||||||
|
<p style="text-align:center;color:var(--gray-500);max-width:600px;margin:-30px auto 48px">Более 500 успешных экспертиз</p>
|
||||||
<div class="cards">
|
<div class="cards">
|
||||||
<div class="card reveal" style="padding:0;overflow:hidden">
|
<div class="card reveal" style="padding:0;overflow:hidden">
|
||||||
<img src="https://picsum.photos/seed/work1/600/400" alt="Работа 1" style="width:100%;height:200px;object-fit:cover">
|
<img src="https://picsum.photos/seed/car1/600/400" alt="Авто 1" style="width:100%;height:200px;object-fit:cover">
|
||||||
<div style="padding:24px">
|
<div style="padding:24px">
|
||||||
<h3>Проект А</h3>
|
<h3>Экспертиза Lexus RX</h3>
|
||||||
<p>Комплексное решение для офиса</p>
|
<p>Оценка ущерба после ДТП. Выплачено страховой: 3 200 000 ₸</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card reveal" style="padding:0;overflow:hidden">
|
<div class="card reveal" style="padding:0;overflow:hidden">
|
||||||
<img src="https://picsum.photos/seed/work2/600/400" alt="Работа 2" style="width:100%;height:200px;object-fit:cover">
|
<img src="https://picsum.photos/seed/car2/600/400" alt="Авто 2" style="width:100%;height:200px;object-fit:cover">
|
||||||
<div style="padding:24px">
|
<div style="padding:24px">
|
||||||
<h3>Проект Б</h3>
|
<h3>Toyota Camry</h3>
|
||||||
<p>Монтаж оборудования на складе</p>
|
<p>Досудебная экспертиза. Взыскано: 4 800 000 ₸</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card reveal" style="padding:0;overflow:hidden">
|
<div class="card reveal" style="padding:0;overflow:hidden">
|
||||||
<img src="https://picsum.photos/seed/work3/600/400" alt="Работа 3" style="width:100%;height:200px;object-fit:cover">
|
<img src="https://picsum.photos/seed/car3/600/400" alt="Авто 3" style="width:100%;height:200px;object-fit:cover">
|
||||||
<div style="padding:24px">
|
<div style="padding:24px">
|
||||||
<h3>Проект В</h3>
|
<h3>Kia K5</h3>
|
||||||
<p>Ремонт и настройка систем</p>
|
<p>Оценка рыночной стоимости для суда</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="about">
|
<section class="about" style="background:#fef2f2">
|
||||||
<div class="about-content">
|
<div class="about-content">
|
||||||
<div>
|
<div>
|
||||||
<h2 style="font-size:36px;font-weight:700;margin-bottom:24px">О компании</h2>
|
<h2 style="font-size:36px;font-weight:700;margin-bottom:24px;color:#dc2626">❗ Почему выбирают нас</h2>
|
||||||
<p style="color:var(--gray-500);margin-bottom:16px">Мы команда профессионалов с опытом работы более 8 лет. За это время мы реализовали более 500 проектов различной сложности.</p>
|
<div style="display:grid;gap:16px">
|
||||||
<p style="color:var(--gray-500);margin-bottom:16px">• Работаем по договору<br>• Даём гарантию до 3 лет<br>• Выезжаем в день обращения<br>• Используем только проверенные материалы</p>
|
<div style="display:flex;gap:12px;align-items:start">
|
||||||
<p style="color:var(--gray-500)">Наша миссия — делать качественные услуги доступными для каждого клиента.</p>
|
<span style="font-size:24px">✅</span>
|
||||||
|
<div><strong>Официальное заключение</strong><br><span style="color:var(--gray-500)">Принимается всеми страховыми и судами</span></div>
|
||||||
</div>
|
</div>
|
||||||
<img src="https://picsum.photos/seed/team/600/400" alt="Команда" class="about-img">
|
<div style="display:flex;gap:12px;align-items:start">
|
||||||
|
<span style="font-size:24px">⏱️</span>
|
||||||
|
<div><strong>Срок от 30 минут</strong><br><span style="color:var(--gray-500)">Экспресс-оценка на месте ДТП</span></div>
|
||||||
|
</div>
|
||||||
|
<div style="display:flex;gap:12px;align-items:start">
|
||||||
|
<span style="font-size:24px">🎯</span>
|
||||||
|
<div><strong>Точность 99%</strong><br><span style="color:var(--gray-500)">Используем сертифицированное оборудование</span></div>
|
||||||
|
</div>
|
||||||
|
<div style="display:flex;gap:12px;align-items:start">
|
||||||
|
<span style="font-size:24px">🚗</span>
|
||||||
|
<div><strong>Выезд 24/7</strong><br><span style="color:var(--gray-500)">Приедем в любую точку города и области</span></div>
|
||||||
|
</div>
|
||||||
|
<div style="display:flex;gap:12px;align-items:start">
|
||||||
|
<span style="font-size:24px">💰</span>
|
||||||
|
<div><strong>Оплата после результата</strong><br><span style="color:var(--gray-500)">Никаких предоплат</span></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<img src="https://picsum.photos/seed/expert/600/400" alt="Эксперт за работой" class="about-img" style="border:4px solid #dc2626">
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section id="contact" class="section">
|
<section id="contact" class="section" style="background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);color:#fff">
|
||||||
<h2 class="reveal">Свяжитесь с нами</h2>
|
<h2 class="reveal" style="color:#fff">📞 Свяжитесь с нами прямо сейчас</h2>
|
||||||
<p style="text-align:center;color:var(--gray-500);max-width:500px;margin:0 auto 32px">Оставьте заявку или напишите в мессенджеры — ответим в течение 15 минут</p>
|
<p style="text-align:center;color:#fff;max-width:600px;margin:0 auto 32px;font-size:18px">🔥 Бесплатная консультация в течение 5 минут!</p>
|
||||||
<div class="contact-links">
|
<div class="contact-links">
|
||||||
<a href="https://wa.me/77771234567?text=Здравствуйте!%20Хочу%20заказать%20услугу" class="contact-link" target="_blank">
|
<a href="https://wa.me/77082760625?text=Здравствуйте!%20Нужна%20автоэкспертиза" class="contact-link" target="_blank" style="background:#25D366;color:#fff">
|
||||||
<span>💬</span> WhatsApp
|
<span>💬</span> WhatsApp: +7 (708) 276-06-25
|
||||||
</a>
|
</a>
|
||||||
<a href="https://t.me/username" class="contact-link" target="_blank">
|
<a href="https://t.me/dana_adilaeva" class="contact-link" target="_blank" style="background:#0088cc;color:#fff">
|
||||||
<span>✈️</span> Telegram
|
<span>✈️</span> Telegram: @dana_adilaeva
|
||||||
</a>
|
</a>
|
||||||
<a href="tel:+77771234567" class="contact-link">
|
<a href="https://instagram.com/dana.adilaeva" class="contact-link" target="_blank" style="background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff">
|
||||||
|
<span>📸</span> Instagram: @dana.adilaeva
|
||||||
|
</a>
|
||||||
|
<a href="tel:+77082760625" class="contact-link" style="background:#fff;color:#dc2626">
|
||||||
<span>📞</span> Позвонить
|
<span>📞</span> Позвонить
|
||||||
</a>
|
</a>
|
||||||
<a href="mailto:info@masterprofi.kz" class="contact-link">
|
<a href="mailto:adilayeva.d@mail.com" class="contact-link" style="background:#fff;color:#dc2626">
|
||||||
<span>📧</span> Email
|
<span>📧</span> adilayeva.d@mail.com
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
<p style="text-align:center;margin-top:32px;color:#fff;opacity:0.8;font-size:14px">Работаем ежедневно с 9:00 до 21:00</p>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user