{% extends "base_public.html" %}

{% block title %}EmotionAnalyzer — Анализ эмоций в тексте и голосе{% endblock %}

{% block content %}
<div class="main-container">

    <!-- Hero-секция -->
    <section class="hero">
        <div class="hero-content">
            <h1 class="hero-title">EmotionAnalyzer</h1>
            <p class="hero-subtitle">
                ИИ-платформа для глубокого анализа эмоционального состояния по тексту и голосу. Всё просто — введите сообщение или запишите аудио!
            </p>
            <div class="cta-buttons">
                {% if not current_user.is_authenticated %}
                <a href="{{ url_for('auth_bp.register') }}" class="btn-primary">Начать бесплатно</a>
                <a href="{{ url_for('auth_bp.login') }}" class="btn-secondary">Войти</a>
                {% else %}
                <a href="{{ url_for('index') }}" class="btn-primary">Перейти к анализу</a>
                {% endif %}
            </div>
        </div>
    </section>

    <!-- Особенности -->
    <section class="features">
        <h2 class="section-title">Что умеет EmotionAnalyzer</h2>
        <div class="features-grid">

            <!-- Текстовый анализ -->
            <div class="feature-card">
                <i class="fas fa-comment-dots feature-icon text"></i>
                <h3>Эмоции в тексте</h3>
                <p>Анализируйте эмоции в сообщениях, письмах, соцсетях. Распознаём: радость, грусть, страх, злобу, удивление, отвращение.</p>
            </div>

            <!-- Голосовой анализ -->
            <div class="feature-card">
                <i class="fas fa-microphone feature-icon voice"></i>
                <h3>Голос и интонация</h3>
                <p>Анализ эмоций по аудиозаписям: выявление интонационных паттернов и эмоционального фона по голосу.</p>
            </div>

            <!-- Визуализация -->
            <div class="feature-card">
                <i class="fas fa-chart-line feature-icon chart"></i>
                <h3>Графики и отчёты</h3>
                <p>Просматривайте результаты в виде диаграмм, сравнивайте эмоции в динамике, экспортируйте PDF-отчёты.</p>
            </div>

            <!-- Пользовательский опыт -->
            <div class="feature-card">
                <i class="fas fa-brain feature-icon ai"></i>
                <h3>ИИ с обучением</h3>
                <p>Нейросеть адаптируется под ваши данные и стиль общения для ещё более точного анализа эмоций.</p>
            </div>
        </div>
    </section>

    <!-- Ценности -->
    <section class="values">
        <h2 class="section-title">Почему выбирают нас</h2>
        <div class="advantages-grid">
            <div class="advantage-card">
                <i class="fas fa-lock icon-primary"></i>
                <h4>Конфиденциальность</h4>
                <p>Все данные защищены. Ничего не хранится без вашего разрешения.</p>
            </div>
            <div class="advantage-card">
                <i class="fas fa-rocket icon-success"></i>
                <h4>Быстрота</h4>
                <p>Результаты анализа — уже через 2 секунды после отправки.</p>
            </div>
            <div class="advantage-card">
                <i class="fas fa-globe icon-info"></i>
                <h4>Доступ отовсюду</h4>
                <p>Работает на телефоне, планшете, ноутбуке. Без установки.</p>
            </div>
        </div>
    </section>

    <!-- CTA -->
    <section class="cta-final">
        <div class="cta-final-content">
            <h2>Попробуйте EmotionAnalyzer прямо сейчас</h2>
            <p>Быстрый, точный и удобный анализ эмоций в одном клике</p>
            {% if not current_user.is_authenticated %}
            <a href="{{ url_for('auth_bp.register') }}" class="btn-primary btn-lg">Создать аккаунт</a>
            {% else %}
            <a href="{{ url_for('index') }}" class="btn-primary btn-lg">Начать анализ</a>
            {% endif %}
        </div>
    </section>

</div>
{% endblock %}