Update app.py

app.py

@@ -142,7 +142,7 @@ LANDING_TEMPLATE = '''
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Раина Климат Систем - Вентиляция и Кондиционирование</title>
-    <meta name="description" content="Профессиональные услуги по проектированию, монтажу и обслуживанию систем вентиляции и кондиционирования в Кыргызстане. Опыт и экспертиза в климатических решениях.">
+    <meta name="description" content="Профессиональные услуги по проектированию, монтажу и обслуживанию систем вентиляции и кондиционирования в Кыргызстане. Многолетний опыт, тысячи реализованных проектов.">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
     <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">
     <style>
@@ -226,7 +226,7 @@ LANDING_TEMPLATE = '''
         .nav-links a { 
             color: var(--text-primary); 
             text-decoration: none; 
-            font-weight: 500; 
+            font-weight: 500; /* Slightly less bold than 600 */
             transition: color 0.3s ease, transform 0.3s ease; 
             padding-bottom: 5px;
             position: relative;
@@ -252,7 +252,7 @@ LANDING_TEMPLATE = '''
             background-image: linear-gradient(rgba(17, 24, 39, 0.75), rgba(17, 24, 39, 1)), url(https://images.unsplash.com/photo-1558221639-2c7158995165?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1740&q=80); 
             background-size: cover; 
             background-position: center; 
-            background-attachment: fixed; 
+            background-attachment: fixed; /* Parallax effect */
         }
         .hero-content { text-align: center; max-width: 850px; margin: 0 auto; }
         .hero-content p { font-size: clamp(1.1rem, 3vw, 1.3rem); margin: 35px 0; max-width: 650px; margin-left: auto; margin-right: auto; color: var(--text-secondary); }
@@ -274,17 +274,18 @@ LANDING_TEMPLATE = '''
             border-color: var(--border-hover-color); 
             box-shadow: 0 12px 35px var(--accent-glow); 
         }
-        .service-card i { font-size: 3rem; color: var(--accent-primary); margin-bottom: 25px; display: block; }
+        .service-card i { font-size: 3rem; color: var(--accent-primary); margin-bottom: 25px; display: block; } /* Made icon larger and block */
         
-        .turnkey-card { padding: 0; display: flex; flex-direction: column; overflow: hidden; }
+        .turnkey-card { padding: 0; display: flex; flex-direction: column; overflow: hidden; /* For image border radius */ }
         .turnkey-img { width: 100%; height: 220px; object-fit: cover; border-radius: var(--card-border-radius) var(--card-border-radius) 0 0; transition: transform 0.3s ease; }
         .turnkey-card:hover .turnkey-img { transform: scale(1.05); }
         .turnkey-content { padding: 35px; flex-grow: 1;}
         .turnkey-content h3 i { transition: color 0.3s ease; }
         .turnkey-card:hover .turnkey-content h3 i { color: var(--accent-secondary); }
 
-        #turnkey { background-color: var(--bg-medium); }
-        #contact { background-color: var(--bg-medium); }
+
+        #turnkey { background-color: var(--bg-medium); } /* Section specific bg */
+        #contact { background-color: var(--bg-medium); } /* Section specific bg */
         
         .equipment-filters { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; margin-bottom: 50px; }
         .filter-btn { 
@@ -374,17 +375,17 @@ LANDING_TEMPLATE = '''
                 width: min(80vw, 320px); height: 100vh; 
                 background-color: var(--bg-medium); 
                 flex-direction: column; justify-content: center; align-items: center; 
-                transition: right 0.45s cubic-bezier(0.68, -0.55, 0.27, 1.55); 
+                transition: right 0.45s cubic-bezier(0.68, -0.55, 0.27, 1.55); /* Swing effect */
                 box-shadow: -8px 0 25px rgba(0,0,0,0.25); 
-                gap: 40px; 
+                gap: 40px; /* Increased gap for mobile nav */
             }
             .nav-links.active { right: 0; }
             .menu-toggle { display: block; z-index: 1001; }
             h1 { font-size: 2.2rem; }
             h2 { margin-bottom: 50px; font-size: 1.8rem; }
             .projects-grid { grid-template-columns: 1fr; }
-            .services-grid { grid-template-columns: 1fr; }
-            .equipment-grid { grid-template-columns: 1fr; }
+            .services-grid { grid-template-columns: 1fr; } /* Stack service cards on mobile */
+            .equipment-grid { grid-template-columns: 1fr; } /* Stack equipment cards on mobile */
             .btn { padding: 12px 28px; }
         }
         
@@ -394,14 +395,14 @@ LANDING_TEMPLATE = '''
             z-index: 1001;
             left: 0; top: 0; width: 100%; height: 100%;
             overflow: auto;
-            background-color: rgba(17, 24, 39, 0.9); 
-            padding-top: 5vh; 
+            background-color: rgba(17, 24, 39, 0.9); /* Darker overlay */
+            padding-top: 5vh; /* Responsive padding */
             backdrop-filter: blur(5px);
         }
         .modal-content {
             position: relative;
             margin: 5% auto;
-            padding: 30px; 
+            padding: 30px; /* Increased padding */
             width: 90%;
             max-width: 800px;
             background-color: var(--bg-medium);
@@ -412,7 +413,7 @@ LANDING_TEMPLATE = '''
         }
         .modal-content img {
             max-width: 100%;
-            max-height: 65vh; 
+            max-height: 65vh; /* Adjusted max height */
             border-radius: 10px;
             margin-bottom: 25px;
             object-fit: contain;
@@ -437,12 +438,12 @@ LANDING_TEMPLATE = '''
             background-color: var(--accent-primary);
             color: white;
             border: none;
-            padding: 12px 18px; 
+            padding: 12px 18px; /* Slightly larger padding */
             border-radius: var(--button-border-radius);
             margin: 0 8px;
             cursor: pointer;
             transition: all 0.3s ease;
-            font-size: 1.3rem; 
+            font-size: 1.3rem; /* Larger icons */
         }
         .carousel-nav button:hover { background-color: var(--accent-secondary); transform: scale(1.1); }
         .carousel-nav button:disabled { background-color: var(--text-muted); cursor: not-allowed; transform: scale(1); }
@@ -465,8 +466,8 @@ LANDING_TEMPLATE = '''
 
     <section id="hero">
         <div class="container hero-content">
-            <h1>Раина Климат Систем: Профессионализм в Вентиляции и Кондиционировании</h1>
-            <p>Эксперты в области климатических решений. Обеспечиваем комфорт и эффективность с помощью передовых технологий и многолетнего опыта.</p>
+            <h1>Раина Климат Систем: Эксперты в Вентиляции и Кондиционировании</h1>
+            <p>Профессиональный подход к созданию идеального микроклимата. Мы предлагаем комплексные решения для вашего комфорта и здоровья.</p>
             <a href="#contact" class="btn">Получить консультацию</a>
         </div>
     </section>
@@ -477,12 +478,12 @@ LANDING_TEMPLATE = '''
             <div class="grid-2">
                 <img src="https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1740&q=80" alt="Команда Раина" class="about-img">
                 <div>
-                    <h3>Наша Экспертиза</h3>
-                    <p>Компания "Раина Климат Систем" специализируется на предоставлении высококачественных услуг по проектированию, монтажу и обслуживанию климатических систем. Наша команда инженеров обладает глубокими знаниями и опытом, что позволяет нам решать задачи любой сложности.</p>
-                    <h3>Наши Принципы</h3>
-                    <p>Мы придерживаемся принципов профессионализма, надежности и клиентоориентированности. Качество и долговечность наших решений — наш главный приоритет.</p>
-                    <h3>Инновационный Подход</h3>
-                    <p>Мы постоянно следим за новейшими разработками в сфере HVAC, интегрируя современные технологии для максимальной эффективности и энергосбережения.</p>
+                    <h3>Профессионализм и Опыт</h3>
+                    <p>Компания "Раина Климат Систем" обладает многолетним опытом и глубокими знаниями в области HVAC. Мы стремимся к инновациям и совершенству.</p>
+                    <h3>Наша Миссия</h3>
+                    <p>Наша миссия — создание оптимального микроклимата для наших клиентов, обеспечивающего комфорт, здоровье и высокую производи��ельность.</p>
+                    <h3>Квалифицированная Команда</h3>
+                    <p>Наша команда состоит из высококвалифицированных инженеров и техников, обладающих глубокими знаниями и опытом в области климатических систем.</p>
                 </div>
             </div>
         </div>
@@ -492,10 +493,10 @@ LANDING_TEMPLATE = '''
         <div class="container">
             <h2>Наши Услуги</h2>
             <div class="services-grid">
-                <div class="service-card"><i class="fas fa-drafting-compass"></i><h3>Проектирование</h3><p>Разработка детальных проектов систем вентиляции и кондиционирования, учитывая все требования и стандарты.</p></div>
-                <div class="service-card"><i class="fas fa-tools"></i><h3>Монтаж</h3><p>Квалифицированный монтаж климатического оборудования любой сложности с гарантией качества.</p></div>
-                <div class="service-card"><i class="fas fa-headset"></i><h3>Сервис 24/7</h3><p>Оперативное техническое обслуживание и ремонт систем для обеспечения их бесперебойной работы.</p></div>
-                <div class="service-card"><i class="fas fa-sync-alt"></i><h3>Модернизация</h3><p>Реконструкция и модернизация существующих систем для повышения эффективности и снижения эксплуатационных расходов.</p></div>
+                <div class="service-card"><i class="fas fa-drafting-compass"></i><h3>Проектирование</h3><p>Точные расчеты, 3D-модели и вся необходимая проектная документация.</p></div>
+                <div class="service-card"><i class="fas fa-tools"></i><h3>Монтаж</h3><p>Профессиональная установка всех типов систем HVAC, от бытовых до промышленных.</p></div>
+                <div class="service-card"><i class="fas fa-headset"></i><h3>Сервис 24/7</h3><p>Плановое обслуживание и оперативный аварийный ремонт в любое время.</p></div>
+                <div class="service-card"><i class="fas fa-sync-alt"></i><h3>Модернизация</h3><p>Повышение энергоэффективности и снижение расходов на эксплуатацию.</p></div>
             </div>
         </div>
     </section>
@@ -543,7 +544,7 @@ LANDING_TEMPLATE = '''
                     {% endif %}
                     <h3>{{ item.name }}</h3>
                     <p class="price">{{ "%.2f"|format(item.price) }} KGS</p>
-                    <a href="https://api.whatsapp.com/send?phone={{ whatsapp_phone }}&text=Здравствуйте, интересует оборудование: {{ item.name|urlencode }}" target="_blank" class="btn">Запросить</a>
+                    <a href="https://api.whatsapp.com/send?phone={{ whatsapp_phone }}&text=Здравствуйте, интересует оборудование: {{ item.name|urlencode }}" target="_blank" class="btn"><span style="color: white;">Запросить</span></a>
                 </div>
                 {% endfor %}
             </div>
@@ -556,7 +557,7 @@ LANDING_TEMPLATE = '''
     <section id="contact">
         <div class="container contact-content">
             <h2>Контакты</h2>
-            <p>Мы всегда готовы предоставить профессиональную консультацию и найти оптимальное решение для ваших задач по созданию комфортного микроклимата.</p>
+            <p>Готовы стать вашим надежным партнером в создании идеального климата. Свяжитесь с нами для консультации или заказа услуг.</p>
             <div class="contact-info">
                 <p><strong>Телефон:</strong> <a href="tel:{{ contact_phone }}">{{ contact_phone }}</a></p>
                  <a href="https://api.whatsapp.com/send?phone={{ whatsapp_phone }}&text=Здравствуйте, я хотел(а) бы получить консультацию по вашим услугам." target="_blank" class="btn"><i class="fab fa-whatsapp"></i> Написать в WhatsApp</a>
@@ -625,7 +626,7 @@ LANDING_TEMPLATE = '''
                     <h3>${item.name || 'Оборудование'}</h3>
                     <p><strong>Категория:</strong> ${item.category || 'Не указана'}</p>
                     <p class="price" style="font-size: 1.8rem; color: var(--accent-primary); margin: 20px 0;">${(item.price || 0).toFixed(2)} KGS</p>
-                    <a href="https://api.whatsapp.com/send?phone={{ whatsapp_phone }}&text=Здравствуйте, интересует оборудование: ${encodeURIComponent(item.name || '')}" target="_blank" class="btn" style="padding: 14px 30px; font-size: 1.05rem;">Запросить</a>
+                    <a href="https://api.whatsapp.com/send?phone={{ whatsapp_phone }}&text=Здравствуйте, интересует оборудование: ${encodeURIComponent(item.name || '')}" target="_blank" class="btn" style="padding: 14px 30px; font-size: 1.05rem;"><span style="color: white;">Запросить</span></a>
                 `;
             } else if (currentType === 'project') {
                 content = `
@@ -737,7 +738,7 @@ ADMIN_TEMPLATE = '''
         body { font-family: 'Poppins', sans-serif; background-color: #f4f7f9; color: #333; padding: 20px; line-height: 1.6; }
         .container { max-width: 1200px; margin: 0 auto; background-color: #fff; padding: 25px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); }
         .header { padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px solid #e0e0e0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;}
-        h1, h2, h3 { font-weight: 600; color: #8e44ad; margin-bottom: 15px; }
+        h1, h2, h3 { font-weight: 600; color: #6a0dad; margin-bottom: 15px; }
         h1 { font-size: 1.8rem; }
         h2 { font-size: 1.5rem; margin-top: 30px; display: flex; align-items: center; gap: 8px; }
         .section { margin-bottom: 30px; padding: 20px; background-color: #fafafa; border: 1px solid #e9e9e9; border-radius: 8px; }