import { useState, useEffect } from 'react'; export default function App() { const [activeTab, setActiveTab] = useState(0); const [activeFaq, setActiveFaq] = useState(null); // Sample testimonials data const testimonials = [ { name: "Анна", role: "CEO онлайн-школы подготовки к ЕГЭ", content: "Мы вышли на рынок EdTech с нуля и получили лицензию за 27 дней. Проверка прошла без единого запроса", avatar: "https://placehold.co/100x100 " }, { name: "Максим", role: "Руководитель корпоративного университета", content: "Экосистема “под ключ”: лицензия + платформа + обучение сотрудников — всё в одном договоре", avatar: "https://placehold.co/100x100 " } ]; // Package data const packages = [ { name: "Базовый", duration: "6 нед.", price: "75 000 ₽", features: [ "1 программа", "Подача документов", "3 мес. сопровождения" ] }, { name: "Экспресс20", duration: "≤ 20 дн.", price: "140 000 ₽", features: [ "Лицензия за 4 недели", "Платформа + год хостинга", "Штраф 0,2 %/день" ], popular: true }, { name: "Развитие", duration: "6 нед.", price: "200 000 ₽", features: [ "До 3 программ", "12 мес. сопровождения", "Раздел «Сведения…»" ] }, { name: "Корпоративный", duration: "8 нед.+", price: "600 000 ₽", features: [ "Неограниченно программ", "Интеграция 1С/Битрикс24", "Аудит ИБ" ] } ]; // FAQ data const faqs = [ { question: "Сколько стоит госпошлина?", answer: "7 500 ₽ для юрлиц, 3 500 ₽ для ИП." }, { question: "Могут ли продлить срок рассмотрения?", answer: "Да, но мы закладываем резерв; финансовая ответственность за сроки закреплена договором." }, { question: "Какие документы нужны?", answer: "Учредительные, сведения о кадрах, УМК, договор аренды; подробный чек-лист приходит после анкеты." }, { question: "Интегрируется ли платформа с 1С и Битрикс24?", answer: "В пакете «Корпоративный» интеграция заложена по умолчанию." } ]; // Toggle FAQ const toggleFaq = (index) => { setActiveFaq(activeFaq === index ? null : index); }; // Scroll animation useEffect(() => { const observer = new IntersectionObserver( (entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('animate-fade-in'); } }); }, { threshold: 0.1 } ); document.querySelectorAll('.scroll-reveal').forEach(el => { observer.observe(el); }); return () => observer.disconnect(); }, []); return ( ); }