src/components/Features.tsx

import React from 'react';

const Features: React.FC = () => {
  return (
    <section id="features">
      <div className="section-container animate-on-scroll">
        <div className="section-label">Чему вы научитесь</div>
        <div className="section-title">Навыки, которые изменят<br/>вашу жизнь</div>
        <div className="section-desc">За неделю интенсивного обучения вы освоите инструменты, которые экономят десятки часов работы ежемесячно</div>

        <div className="features-grid">
          <div className="feature-card-tech">
            <div className="tech-grid-overlay"></div>
            <div className="feature-icon icon-1">✍️</div>
            <h3>Генерация текстов</h3>
            <p>Научитесь писать промпты, создавать контент, письма, статьи и презентации с помощью ChatGPT и Claude за минуты</p>
          </div>
          <div className="feature-card-tech">
            <div className="tech-grid-overlay"></div>
            <div className="feature-icon icon-2">🎨</div>
            <h3>Создание изображений</h3>
            <p>Освоите Midjourney, DALL-E, Stable Diffusion - от идеи до готового визуала для соцсетей и бизнеса</p>
          </div>
          <div className="feature-card-tech">
            <div className="tech-grid-overlay"></div>
            <div className="feature-icon icon-3">🎬</div>
            <h3>Генерация видео</h3>
            <p>Создавайте видеоконтент с помощью Runway, Sora и других инструментов без навыков видеомонтажа</p>
          </div>
          <div className="feature-card-tech">
            <div className="tech-grid-overlay"></div>
            <div className="feature-icon icon-4">⚡</div>
            <h3>Автоматизация</h3>
            <p>Настройте автоматические воронки, обработку данных и отчёты с помощью n8n, Make и AI-агентов</p>
          </div>
          <div className="feature-card-tech">
            <div className="tech-grid-overlay"></div>
            <div className="feature-icon icon-5">🤖</div>
            <h3>AI-ассистенты</h3>
            <p>Создайте персонального ИИ-помощника для рутинных задач - от ответов на почту до ведения календаря</p>
          </div>
          <div className="feature-card-tech">
            <div className="tech-grid-overlay"></div>
            <div className="feature-icon icon-6">📊</div>
            <h3>Аналитика данных</h3>
            <p>Анализируйте данные, создавайте отчёты и принимайте решения на основе ИИ-инсайтов</p>
          </div>
        </div>
      </div>
    </section>
  );
};

export default Features;