nado-razrabotat-sayt/index.html
2026-08-19 13:18:57 +00:00

253 lines
14 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Химчистка мебели в Алматы | Adal Tazalyk - Профессиональная чистка диванов, кресел, матрасов</title>
<meta name="description" content="Химчистка мягкой мебели в Алматы. Выезд на дом. Чистка диванов, кресел, матрасов, стульев. Безопасные средства. Быстро и качественно. Звоните: +7 777 549 92 86">
<meta name="keywords" content="химчистка Алматы, химчистка мебели, чистка дивана, чистка кресел, химчистка матрасов, клининг Алматы, Adal Tazalyk">
<meta name="geo.region" content="KZ-ALA">
<meta name="geo.placename" content="Almaty">
<meta property="og:title" content="Химчистка мебели в Алматы | Adal Tazalyk">
<meta property="og:description" content="Профессиональная химчистка мягкой мебели с выездом на дом. Безопасные средства, опытные мастера.">
<meta property="og:type" content="website">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "Adal Tazalyk",
"description": "Профессиональная химчистка мягкой мебели в Алматы",
"telephone": "+77775499286",
"url": "https://adaltazalyk.kz",
"areaServed": {
"@type": "City",
"name": "Алматы"
},
"address": {
"@type": "PostalAddress",
"addressLocality": "Алматы",
"addressCountry": "KZ"
},
"openingHours": "Mo-Su 09:00-20:00",
"priceRange": "₸₸",
"image": "WhatsApp Image 2026-06-11 at 01.04.24.jpeg"
}
</script>
<style>
:root{--ink:#0F1218;--cyan:#FFD700;--cyan-50:#FFFBE8;--white:#fff;--gray-500:#5B6573;--gray-100:#F2F4F7;--green:#25D366}
*{box-sizing:border-box;margin:0;padding:0}
body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif;color:var(--ink);background:var(--white)}
.container{max-width:1140px;margin:0 auto;padding:80px 24px}
.header{position:fixed;top:0;left:0;right:0;background:var(--white);box-shadow:0 2px 10px rgba(0,0,0,0.1);z-index:1000}
.header-inner{max-width:1140px;margin:0 auto;padding:16px 24px;display:flex;justify-content:center;align-items:center;position:relative}
.logo{display:flex;align-items:center;gap:12px;justify-content:center}
.logo img{height:120px;width:auto}
.lang-switch{display:flex;gap:8px}
.lang-btn{border:2px solid var(--cyan);background:transparent;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600;transition:all 0.3s}
.lang-btn.active{background:var(--cyan);color:var(--ink)}
.lang-btn:hover{background:var(--cyan-50)}
.hero{background:linear-gradient(135deg,#0066cc 0%,#0088ff 100%);color:var(--white);padding-top:120px}
.hero h1{font-size:56px;font-weight:800;line-height:1.05;margin-bottom:24px}
.hero p{font-size:20px;color:#9aa3b2;max-width:600px;margin-bottom:32px}
.btn{display:inline-block;background:var(--cyan);color:#000;padding:14px 28px;border-radius:8px;font-weight:700;text-decoration:none;transition:transform 0.2s}
.btn:hover{transform:scale(1.05)}
img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}
.section{padding:80px 24px}
.section h2{font-size:36px;font-weight:700;margin-bottom:24px;text-align:center}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1140px;margin:0 auto}
.card{background:#fff;border:2px solid var(--cyan);border-radius:16px;padding:32px;transition:transform 0.3s}
.card:hover{transform:translateY(-5px)}
.card h3{font-size:22px;font-weight:700;margin-bottom:16px}
.card .price{font-size:24px;font-weight:700;color:var(--cyan);margin:16px 0}
.benefits{background:linear-gradient(135deg,#fff9e6 0%,#fff4cc 100%)}
.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;max-width:1140px;margin:0 auto}
.benefit{text-align:center}
.benefit-icon{font-size:48px;margin-bottom:16px}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;max-width:1140px;margin:0 auto}
.gallery-item{border-radius:16px;overflow:hidden;aspect-ratio:4/3}
.gallery-item img{width:100%;height:100%;object-fit:cover}
.contact-form{max-width:500px;margin:0 auto;background:var(--gray-100);padding:32px;border-radius:16px}
.contact-form input,.contact-form textarea{width:100%;padding:14px;margin-bottom:16px;border:1px solid #ddd;border-radius:8px;font-size:17px}
.contact-form button{width:100%;border:none;cursor:pointer}
.footer{background:#1a4d2e;color:var(--white);text-align:center;padding:40px 24px}
.footer a{color:var(--cyan)}
.hidden{display:none}
@media(max-width:640px){.hero h1{font-size:36px}.section h2{font-size:28px}.container{padding:48px 20px}.logo-text{font-size:16px}}
</style>
</head>
<body>
<header class="header">
<div class="header-inner">
<div class="logo">
<img src="WhatsApp Image 2026-06-11 at 01.04.24.jpeg" alt="Adal Tazalyk">
</div>
<div class="lang-switch" style="position:absolute;right:24px">
<button class="lang-btn" data-lang="kk">KZ</button>
<button class="lang-btn active" data-lang="ru">RU</button>
</div>
</div>
</header>
<section class="hero">
<div class="container">
<h1 data-ru="Профессиональная химчистка мягкой мебели" data-kk="Жұмсақ жиһазды кәсіби химиялық тазалау">Профессиональная химчистка мягкой мебели</h1>
<p data-ru="Вернём вашей мебели чистоту и свежесть за 1 день. Безопасные средства, опытные мастера." data-kk="Мебеліңіздің тазалығы мен жаңалығын 1 күнде қалпына келтіреміз. Қауіпсіз құралдар, тәжірибелі шеберлер.">Вернём вашей мебели чистоту и свежесть за 1 день. Безопасные средства, опытные мастера.</p>
<a href="#contact" class="btn" data-ru="Вызвать мастера" data-kk="Шеберді шақыру">Вызвать мастера</a>
</div>
</section>
<section class="section">
<div class="container">
<h2 data-ru="Наши услуги" data-kk="Біздің қызметтер">Наши услуги</h2>
<div class="services-grid">
<div class="card" style="text-align:center">
<img src="WhatsApp Image 2026-07-10 at 20.22.08.jpeg" alt="Диван" style="width:100%;border-radius:8px;margin-bottom:16px">
<h3 data-ru="Диван" data-kk="Диван">Диван</h3>
</div>
<div class="card" style="text-align:center">
<img src="5330494026169826318.jpg" alt="Кресло" style="width:100%;border-radius:8px;margin-bottom:16px">
<h3 data-ru="Кресло" data-kk="Кресло">Кресло</h3>
</div>
<div class="card" style="text-align:center">
<img src="WhatsApp Image 2026-07-10 at 20.22.08-1.jpeg" alt="Матрас" style="width:100%;border-radius:8px;margin-bottom:16px">
<h3 data-ru="Матрас" data-kk="Матрац">Матрас</h3>
</div>
<div class="card" style="text-align:center">
<img src="WhatsApp Image 2026-07-10 at 20.22.08-2.jpeg" alt="Изголовье" style="width:100%;border-radius:8px;margin-bottom:16px">
<h3 data-ru="Изголовье кровати и бока" data-kk="Кереуеттің басы және жақтары">Изголовье кровати и бока</h3>
</div>
<div class="card" style="text-align:center">
<img src="5222197752946080313.jpg" alt="Стулья" style="width:100%;border-radius:8px;margin-bottom:16px">
<h3 data-ru="Стулья" data-kk="Орындықтар">Стулья</h3>
</div>
</div>
</div>
</section>
<section class="section benefits">
<div class="container">
<h2 data-ru="Почему выбирают нас" data-kk="Неге бізді таңдайды">Почему выбирают нас</h2>
<div class="benefits-grid">
<div class="benefit">
<div class="benefit-icon">🌿</div>
<h3 data-ru="Безопасные средства" data-kk="Қауіпсіз құралдар">Безопасные средства</h3>
<p data-ru="Гипоаллергенные составы, безопасно для детей и животных</p>
<p data-kk="Гипоаллергенді құрам, балалар мен жануарларға қауіпсіз"></p>
</div>
<div class="benefit">
<div class="benefit-icon">⚡</div>
<h3 data-ru="Быстро" data-kk="Жылдам">Быстро</h3>
<p data-ru="Выезд в день обращения, чистка за 1-2 часа</p>
<p data-kk="Сол күні шығу, 1-2 сағатта тазалау"></p>
</div>
<div class="benefit">
<div class="benefit-icon">✨</div>
<h3 data-ru="Качественно" data-kk="Сапалы">Качественно</h3>
<p data-ru="Опытные мастера, профессиональное оборудование</p>
<p data-kk="Тәжірибелі шеберлер, кәсіби жабдықтар"></p>
</div>
<div class="benefit">
<div class="benefit-icon">📍</div>
<h3 data-ru="По всему Алматы" data-kk="Алматы бойынша">По всему Алматы</h3>
<p data-ru="Работаем во всех районах: Алмалинский, Ауэзовский, Алатауский, Бостандыкский, Медеуский, Наурызбайский, Турксибский</p>
<p data-kk="Барлық аудандарда жұмыс істейміз: Алмалы, Әуезов, Алатау, Бостандық, Медеу, Наурызбай, Түрксіб"></p>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container">
<h2 data-ru="Наши работы" data-kk="Біздің жұмыстар">Наши работы</h2>
<div class="gallery-grid">
<div class="gallery-item"><img src="WhatsApp Image 2026-07-10 at 20.22.08.jpeg" alt="Диван"></div>
<div class="gallery-item"><img src="5330494026169826318.jpg" alt="Кресло"></div>
<div class="gallery-item"><img src="WhatsApp Image 2026-07-10 at 20.22.08-1.jpeg" alt="Матрас"></div>
<div class="gallery-item"><img src="WhatsApp Image 2026-07-10 at 20.22.08-2.jpeg" alt="Изголовье"></div>
<div class="gallery-item"><img src="5222197752946080313.jpg" alt="Стулья"></div>
<div class="gallery-item"><img src="5271560988900046485.jpg" alt="Работа"></div>
</div>
</div>
</section>
<section class="section" id="contact">
<div class="container">
<h2 data-ru="Оставить заявку" data-kk="Өтінім қалдыру">Оставить заявку</h2>
<div class="contact-form">
<form action="https://formsubmit.co/zhaksybay.ynd@gmail.com" method="POST">
<input type="text" name="name" placeholder="Ваше имя / Атыңыз" required>
<input type="tel" name="phone" placeholder="Телефон / Телефон" required>
<textarea name="message" rows="4" placeholder="Сообщение / Хат" data-ru="Что нужно почистить?" data-kk="Нені тазалау керек?"></textarea>
<button type="submit" class="btn" data-ru="Отправить заявку" data-kk="Өтінім жіберу">Отправить заявку</button>
</form>
<div style="text-align:center;margin-top:24px;display:flex;flex-direction:column;gap:12px">
<a href="https://api.whatsapp.com/send?phone=77775499286" class="btn" style="background:#25D366;color:#fff" data-ru="Написать в WhatsApp" data-kk="WhatsApp-қа жазу">Написать в WhatsApp</a>
<a href="tel:+77775499286" class="btn" style="background:var(--cyan);color:#000" data-ru="Позвонить" data-kk="Қоңырау шалу">Позвонить</a>
<p style="margin-top:8px;font-weight:600">+7 777 549 92 86</p>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container" style="padding:24px">
<p>Adal Tazalyk © 2026</p>
<p data-ru="Телефон: +7 777 123 4567" data-kk="Телефон: +7 777 123 4567">Телефон: +7 777 123 4567</p>
<p data-ru="Работаем ежедневно с 9:00 до 20:00" data-kk="Күн сайын 9:00-ден 20:00-ге дейін жұмыс істейміз">Работаем ежедневно с 9:00 до 20:00</p>
</div>
</footer>
<script>
// Защита изображений от скачивания
document.addEventListener('contextmenu', function(e) {
if (e.target.tagName === 'IMG') {
e.preventDefault();
return false;
}
});
document.addEventListener('dragstart', function(e) {
if (e.target.tagName === 'IMG') {
e.preventDefault();
return false;
}
});
const langBtns = document.querySelectorAll('.lang-btn');
let currentLang = 'ru';
function setLanguage(lang) {
currentLang = lang;
document.documentElement.lang = lang;
langBtns.forEach(btn => {
btn.classList.toggle('active', btn.dataset.lang === lang);
});
document.querySelectorAll('[data-' + lang + ']').forEach(el => {
const text = el.getAttribute('data-' + lang);
if (text) el.textContent = text;
});
const placeholders = {
'Ваше имя / Атыңыз': {ru: 'Ваше имя', kk: 'Атыңыз'},
'Телефон / Телефон': {ru: 'Телефон', kk: 'Телефон'},
'Что нужно почистить?': {ru: 'Что нужно почистить?', kk: 'Нені тазалау керек?'}
};
document.querySelectorAll('[placeholder]').forEach(el => {
const ph = el.getAttribute('placeholder');
if (placeholders[ph] && placeholders[ph][lang]) {
el.placeholder = placeholders[ph][lang];
}
});
}
langBtns.forEach(btn => {
btn.addEventListener('click', () => setLanguage(btn.dataset.lang));
});
</script>
</body>
</html>