import React, { useState } from 'react'; import { Send, Heart, TrendingUp, Sparkles, Brain, Crown, Lightbulb, Users } from 'lucide-react'; export default function TelegramArchetypeQuiz() { const [currentQuestion, setCurrentQuestion] = useState(0); const [scores, setScores] = useState({ sage: 0, creator: 0, hero: 0, lover: 0, ruler: 0 }); const [showResult, setShowResult] = useState(false); const [selectedAnswer, setSelectedAnswer] = useState(null); const questions = [ { question: "Какой контент вам нравится создавать больше всего?", answers: [ { text: "Обучающие материалы и экспертные инсайты", type: "sage" }, { text: "Креативный и уникальный контент", type: "creator" }, { text: "Мотивирующие истории и кейсы успеха", type: "hero" }, { text: "Эмоциональные и личные истории", type: "lover" }, { text: "Стратегический контент и аналитику", type: "ruler" } ] }, { question: "Как вы взаимодействуете с вашей аудиторией?", answers: [ { text: "Отвечаю на вопросы, делюсь знаниями", type: "sage" }, { text: "Вдохновляю и показываю новые идеи", type: "creator" }, { text: "Мотивирую на действия и результаты", type: "hero" }, { text: "Создаю теплую атмосферу и близость", type: "lover" }, { text: "Задаю направление и веду за собой", type: "ruler" } ] }, { question: "Какая главная цель вашего Telegram-канала?", answers: [ { text: "Образование и повышение экспертности", type: "sage" }, { text: "Вдохновение и демонстрация возможностей", type: "creator" }, { text: "Мотивация подписчиков к изменениям", type: "hero" }, { text: "Построение доверительных отношений", type: "lover" }, { text: "Позиционирование как лидер индустрии", type: "ruler" } ] }, { question: "Какой стиль подачи вам ближе?", answers: [ { text: "Структурированный, с данными и фактами", type: "sage" }, { text: "Визуальный, яркий и необычный", type: "creator" }, { text: "Динамичный, с призывами к действию", type: "hero" }, { text: "Искренний, эмоциональный и личный", type: "lover" }, { text: "Уверенный, авторитетный, системный", type: "ruler" } ] }, { question: "Что вдохновляет вас создавать контент?", answers: [ { text: "Желание делиться опытом и помогать", type: "sage" }, { text: "Стремление создавать что-то новое", type: "creator" }, { text: "Желание вдохновлять на достижения", type: "hero" }, { text: "Потребность в эмоциональной связи", type: "lover" }, { text: "Стремление влиять и менять индустрию", type: "ruler" } ] } ]; const archetypes = { sage: { title: "МУДРЕЦ", subtitle: "The Sage", description: "Вы — источник знаний и экспертизы. Ваша миссия — просвещать аудиторию и помогать им принимать осознанные решения.", recommendations: [ "Создавайте глубокие аналитические посты с данными и исследованиями", "Запустите серию обучающих материалов или гайдов в формате шаг за шагом", "Проводите Q&A сессии, где делитесь экспертными знаниями", "Используйте нейросети для анализа трендов и создания инфографики", "Создавайте базу знаний из ваших лучших постов для подписчиков" ] }, creator: { title: "ТВОРЕЦ", subtitle: "The Creator", description: "Вы — инноватор и визионер. Ваша сила в создании уникального контента, который выделяется среди шума.", recommendations: [ "Экспериментируйте с форматами: видео, карусели, интерактивный контент", "Используйте нейросети для генерации креативных визуалов и идей", "Создавайте авторские челленджи и марафоны для аудитории", "Разработайте уникальный визуальный стиль вашего канала", "Делитесь закулисьем креативного процесса" ] }, hero: { title: "ГЕРОЙ", subtitle: "The Hero", description: "Вы — мотиватор и вдохновитель. Ваш контент побуждает людей действовать и достигать целей.", recommendations: [ "Публикуйте истории трансформаций и кейсы успеха", "Создавайте челленджи с конкретными действиями и результатами", "Используйте мотивационные посты с четкими CTA", "Автоматизируйте напоминания и мотивационные рассылки через ботов", "Проводите онлайн-марафоны с пошаговым планом действий" ] }, lover: { title: "ЛЮБОВНИК", subtitle: "The Lover", description: "Вы — создатель глубоких связей. Ваша сила в способности создавать эмоциональный резонанс с аудиторией.", recommendations: [ "Делитесь личными историями и уязвимостью", "Создавайте контент, который вызывает эмоции и отклик", "Используйте голосовые сообщения для более близкого контакта", "Запустите закрытое комьюнити для самых вовлеченных подписчиков", "Персонализируйте коммуникацию с помощью нейросетей и чат-ботов" ] }, ruler: { title: "ПРАВИТЕЛЬ", subtitle: "The Ruler", description: "Вы — лидер мнений и стратег. Ваша миссия — задавать направление и стандарты в индустрии.", recommendations: [ "Публикуйте стратегический контент и прогнозы трендов", "Создавайте авторские фреймворки и методологии", "Проводите мастер-классы и закрытые эфиры для избранных", "Используйте нейросети для анализа рынка и конкурентов", "Позиционируйте себя как эксперта через колонки и интервью" ] } }; const handleAnswer = (type) => { setSelectedAnswer(type); setTimeout(() => { setScores(prev => ({ ...prev, [type]: prev[type] + 1 })); if (currentQuestion < questions.length - 1) { setCurrentQuestion(currentQuestion + 1); setSelectedAnswer(null); } else { setShowResult(true); } }, 300); }; const getResult = () => { return Object.keys(scores).reduce((a, b) => scores[a] > scores[b] ? a : b); }; const restartQuiz = () => { setCurrentQuestion(0); setScores({ sage: 0, creator: 0, hero: 0, lover: 0, ruler: 0 }); setShowResult(false); setSelectedAnswer(null); }; if (showResult) { const resultType = getResult(); const result = archetypes[resultType]; return ( ); } const question = questions[currentQuestion]; const progress = ((currentQuestion + 1) / questions.length) * 100; return ( ); }