Update app.py

app.py

@@ -15,7 +15,7 @@ import uuid
 load_dotenv()
 
 app = Flask(__name__)
-app.secret_key = 'raina_hvac_secret_key_98765_landing'
+app.secret_key = 'raina_hvac_secret_key_98765_landing_v2'
 DATA_FILE = 'data.json'
 
 SYNC_FILES = [DATA_FILE]
@@ -67,7 +67,7 @@ def download_db_from_hf(specific_file=None, retries=DOWNLOAD_RETRIES, delay=DOWN
                         try:
                             if file_name == DATA_FILE:
                                 with open(file_name, 'w', encoding='utf-8') as f:
-                                    json.dump({'products': [], 'categories': [], 'services': []}, f)
+                                    json.dump({'products': [], 'categories': [], 'services': [], 'projects': []}, f)
                                 logging.info(f"Created empty local file {file_name} because it was not found on HF.")
                         except Exception as create_e:
                             logging.error(f"Failed to create empty local file {file_name}: {create_e}")
@@ -125,17 +125,17 @@ def periodic_backup():
         logging.info("Periodic backup finished.")
 
 def load_data():
-    default_data = {'products': [], 'categories': [], 'services': []}
+    default_data = {'products': [], 'categories': [], 'services': [], 'projects': []}
     try:
         with open(DATA_FILE, 'r', encoding='utf-8') as file:
             data = json.load(file)
         logging.info(f"Local data loaded successfully from {DATA_FILE}")
         if not isinstance(data, dict):
-             logging.warning(f"Local {DATA_FILE} is not a dictionary. Attempting download.")
              raise FileNotFoundError
         if 'products' not in data: data['products'] = []
         if 'categories' not in data: data['categories'] = []
         if 'services' not in data: data['services'] = []
+        if 'projects' not in data: data['projects'] = []
         return data
     except (FileNotFoundError, json.JSONDecodeError):
         logging.warning(f"Local file {DATA_FILE} not found or corrupt. Attempting download from HF.")
@@ -148,6 +148,7 @@ def load_data():
             if 'products' not in data: data['products'] = []
             if 'categories' not in data: data['categories'] = []
             if 'services' not in data: data['services'] = []
+            if 'projects' not in data: data['projects'] = []
             return data
         except Exception as e:
             logging.error(f"Unknown error loading downloaded {DATA_FILE}: {e}. Using default.", exc_info=True)
@@ -171,6 +172,7 @@ def save_data(data):
         if 'products' not in data: data['products'] = []
         if 'categories' not in data: data['categories'] = []
         if 'services' not in data: data['services'] = []
+        if 'projects' not in data: data['projects'] = []
         with open(DATA_FILE, 'w', encoding='utf-8') as file:
             json.dump(data, file, ensure_ascii=False, indent=4)
         logging.info(f"Data successfully saved to {DATA_FILE}")
@@ -206,7 +208,7 @@ LANDING_TEMPLATE = '''
         h1 { font-size: clamp(2.5rem, 6vw, 4rem); }
         h2 { font-size: clamp(2rem, 5vw, 3rem); text-align: center; margin-bottom: 60px; position: relative; }
         h2::after { content: ''; display: block; width: 80px; height: 4px; background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)); margin: 15px auto 0; border-radius: 2px; }
-        h3 { font-size: 1.5rem; color: var(--primary-color); margin-bottom: 15px; }
+        h3 { font-size: clamp(1.2rem, 3vw, 1.5rem); color: var(--primary-color); margin-bottom: 15px; }
         p { margin-bottom: 1rem; color: var(--text-muted); }
         .btn { display: inline-block; padding: 12px 28px; background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)); color: #fff; border-radius: 50px; text-decoration: none; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 4px 15px var(--accent-glow); }
         .btn:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 8px 25px var(--accent-glow); }
@@ -215,45 +217,40 @@ LANDING_TEMPLATE = '''
         .header.scrolled { padding: 10px 0; box-shadow: 0 2px 10px rgba(0,0,0,0.3); }
         .navbar { display: flex; justify-content: space-between; align-items: center; }
         .logo { font-size: 1.8rem; font-weight: 700; color: #fff; text-decoration: none; }
-        .nav-links { display: flex; gap: 30px; list-style: none; }
-        .nav-links a { color: var(--text-color); text-decoration: none; font-weight: 600; transition: color 0.3s ease; }
-        .nav-links a:hover { color: var(--primary-color); }
-        .menu-toggle { display: none; font-size: 1.5rem; cursor: pointer; }
+        .nav-links { display: none; list-style: none; }
+        .menu-toggle { display: block; font-size: 1.5rem; cursor: pointer; color: #fff; }
 
-        #hero { height: 100vh; display: flex; align-items: center; background-image: linear-gradient(rgba(18, 18, 28, 0.7), rgba(18, 18, 28, 1)), url(https://i.imgur.com/k6O6XbJ.jpeg); background-size: cover; background-position: center; }
+        #hero { min-height: 100vh; display: flex; align-items: center; background-image: linear-gradient(rgba(18, 18, 28, 0.7), rgba(18, 18, 28, 1)), url(https://i.imgur.com/k6O6XbJ.jpeg); background-size: cover; background-position: center; }
         .hero-content { text-align: center; max-width: 800px; margin: 0 auto; }
-        .hero-content p { font-size: 1.2rem; margin: 30px 0; max-width: 600px; margin-left: auto; margin-right: auto;}
+        .hero-content p { font-size: clamp(1rem, 2.5vw, 1.2rem); margin: 30px 0; max-width: 600px; margin-left: auto; margin-right: auto;}
 
-        .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
-        .about-img { width: 100%; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.4); }
+        .grid-2 { display: grid; grid-template-columns: 1fr; gap: 40px; align-items: center; }
+        .about-img { width: 100%; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.4); max-width: 500px; margin: 0 auto 30px auto;}
         
-        .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
-        .service-card { background-color: var(--card-bg); padding: 30px; border-radius: 15px; border: 1px solid #2a2a4a; transition: all 0.3s ease; }
-        .service-card:hover { transform: translateY(-5px); border-color: var(--primary-color); box-shadow: 0 8px 25px var(--accent-glow); }
+        .services-grid, .projects-grid { display: grid; grid-template-columns: 1fr; gap: 30px; }
+        .service-card, .turnkey-card { background-color: var(--card-bg); padding: 30px; border-radius: 15px; border: 1px solid #2a2a4a; transition: all 0.3s ease; }
+        .service-card:hover, .turnkey-card:hover { transform: translateY(-5px); border-color: var(--primary-color); box-shadow: 0 8px 25px var(--accent-glow); }
         .service-card i { font-size: 2.5rem; color: var(--primary-color); margin-bottom: 20px; }
-
-        .turnkey-card { background-color: var(--card-bg); border-radius: 15px; overflow: hidden; border: 1px solid #2a2a4a; transition: all 0.3s ease; display: flex; flex-direction: column;}
-        .turnkey-card:hover { transform: translateY(-5px); border-color: var(--primary-color); box-shadow: 0 8px 25px var(--accent-glow); }
-        .turnkey-img { width: 100%; height: 200px; object-fit: cover; }
+        
+        .turnkey-card { display: flex; flex-direction: column; }
+        .turnkey-img { width: 100%; height: 200px; object-fit: cover; border-radius: 10px 10px 0 0;}
         .turnkey-content { padding: 30px; flex-grow: 1;}
 
-        .equipment-filters { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; margin-bottom: 40px; }
-        .filter-btn { padding: 8px 20px; border: 1px solid var(--primary-color); background-color: transparent; color: var(--primary-color); border-radius: 20px; cursor: pointer; transition: all 0.3s; }
+        .equipment-filters { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-bottom: 40px; }
+        .filter-btn { padding: 8px 18px; border: 1px solid var(--primary-color); background-color: transparent; color: var(--primary-color); border-radius: 20px; cursor: pointer; transition: all 0.3s; font-size: 0.9rem;}
         .filter-btn.active, .filter-btn:hover { background-color: var(--primary-color); color: #fff; }
-        .equipment-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; }
+        .equipment-grid { display: grid; grid-template-columns: 1fr; gap: 30px; }
         .equipment-card { background-color: var(--card-bg); border-radius: 15px; overflow: hidden; text-align: center; padding: 20px; border: 1px solid #2a2a4a; transition: all 0.3s ease; }
         .equipment-card img { width: 100%; height: 180px; object-fit: contain; margin-bottom: 15px; }
         .equipment-card h3 { font-size: 1.2rem; }
         .equipment-card .price { font-size: 1.3rem; font-weight: 700; color: #fff; margin: 10px 0; }
 
-        .projects-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
-        .project-card { position: relative; border-radius: 15px; overflow: hidden; }
+        .project-card { position: relative; border-radius: 15px; overflow: hidden; aspect-ratio: 4 / 3; }
         .project-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; }
         .project-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(18,18,28,1) 0%, rgba(18,18,28,0) 100%); padding: 40px 20px 20px; transition: all 0.4s ease; }
-        .project-card h3 { margin-bottom: 5px; font-size: 1.3rem; }
-        .project-card p { margin-bottom: 0; transition: opacity 0.4s ease; opacity: 0; max-height: 0; overflow: hidden; }
+        .project-card h3 { margin-bottom: 5px; font-size: clamp(1.1rem, 4vw, 1.3rem); }
+        .project-card p { margin-bottom: 0; transition: opacity 0.4s ease, max-height 0.4s ease; opacity: 0; max-height: 0; overflow: hidden; }
         .project-card:hover img { transform: scale(1.05); }
-        .project-card:hover .project-overlay { transform: translateY(0); }
         .project-card:hover p { opacity: 1; max-height: 200px; }
 
         #contact { background-color: var(--card-bg); }
@@ -261,38 +258,70 @@ LANDING_TEMPLATE = '''
         .contact-info { margin-top: 40px; display: flex; flex-direction: column; align-items: center; gap: 20px; }
         .contact-info p { font-size: 1.2rem; margin-bottom: 0; }
         .contact-info a { color: var(--primary-color); text-decoration: none; font-weight: 600; }
-
         .footer { text-align: center; padding: 30px 0; background-color: #0d0d14; }
 
-        @media (max-width: 992px) {
-            .grid-2 { grid-template-columns: 1fr; text-align: center; }
-            .about-img { margin-bottom: 30px; max-width: 500px; margin-left: auto; margin-right: auto;}
+        @media (min-width: 576px) {
+            .services-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
+            .equipment-grid { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
+            .projects-grid { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
         }
-        @media (max-width: 768px) {
-            .nav-links { position: fixed; top: 0; right: -100%; width: 250px; height: 100vh; background-color: var(--card-bg); flex-direction: column; justify-content: center; align-items: center; transition: right 0.4s ease-in-out; }
-            .nav-links.active { right: 0; }
-            .menu-toggle { display: block; }
-            section { padding: 60px 0; }
-            h2 { margin-bottom: 40px; }
+        @media (min-width: 992px) {
+            .nav-links { display: flex; gap: 30px; }
+            .menu-toggle { display: none; }
+            .grid-2 { grid-template-columns: 1fr 1fr; }
+            .about-img { margin: 0; }
         }
+        .mobile-nav {
+            position: fixed;
+            top: 0;
+            left: -100%;
+            width: 80%;
+            max-width: 300px;
+            height: 100vh;
+            background-color: var(--card-bg);
+            box-shadow: 5px 0 15px rgba(0,0,0,0.2);
+            z-index: 1001;
+            transition: left 0.4s ease-in-out;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+            padding: 20px;
+        }
+        .mobile-nav.active { left: 0; }
+        .mobile-nav .nav-links { display: flex; flex-direction: column; align-items: center; gap: 25px; padding: 0; }
+        .mobile-nav .nav-links a { font-size: 1.2rem; }
+        #nav-close-btn { position: absolute; top: 20px; right: 20px; font-size: 1.8rem; color: #fff; cursor: pointer; }
     </style>
 </head>
 <body>
     <header class="header">
         <div class="container navbar">
             <a href="#" class="logo">Раина</a>
-            <ul class="nav-links">
-                <li><a href="#about">О компании</a></li>
-                <li><a href="#services">Услуги</a></li>
-                <li><a href="#turnkey">Под ключ</a></li>
-                <li><a href="#equipment">Оборудование</a></li>
-                <li><a href="#projects">Проекты</a></li>
-                <li><a href="#contact">Контакты</a></li>
-            </ul>
+            <nav class="nav-links">
+                <a href="#about">О компании</a>
+                <a href="#services">Услуги</a>
+                <a href="#turnkey">Под ключ</a>
+                <a href="#equipment">Оборудование</a>
+                <a href="#projects">Проекты</a>
+                <a href="#contact">Контакты</a>
+            </nav>
             <div class="menu-toggle"><i class="fas fa-bars"></i></div>
         </div>
     </header>
 
+    <div class="mobile-nav">
+        <div id="nav-close-btn"><i class="fas fa-times"></i></div>
+        <ul class="nav-links">
+            <li><a href="#about">О компании</a></li>
+            <li><a href="#services">Услуги</a></li>
+            <li><a href="#turnkey">Под ключ</a></li>
+            <li><a href="#equipment">Оборудование</a></li>
+            <li><a href="#projects">Проекты</a></li>
+            <li><a href="#contact">Контакты</a></li>
+        </ul>
+    </div>
+    
     <section id="hero">
         <div class="container hero-content">
             <h1>ОсОО "Раина": Ваш Партнер в Вентиляции и Кондиционировании</h1>
@@ -308,11 +337,11 @@ LANDING_TEMPLATE = '''
                 <img src="https://i.imgur.com/8QhV42S.jpeg" alt="Команда Раина" class="about-img">
                 <div>
                     <h3>Основание и История</h3>
-                    <p>Компания "Раина" была основана в 2009 году. За эти годы мы зарекомендовали себя как надежный партнер, стремящийся к инновациям и совершенству в области к��иматических решений. Наш путь отмечен постоянным ростом и развитием.</p>
+                    <p>Компания "Раина" была основана в 2009 году. За эти годы мы зарекомендовали себя как надежный партнер, стремящийся к инновациям и совершенству в области климатических решений.</p>
                     <h3>Наша Миссия</h3>
-                    <p>Наша миссия — создание оптимального микроклимата для наших клиентов, обеспечивающего комфорт, здоровье и высокую производительность. Мы стремимся к тому, чтобы каждое помещение, оборудованное нашими системами, было источником чистого и свежего воздуха.</p>
+                    <p>Наша миссия — создание оптимального микроклимата для наших клиентов, обеспечивающего комфорт, здоровье и высокую производительность.</p>
                     <h3>Профессиональная Команда</h3>
-                    <p>Наша команда состоит из высококвалифицированных и сертифицированных инженеров и техников, обладающих глубокими знаниями и опытом в области HVAC. Мы постоянно повышаем свою квалификацию, чтобы быть в курсе последних тенденций и технологий.</p>
+                    <p>Наша команда состоит из высококвалифицированных и сертифицированных инженеров и техников, обладающих глубокими знаниями и опытом в области HVAC.</p>
                 </div>
             </div>
         </div>
@@ -322,40 +351,22 @@ 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>Мы выполняем точные расчеты, создаем детализированные 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>Сервис и Обслуживание</h3>
-                    <p>Предлагаем полный спектр услуг по плановому техническому обслуживанию и аварийному ремонту. Служба поддержки работает 24/7.</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>
 
-    <section id="turnkey" style="background-color: var(--dark-bg);">
+    <section id="turnkey">
         <div class="container">
             <h2>Услуги "под ключ"</h2>
             {% if services %}
             <div class="services-grid">
                 {% for service in services %}
                 <div class="turnkey-card">
-                    {% if service.photo %}
-                    <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/services/{{ service.photo }}" alt="{{ service.title }}" class="turnkey-img">
-                    {% endif %}
+                    {% if service.photo %}<img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/services/{{ service.photo }}" alt="{{ service.title }}" class="turnkey-img">{% endif %}
                     <div class="turnkey-content">
                         <h3><i class="{{ service.icon }} fa-fw" style="margin-right: 8px; color: var(--primary-color);"></i>{{ service.title }}</h3>
                         <p>{{ service.description }}</p>
@@ -364,29 +375,23 @@ LANDING_TEMPLATE = '''
                 {% endfor %}
             </div>
             {% else %}
-            <p style="text-align: center;">Информация об услугах "под ключ" скоро появится на сайте.</p>
+            <p style="text-align: center;">Информация об услугах "под ключ" скоро появится.</p>
             {% endif %}
         </div>
     </section>
 
-    <section id="equipment">
+    <section id="equipment" style="background-color: var(--card-bg);">
         <div class="container">
             <h2>Наше Оборудование</h2>
             {% if products %}
             <div class="equipment-filters">
                 <button class="filter-btn active" data-filter="all">Все</button>
-                {% for category in categories %}
-                <button class="filter-btn" data-filter="{{ category }}">{{ category }}</button>
-                {% endfor %}
+                {% for category in categories %}<button class="filter-btn" data-filter="{{ category }}">{{ category }}</button>{% endfor %}
             </div>
             <div class="equipment-grid">
                 {% for product in products %}
                 <div class="equipment-card" data-category="{{ product.get('category', 'all') }}">
-                    {% if product.photos %}
-                    <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ product.photos[0] }}" alt="{{ product.name }}">
-                    {% else %}
-                    <img src="https://via.placeholder.com/250x180.png?text=No+Image" alt="No Image">
-                    {% endif %}
+                    <img src="{% if product.photos %}https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ product.photos[0] }}{% else %}https://via.placeholder.com/250x180.png?text=No+Image{% endif %}" alt="{{ product.name }}">
                     <h3>{{ product.name }}</h3>
                     <p class="price">{{ "%.2f"|format(product.price) }} KGS</p>
                     <a href="https://api.whatsapp.com/send?phone={{ whatsapp_phone }}&text=Здравствуйте, интересует оборудование: {{ product.name }}" target="_blank" class="btn" style="padding: 8px 20px; font-size: 0.9rem;">Запросить</a>
@@ -398,56 +403,39 @@ LANDING_TEMPLATE = '''
             {% endif %}
         </div>
     </section>
-
+    
     <section id="projects">
         <div class="container">
             <h2>Реализованные Проекты</h2>
+            {% if projects %}
             <div class="projects-grid">
+                {% for project in projects %}
                 <div class="project-card">
-                    <img src="https://i.imgur.com/5V1fQ8u.jpeg" alt="Деловой Центр Заря">
+                    <img src="{% if project.photo %}https://huggingface.co/datasets/{{ repo_id }}/resolve/main/projects/{{ project.photo }}{% else %}https://i.imgur.com/k6O6XbJ.jpeg{% endif %}" alt="{{ project.title }}">
                     <div class="project-overlay">
-                        <h3>Деловой Центр "Заря"</h3>
-                        <p>Монтаж VRF-системы для 15 000 м² офисных площадей.</p>
-                    </div>
-                </div>
-                <div class="project-card">
-                    <img src="https://i.imgur.com/k6O6XbJ.jpeg" alt="Производственный Цех Техно">
-                    <div class="project-overlay">
-                        <h3>Производственный Цех "Техно"</h3>
-                        <p>Установка промышленной вентиляции для удаления вредных веществ.</p>
-                    </div>
-                </div>
-                <div class="project-card">
-                    <img src="https://i.imgur.com/z0JqY2h.jpeg" alt="Гостиница Аврора">
-                    <div class="project-overlay">
-                        <h3>Гостиница "Аврора"</h3>
-                        <p>Внедрение центральной системы кондиционирования для 120 номеров.</p>
-                    </div>
-                </div>
-                <div class="project-card">
-                    <img src="https://i.imgur.com/6U8kX7Z.jpeg" alt="Медицинский Центр Здоровье">
-                    <div class="project-overlay">
-                        <h3>Медицинский Центр "Здоровье"</h3>
-                        <p>Создание "чистых помещений" класса ISO 7 с высокоэффективной фильтрацией.</p>
+                        <h3>{{ project.title }}</h3>
+                        <p>{{ project.description }}</p>
                     </div>
                 </div>
+                {% endfor %}
             </div>
+            {% else %}
+             <p style="text-align: center;">Информация о реализованных проектах скоро появится.</p>
+            {% endif %}
         </div>
     </section>
 
     <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>
+                <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>
             </div>
             <div style="margin-top: 40px; font-size: 0.9rem; color: var(--text-muted);">
-                <p><strong>Наши реквизиты:</strong> ОсОО «Раина»</p>
-                <p><strong>ИНН:</strong> 00812202110194 | <strong>ОКПО:</strong> 31290279</p>
-                <p><strong>Юр. адрес:</strong> г. Бишкек, ул. Токольдош 3а</p>
-                <p><strong>Банк:</strong> Центральный филиал ОАО «Бакай Банк», <strong>БИК:</strong> 124030, <strong>Счет(KGS):</strong> 1240020000834408</p>
+                <p><strong>Реквизиты:</strong> ОсОО «Раина», ИНН: 00812202110194, ОКПО: 31290279</p>
+                <p><strong>Банк:</strong> Центральный филиал ОАО «Бакай Банк», БИК: 124030, Счет(KGS): 1240020000834408</p>
             </div>
         </div>
     </section>
@@ -462,48 +450,33 @@ LANDING_TEMPLATE = '''
         document.addEventListener('DOMContentLoaded', function() {
             const header = document.querySelector('.header');
             const menuToggle = document.querySelector('.menu-toggle');
-            const navLinks = document.querySelector('.nav-links');
+            const mobileNav = document.querySelector('.mobile-nav');
+            const navCloseBtn = document.getElementById('nav-close-btn');
 
             window.addEventListener('scroll', () => {
-                if (window.scrollY > 50) {
-                    header.classList.add('scrolled');
-                } else {
-                    header.classList.remove('scrolled');
-                }
+                header.classList.toggle('scrolled', window.scrollY > 50);
             });
 
-            menuToggle.addEventListener('click', () => {
-                navLinks.classList.toggle('active');
-            });
-            
-            document.querySelectorAll('.nav-links a').forEach(link => {
-                link.addEventListener('click', () => {
-                    if (navLinks.classList.contains('active')) {
-                        navLinks.classList.remove('active');
-                    }
-                });
+            const closeNav = () => mobileNav.classList.remove('active');
+            const openNav = () => mobileNav.classList.add('active');
+
+            menuToggle.addEventListener('click', openNav);
+            navCloseBtn.addEventListener('click', closeNav);
+            mobileNav.querySelectorAll('a').forEach(link => {
+                link.addEventListener('click', closeNav);
             });
 
             const filterContainer = document.querySelector('.equipment-filters');
             if (filterContainer) {
-                const filterButtons = filterContainer.querySelectorAll('.filter-btn');
-                const equipmentItems = document.querySelectorAll('.equipment-card');
-
-                filterButtons.forEach(button => {
-                    button.addEventListener('click', () => {
-                        filterButtons.forEach(btn => btn.classList.remove('active'));
-                        button.classList.add('active');
-                        
-                        const filter = button.getAttribute('data-filter');
-                        
-                        equipmentItems.forEach(item => {
-                            if (filter === 'all' || item.getAttribute('data-category') === filter) {
-                                item.style.display = 'block';
-                            } else {
-                                item.style.display = 'none';
-                            }
+                filterContainer.addEventListener('click', (e) => {
+                    if (e.target.classList.contains('filter-btn')) {
+                        filterContainer.querySelector('.active').classList.remove('active');
+                        e.target.classList.add('active');
+                        const filter = e.target.getAttribute('data-filter');
+                        document.querySelectorAll('.equipment-card').forEach(item => {
+                            item.style.display = (filter === 'all' || item.getAttribute('data-category') === filter) ? 'block' : 'none';
                         });
-                    });
+                    }
                 });
             }
         });
@@ -532,7 +505,7 @@ ADMIN_TEMPLATE = '''
             .section { margin-bottom: 30px; padding: 20px; background-color: #fafafa; border: 1px solid #e9e9e9; border-radius: 8px; }
             form { margin-bottom: 20px; }
             label { font-weight: 500; margin-top: 10px; display: block; color: #555; font-size: 0.9rem;}
-            input[type="text"], input[type="number"], input[type="password"], textarea, select { width: 100%; padding: 10px 12px; margin-top: 5px; border: 1px solid #ddd; border-radius: 6px; font-size: 0.95rem; box-sizing: border-box; transition: border-color 0.3s ease; background-color: #fff; }
+            input[type="text"], input[type="number"], textarea, select { width: 100%; padding: 10px 12px; margin-top: 5px; border: 1px solid #ddd; border-radius: 6px; font-size: 0.95rem; box-sizing: border-box; transition: border-color 0.3s ease; background-color: #fff; }
             input:focus, textarea:focus, select:focus { border-color: #8e44ad; outline: none; box-shadow: 0 0 0 2px rgba(142, 68, 173, 0.1); }
             textarea { min-height: 80px; resize: vertical; }
             input[type="file"] { padding: 8px; background-color: #ffffff; cursor: pointer; border: 1px solid #ddd;}
@@ -541,11 +514,8 @@ ADMIN_TEMPLATE = '''
             button:active { transform: scale(0.98); }
             .delete-button { background-color: #e74c3c; }
             .delete-button:hover { background-color: #c0392b; }
-            .add-button { background-color: #8e44ad; }
-            .add-button:hover { background-color: #6a0dad; }
             .item-list { display: grid; gap: 20px; }
             .item { background: #fff; padding: 15px 20px; border-radius: 8px; border: 1px solid #eee; }
-            .item p { margin: 5px 0; font-size: 0.9rem; color: #666; }
             .item-actions { margin-top: 15px; display: flex; gap: 10px; flex-wrap: wrap; }
             .edit-form-container { margin-top: 15px; padding: 20px; background: #fdf9ff; border: 1px dashed #ddd; border-radius: 6px; display: none; }
             details { background-color: #fafafa; border: 1px solid #e9e9e9; border-radius: 8px; margin-bottom: 20px; }
@@ -570,209 +540,76 @@ ADMIN_TEMPLATE = '''
             </div>
 
             {% with messages = get_flashed_messages(with_categories=true) %}
-                {% if messages %}
-                    {% for category, message in messages %}
-                        <div class="message {{ category }}">{{ message }}</div>
-                    {% endfor %}
-                {% endif %}
+                {% if messages %}{% for category, message in messages %}<div class="message {{ category }}">{{ message }}</div>{% endfor %}{% endif %}
             {% endwith %}
 
             <div class="section">
-                <h2><i class="fas fa-sync-alt"></i> Синхронизация с Датацентром</h2>
+                <h2><i class="fas fa-sync-alt"></i> Синхронизация</h2>
                 <div class="sync-buttons">
-                    <form method="POST" action="{{ url_for('force_upload') }}" style="display: inline;" onsubmit="return confirm('Вы уверены, что хотите принудительно загрузить локальные данные на сервер?');">
-                        <button type="submit" class="button" title="Загрузить локальные файлы на Hugging Face"><i class="fas fa-upload"></i> Загрузить БД</button>
+                    <form method="POST" action="{{ url_for('force_upload') }}" style="display: inline;" onsubmit="return confirm('Загрузить локальные данные на сервер?');">
+                        <button type="submit" class="button"><i class="fas fa-upload"></i> Загрузить БД</button>
                     </form>
-                    <form method="POST" action="{{ url_for('force_download') }}" style="display: inline;" onsubmit="return confirm('Вы уверены, что хотите принудительно скачать данные с сервера?');">
-                        <button type="submit" class="button" title="Скачать файлы (перезапишет локальные)"><i class="fas fa-download"></i> Скачать БД</button>
+                    <form method="POST" action="{{ url_for('force_download') }}" style="display: inline;" onsubmit="return confirm('Скачать данные с сервера (перезапишет локальные)?');">
+                        <button type="submit" class="button"><i class="fas fa-download"></i> Скачать БД</button>
                     </form>
                 </div>
             </div>
 
             <div class="section">
-                <h2><i class="fas fa-concierge-bell"></i> Управление услугами "под ключ"</h2>
-                <details>
-                     <summary><i class="fas fa-plus-circle"></i> Добавить новую услугу</summary>
-                     <div class="form-content">
-                         <form method="POST" enctype="multipart/form-data">
-                             <input type="hidden" name="action" value="add_service">
-                             <label for="add_service_title">Заголовок *:</label>
-                             <input type="text" id="add_service_title" name="title" required>
-                             <label for="add_service_icon">Иконка (FontAwesome, например: fas fa-tools) *:</label>
-                             <input type="text" id="add_service_icon" name="icon" placeholder="fas fa-tools" required>
-                             <label for="add_service_description">Описание *:</label>
-                             <textarea id="add_service_description" name="description" rows="3" required></textarea>
-                             <label for="add_service_photo">Фото (опционально):</label>
-                             <input type="file" id="add_service_photo" name="photo" accept="image/*">
-                             <button type="submit" class="add-button"><i class="fas fa-save"></i> Добавить услугу</button>
-                         </form>
-                     </div>
-                </details>
+                <h2><i class="fas fa-concierge-bell"></i> Услуги "под ключ"</h2>
+                <details><summary><i class="fas fa-plus-circle"></i> Добавить услугу</summary><div class="form-content">
+                    <form method="POST" enctype="multipart/form-data">
+                        <input type="hidden" name="action" value="add_service"><label for="add_service_title">Заголовок *:</label><input type="text" id="add_service_title" name="title" required><label for="add_service_icon">Иконка (FontAwesome) *:</label><input type="text" id="add_service_icon" name="icon" placeholder="fas fa-tools" required><label for="add_service_description">Описание *:</label><textarea id="add_service_description" name="description" rows="3" required></textarea><label for="add_service_photo">Фото:</label><input type="file" id="add_service_photo" name="photo" accept="image/*"><button type="submit"><i class="fas fa-save"></i> Добавить</button>
+                    </form>
+                </div></details>
                 <h3>Список услуг:</h3>
-                 {% if services %}
-                <div class="item-list">
-                    {% for service in services %}
-                    <div class="item">
-                        <div style="display: flex; gap: 15px; align-items: flex-start;">
-                             <div class="photo-preview" style="flex-shrink: 0;">
-                                {% if service.photo %}
-                                <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/services/{{ service.photo }}" alt="Фото">
-                                {% endif %}
-                            </div>
-                            <div style="flex-grow: 1;">
-                                <h3 style="margin-top: 0; margin-bottom: 5px; color: #333;"><i class="{{ service.icon }} fa-fw"></i> {{ service.title }}</h3>
-                                <p>{{ service.description }}</p>
-                            </div>
-                        </div>
-                        <div class="item-actions">
-                            <button type="button" class="button" onclick="toggleEditForm('edit-service-{{ loop.index0 }}')"><i class="fas fa-edit"></i> Редактировать</button>
-                            <form method="POST" style="margin:0;" onsubmit="return confirm('Удалить услугу \'{{ service.title }}\'?');">
-                                <input type="hidden" name="action" value="delete_service">
-                                <input type="hidden" name="index" value="{{ loop.index0 }}">
-                                <button type="submit" class="delete-button"><i class="fas fa-trash-alt"></i> Удалить</button>
-                            </form>
-                        </div>
-                         <div id="edit-service-{{ loop.index0 }}" class="edit-form-container">
-                             <form method="POST" enctype="multipart/form-data">
-                                 <input type="hidden" name="action" value="edit_service">
-                                 <input type="hidden" name="index" value="{{ loop.index0 }}">
-                                 <label>Заголовок *:</label>
-                                 <input type="text" name="title" value="{{ service.title }}" required>
-                                 <label>Иконка *:</label>
-                                 <input type="text" name="icon" value="{{ service.icon }}" required>
-                                 <label>Описание *:</label>
-                                 <textarea name="description" rows="3" required>{{ service.description }}</textarea>
-                                 <label>Заменить фото:</label>
-                                 <input type="file" name="photo" accept="image/*">
-                                 <button type="submit" class="add-button"><i class="fas fa-save"></i> Сохранить</button>
-                             </form>
-                         </div>
-                    </div>
-                    {% endfor %}
-                </div>
-                 {% else %}
-                 <p>Услуг пока нет.</p>
-                 {% endif %}
+                {% if services %}<div class="item-list">{% for service in services %}<div class="item">
+                    <div style="display: flex; gap: 15px; align-items: flex-start;"><div class="photo-preview">{% if service.photo %}<img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/services/{{ service.photo }}" alt="Фото">{% endif %}</div><div style="flex-grow: 1;"><h3 style="margin: 0 0 5px;"><i class="{{ service.icon }} fa-fw"></i> {{ service.title }}</h3><p>{{ service.description }}</p></div></div>
+                    <div class="item-actions"><button type="button" onclick="toggleEditForm('edit-service-{{ loop.index0 }}')"><i class="fas fa-edit"></i> Редактировать</button><form method="POST" style="margin:0;" onsubmit="return confirm('Удалить услугу \'{{ service.title }}\'?');"><input type="hidden" name="action" value="delete_service"><input type="hidden" name="index" value="{{ loop.index0 }}"><button type="submit" class="delete-button"><i class="fas fa-trash-alt"></i> Удалить</button></form></div>
+                    <div id="edit-service-{{ loop.index0 }}" class="edit-form-container"><form method="POST" enctype="multipart/form-data"><input type="hidden" name="action" value="edit_service"><input type="hidden" name="index" value="{{ loop.index0 }}"><label>Заголовок *:</label><input type="text" name="title" value="{{ service.title }}" required><label>Иконка *:</label><input type="text" name="icon" value="{{ service.icon }}" required><label>Описание *:</label><textarea name="description" rows="3" required>{{ service.description }}</textarea><label>Заменить фото:</label><input type="file" name="photo" accept="image/*"><button type="submit"><i class="fas fa-save"></i> Сохранить</button></form></div>
+                </div>{% endfor %}</div>{% else %}<p>Услуг пока нет.</p>{% endif %}
+            </div>
+            
+            <div class="section">
+                <h2><i class="fas fa-building"></i> Реализованные проекты</h2>
+                <details><summary><i class="fas fa-plus-circle"></i> Добавить проект</summary><div class="form-content">
+                    <form method="POST" enctype="multipart/form-data">
+                        <input type="hidden" name="action" value="add_project"><label for="add_project_title">Название проекта *:</label><input type="text" id="add_project_title" name="title" required><label for="add_project_description">Краткое описание *:</label><textarea id="add_project_description" name="description" rows="2" required></textarea><label for="add_project_photo">Фото *:</label><input type="file" id="add_project_photo" name="photo" accept="image/*" required><button type="submit"><i class="fas fa-save"></i> Добавить</button>
+                    </form>
+                </div></details>
+                <h3>Список проектов:</h3>
+                {% if projects %}<div class="item-list">{% for project in projects %}<div class="item">
+                     <div style="display: flex; gap: 15px; align-items: flex-start;"><div class="photo-preview">{% if project.photo %}<img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/projects/{{ project.photo }}" alt="Фото">{% endif %}</div><div style="flex-grow: 1;"><h3 style="margin: 0 0 5px;">{{ project.title }}</h3><p>{{ project.description }}</p></div></div>
+                     <div class="item-actions"><button type="button" onclick="toggleEditForm('edit-project-{{ loop.index0 }}')"><i class="fas fa-edit"></i> Редактировать</button><form method="POST" style="margin:0;" onsubmit="return confirm('Удалить проект \'{{ project.title }}\'?');"><input type="hidden" name="action" value="delete_project"><input type="hidden" name="index" value="{{ loop.index0 }}"><button type="submit" class="delete-button"><i class="fas fa-trash-alt"></i> Удалить</button></form></div>
+                     <div id="edit-project-{{ loop.index0 }}" class="edit-form-container"><form method="POST" enctype="multipart/form-data"><input type="hidden" name="action" value="edit_project"><input type="hidden" name="index" value="{{ loop.index0 }}"><label>Название *:</label><input type="text" name="title" value="{{ project.title }}" required><label>Описание *:</label><textarea name="description" rows="2" required>{{ project.description }}</textarea><label>Заменить фото:</label><input type="file" name="photo" accept="image/*"><button type="submit"><i class="fas fa-save"></i> Сохранить</button></form></div>
+                </div>{% endfor %}</div>{% else %}<p>Проектов пока нет.</p>{% endif %}
             </div>
 
             <div class="section">
                 <h2><i class="fas fa-tags"></i> Категории оборудования</h2>
-                <details>
-                    <summary><i class="fas fa-plus-circle"></i> Добавить новую категорию</summary>
-                    <div class="form-content">
-                        <form method="POST">
-                            <input type="hidden" name="action" value="add_category">
-                            <label for="add_category_name">Название новой категории:</label>
-                            <input type="text" id="add_category_name" name="category_name" required>
-                            <button type="submit" class="add-button"><i class="fas fa-plus"></i> Добавить</button>
-                        </form>
-                    </div>
-                </details>
-                 {% if categories %}
-                 <div class="item-list">
-                     {% for category in categories %}
-                     <div class="item" style="display: flex; justify-content: space-between; align-items: center;">
-                         <span>{{ category }}</span>
-                         <form method="POST" style="margin: 0;" onsubmit="return confirm('Удалить категорию \'{{ category }}\'?');">
-                             <input type="hidden" name="action" value="delete_category">
-                             <input type="hidden" name="category_name" value="{{ category }}">
-                             <button type="submit" class="delete-button" style="padding: 5px 10px; font-size: 0.8rem; margin: 0;"><i class="fas fa-trash-alt"></i></button>
-                         </form>
-                     </div>
-                     {% endfor %}
-                 </div>
-                 {% else %}
-                 <p>Категорий пока нет.</p>
-                 {% endif %}
+                <details><summary><i class="fas fa-plus-circle"></i> Добавить категорию</summary><div class="form-content">
+                    <form method="POST"><input type="hidden" name="action" value="add_category"><label for="add_category_name">Название:</label><input type="text" id="add_category_name" name="category_name" required><button type="submit"><i class="fas fa-plus"></i> Добавить</button></form>
+                </div></details>
+                {% if categories %}<div class="item-list">{% for category in categories %}<div class="item" style="display: flex; justify-content: space-between; align-items: center;"><span>{{ category }}</span><form method="POST" style="margin: 0;" onsubmit="return confirm('Удалить категорию \'{{ category }}\'?');"><input type="hidden" name="action" value="delete_category"><input type="hidden" name="category_name" value="{{ category }}"><button type="submit" class="delete-button" style="padding: 5px 10px; font-size: 0.8rem; margin: 0;"><i class="fas fa-trash-alt"></i></button></form></div>{% endfor %}</div>{% else %}<p>Категорий пока нет.</p>{% endif %}
             </div>
 
             <div class="section">
-                <h2><i class="fas fa-box-open"></i> Управление оборудованием</h2>
-                 <details>
-                     <summary><i class="fas fa-plus-circle"></i> Добавить новое оборудование</summary>
-                     <div class="form-content">
-                         <form method="POST" enctype="multipart/form-data">
-                             <input type="hidden" name="action" value="add_product">
-                             <label for="add_name">Название *:</label>
-                             <input type="text" id="add_name" name="name" required>
-                             <label for="add_price">Цена (KGS) *:</label>
-                             <input type="number" id="add_price" name="price" step="0.01" min="0" required>
-                             <label for="add_category">Категория:</label>
-                             <select id="add_category" name="category">
-                                 <option value="Без категории">Без категории</option>
-                                 {% for category in categories %}
-                                 <option value="{{ category }}">{{ category }}</option>
-                                 {% endfor %}
-                             </select>
-                             <label for="add_photos">Фотографии (до 10 шт.):</label>
-                             <input type="file" id="add_photos" name="photos" accept="image/*" multiple>
-                             <button type="submit" class="add-button"><i class="fas fa-save"></i> Добавить</button>
-                         </form>
-                     </div>
-                </details>
-
+                <h2><i class="fas fa-box-open"></i> Оборудование</h2>
+                 <details><summary><i class="fas fa-plus-circle"></i> Добавить оборудование</summary><div class="form-content">
+                    <form method="POST" enctype="multipart/form-data"><input type="hidden" name="action" value="add_product"><label for="add_name">Название *:</label><input type="text" id="add_name" name="name" required><label for="add_price">Цена (KGS) *:</label><input type="number" id="add_price" name="price" step="0.01" min="0" required><label for="add_category">Категория:</label><select id="add_category" name="category"><option value="Без категории">Без категории</option>{% for category in categories %}<option value="{{ category }}">{{ category }}</option>{% endfor %}</select><label for="add_photos">Фото:</label><input type="file" id="add_photos" name="photos" accept="image/*" multiple><button type="submit"><i class="fas fa-save"></i> Добавить</button></form>
+                 </div></details>
                 <h3>Список оборудования:</h3>
-                {% if products %}
-                <div class="item-list">
-                    {% for product in products %}
-                    <div class="item">
-                        <div style="display: flex; gap: 15px; align-items: flex-start;">
-                             <div class="photo-preview" style="flex-shrink: 0;">
-                                {% if product.get('photos') %}
-                                <img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ product['photos'][0] }}" alt="Фото">
-                                {% else %}
-                                <img src="https://via.placeholder.com/70x70.png?text=N/A" alt="Нет фото">
-                                {% endif %}
-                            </div>
-                            <div style="flex-grow: 1;">
-                                <h3 style="margin-top: 0; margin-bottom: 5px; color: #333;">{{ product['name'] }}</h3>
-                                <p><strong>Категория:</strong> {{ product.get('category', 'Без категории') }}</p>
-                                <p><strong>Цена:</strong> {{ "%.2f"|format(product['price']) }} KGS</p>
-                            </div>
-                        </div>
-                        <div class="item-actions">
-                             <button type="button" class="button" onclick="toggleEditForm('edit-form-{{ loop.index0 }}')"><i class="fas fa-edit"></i> Редактировать</button>
-                            <form method="POST" style="margin:0;" onsubmit="return confirm('Удалить \'{{ product['name'] }}\'?');">
-                                <input type="hidden" name="action" value="delete_product">
-                                <input type="hidden" name="index" value="{{ loop.index0 }}">
-                                <button type="submit" class="delete-button"><i class="fas fa-trash-alt"></i> Удалить</button>
-                            </form>
-                        </div>
-
-                        <div id="edit-form-{{ loop.index0 }}" class="edit-form-container">
-                            <form method="POST" enctype="multipart/form-data">
-                                <input type="hidden" name="action" value="edit_product">
-                                <input type="hidden" name="index" value="{{ loop.index0 }}">
-                                <label>Название *:</label>
-                                <input type="text" name="name" value="{{ product['name'] }}" required>
-                                <label>Цена (KGS) *:</label>
-                                <input type="number" name="price" step="0.01" min="0" value="{{ product['price'] }}" required>
-                                <label>Категория:</label>
-                                <select name="category">
-                                    <option value="Без категории">Без категории</option>
-                                    {% for category in categories %}
-                                    <option value="{{ category }}" {% if product.get('category') == category %}selected{% endif %}>{{ category }}</option>
-                                    {% endfor %}
-                                </select>
-                                <label>Заменить фотографии:</label>
-                                <input type="file" name="photos" accept="image/*" multiple>
-                                <button type="submit" class="add-button"><i class="fas fa-save"></i> Сохранить</button>
-                            </form>
-                        </div>
-                    </div>
-                    {% endfor %}
-                </div>
-                {% else %}
-                <p>Оборудования пока нет.</p>
-                {% endif %}
+                {% if products %}<div class="item-list">{% for product in products %}<div class="item">
+                    <div style="display: flex; gap: 15px; align-items: flex-start;"><div class="photo-preview">{% if product.get('photos') %}<img src="https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ product['photos'][0] }}" alt="Фото">{% else %}<img src="https://via.placeholder.com/70x70.png?text=N/A">{% endif %}</div><div style="flex-grow: 1;"><h3 style="margin:0 0 5px;">{{ product['name'] }}</h3><p><strong>Категория:</strong> {{ product.get('category', 'Без категории') }}</p><p><strong>Цена:</strong> {{ "%.2f"|format(product['price']) }} KGS</p></div></div>
+                    <div class="item-actions"><button type="button" onclick="toggleEditForm('edit-form-{{ loop.index0 }}')"><i class="fas fa-edit"></i> Редактировать</button><form method="POST" style="margin:0;" onsubmit="return confirm('Удалить \'{{ product['name'] }}\'?');"><input type="hidden" name="action" value="delete_product"><input type="hidden" name="index" value="{{ loop.index0 }}"><button type="submit" class="delete-button"><i class="fas fa-trash-alt"></i> Удалить</button></form></div>
+                    <div id="edit-form-{{ loop.index0 }}" class="edit-form-container"><form method="POST" enctype="multipart/form-data"><input type="hidden" name="action" value="edit_product"><input type="hidden" name="index" value="{{ loop.index0 }}"><label>Название *:</label><input type="text" name="name" value="{{ product['name'] }}" required><label>Цена *:</label><input type="number" name="price" step="0.01" min="0" value="{{ product['price'] }}" required><label>Категория:</label><select name="category"><option value="Без категории">Без категории</option>{% for category in categories %}<option value="{{ category }}" {% if product.get('category') == category %}selected{% endif %}>{{ category }}</option>{% endfor %}</select><label>Заменить фото:</label><input type="file" name="photos" accept="image/*" multiple><button type="submit"><i class="fas fa-save"></i> Сохранить</button></form></div>
+                </div>{% endfor %}</div>{% else %}<p>Оборудования пока нет.</p>{% endif %}
             </div>
         </div>
         <script>
             function toggleEditForm(formId) {
-                const formContainer = document.getElementById(formId);
-                if (formContainer) {
-                    formContainer.style.display = formContainer.style.display === 'none' || formContainer.style.display === '' ? 'block' : 'none';
-                }
+                const form = document.getElementById(formId);
+                if (form) form.style.display = form.style.display === 'none' || form.style.display === '' ? 'block' : 'none';
             }
         </script>
     </body>
@@ -787,6 +624,7 @@ def landing():
         services=data.get('services', []),
         products=data.get('products', []),
         categories=sorted(data.get('categories', [])),
+        projects=data.get('projects', []),
         repo_id=REPO_ID,
         contact_phone=CONTACT_PHONE,
         whatsapp_phone=WHATSAPP_PHONE,
@@ -796,132 +634,120 @@ def landing():
 @app.route('/admin', methods=['GET', 'POST'])
 def admin():
     data = load_data()
-    products = data.get('products', [])
-    categories = data.get('categories', [])
-    services = data.get('services', [])
 
     if request.method == 'POST':
         action = request.form.get('action')
-        logging.info(f"Admin action received: {action}")
+        logging.info(f"Admin action: {action}")
         try:
             if action == 'add_category':
                 category_name = request.form.get('category_name', '').strip()
-                if category_name and category_name not in categories:
-                    categories.append(category_name)
-                    data['categories'] = categories
+                if category_name and category_name not in data['categories']:
+                    data['categories'].append(category_name)
                     save_data(data)
                     flash(f"Категория '{category_name}' добавлена.", 'success')
                 else:
-                    flash(f"Категория '{category_name}' уже существует или пуста.", 'error')
+                    flash("Категория уже существует или пуста.", 'error')
 
             elif action == 'delete_category':
                 category_to_delete = request.form.get('category_name')
-                if category_to_delete in categories:
-                    categories.remove(category_to_delete)
-                    for p in products:
-                        if p.get('category') == category_to_delete:
-                            p['category'] = 'Без категории'
-                    data['categories'] = categories
-                    data['products'] = products
+                if category_to_delete in data['categories']:
+                    data['categories'].remove(category_to_delete)
+                    for p in data['products']:
+                        if p.get('category') == category_to_delete: p['category'] = 'Без категории'
                     save_data(data)
                     flash(f"Категория '{category_to_delete}' удалена.", 'success')
+            
+            elif action == 'add_service':
+                title, icon, desc = request.form.get('title', ''), request.form.get('icon', ''), request.form.get('description', '')
+                if all((title, icon, desc)):
+                    photo_list = upload_photos_to_hf(request.files.getlist('photo'), title, 'services')
+                    data['services'].append({'title': title, 'icon': icon, 'description': desc, 'photo': photo_list[0] if photo_list else None})
+                    save_data(data)
+                    flash(f"Услуга '{title}' добавлена.", 'success')
                 else:
-                    flash("Не удалось удалить категорию.", 'error')
+                    flash("Все поля услуги обязательны.", 'error')
 
-            elif action == 'add_product':
-                name = request.form.get('name', '').strip()
-                price_str = request.form.get('price', '').replace(',', '.')
-                category = request.form.get('category')
-                photos_files = request.files.getlist('photos')
-                if not name or not price_str:
-                    flash("Название и цена обязательны.", 'error')
-                    return redirect(url_for('admin'))
-                try:
-                    price = round(float(price_str), 2)
-                    if price < 0: price = 0
-                except ValueError:
-                     flash("Неверный формат цены.", 'error')
-                     return redirect(url_for('admin'))
-                photos_list = upload_photos_to_hf(photos_files, name, 'photos')
-                new_product = {'name': name, 'price': price, 'category': category, 'photos': photos_list}
-                products.append(new_product)
-                data['products'] = products
+            elif action == 'edit_service':
+                idx = int(request.form.get('index'))
+                service = data['services'][idx]
+                service['title'], service['icon'], service['description'] = request.form.get('title'), request.form.get('icon'), request.form.get('description')
+                if request.files.get('photo'):
+                    new_photos = upload_photos_to_hf(request.files.getlist('photo'), service['title'], 'services')
+                    if new_photos:
+                        delete_photos_from_hf([service.get('photo')], 'services')
+                        service['photo'] = new_photos[0]
                 save_data(data)
-                flash(f"Оборудование '{name}' добавлено.", 'success')
+                flash(f"Услуга '{service['title']}' обновлена.", 'success')
 
-            elif action == 'edit_product':
-                index = int(request.form.get('index'))
-                product_to_edit = products[index]
-                product_to_edit['name'] = request.form.get('name', '').strip()
-                price_str = request.form.get('price', '').replace(',', '.')
-                product_to_edit['category'] = request.form.get('category')
-                try:
-                    product_to_edit['price'] = round(float(price_str), 2)
-                except ValueError:
-                     flash("Неверный формат цены при редактировании.", 'warning')
-                photos_files = request.files.getlist('photos')
-                if photos_files and any(f.filename for f in photos_files):
-                    new_photos = upload_photos_to_hf(photos_files, product_to_edit['name'], 'photos')
-                    if new_photos:
-                        delete_photos_from_hf(product_to_edit.get('photos', []), 'photos')
-                        product_to_edit['photos'] = new_photos
-                products[index] = product_to_edit
-                data['products'] = products
+            elif action == 'delete_service':
+                idx = int(request.form.get('index'))
+                deleted = data['services'].pop(idx)
+                delete_photos_from_hf([deleted.get('photo')], 'services')
                 save_data(data)
-                flash(f"Оборудование '{product_to_edit['name']}' обновлено.", 'success')
+                flash(f"Услуга '{deleted.get('title')}' удалена.", 'success')
 
-            elif action == 'delete_product':
-                index = int(request.form.get('index'))
-                deleted_product = products.pop(index)
-                delete_photos_from_hf(deleted_product.get('photos', []), 'photos')
-                data['products'] = products
+            elif action == 'add_project':
+                title, desc = request.form.get('title', ''), request.form.get('description', '')
+                if all((title, desc)) and request.files.get('photo'):
+                    photo_list = upload_photos_to_hf(request.files.getlist('photo'), title, 'projects')
+                    data['projects'].append({'title': title, 'description': desc, 'photo': photo_list[0] if photo_list else None})
+                    save_data(data)
+                    flash(f"Проект '{title}' добавлен.", 'success')
+                else:
+                    flash("Название, описание и фото проекта обязательны.", 'error')
+
+            elif action == 'edit_project':
+                idx = int(request.form.get('index'))
+                project = data['projects'][idx]
+                project['title'], project['description'] = request.form.get('title'), request.form.get('description')
+                if request.files.get('photo'):
+                    new_photos = upload_photos_to_hf(request.files.getlist('photo'), project['title'], 'projects')
+                    if new_photos:
+                        delete_photos_from_hf([project.get('photo')], 'projects')
+                        project['photo'] = new_photos[0]
                 save_data(data)
-                flash(f"Оборудование '{deleted_product.get('name')}' удалено.", 'success')
+                flash(f"Проект '{project['title']}' обновлен.", 'success')
 
-            elif action == 'add_service':
-                title = request.form.get('title', '').strip()
-                icon = request.form.get('icon', 'fas fa-check').strip()
-                description = request.form.get('description', '').strip()
-                photo_file = request.files.get('photo')
-                if not all([title, icon, description]):
-                    flash("Все поля услуги обязательны.", 'error')
-                    return redirect(url_for('admin'))
-                photo_list = upload_photos_to_hf([photo_file], title, 'services')
-                new_service = {'title': title, 'icon': icon, 'description': description, 'photo': photo_list[0] if photo_list else None}
-                services.append(new_service)
-                data['services'] = services
+            elif action == 'delete_project':
+                idx = int(request.form.get('index'))
+                deleted = data['projects'].pop(idx)
+                delete_photos_from_hf([deleted.get('photo')], 'projects')
                 save_data(data)
-                flash(f"Услуга '{title}' добавлена.", 'success')
-            
-            elif action == 'edit_service':
-                index = int(request.form.get('index'))
-                service_to_edit = services[index]
-                service_to_edit['title'] = request.form.get('title', '').strip()
-                service_to_edit['icon'] = request.form.get('icon', '').strip()
-                service_to_edit['description'] = request.form.get('description', '').strip()
-                photo_file = request.files.get('photo')
-                if photo_file and photo_file.filename:
-                    new_photo = upload_photos_to_hf([photo_file], service_to_edit['title'], 'services')
-                    if new_photo:
-                        delete_photos_from_hf([service_to_edit.get('photo')], 'services')
-                        service_to_edit['photo'] = new_photo[0]
-                services[index] = service_to_edit
-                data['services'] = services
+                flash(f"Проект '{deleted.get('title')}' удален.", 'success')
+
+            elif action == 'add_product':
+                name, price_str, category = request.form.get('name', ''), request.form.get('price', ''), request.form.get('category')
+                if all((name, price_str)):
+                    photos = upload_photos_to_hf(request.files.getlist('photos'), name, 'photos')
+                    data['products'].append({'name': name, 'price': float(price_str), 'category': category, 'photos': photos})
+                    save_data(data)
+                    flash(f"Оборудование '{name}' добавлено.", 'success')
+                else:
+                    flash("Название и цена обязательны.", 'error')
+
+            elif action == 'edit_product':
+                idx = int(request.form.get('index'))
+                product = data['products'][idx]
+                product['name'], product['price'], product['category'] = request.form.get('name'), float(request.form.get('price')), request.form.get('category')
+                if request.files.getlist('photos'):
+                    new_photos = upload_photos_to_hf(request.files.getlist('photos'), product['name'], 'photos')
+                    if new_photos:
+                        delete_photos_from_hf(product.get('photos', []), 'photos')
+                        product['photos'] = new_photos
                 save_data(data)
-                flash(f"Услуга '{service_to_edit['title']}' обновлена.", 'success')
+                flash(f"Оборудование '{product['name']}' обновлено.", 'success')
 
-            elif action == 'delete_service':
-                index = int(request.form.get('index'))
-                deleted_service = services.pop(index)
-                delete_photos_from_hf([deleted_service.get('photo')], 'services')
-                data['services'] = services
+            elif action == 'delete_product':
+                idx = int(request.form.get('index'))
+                deleted = data['products'].pop(idx)
+                delete_photos_from_hf(deleted.get('photos', []), 'photos')
                 save_data(data)
-                flash(f"Услуга '{deleted_service.get('title')}' удалена.", 'success')
+                flash(f"Оборудование '{deleted.get('name')}' удалено.", 'success')
 
             return redirect(url_for('admin'))
         except Exception as e:
              logging.error(f"Admin action '{action}' failed: {e}", exc_info=True)
-             flash(f"Произошла ошибка при выполнении действия '{action}'.", 'error')
+             flash(f"Ошибка при выполнении действия: {e}", 'error')
              return redirect(url_for('admin'))
 
     return render_template_string(
@@ -929,92 +755,61 @@ def admin():
         products=data.get('products', []),
         categories=sorted(data.get('categories', [])),
         services=data.get('services', []),
+        projects=data.get('projects', []),
         repo_id=REPO_ID
     )
 
 def upload_photos_to_hf(photo_files, item_name, folder):
     if not photo_files or not HF_TOKEN_WRITE:
-        if photo_files and any(f and f.filename for f in photo_files):
-            flash("HF_TOKEN (write) не настроен. Фото не загружены.", "warning")
+        if any(f and f.filename for f in photo_files): flash("HF_TOKEN (write) не настроен, фото не загружены.", "warning")
         return []
-    
-    api = HfApi()
-    uploaded_photos = []
-    uploads_dir = 'uploads_temp'
-    os.makedirs(uploads_dir, exist_ok=True)
-    
+    api, uploaded_photos, temp_dir = HfApi(), [], 'uploads_temp'
+    os.makedirs(temp_dir, exist_ok=True)
     for photo in photo_files:
         if photo and photo.filename:
             try:
                 ext = os.path.splitext(photo.filename)[1].lower()
-                if ext not in ['.jpg', '.jpeg', '.png', '.gif', '.webp']:
-                    continue
+                if ext not in ['.jpg', '.jpeg', '.png', '.gif', '.webp']: continue
                 safe_name = secure_filename(item_name.replace(' ', '_'))[:50]
-                photo_filename = f"{safe_name}_{datetime.now().strftime('%Y%m%d%H%M%S%f')}{ext}"
-                temp_path = os.path.join(uploads_dir, photo_filename)
+                filename = f"{safe_name}_{uuid.uuid4().hex[:8]}{ext}"
+                temp_path = os.path.join(temp_dir, filename)
                 photo.save(temp_path)
-                
-                api.upload_file(
-                    path_or_fileobj=temp_path,
-                    path_in_repo=f"{folder}/{photo_filename}",
-                    repo_id=REPO_ID, repo_type="dataset", token=HF_TOKEN_WRITE
-                )
-                uploaded_photos.append(photo_filename)
+                api.upload_file(path_or_fileobj=temp_path, path_in_repo=f"{folder}/{filename}", repo_id=REPO_ID, repo_type="dataset", token=HF_TOKEN_WRITE)
+                uploaded_photos.append(filename)
                 os.remove(temp_path)
             except Exception as e:
-                logging.error(f"Error uploading photo {photo.filename}: {e}", exc_info=True)
-                flash(f"Ошибка загрузки фото {photo.filename}.", 'error')
-    
+                logging.error(f"Upload failed for {photo.filename}: {e}", exc_info=True)
     return uploaded_photos
 
 def delete_photos_from_hf(photo_list, folder):
-    if not photo_list or not HF_TOKEN_WRITE:
-        return
-    
-    photos_to_delete = [p for p in photo_list if p]
-    if not photos_to_delete:
-        return
-
+    if not photo_list or not HF_TOKEN_WRITE: return
+    to_delete = [p for p in photo_list if p]
+    if not to_delete: return
     try:
-        api = HfApi()
-        api.delete_files(
-            repo_id=REPO_ID,
-            paths_in_repo=[f"{folder}/{p}" for p in photos_to_delete],
-            repo_type="dataset", token=HF_TOKEN_WRITE
-        )
-        logging.info(f"Deleted photos from HF: {photos_to_delete}")
+        HfApi().delete_files(repo_id=REPO_ID, paths_in_repo=[f"{folder}/{p}" for p in to_delete], repo_type="dataset", token=HF_TOKEN_WRITE)
+        logging.info(f"Deleted photos from HF: {to_delete}")
     except Exception as e:
-        logging.error(f"Error deleting photos from HF: {e}", exc_info=True)
+        logging.error(f"Failed to delete photos from HF: {e}", exc_info=True)
         flash("Не удалось удалить старые фото с сервера.", "warning")
 
 @app.route('/force_upload', methods=['POST'])
 def force_upload():
-    logging.info("Forcing upload to Hugging Face...")
-    try:
-        upload_db_to_hf()
-        flash("Данные успешно загружены на Hugging Face.", 'success')
-    except Exception as e:
-        flash(f"Ошибка при загрузке на Hugging Face: {e}", 'error')
+    upload_db_to_hf()
+    flash("Данные загружены на сервер.", 'success')
     return redirect(url_for('admin'))
 
 @app.route('/force_download', methods=['POST'])
 def force_download():
-    logging.info("Forcing download from Hugging Face...")
-    try:
-        if download_db_from_hf():
-            flash("Данные успешно скачаны. Локальные файлы обновлены.", 'success')
-        else:
-            flash("Не удалось скачать данные.", 'error')
-    except Exception as e:
-        flash(f"Ошибка при скачивании с Hugging Face: {e}", 'error')
+    if download_db_from_hf():
+        flash("Данные скачаны с сервера.", 'success')
+    else:
+        flash("Не удалось скачать данные.", 'error')
     return redirect(url_for('admin'))
 
 if __name__ == '__main__':
-    logging.info("Application starting up...")
+    logging.info("Application starting...")
     download_db_from_hf()
-    load_data()
     if HF_TOKEN_WRITE:
-        backup_thread = threading.Thread(target=periodic_backup, daemon=True)
-        backup_thread.start()
+        threading.Thread(target=periodic_backup, daemon=True).start()
     port = int(os.environ.get('PORT', 7860))
     app.run(debug=False, host='0.0.0.0', port=port)