Rayoni.html - main - Alexuda/masteryumos

Rayoni.html
163 строки11 KB
alexuda777-svg
Update Rayoni.html
11 янв 2026, 04:37
11 янв 2026, 04:37a5caaf1
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!-- 🔥 SEO для ВСЕХ районов/метро/улиц ЮАО -->
    <title>Тепловизор ЮАО: Алма-Атинская Братеево, Тульская Даниловский, Подольск Видное | 2990₽</title>
    <meta name="description" content="🔥 Тепловизор 2990₽: Алма-Атинская, Тульская, Автозаводская, Каширская, Домодедовская, Царицыно, Чертановская + 150 улиц ЮАО, Подольск, Видное">
    <meta name="keywords" content="тепловизор Алма-Атинская,тепловизор Тульская,тепловизор Автозаводская,электрик Каширская,балконы Домодедовская,мастер Царицыно">
    
    <meta name="geo.region" content="RU-MOW">
    <meta name="geo.placename" content="ЮАО, Алма-Атинская, Тульская, Подольск">
    
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Montserrat', sans-serif; background: #f8f9fa; line-height: 1.6; font-size: 15px; }
        .hero { background: linear-gradient(135deg, #ff416c, #ff4b2b, #ffa726); color: white; padding: 50px 20px; text-align: center; }
        .hero h1 { font-size: 2.6em; margin-bottom: 20px; font-weight: 800; }
        .price { font-size: 2.3em; font-weight: 800; margin: 20px 0; }
        
        .container { max-width: 1400px; margin: 0 auto; padding: 0 15px; }
        .section { padding: 50px 0; }
        .section h2 { font-size: 2.3em; text-align: center; margin-bottom: 40px; color: #2c3e50; position: relative; }
        .section h2::after { content: ''; display: block; width: 80px; height: 4px; background: linear-gradient(90deg, #ff6b6b, #ffd93d); margin: 15px auto; }
        
        .grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); gap: 25px; }
        .grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); gap: 25px; }
        .card { 
            background: white; padding: 30px; border-radius: 20px; box-shadow: 0 15px 40px rgba(0,0,0,0.08); 
            transition: all 0.4s; cursor: pointer; border-top: 6px solid #ff6b6b; position: relative; overflow: hidden;
        }
        .card:hover { transform: translateY(-10px); box-shadow: 0 30px 60px rgba(0,0,0,0.2); border-top-color: #27ae60; }
        .card-title { font-size: 1.7em; font-weight: 800; color: #2c3e50; margin-bottom: 15px; }
        .card-metro { color: #27ae60; font-size: 1.3em; font-weight: 700; margin-bottom: 12px; }
        .card-list { color: #555; line-height: 1.6; columns: 2; column-gap: 20px; font-size: 0.95em; }
        .btn-main { 
            display: block; width: 100%; padding: 20px; margin-top: 25px; background: linear-gradient(45deg, #27ae60, #2ecc71); 
            color: white !important; text-decoration: none; border-radius: 15px; font-weight: 800; font-size: 1.25em; text-align: center;
        }
        
        .mega-cta { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); text-align: center; padding: 70px 20px; margin: 60px 0; border-radius: 30px; box-shadow: 0 30px 60px rgba(0,0,0,0.2); }
        .mega-cta h2 { font-size: 3em; color: white; margin-bottom: 30px; }
        
        @media (max-width: 768px) { .grid-3, .grid-2 { grid-template-columns: 1fr; } .hero h1 { font-size: 2em; } }
    </style>
    <script defer src="/js/scripts.js"></script>
</head>
<body>
    <header class="hero">
        <h1>🔥 Тепловизор 2990₽ по ЮАО: Метро + Улицы + Районы</h1>
        <div class="price">👨‍🔧 Мастер Алексей • ✅ Самозанятый • 📜 Чек МойНалог</div>
        <p style="font-size: 1.4em;">Алма-Атинская • Тульская • Автозаводская • Каширская + 150+ улиц Подольск Видное</p>
    </header>

    <div class="container">
        <!-- МЕТРО ЮАО (25 станций) -->
        <section class="section">
            <h2>🚇 Все станции метро ЮАО (25)</h2>
            <div class="grid-3">
                <div class="card" onclick="goHome()">
                    <div class="card-title">🌇 Центральные станции</div>
                    <div class="card-metro">Автозаводская • Тульская • Шаболовская</div>
                    <div class="card-list">
                        Алма-Атинская (Братеево)<br>Борисово<br>Автозаводская (Даниловский)<br>Тульская (Даниловский)<br>Ленинский проспект (Донской)<br>Шаболовская (Донской)
                    </div>
                    <a href="/" class="btn-main">📞 +7(926)790-42-48 Все услуги</a>
                </div>
                
                <div class="card" onclick="goHome()">
                    <div class="card-title">⚡ Южные станции</div>
                    <div class="card-metro">Зябликово • Каширская • Коломенская</div>
                    <div class="card-list">
                        Зябликово (Зябликово)<br>Красногвардейская (Зябликово)<br>Шипиловская (Зябликово)<br>Варшавская (Москворечье-Сабурово)<br>Каширская (Нагатино-Садовники)<br>Коломенская (Нагатинский Затон)
                    </div>
                    <a href="/" class="btn-main">📞 +7(926)790-42-48 Все услуги</a>
                </div>
                
                <div class="card" onclick="goHome()">
                    <div class="card-title">🔥 Восточные станции</div>
                    <div class="card-metro">Домодедовская • Царицыно • Кантемировская</div>
                    <div class="card-list">
                        Нагатинская (Нагорный)<br>Орехово (Орехово-Борисово Сев.)<br>Домодедовская (Орехово-Борисово Сев.)<br>Царицыно (Царицыно)<br>Кантемировская (Царицыно)<br>Чертановская (Чертаново Сев.)
                    </div>
                    <a href="/" class="btn-main">📞 +7(926)790-42-48 Все услуги</a>
                </div>
            </div>
        </section>

        <!-- ГЛАВНЫЕ УЛИЦЫ ЮАО (ТОП-50) -->
        <section class="section">
            <h2>🛣️ Ключевые улицы ЮАО (150+)</h2>
            <div class="grid-2">
                <div class="card" onclick="goHome()">
                    <div class="card-title">Автозаводская - Каширская зона</div>
                    <div class="card-metro">🔥 Выезд по всем улицам</div>
                    <div class="card-list">
                        Автозаводская ул.<br>Автозаводская пл.<br>Алма-Атинская ул.<br>Академика Янгеля ул.<br>Андропова просп.<br>Балаклавский просп.<br>Бирюлёвская ул.<br>Большая Тульская ул.<br>Варшавское ш.<br>Даниловская наб.
                    </div>
                    <a href="/" class="btn-main">📞 Тепловизор 2990₽ от 3000₽</a>
                </div>
                
                <div class="card" onclick="goHome()">
                    <div class="card-title">Каширское ш. - Домодедовская</div>
                    <div class="card-metro">🚀 Электрика Балконы Крыша</div>
                    <div class="card-list">
                        Каширское ш.<br>Каширский проезд<br>Кировоградская ул.<br>Кожевническая ул.<br>Коломенская ул.<br>Котляковская ул.<br>Красного Маяка ул.<br>Ленинский просп.<br>Люсиновская ул.<br>Нагатинский 1-й проезд
                    </div>
                    <a href="/" class="btn-main">📞 Электрика Балконы Крыша</a>
                </div>
            </div>
            
            <div style="background: #e8f5e8; padding: 30px; border-radius: 20px; margin: 30px 0; text-align: center;">
                <h3 style="color: #27ae60; font-size: 1.8em;">+120 улиц: Радиальная, Рощинская, Шипиловская, Донская, Павелецкая, Шаболовка...</h3>
                <p style="color: #555; font-size: 1.1em;">Полный выезд по ЮАО • Подольск • Видное • Климовск</p>
            </div>
        </section>

        <!-- ПОДОЛЬСК ВИДНОЕ -->
        <section class="section">
            <h2>🚗 Подольск • Видное • Климовск</h2>
            <div class="grid-3">
                <div class="card" onclick="goHome()">
                    <div class="card-title">🏭 Подольск</div>
                    <div class="card-metro">25км МКАД</div>
                    <div class="card-list">Тепловизор 2990₽<br>Электрика от 3000₽<br>Крыша 12к₽/м²<br>Отопление 85к₽</div>
                    <a href="/" class="btn-main">📞 Подольск +7(926)790-42-48</a>
                </div>
                <div class="card" onclick="goHome()">
                    <div class="card-title">🏘️ Видное</div>
                    <div class="card-metro">25км МКАД</div>
                    <div class="card-list">Тепловизор 2990₽<br>Балконы 45к₽<br>Пристройки 220к₽<br>Электрика 45к₽</div>
                    <a href="/" class="btn-main">📞 Видное +7(926)790-42-48</a>
                </div>
            </div>
        </section>
    </div>

    <!-- МЕГА CTA -->
    <section class="mega-cta">
        <h2>🚀 Все услуги мастер Алексей</h2>
        <p style="font-size: 1.6em; margin-bottom: 40px;">Тепловизор <strong>2990₽</strong> • Электрика <strong>от 3000₽</strong> • Балконы <strong>45 000₽</strong></p>
        <a href="/" class="btn-main" style="max-width: 600px; margin: 0 auto; font-size: 1.8em; padding: 30px;">📞 Звоните сейчас +7(926)790-42-48</a>
    </section>

    <script>
        // 🔥 КЛИК = МОЛНИЕНОСНЫЙ РЕДИРЕКТ НА ГЛАВНУЮ
        function goHome() {
            window.location.href = '/';
        }
        
        // АВТОРЕДИРЕКТ 15 сек (показывает контент)
        setTimeout(() => { window.location.href = '/'; }, 2000);
        
        // КНОПКИ = БЫСТРО
        document.querySelectorAll('.btn-main, .card').forEach(el => {
            el.addEventListener('click', (e) => {
                if (e.target.tagName !== 'A') window.location.href = '/';
            });
        });
    </script>
</body>
</html>