Update app.py

app.py

@@ -1,5 +1,3 @@
-
-
 import os
 import uuid
 import json
@@ -14,61 +12,59 @@ from huggingface_hub import HfApi, hf_hub_download
 from huggingface_hub.utils import RepositoryNotFoundError, HfHubHTTPError
 from dotenv import load_dotenv
 
-# Загружаем переменные окружения из файла .env
+# --- REQUIREMENTS.TXT ---
+# flask
+# google-generativeai
+# huggingface-hub
+# python-dotenv
+#
+# Установите зависимости, выполнив:
+# pip install -r requirements.txt
+# Или вручную:
+# pip install Flask google-generativeai huggingface-hub python-dotenv
+#
+# --- .ENV FILE CONFIGURATION ---
+# Создайте файл .env в той же директории, что и app.py, со следующим содержимым:
+# GOOGLE_API_KEY="ВАШ_GOOGLE_GEMINI_API_КЛЮЧ"
+# HF_TOKEN="ВАШ_HUGGING_FACE_WRITE_TOKEN"
+# HF_TOKEN_READ="ВАШ_HUGGING_FACE_READ_TOKEN" # Может быть тем же, что и HF_TOKEN, если у вас есть права на запись
+# FLASK_SECRET_KEY="СЛУЧАЙНАЯ_СЕКРЕТНАЯ_СТРОКА_ДЛЯ_FLASK"
+# -----------------------------
+
 load_dotenv()
 
 app = Flask(__name__)
-# Устанавливаем секретный ключ для работы flash-сообщений
-app.secret_key = os.getenv("FLASK_SECRET_KEY", "your_unique_secret_key_for_eva_app")
+app.secret_key = os.getenv("FLASK_SECRET_KEY", "fallback_secret_key_if_not_set")
 
-# --- Конфигурация Hugging Face ---
-# ID репозитория на Hugging Face для хранения метаданных сайтов
-REPO_ID = "Kgshop/testsynk" 
-# Токены для доступа к Hugging Face (для записи и чтения)
+REPO_ID = "Kgshop/testsynk"
 HF_TOKEN_WRITE = os.getenv("HF_TOKEN")
 HF_TOKEN_READ = os.getenv("HF_TOKEN_READ")
 
-# Файл, который будет синхронизироваться с Hugging Face. В нем хранятся метаданные всех сгенерированных сайтов.
 DATA_FILE = 'generated_sites_metadata.json'
 SYNC_FILES = [DATA_FILE]
 
-# Каталог для потенциальных временных файлов или статических ассетов (в данной реализации используется минимально)
-GENERATED_SITES_DIR = 'generated_sites'
-
-# Настройки для скачивания/загрузки
 DOWNLOAD_RETRIES = 3
 DOWNLOAD_DELAY = 5
-BACKUP_INTERVAL_SECONDS = 1800 # 30 минут для периодического бэкапа
+BACKUP_INTERVAL_SECONDS = 1800 # 30 минут
 
-# Настройка логирования
 logging.basicConfig(level=logging.INFO, format='%(asctime)s - %(levelname)s - %(message)s')
 
-# Убедимся, что каталог для сгенерированных сайтов существует (хотя сами сайты теперь не сохраняются как отдельные файлы)
-if not os.path.exists(GENERATED_SITES_DIR):
-    os.makedirs(GENERATED_SITES_DIR)
-
-# --- Утилитарные функции для работы с Hugging Face (адаптировано из Кода 2) ---
+if not os.path.exists('generated_sites'):
+    os.makedirs('generated_sites')
 
 def download_db_from_hf(specific_file=None, retries=DOWNLOAD_RETRIES, delay=DOWNLOAD_DELAY):
-    """
-    Скачивает файлы базы данных с Hugging Face Hub.
-    Если файл не найден на HF и локально отсутствует, создает пустой.
-    """
     if not HF_TOKEN_READ and not HF_TOKEN_WRITE:
         logging.warning("HF_TOKEN_READ/HF_TOKEN_WRITE не установлены. Скачивание может завершиться неудачей для приватных репозиториев.")
-
     token_to_use = HF_TOKEN_READ if HF_TOKEN_READ else HF_TOKEN_WRITE
-
     files_to_download = [specific_file] if specific_file else SYNC_FILES
     logging.info(f"Попытка скачивания файлов {files_to_download} из репозитория {REPO_ID}...")
     all_successful = True
-
     for file_name in files_to_download:
         success = False
         for attempt in range(retries + 1):
             try:
                 logging.info(f"Скачивание {file_name} (Попытка {attempt + 1}/{retries + 1})...")
-                local_path = hf_hub_download(
+                hf_hub_download(
                     repo_id=REPO_ID,
                     filename=file_name,
                     repo_type="dataset",
@@ -78,7 +74,7 @@ def download_db_from_hf(specific_file=None, retries=DOWNLOAD_RETRIES, delay=DOWN
                     force_download=True,
                     resume_download=False
                 )
-                logging.info(f"Файл {file_name} успешно скачан в {local_path}.")
+                logging.info(f"Файл {file_name} успешно скачан.")
                 success = True
                 break
             except RepositoryNotFoundError:
@@ -91,40 +87,32 @@ 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({}, f) # Создаем пустой JSON-объект для метаданных
+                                    json.dump({}, f)
                                 logging.info(f"Создан пустой локальный файл {file_name}, так как он не был найден на HF.")
                         except Exception as create_e:
                             logging.error(f"Не удалось создать пустой локальный файл {file_name}: {create_e}")
-                    success = False # Все равно считаем, что для этого файла не удалось
+                    success = False
                     break
                 else:
                     logging.error(f"HTTP-ошибка при скачивании {file_name} (Попытка {attempt + 1}): {e}. Повторная попытка через {delay}с...")
             except Exception as e:
                 logging.error(f"Неожиданная ошибка при скачивании {file_name} (Попытка {attempt + 1}): {e}. Повторная попытка через {delay}с...", exc_info=True)
-
             if attempt < retries:
                 time.sleep(delay)
-
         if not success:
             logging.error(f"Не удалось скачать {file_name} после {retries + 1} попыток.")
             all_successful = False
-
     logging.info(f"Процесс скачивания завершен. Общий успех: {all_successful}")
     return all_successful
 
 def upload_db_to_hf(specific_file=None):
-    """
-    Загружает файлы базы данных на Hugging Face Hub.
-    """
     if not HF_TOKEN_WRITE:
         logging.warning("HF_TOKEN (для записи) не установлен. Пропускаем загрузку на Hugging Face.")
         return
-
     try:
         api = HfApi()
         files_to_upload = [specific_file] if specific_file else SYNC_FILES
         logging.info(f"Начало загрузки файлов {files_to_upload} в репозиторий HF {REPO_ID}...")
-
         for file_name in files_to_upload:
             if os.path.exists(file_name):
                 try:
@@ -146,9 +134,6 @@ def upload_db_to_hf(specific_file=None):
         logging.error(f"Общая ошибка при инициализации или процессе загрузки Hugging Face: {e}", exc_info=True)
 
 def periodic_backup():
-    """
-    Запускает периодическое резервное копирование данных на Hugging Face.
-    """
     logging.info(f"Настройка периодического резервного копирования каждые {BACKUP_INTERVAL_SECONDS} секунд.")
     while True:
         time.sleep(BACKUP_INTERVAL_SECONDS)
@@ -156,13 +141,7 @@ def periodic_backup():
         upload_db_to_hf()
         logging.info("Периодическое резервное копирование завершено.")
 
-# --- Функции для сохранения/загрузки метаданных сгенерированных сайтов (адаптировано из Кода 2) ---
-
 def load_site_metadata():
-    """
-    Загружает метаданные сгенерированных сайтов из DATA_FILE.
-    Если файл не найден или поврежден, пытается скачать с Hugging Face.
-    """
     default_data = {}
     try:
         with open(DATA_FILE, 'r', encoding='utf-8') as file:
@@ -170,13 +149,12 @@ def load_site_metadata():
         logging.info(f"Локальные метаданные сайта успешно загружены из {DATA_FILE}")
         if not isinstance(data, dict):
             logging.warning(f"Локальный файл {DATA_FILE} не является словарем. Попытка скачивания.")
-            raise FileNotFoundError # Считаем поврежденным, пытаемся скачать
+            raise FileNotFoundError
         return data
     except FileNotFoundError:
         logging.warning(f"Локальный файл {DATA_FILE} не найден. Попытка скачивания с HF.")
     except json.JSONDecodeError:
         logging.error(f"Ошибка декодирования JSON в локальном файле {DATA_FILE}. Файл может быть поврежден. Попытка скачивания.")
-
     if download_db_from_hf(specific_file=DATA_FILE):
         try:
             with open(DATA_FILE, 'r', encoding='utf-8') as file:
@@ -204,36 +182,25 @@ def load_site_metadata():
         return default_data
 
 def save_site_metadata(data):
-    """
-    Сохраняет метаданные сгенерированных сайтов в DATA_FILE и загружает на Hugging Face.
-    """
     try:
         if not isinstance(data, dict):
             logging.error("Попытка сохранить недопустимую структуру данных (не словарь) для метаданных сайта. Отмена сохранения.")
             return
         with open(DATA_FILE, 'w', encoding='utf-8') as file:
-            json.dump(data, file, ensure_ascii=False, indent=2) # indent=2 для читаемости JSON
+            json.dump(data, file, ensure_ascii=False, indent=2)
         logging.info(f"Метаданные сайта успешно сохранены в {DATA_FILE}")
         upload_db_to_hf(specific_file=DATA_FILE)
     except Exception as e:
         logging.error(f"Ошибка сохранения метаданных сайта в {DATA_FILE}: {e}", exc_info=True)
 
-# --- Конфигурация Google Generative AI и промпт ---
-
-# Google API ключ для генерации контента
 API_KEY_INTERNAL = os.getenv("GOOGLE_API_KEY")
 
 def generate_site_json_from_prompt(user_prompt):
-    """
-    Генерирует JSON-объект, описывающий структуру сайта, на основе запроса пользователя,
-    используя Google Generative AI.
-    """
     try:
         genai.configure(api_key=API_KEY_INTERNAL)
     except Exception as e:
         logging.error(f"Ошибка настройки GenAI: {e}")
         raise ValueError(f"Не удалось настроить Google AI. Проблема с конфигурацией. Ошибка: {e}")
-
     if not user_prompt or not user_prompt.strip():
         raise ValueError("Текстовый запрос (промпт) не может быть пустым.")
 
@@ -243,7 +210,7 @@ def generate_site_json_from_prompt(user_prompt):
         "Этот JSON-объект будет использоваться Flask-приложением для динамического рендеринга сайта. "
         "Не включай HTML, Markdown или пояснительный текст за пределами JSON. Выводи только JSON-строку. "
         "JSON должен быть валидным и напрямую парсируемым. "
-        "Для URL-адресов изображений используй общие сервисы-заполнители, такие как `https://placehold.co/600x400?text=Image` или аналогичные, "
+        "Для URL-адресов изображений используй общие сервисы-заполнители, такие как `https://placehold.co/600x400?text=Image` или `https://picsum.photos/600/400` или аналогичные, "
         "либо опиши их текстом, если заполнители не подходят. "
         "Убедись, что любой текстовый контент, содержащий символы новой строки, представлен с помощью `\\n` в JSON-строке."
         "\n\nJSON Schema:\n"
@@ -252,75 +219,114 @@ def generate_site_json_from_prompt(user_prompt):
         "  \"site_title\": \"string\",\n"
         "  \"main_heading\": \"string\",\n"
         "  \"tagline\": \"string\",\n"
+        "  \"theme\": \"string\", // Suggested values: \"modern\", \"minimalist\", \"bold\", \"corporate\", \"creative\", \"playful\"\n"
+        "  \"primary_color\": \"string\", // Hex color, e.g., \"#3498db\"\n"
+        "  \"secondary_color\": \"string\", // Hex color, e.g., \"#2ecc71\"\n"
+        "  \"font_family_heading\": \"string\", // CSS font-family, e.g., \"'Inter', sans-serif\"\n"
+        "  \"font_family_body\": \"string\", // CSS font-family, e.g., \"'Open Sans', sans-serif\"\n"
         "  \"sections\": [\n"
         "    {\n"
+        "      \"type\": \"hero\", // Large introductory section\n"
+        "      \"title\": \"string\",\n"
+        "      \"subtitle\": \"string\",\n"
+        "      \"image_url\": \"string (optional, placeholder URL)\",\n"
+        "      \"cta_text\": \"string (optional)\", // Call to action button text\n"
+        "      \"cta_link\": \"string (optional)\" // Call to action button link\n"
+        "    },\n"
+        "    {\n"
+        "      \"type\": \"text\", // General text content section\n"
+        "      \"title\": \"string\",\n"
+        "      \"content\": \"string\"\n"
+        "    },\n"
+        "    {\n"
+        "      \"type\": \"list\", // Displays items from 'data_items'\n"
+        "      \"title\": \"string\",\n"
+        "      \"description\": \"string (optional)\",\n"
+        "      \"filter_category\": \"string (optional)\" // If set, only show data_items with this category\n"
+        "    },\n"
+        "    {\n"
+        "      \"type\": \"features\", // Grid of features, draws from data_items or custom section.items\n"
+        "      \"title\": \"string\",\n"
+        "      \"description\": \"string (optional)\",\n"
+        "      \"items\": [ // Can specify items directly or draw from data_items\n"
+        "        {\"name\": \"string\", \"description\": \"string\", \"icon\": \"string (e.g. 'fas fa-star')\"}\n"
+        "      ]\n"
+        "    },\n"
+        "    {\n"
+        "      \"type\": \"testimonials\", // Testimonials section, draws from data_items\n"
+        "      \"title\": \"string\",\n"
+        "      \"description\": \"string (optional)\"\n"
+        "    },\n"
+        "    {\n"
+        "      \"type\": \"pricing\", // Pricing section, draws from data_items\n"
+        "      \"title\": \"string\",\n"
+        "      \"description\": \"string (optional)\"\n"
+        "    },\n"
+        "    {\n"
+        "      \"type\": \"contact\", // Contact section with form structure\n"
+        "      \"title\": \"string\",\n"
+        "      \"content\": \"string (optional, for introductory text)\",\n"
+        "      \"email\": \"string (optional)\",\n"
+        "      \"phone\": \"string (optional)\",\n"
+        "      \"address\": \"string (optional)\",\n"
+        "      \"form_fields\": [ // Defines the form structure, no backend processing\n"
+        "        {\"label\": \"string\", \"type\": \"text\"}, // or \"email\", \"textarea\"\n"
+        "        {\"label\": \"Ваше сообщение\", \"type\": \"textarea\"}\n"
+        "      ]\n"
+        "    },\n"
+        "    {\n"
+        "      \"type\": \"image_gallery\", // Gallery of images\n"
         "      \"title\": \"string\",\n"
-        "      \"content\": \"string\",\n"
-        "      \"type\": \"text\" // or \"list\", \"contact\", \"image_gallery\"\n"
+        "      \"description\": \"string (optional)\",\n"
+        "      \"images\": [\"url_string\", \"url_string\"] // Array of placeholder image URLs\n"
         "    }\n"
         "  ],\n"
-        "  \"data_items\": [ // Это действует как \"база данных\" для простых списков/продуктов/элементов портфолио\n"
+        "  \"data_items\": [ // Acts as a 'database' for lists, features, testimonials, pricing plans\n"
         "    {\n"
         "      \"id\": \"unique_string_or_number\",\n"
-        "      \"name\": \"string\",\n"
-        "      \"description\": \"string\",\n"
-        "      \"price\": \"number (optional)\",\n"
-        "      \"image_url\": \"string (optional, используй заполнитель или общее изображение)\",\n"
-        "      \"category\": \"string (optional)\",\n"
-        "      \"fields\": { \"key\": \"value\" } // произвольные дополнительные поля\n"
+        "      \"name\": \"string\", // For lists, features, pricing plan name, person name for testimonial\n"
+        "      \"description\": \"string\", // For lists, features, testimonial text, pricing features\n"
+        "      \"price\": \"number (optional)\", // For lists, pricing plans\n"
+        "      \"image_url\": \"string (optional, placeholder URL)\", // For lists, image gallery, testimonial avatar\n"
+        "      \"category\": \"string (optional)\", // For filtering lists\n"
+        "      \"icon\": \"string (optional, e.g. 'fas fa-star')\", // For features\n"
+        "      \"author\": \"string (optional)\", // For testimonials\n"
+        "      \"role\": \"string (optional)\", // For testimonials\n"
+        "      \"fields\": { \"key\": \"value\" } // Arbitrary additional fields\n"
         "    }\n"
         "  ],\n"
-        "  \"contact_info\": { // Дополнительная контактная информация\n"
-        "    \"email\": \"string (optional)\",\n"
-        "    \"phone\": \"string (optional)\",\n"
-        "    \"address\": \"string (optional)\"\n"
-        "  },\n"
         "  \"footer_text\": \"string (optional)\"\n"
         "}\n"
         "```\n"
-        "- `sections`: Массив блоков контента.\n"
-        "  - `type: \"text\"` для общего текстового контента.\n"
-        "  - `type: \"list\"`, если нужно отобразить элементы из `data_items`. Убедись, что `data_items` заполнен, если используется этот тип.\n"
-        "  - `type: \"contact\"`, если это раздел контактов, будет использоваться `contact_info`. В `content` может быть дополнительный текст.\n"
-        "  - `type: \"image_gallery\"`, если запрошена галерея. Для изображений используй URL-адреса заполнителей. Массив `sections[].images` может быть добавлен, если необходимо.\n"
-        "- `data_items`: Массив для простых продуктов, услуг, элементов портфолио и т.д. Они будут отображаться в виде карточек, если присутствует раздел ��ипа 'list'.\n"
-        "- Убедись, что все строки в JSON правильно экранированы, особенно символы новой строки (используй `\\n`).\n"
+        "- `sections`: Массив блоков контента. AI должно варьировать типы секций в соответствии с запросом.\n"
+        "- Для `image_url` в `data_items` или `image_gallery` используй URL-адреса, например, `https://picsum.photos/400/300?random=1` или `https://placehold.co/400x300?text=Photo+Title`.\n"
+        "- Для `icon` в `features` используй классы Font Awesome 6 Free (например, `fas fa-star`, `fas fa-code`, `fas fa-check`).\n"
         "- Выводи ТОЛЬКО JSON-код. Не включай никакого пояснительного текста или форматирования Markdown (например, ```json) за пределами JSON."
     )
-
     full_prompt = f"{system_instruction}\n\nПользовательский запрос: \"{user_prompt}\""
-
     response = None
     try:
-        # Используем 'gemini-1.5-flash-latest' для лучшего следования JSON-формату
         model = genai.GenerativeModel('gemini-1.5-flash-latest')
         response = model.generate_content(full_prompt)
-
         generated_text = ""
         if hasattr(response, 'text') and response.text:
             generated_text = response.text
         elif response.parts:
             generated_text = "".join(part.text for part in response.parts if hasattr(part, 'text'))
-
         if not generated_text.strip():
             if hasattr(response, 'prompt_feedback') and response.prompt_feedback.block_reason:
                 reason = response.prompt_feedback.block_reason
                 raise ValueError(f"Генерация контента заблокирована из-за политики безопасности (причина: {reason}). Попробуйте другой запрос.")
             else:
                 raise ValueError("Модель вернула пустой результат. Попробуйте изменить запрос.")
-
-        # Удаляем возможное форматирование Markdown (```json...```)
         clean_text = generated_text.strip()
         if clean_text.startswith("```json"):
             clean_text = clean_text[7:]
             if clean_text.endswith("```"):
                 clean_text = clean_text[:-3]
             generated_text = clean_text.strip()
-
-        # Пытаемся распарсить как JSON для валидации
         parsed_json = json.loads(generated_text)
         return parsed_json
-
     except json.JSONDecodeError as jde:
         logging.error(f"Вывод ИИ был невалидным JSON: {generated_text[:500]}... Ошибка: {jde}")
         raise ValueError("Модель сгенерировала невалидный JSON. Пожалуйста, попробуйте еще раз или измените запрос.")
@@ -346,9 +352,6 @@ def generate_site_json_from_prompt(user_prompt):
         else:
             raise ValueError(f"Ошибка при генерации данных сайта: {e}")
 
-# --- HTML-шаблоны для UI EVA и для сгенерированных сайтов ---
-
-# Основной HTML-шаблон для главной страницы EVA, включающий форму и список сгенерированных сайтов
 index_page_template = """
 <!DOCTYPE html>
 <html lang="ru">
@@ -425,7 +428,7 @@ index_page_template = """
         }
 
         body {
-            font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            font-family: -apple-system, BlinkMacMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
             margin: 0;
             padding: 20px env(safe-area-inset-top) 20px env(safe-area-inset-bottom);
             background-color: var(--bg-color);
@@ -445,7 +448,7 @@ index_page_template = """
             padding: 25px 30px 30px 30px;
             border-radius: 24px;
             box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0,0,0,0.05);
-            max-width: 780px; /* Increased max-width */
+            max-width: 780px;
             width: calc(100% - 40px);
             box-sizing: border-box;
             margin-top: 30px;
@@ -666,7 +669,6 @@ index_page_template = """
             }
         }
 
-
         .site-card h3 {
             font-size: 20px;
             font-weight: 600;
@@ -678,6 +680,10 @@ index_page_template = """
             font-size: 14px;
             color: var(--secondary-text-color);
             margin-bottom: 8px;
+            word-wrap: break-word;
+        }
+        .site-card p strong {
+            color: var(--text-color);
         }
 
         .site-card .actions {
@@ -696,6 +702,10 @@ index_page_template = """
             text-decoration: none;
             cursor: pointer;
             transition: background-color 0.2s ease, transform 0.1s ease;
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            gap: 5px;
         }
 
         .site-card .actions a {
@@ -739,6 +749,7 @@ index_page_template = """
             font-size: 15px;
             font-weight: 500;
             text-align: center;
+            margin-bottom: 25px;
         }
 
         .flash-messages.success {
@@ -759,7 +770,6 @@ index_page_template = """
             border: 1px solid #ffeeba;
         }
 
-
         @media (max-width: 768px) {
             body {
                 padding: 15px env(safe-area-inset-top) 15px env(safe-area-inset-bottom);
@@ -806,7 +816,7 @@ index_page_template = """
                 margin-bottom: 20px;
             }
             .site-cards-grid {
-                grid-template-columns: 1fr; /* Stack columns on small screens */
+                grid-template-columns: 1fr;
             }
             .site-card {
                 padding: 18px;
@@ -833,7 +843,7 @@ index_page_template = """
         <form id="generate-form">
             <div class="form-group">
                 <label for="prompt-input" class="input-label">Опишите сайт, который вы хотите создать</label>
-                <textarea id="prompt-input" name="prompt" rows="6" required placeholder="Например: создай одностраничный сайт-портфолио для веб-дизайнера по имени Алия, с секциями 'Обо мне', 'Мои работы' и 'Контакты'. Используй современный минималистичный дизайн и добавь несколько примеров работ с описанием и ценой."></textarea>
+                <textarea id="prompt-input" name="prompt" rows="6" required placeholder="Например: создай сайт-портфолио для фотографа в минималистичном стиле, с разделами 'Обо мне', 'Портфолио' (с галереей), 'Услуги' (с ценами) и 'Контакты' с формой обратной связи. Используй синие и серые тона."></textarea>
             </div>
 
             <button type="submit" id="generate-button">Создать сайт</button>
@@ -859,10 +869,10 @@ index_page_template = """
                             <p><strong>Создан:</strong> {{ site_info.timestamp }}</p>
                             <p><strong>Основной заголовок:</strong> {{ site_info.ai_generated_data.main_heading | default('N/A') }}</p>
                             <div class="actions">
-                                <a href="{{ url_for('serve_generated_site', site_id=site_id) }}" target="_blank">Открыть</a>
+                                <a href="{{ url_for('serve_generated_site', site_id=site_id) }}" target="_blank"><i class="fas fa-external-link-alt"></i> Открыть</a>
                                 <form method="POST" action="{{ url_for('delete_site') }}" style="display:inline;">
                                     <input type="hidden" name="site_id" value="{{ site_id }}">
-                                    <button type="submit" onclick="return confirm('Вы уверены, что хотите удалить этот сайт?');">Удалить</button>
+                                    <button type="submit" onclick="return confirm('Вы уверены, что хотите удалить этот сайт?');"><i class="fas fa-trash-alt"></i> Удалить</button>
                                 </form>
                             </div>
                         </div>
@@ -922,7 +932,6 @@ index_page_template = """
                     outputContainer.appendChild(link);
                     copyButton.style.display = 'block';
                     copyButton.dataset.copyText = window.location.origin + result.site_url;
-                    // Перезагрузка страницы для отображения нового сайта в списке
                     setTimeout(() => {
                          window.location.reload();
                     }, 1000);
@@ -972,13 +981,11 @@ index_page_template = """
             outputContainer.classList.remove('loading');
             copyButton.style.display = 'none';
         }
-
     </script>
 </body>
 </html>
 """
 
-# Шаблон для рендеринга динамически сгенерированных сайтов
 dynamic_site_template = """
 <!DOCTYPE html>
 <html lang="ru">
@@ -986,198 +993,328 @@ dynamic_site_template = """
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ site_data.site_title | default('Сгенерированный Сайт') }}</title>
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
     <style>
-        body { font-family: 'Inter', sans-serif; margin: 0; padding: 0; background-color: #f4f7f6; color: #333; line-height: 1.6; }
-        .container { max-width: 900px; margin: 30px auto; background-color: #fff; border-radius: 10px; box-shadow: 0 4px 20px rgba(0,0,0,0.1); overflow: hidden; }
-        header { background-color: #007bff; color: white; padding: 40px 20px; text-align: center; }
-        header h1 { margin: 0; font-size: 2.8em; font-weight: 700; }
-        header p { font-size: 1.2em; opacity: 0.9; margin-top: 10px; }
-        .section-content { padding: 30px; border-bottom: 1px solid #eee; }
+        :root {
+            --primary-color: {{ site_data.primary_color | default('#007bff') }};
+            --secondary-color: {{ site_data.secondary_color | default('#2ecc71') }};
+            --heading-font: {{ site_data.font_family_heading | default("'Inter', sans-serif") }};
+            --body-font: {{ site_data.font_family_body | default("'Open Sans', sans-serif") }};
+            --text-color: #333;
+            --bg-color: #f4f7f6;
+            --card-bg: #ffffff;
+            --border-color: #e0e0e0;
+            --light-bg: #f9f9f9;
+        }
+
+        body { font-family: var(--body-font); margin: 0; padding: 0; background-color: var(--bg-color); color: var(--text-color); line-height: 1.6; }
+        .container { max-width: 1000px; margin: 30px auto; background-color: var(--card-bg); border-radius: 10px; box-shadow: 0 4px 20px rgba(0,0,0,0.1); overflow: hidden; }
+        header { background-color: var(--primary-color); color: white; padding: 60px 20px; text-align: center; }
+        header h1 { margin: 0; font-size: 3.2em; font-weight: 700; font-family: var(--heading-font); }
+        header p { font-size: 1.4em; opacity: 0.9; margin-top: 10px; font-family: var(--heading-font); }
+        .section-content { padding: 40px 30px; border-bottom: 1px solid var(--border-color); }
         .section-content:last-of-type { border-bottom: none; }
-        .section-content h2 { color: #007bff; font-size: 2em; margin-bottom: 20px; text-align: center; }
-        .text-content p { margin-bottom: 15px; font-size: 1.1em; line-height: 1.8; }
-        .list-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-top: 20px; }
-        .list-item { background-color: #f9f9f9; border: 1px solid #e0e0e0; border-radius: 8px; padding: 20px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
-        .list-item img { max-width: 100%; height: 180px; object-fit: contain; border-radius: 5px; margin-bottom: 15px; background-color: white; padding: 5px; border: 1px solid #f0f0f0;}
-        .list-item h3 { color: #333; margin-top: 0; font-size: 1.4em; margin-bottom: 10px; }
-        .list-item p { font-size: 0.9em; color: #666; margin-bottom: 10px; }
-        .list-item .price { font-size: 1.2em; font-weight: 600; color: #28a745; margin-top: 10px; }
-        .contact-section p { font-size: 1.1em; margin-bottom: 10px; }
-        .contact-section a { color: #007bff; text-decoration: none; }
-        .contact-section a:hover { text-decoration: underline; }
-        footer { background-color: #333; color: white; text-align: center; padding: 20px; font-size: 0.9em; margin-top: 20px; }
+        .section-content h2 { color: var(--primary-color); font-size: 2.5em; margin-bottom: 25px; text-align: center; font-family: var(--heading-font); }
+        .section-content p { font-size: 1.1em; line-height: 1.8; text-align: center; max-width: 700px; margin: 0 auto 30px;}
+
+        /* Hero Section */
+        .hero-section { background-color: var(--primary-color); color: white; padding: 80px 20px; text-align: center; }
+        .hero-section h1 { font-size: 3.5em; margin-bottom: 15px; font-family: var(--heading-font); }
+        .hero-section p { font-size: 1.5em; margin-bottom: 30px; opacity: 0.9; font-family: var(--heading-font); }
+        .hero-section img { max-width: 100%; height: auto; border-radius: 8px; margin-top: 30px; box-shadow: 0 8px 20px rgba(0,0,0,0.2); }
+        .hero-section .cta-button {
+            display: inline-block; padding: 15px 30px; background-color: var(--secondary-color); color: white;
+            text-decoration: none; border-radius: 50px; font-size: 1.2em; font-weight: 600; transition: background-color 0.3s ease, transform 0.2s ease;
+        }
+        .hero-section .cta-button:hover { background-color: darken(var(--secondary-color), 10%); transform: translateY(-2px); }
+
+        /* General Text Section */
+        .text-content { text-align: justify; }
+        .text-content p { text-align: left; }
+
+        /* List/Gallery Grid */
+        .grid-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin-top: 20px; }
+        .grid-item { background-color: var(--light-bg); border: 1px solid var(--border-color); border-radius: 12px; padding: 25px; text-align: center; box-shadow: 0 2px 10px rgba(0,0,0,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; }
+        .grid-item:hover { transform: translateY(-5px); box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
+        .grid-item img { max-width: 100%; height: 200px; object-fit: cover; border-radius: 8px; margin-bottom: 15px; background-color: var(--card-bg); padding: 5px; border: 1px solid var(--border-color);}
+        .grid-item h3 { color: var(--primary-color); margin-top: 0; font-size: 1.6em; margin-bottom: 10px; font-family: var(--heading-font); }
+        .grid-item p { font-size: 1em; color: #666; margin-bottom: 10px; text-align: center; }
+        .grid-item .price { font-size: 1.4em; font-weight: 700; color: var(--secondary-color); margin-top: 10px; }
+
+        /* Features Section */
+        .feature-icon { font-size: 3.5em; color: var(--secondary-color); margin-bottom: 15px; }
+        .feature-item h3 { font-size: 1.4em; }
+
+        /* Testimonials Section */
+        .testimonial-item { background-color: var(--light-bg); border: 1px solid var(--primary-color); border-radius: 12px; padding: 25px; text-align: center; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
+        .testimonial-item img { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; margin-bottom: 15px; border: 3px solid var(--primary-color); }
+        .testimonial-item p { font-style: italic; color: #555; margin-bottom: 10px; }
+        .testimonial-item .author { font-weight: 600; color: var(--primary-color); }
+        .testimonial-item .role { font-size: 0.9em; color: #888; }
+
+        /* Pricing Section */
+        .pricing-plan { background-color: var(--light-bg); border: 1px solid var(--border-color); border-radius: 12px; padding: 30px; text-align: center; box-shadow: 0 4px 15px rgba(0,0,0,0.08); }
+        .pricing-plan.highlight { border-color: var(--primary-color); background-color: lighten(var(--primary-color), 40%); }
+        .pricing-plan h3 { font-size: 2em; color: var(--primary-color); margin-bottom: 15px; }
+        .pricing-plan .price { font-size: 3em; font-weight: 700; color: var(--secondary-color); margin-bottom: 20px; }
+        .pricing-plan ul { list-style: none; padding: 0; margin-bottom: 30px; }
+        .pricing-plan ul li { margin-bottom: 10px; font-size: 1.1em; color: #555; }
+        .pricing-plan .cta-button { display: inline-block; padding: 12px 25px; background-color: var(--primary-color); color: white; text-decoration: none; border-radius: 50px; font-weight: 600; transition: background-color 0.3s ease; }
+        .pricing-plan .cta-button:hover { background-color: darken(var(--primary-color), 10%); }
+
+        /* Contact Section */
+        .contact-section { text-align: center; }
+        .contact-info p { font-size: 1.1em; margin-bottom: 10px; text-align: center;}
+        .contact-info a { color: var(--primary-color); text-decoration: none; }
+        .contact-info a:hover { text-decoration: underline; }
+        .contact-form { margin-top: 30px; max-width: 600px; margin-left: auto; margin-right: auto; text-align: left; }
+        .contact-form label { display: block; font-weight: 600; margin-bottom: 8px; color: var(--primary-color); }
+        .contact-form input[type="text"],
+        .contact-form input[type="email"],
+        .contact-form textarea {
+            width: 100%; padding: 12px; margin-bottom: 20px; border: 1px solid var(--border-color); border-radius: 8px;
+            font-size: 1em; box-sizing: border-box; transition: border-color 0.3s ease;
+        }
+        .contact-form input[type="text"]:focus,
+        .contact-form input[type="email"]:focus,
+        .contact-form textarea:focus {
+            border-color: var(--primary-color); outline: none; box-shadow: 0 0 0 3px rgba(var(--primary-color-rgb), 0.1);
+        }
+        .contact-form textarea { resize: vertical; min-height: 120px; }
+        .contact-form button {
+            display: inline-block; padding: 15px 30px; background-color: var(--secondary-color); color: white;
+            border: none; border-radius: 50px; font-size: 1.2em; font-weight: 600; cursor: pointer;
+            transition: background-color 0.3s ease, transform 0.2s ease;
+        }
+        .contact-form button:hover { background-color: darken(var(--secondary-color), 10%); transform: translateY(-2px); }
+
+        /* Footer */
+        footer { background-color: #333; color: white; text-align: center; padding: 25px; font-size: 0.9em; margin-top: 30px; }
+
         @media (max-width: 768px) {
-            header h1 { font-size: 2em; }
-            header p { font-size: 1em; }
-            .section-content { padding: 20px; }
-            .section-content h2 { font-size: 1.6em; }
+            .container { margin: 15px auto; border-radius: 5px; }
+            header { padding: 40px 15px; }
+            header h1 { font-size: 2.5em; }
+            header p { font-size: 1.1em; }
+            .section-content { padding: 25px 15px; }
+            .section-content h2 { font-size: 2em; }
+            .hero-section { padding: 50px 15px; }
+            .hero-section h1 { font-size: 2.8em; }
+            .hero-section p { font-size: 1.2em; }
+            .hero-section .cta-button { font-size: 1em; padding: 12px 25px; }
+            .grid-container { grid-template-columns: 1fr; gap: 20px; }
+            .grid-item { padding: 20px; }
+            .contact-form { padding: 0 15px; }
         }
     </style>
 </head>
 <body>
     <div class="container">
+        {% if site_data.main_heading or site_data.tagline %}
         <header>
             <h1>{{ site_data.main_heading | default('Добро пожаловать!') }}</h1>
             <p>{{ site_data.tagline | default('Ваш сгенерированный сайт готов.') }}</p>
         </header>
+        {% endif %}
 
         {% for section in site_data.sections %}
             <div class="section-content">
                 <h2>{{ section.title }}</h2>
-                {% if section.type == 'text' %}
+                {% if section.description %}<p>{{ section.description | replace('\\n', '<br>') | safe }}</p>{% endif %}
+
+                {% if section.type == 'hero' %}
+                    <div class="hero-section" style="background-color: var(--primary-color); color: white;">
+                        <h1>{{ section.title }}</h1>
+                        <p>{{ section.subtitle | replace('\\n', '<br>') | safe }}</p>
+                        {% if section.cta_text and section.cta_link %}
+                            <a href="{{ section.cta_link }}" class="cta-button">{{ section.cta_text }}</a>
+                        {% endif %}
+                        {% if section.image_url %}<img src="{{ section.image_url }}" alt="{{ section.title }}">{% endif %}
+                    </div>
+                {% elif section.type == 'text' %}
                     <div class="text-content">
                         <p>{{ section.content | replace('\\n', '<br>') | safe }}</p>
                     </div>
                 {% elif section.type == 'list' and site_data.data_items %}
-                    <div class="list-grid">
+                    <div class="grid-container">
                         {% for item in site_data.data_items %}
-                            <div class="list-item">
+                            {% if not section.filter_category or item.category == section.filter_category %}
+                            <div class="grid-item">
                                 {% if item.image_url %}<img src="{{ item.image_url }}" alt="{{ item.name }}">{% endif %}
                                 <h3>{{ item.name }}</h3>
                                 <p>{{ item.description | default('') | replace('\\n', '<br>') | safe }}</p>
                                 {% if item.price %}<div class="price">{{ "%.2f"|format(item.price) }}</div>{% endif %}
-                                {% if item.category %}<p style="font-size: 0.8em; color: #999;">Категория: {{ item.category }}</p>{% endif %}
+                                {% if item.category %}<p style="font-size: 0.9em; color: #999;">Категория: {{ item.category }}</p>{% endif %}
                                 {% for key, value in item.fields.items() %}
                                     <p style="font-size: 0.85em; color: #555;"><strong>{{ key|capitalize }}:</strong> {{ value }}</p>
                                 {% endfor %}
                             </div>
+                            {% endif %}
                         {% endfor %}
                     </div>
-                {% elif section.type == 'contact' and site_data.contact_info %}
-                    <div class="contact-section text-content">
-                        {% if site_data.contact_info.email %}<p><strong>Email:</strong> <a href="mailto:{{ site_data.contact_info.email }}">{{ site_data.contact_info.email }}</a></p>{% endif %}
-                        {% if site_data.contact_info.phone %}<p><strong>Телефон:</strong> <a href="tel:{{ site_data.contact_info.phone }}">{{ site_data.contact_info.phone }}</a></p>{% endif %}
-                        {% if site_data.contact_info.address %}<p><strong>Адрес:</strong> {{ site_data.contact_info.address }}</p>{% endif %}
-                        <p>{{ section.content | default('') | replace('\\n', '<br>') | safe }}</p>
+                {% elif section.type == 'features' %}
+                    <div class="grid-container">
+                        {% for item in section.items if section.items else site_data.data_items %}
+                            {% if item.icon or item.name or item.description %}
+                            <div class="grid-item feature-item">
+                                {% if item.icon %}<i class="{{ item.icon }} feature-icon"></i>{% endif %}
+                                <h3>{{ item.name }}</h3>
+                                <p>{{ item.description | default('') | replace('\\n', '<br>') | safe }}</p>
+                            </div>
+                            {% endif %}
+                        {% endfor %}
                     </div>
-                {% elif section.type == 'image_gallery' %}
-                    <div class="list-grid">
-                        {% if section.images %} {# Assuming images can be passed directly in the section object for gallery #}
-                            {% for image_url in section.images %}
-                            <div class="list-item">
-                                <img src="{{ image_url }}" alt="Галерея">
+                {% elif section.type == 'testimonials' %}
+                    <div class="grid-container">
+                        {% for item in site_data.data_items %}
+                            {% if item.author and item.description %}
+                            <div class="grid-item testimonial-item">
+                                {% if item.image_url %}<img src="{{ item.image_url }}" alt="{{ item.author }}">{% endif %}
+                                <p>"{{ item.description | replace('\\n', '<br>') | safe }}"</p>
+                                <div class="author">{{ item.author }}</div>
+                                {% if item.role %}<div class="role">{{ item.role }}</div>{% endif %}
+                            </div>
+                            {% endif %}
+                        {% endfor %}
+                    </div>
+                {% elif section.type == 'pricing' %}
+                    <div class="grid-container">
+                        {% for item in site_data.data_items %}
+                            {% if item.name and item.price %}
+                            <div class="grid-item pricing-plan">
+                                <h3>{{ item.name }}</h3>
+                                <div class="price">{{ "%.2f"|format(item.price) }}</div>
+                                {% if item.description %}
+                                    <ul>
+                                        {% for feature in item.description.split('\\n') %}
+                                            <li>{{ feature }}</li>
+                                        {% endfor %}
+                                    </ul>
+                                {% endif %}
+                                <a href="#" class="cta-button">Выбрать план</a>
+                            </div>
+                            {% endif %}
+                        {% endfor %}
+                    </div>
+                {% elif section.type == 'contact' %}
+                    <div class="contact-section">
+                        {% if section.content %}<p>{{ section.content | replace('\\n', '<br>') | safe }}</p>{% endif %}
+                        <div class="contact-info">
+                            {% if section.email %}<p><strong>Email:</strong> <a href="mailto:{{ section.email }}">{{ section.email }}</a></p>{% endif %}
+                            {% if section.phone %}<p><strong>Телефон:</strong> <a href="tel:{{ section.phone }}">{{ section.phone }}</a></p>{% endif %}
+                            {% if section.address %}<p><strong>Адрес:</strong> {{ section.address }}</p>{% endif %}
+                        </div>
+                        {% if section.form_fields %}
+                            <div class="contact-form">
+                                <form action="#" method="POST" onsubmit="alert('Эта форма только для демонстрации. Отправка данных не реализована.'); return false;">
+                                    {% for field in section.form_fields %}
+                                        <label for="field-{{ loop.index }}">{{ field.label }}:</label>
+                                        {% if field.type == 'textarea' %}
+                                            <textarea id="field-{{ loop.index }}" name="{{ field.label | lower | replace(' ', '_') }}" placeholder="{{ field.label }}" required></textarea>
+                                        {% else %}
+                                            <input type="{{ field.type }}" id="field-{{ loop.index }}" name="{{ field.label | lower | replace(' ', '_') }}" placeholder="{{ field.label }}" required>
+                                        {% endif %}
+                                    {% endfor %}
+                                    <button type="submit">Отправить сообщение</button>
+                                </form>
                             </div>
-                            {% endfor %}
-                        {% else %}
-                            <p style="text-align: center; color: #999;">Галерея изображений пока пуста.</p>
                         {% endif %}
                     </div>
-                    <p>{{ section.content | default('') | replace('\\n', '<br>') | safe }}</p>
+                {% elif section.type == 'image_gallery' and section.images %}
+                    <div class="grid-container">
+                        {% for image_url in section.images %}
+                            <div class="grid-item">
+                                <img src="{{ image_url }}" alt="Галерея">
+                            </div>
+                        {% endfor %}
+                    </div>
                 {% endif %}
             </div>
         {% endfor %}
 
+        {% if site_data.footer_text %}
         <footer>
             <p>{{ site_data.footer_text | default(site_data.site_title + ' © ' + now.year|string + '. Все права защищены.') }}</p>
         </footer>
+        {% endif %}
     </div>
 </body>
 </html>
 """
 
-# --- Flask Маршруты ---
-
 @app.route('/')
 def index():
-    """
-    Главная страница EVA, отображает форму генерации и список сгенерированных сайтов.
-    """
     generated_sites = load_site_metadata()
-    # Сортируем сайты по времени создания (новые сверху) для удобства отображения
     sorted_sites = dict(sorted(generated_sites.items(), key=lambda item: item[1].get('timestamp', ''), reverse=True))
     return render_template_string(index_page_template, generated_sites=sorted_sites)
 
 @app.route('/generate', methods=['POST'])
 def handle_generate():
-    """
-    Обрабатывает запрос на генерацию нового сайта.
-    Вызывает AI для получения JSON-описания сайта, сохраняет его и возвращает ссылку.
-    """
     if 'prompt' not in request.form:
+        flash("Текстовый запрос (промпт) не найден.", 'error')
         return jsonify({"error": "Текстовый запрос (промпт) не найден."}), 400
-
     user_prompt = request.form['prompt']
-
     if not user_prompt or not user_prompt.strip():
+        flash("Текстовый запрос не может быть пустым.", 'error')
         return jsonify({"error": "Текстовый запрос не может быть пустым."}), 400
-
     try:
-        # Получаем JSON-структуру данных сайта от AI
         site_data_json = generate_site_json_from_prompt(user_prompt)
-
         if not site_data_json:
+            flash("Сгенерированные данные сайта пусты.", 'error')
             return jsonify({"error": "Сгенерированные данные сайта пусты."}), 500
-
-        site_id = str(uuid.uuid4()) # Генерируем уникальный ID для нового сайта
+        site_id = str(uuid.uuid4())
         generated_at = datetime.now().strftime('%Y-%m-%d %H:%M:%S')
-
-        # Загружаем текущие метаданные, добавляем новый сайт и сохраняем
         site_metadata = load_site_metadata()
         site_metadata[site_id] = {
             "timestamp": generated_at,
             "ai_generated_data": site_data_json
         }
         save_site_metadata(site_metadata)
-
-        # Формируем URL для доступа к сгенерированному сайту
         site_url = url_for('serve_generated_site', site_id=site_id)
+        flash("Сайт успешно сгенерирован!", 'success')
         return jsonify({"site_url": site_url})
-
     except ValueError as ve:
         logging.error(f"Ошибка генерации (ValueError): {ve}")
+        flash(f"Ошибка генерации: {str(ve)}", 'error')
         return jsonify({"error": str(ve)}), 400
     except Exception as e:
         logging.error(f"Неожиданная ошибка во время генерации сайта: {e}", exc_info=True)
+        flash(f"Внутренняя ошибка сервера при генерации сайта: {e}", 'error')
         return jsonify({"error": f"Внутренняя ошибка сервера при генерации сайта: {e}"}), 500
 
 @app.route('/generated_site/<site_id>')
 def serve_generated_site(site_id):
-    """
-    Отображает динамически сгенерированный сайт по его ID.
-    Загружает JSON-данные сайта и рендерит их с помощью предопределенного шаблона.
-    """
     site_metadata = load_site_metadata()
     site_info = site_metadata.get(site_id)
-
     if not site_info:
         flash(f"Сайт с ID '{site_id}' не найден.", 'error')
         return redirect(url_for('index'))
-
     site_data = site_info.get('ai_generated_data')
     if not site_data:
         flash(f"Данные для сайта с ID '{site_id}' повреждены.", 'error')
         return redirect(url_for('index'))
-
-    # Передаем объект datetime для использования года в футере
     return render_template_string(dynamic_site_template, site_data=site_data, now=datetime.now())
 
 @app.route('/delete_site', methods=['POST'])
 def delete_site():
-    """
-    Удаляет сгенерированный сайт по его ID.
-    """
     site_id_to_delete = request.form.get('site_id')
     if not site_id_to_delete:
         flash("ID сайта для удаления не предоставлен.", 'error')
         return redirect(url_for('index'))
-
     site_metadata = load_site_metadata()
     if site_id_to_delete in site_metadata:
         del site_metadata[site_id_to_delete]
-        save_site_metadata(site_metadata) # Сохраняем изменения и синхронизируем с HF
+        save_site_metadata(site_metadata)
         flash(f"Сайт с ID '{site_id_to_delete}' успешно удален.", 'success')
     else:
         flash(f"Сайт с ID '{site_id_to_delete}' не найден.", 'warning')
-
     return redirect(url_for('index'))
 
-# --- Инициализация и запуск приложения ---
-
 if __name__ == '__main__':
     logging.info("Приложение запускается. Выполняется первоначальная загрузка/скачивание данных...")
-    download_db_from_hf() # Попытка первоначального скачивания файла метаданных
-    load_site_metadata() # Загружаем его (или создаем по умолчанию, если не найден/скачан)
+    download_db_from_hf()
+    load_site_metadata()
     logging.info("Первоначальная загрузка данных завершена.")
 
     if API_KEY_INTERNAL is None: