uzonix.py

import React, { useState } from 'react';
import { Car, Gift, Heart, Users, Calendar, ChevronRight, Award, Sparkles } from 'lucide-react';

const UzAutoPRCampaign = () => {
  const [activeSection, setActiveSection] = useState('main');

  const sections = [
    { id: 'main', title: 'Главная', icon: Car },
    { id: 'press', title: 'Пресс-релиз', icon: Sparkles },
    { id: 'presentation', title: 'Презентация', icon: Users },
    { id: 'promo', title: 'Промо-акции', icon: Gift },
    { id: 'charity', title: 'Благотворительность', icon: Heart },
    { id: 'event', title: 'Ивент', icon: Calendar }
  ];

  const renderContent = () => {
    switch(activeSection) {
      case 'main':
        return (
          <div className="space-y-8">
            <div className="text-center">
              <h1 className="text-5xl font-bold text-blue-900 mb-4">UzAuto Motors</h1>
              <p className="text-2xl text-gray-600 mb-2">Презентует</p>
              <h2 className="text-4xl font-bold text-blue-600 mb-6">Chevrolet Onix Plus 2025</h2>
              <div className="bg-gradient-to-r from-blue-500 to-blue-700 text-white py-3 px-6 rounded-full inline-block">
                "Новая эра комфорта и технологий"
              </div>
            </div>
            
            <div className="grid grid-cols-1 md:grid-cols-3 gap-6 mt-12">
              <div className="bg-blue-50 p-6 rounded-lg text-center">
                <Award className="w-12 h-12 text-blue-600 mx-auto mb-4" />
                <h3 className="font-bold text-lg mb-2">Улучшенный дизайн</h3>
                <p className="text-gray-600">Современный экстерьер и премиальный интерьер</p>
              </div>
              <div className="bg-blue-50 p-6 rounded-lg text-center">
                <Sparkles className="w-12 h-12 text-blue-600 mx-auto mb-4" />
                <h3 className="font-bold text-lg mb-2">Новые технологии</h3>
                <p className="text-gray-600">Мультимедиа система с экраном 10.1"</p>
              </div>
              <div className="bg-blue-50 p-6 rounded-lg text-center">
                <Car className="w-12 h-12 text-blue-600 mx-auto mb-4" />
                <h3 className="font-bold text-lg mb-2">Экономичность</h3>
                <p className="text-gray-600">Расход топлива от 5.8 л/100км</p>
              </div>
            </div>
          </div>
        );

      case 'press':
        return (
          <div className="max-w-4xl mx-auto">
            <div className="bg-white p-8 rounded-lg shadow-lg">
              <div className="border-b-4 border-blue-600 pb-4 mb-6">
                <h2 className="text-3xl font-bold text-gray-900">ПРЕСС-РЕЛИЗ</h2>
                <p className="text-gray-600 mt-2">Для немедленной публикации</p>
              </div>

              <h3 className="text-2xl font-bold text-blue-900 mb-4">
                UzAuto Motors представляет обновленный Chevrolet Onix Plus 2025
              </h3>

              <p className="text-sm text-gray-500 mb-6">Ташкент, 15 января 2025 года</p>

              <div className="space-y-4 text-gray-700">
                <p className="leading-relaxed">
                  <strong>UzAuto Motors</strong>, ведущий автопроизводитель Узбекистана, с гордостью объявляет о старте производства 
                  обновленного седана <strong>Chevrolet Onix Plus 2025</strong>. Новая модель воплощает передовые технологии, 
                  современный дизайн и доступность для узбекистанских семей.
                </p>

                <h4 className="font-bold text-lg text-blue-900 mt-6">Ключевые особенности:</h4>
                <ul className="list-disc pl-6 space-y-2">
                  <li>Обновленный экстерьер с LED-оптикой и новой решеткой радиатора</li>
                  <li>Мультимедийная система MyLink с 10.1" сенсорным экраном</li>
                  <li>Поддержка Apple CarPlay и Android Auto</li>
                  <li>Система помощи при парковке с камерой заднего вида</li>
                  <li>Улучшенная шумоизоляция салона</li>
                  <li>Экономичный двигатель 1.2L с мощностью 90 л.с.</li>
                </ul>

                <p className="leading-relaxed mt-6">
                  <em>"Chevrolet Onix Plus 2025 — это результат нашего стремления предложить узбекистанцам автомобиль, 
                  сочетающий качество, комфорт и доступность. Мы учли пожелания наших клиентов и внедрили 
                  технологии, которые делают каждую поездку приятной и безопасной"</em>, — отметил Умид Абдукаримов, 
                  Генеральный директор UzAuto Motors.
                </p>

                <div className="bg-blue-50 p-6 rounded-lg mt-6">
                  <h4 className="font-bold text-lg mb-3">Цены и комплектации:</h4>
                  <div className="space-y-2">
                    <p>• Базовая комплектация: от 195 000 000 сум</p>
                    <p>• Комплектация Comfort: от 215 000 000 сум</p>
                    <p>• Комплектация Premium: от 235 000 000 сум</p>
                  </div>
                </div>

                <p className="text-sm text-gray-600 mt-8 pt-6 border-t">
                  <strong>Контакты для СМИ:</strong><br />
                  Пресс-служба UzAuto Motors<br />
                  Телефон: +998 71 200 00 00<br />
                  Email: press@uzautomotors.uz
                </p>
              </div>
            </div>
          </div>
        );

      case 'presentation':
        return (
          <div className="max-w-5xl mx-auto">
            <div className="bg-gradient-to-br from-blue-900 to-blue-700 text-white p-8 rounded-lg mb-6">
              <h2 className="text-3xl font-bold mb-4">Презентация для VIP-гостей</h2>
              <p className="text-xl">Эксклюзивный показ новинки • 20 января 2025 • Hyatt Regency Tashkent</p>
            </div>

            <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
              <div className="bg-white p-6 rounded-lg shadow-lg">
                <Users className="w-10 h-10 text-blue-600 mb-4" />
                <h3 className="text-xl font-bold mb-4">Программа мероприятия</h3>
                <div className="space-y-3 text-gray-700">
                  <div className="flex justify-between border-b pb-2">
                    <span className="font-semibold">18:00</span>
                    <span>Регистрация гостей, Welcome drink</span>
                  </div>
                  <div className="flex justify-between border-b pb-2">
                    <span className="font-semibold">18:30</span>
                    <span>Приветственное слово</span>
                  </div>
                  <div className="flex justify-between border-b pb-2">
                    <span className="font-semibold">18:45</span>
                    <span>Презентация Onix Plus 2025</span>
                  </div>
                  <div className="flex justify-between border-b pb-2">
                    <span className="font-semibold">19:15</span>
                    <span>Тест-драйв для гостей</span>
                  </div>
                  <div className="flex justify-between border-b pb-2">
                    <span className="font-semibold">20:00</span>
                    <span>Торжественный ужин</span>
                  </div>
                  <div className="flex justify-between">
                    <span className="font-semibold">21:00</span>
                    <span>Концертная программа</span>
                  </div>
                </div>
              </div>

              <div className="space-y-6">
                <div className="bg-white p-6 rounded-lg shadow-lg">
                  <Gift className="w-10 h-10 text-blue-600 mb-4" />
                  <h3 className="text-xl font-bold mb-4">Для приглашенных гостей</h3>
                  <ul className="space-y-2 text-gray-700">
                    <li className="flex items-start">
                      <ChevronRight className="w-5 h-5 text-blue-600 mr-2 mt-1" />
                      <span>Эксклюзивная брошюра с техническими характеристиками</span>
                    </li>
                    <li className="flex items-start">
                      <ChevronRight className="w-5 h-5 text-blue-600 mr-2 mt-1" />
                      <span>Сертификат на первый тест-драйв</span>
                    </li>
                    <li className="flex items-start">
                      <ChevronRight className="w-5 h-5 text-blue-600 mr-2 mt-1" />
                      <span>Подарочный набор UzAuto Motors</span>
                    </li>
                    <li className="flex items-start">
                      <ChevronRight className="w-5 h-5 text-blue-600 mr-2 mt-1" />
                      <span>Специальные условия при покупке</span>
                    </li>
                  </ul>
                </div>

                <div className="bg-blue-50 p-6 rounded-lg">
                  <h4 className="font-bold mb-3">Дресс-код</h4>
                  <p className="text-gray-700">Business Formal</p>
                </div>
              </div>
            </div>
          </div>
        );

      case 'promo':
        return (
          <div className="max-w-6xl mx-auto">
            <h2 className="text-3xl font-bold text-center text-blue-900 mb-8">Промо-акции и розыгрыши</h2>
            
            <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
              <div className="bg-gradient-to-br from-yellow-400 to-orange-500 text-white p-8 rounded-lg shadow-xl">
                <Gift className="w-16 h-16 mb-4" />
                <h3 className="text-2xl font-bold mb-4">Акция "Первые 100"</h3>
                <p className="mb-4">Первые 100 покупателей получают:</p>
                <ul className="space-y-2">
                  <li>✓ Бесплатное ТО на 1 год</li>
                  <li>✓ Комплект зимней резины</li>
                  <li>✓ Расширенная гарантия до 5 лет</li>
                  <li>✓ Страховка КАСКО со скидкой 30%</li>
                </ul>
                <div className="mt-6 bg-white text-orange-600 font-bold py-3 px-6 rounded-full text-center">
                  Экономия до 25 000 000 сум
                </div>
              </div>

              <div className="bg-gradient-to-br from-blue-500 to-purple-600 text-white p-8 rounded-lg shadow-xl">
                <Sparkles className="w-16 h-16 mb-4" />
                <h3 className="text-2xl font-bold mb-4">Розыгрыш "Onix Мечты"</h3>
                <p className="mb-4">При покупке любого автомобиля участвуйте в розыгрыше:</p>
                <ul className="space-y-2">
                  <li>🏆 Главный приз: Chevrolet Onix Plus Premium</li>
                  <li>🎁 2-е место: Путевка на двоих в Дубай</li>
                  <li>🎁 3-е место: iPhone 15 Pro Max</li>
                  <li>🎁 10 утешительных призов</li>
                </ul>
                <div className="mt-6 bg-white text-purple-600 font-bold py-3 px-6 rounded-full text-center">
                  Розыгрыш 1 марта 2025
                </div>
              </div>

              <div className="bg-gradient-to-br from-green-500 to-teal-600 text-white p-8 rounded-lg shadow-xl">
                <Award className="w-16 h-16 mb-4" />
                <h3 className="text-2xl font-bold mb-4">Trade-in с выгодой</h3>
                <p className="mb-4">Обменяйте свой старый автомобиль:</p>
                <ul className="space-y-2">
                  <li>✓ Оценка за 30 минут</li>
                  <li>✓ Доплата до 20 000 000 сум</li>
                  <li>✓ Юридическая чистота сделки</li>
                  <li>✓ Помощь с кредитом 0%</li>
                </ul>
              </div>

              <div className="bg-gradient-to-br from-red-500 to-pink-600 text-white p-8 rounded-lg shadow-xl">
                <Heart className="w-16 h-16 mb-4" />
                <h3 className="text-2xl font-bold mb-4">Программа лояльности</h3>
                <p className="mb-4">Для постоянных клиентов:</p>
                <ul className="space-y-2">
                  <li>✓ Накопительная скидка до 10%</li>
                  <li>✓ Приоритетное обслуживание</li>
                  <li>✓ Бонусы за рекомендации</li>
                  <li>✓ Эксклюзивные предложения</li>
                </ul>
              </div>
            </div>
          </div>
        );

      case 'charity':
        return (
          <div className="max-w-4xl mx-auto">
            <div className="text-center mb-8">
              <Heart className="w-20 h-20 text-red-500 mx-auto mb-4" />
              <h2 className="text-3xl font-bold text-gray-900 mb-4">Благотворительная программа</h2>
              <p className="text-xl text-gray-600">"Вместе к лучшему будущему"</p>
            </div>

            <div className="space-y-6">
              <div className="bg-white p-8 rounded-lg shadow-lg border-l-4 border-red-500">
                <h3 className="text-2xl font-bold text-gray-900 mb-4">Поддержка детских домов</h3>
                <p className="text-gray-700 mb-4">
                  От продажи каждого Chevrolet Onix Plus 2025 компания UzAuto Motors перечисляет 
                  <strong className="text-red-600"> 500 000 сум</strong> на поддержку детских домов Узбекистана.
                </p>
                <div className="bg-red-50 p-4 rounded">
                  <p className="font-semibold mb-2">Планы программы:</p>
                  <ul className="space-y-1 text-gray-700">
                    <li>• Обеспечение школьными принадлежностями</li>
                    <li>• Организация культурных мероприятий</li>
                    <li>• Спортивный инвентарь и оборудование</li>
                    <li>• Профориентационные программы</li>
                  </ul>
                </div>
              </div>

              <div className="bg-white p-8 rounded-lg shadow-lg border-l-4 border-green-500">
                <h3 className="text-2xl font-bold text-gray-900 mb-4">Экологическая инициатива</h3>
                <p className="text-gray-700 mb-4">
                  Программа "Зеленый Узбекистан" — посадка 10 деревьев за каждый проданный автомобиль.
                </p>
                <div className="bg-green-50 p-4 rounded">
                  <p className="font-semibold mb-2">Наши достижения:</p>
                  <div className="grid grid-cols-2 gap-4 text-center mt-4">
                    <div>
                      <p className="text-3xl font-bold text-green-600">50 000+</p>
                      <p className="text-sm text-gray-600">Деревьев посажено</p>
                    </div>
                    <div>
                      <p className="text-3xl font-bold text-green-600">12</p>
                      <p className="text-sm text-gray-600">Регионов охвачено</p>
                    </div>
                  </div>
                </div>
              </div>

              <div className="bg-white p-8 rounded-lg shadow-lg border-l-4 border-blue-500">
                <h3 className="text-2xl font-bold text-gray-900 mb-4">Спонсорство спорта</h3>
                <p className="text-gray-700 mb-4">
                  UzAuto Motors становится генеральным спонсором молодежной футбольной лиги Узбекистана.
                </p>
                <div className="bg-blue-50 p-4 rounded">
                  <ul className="space-y-2 text-gray-700">
                    <li>• Финансирование 20 региональных команд</li>
                    <li>• Организация турниров и тренировочных сборов</li>
                    <li>• Стипендии для талантливых спортсменов</li>
                    <li>• Предоставление транспорта для команд</li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        );

      case 'event':
        return (
          <div className="max-w-6xl mx-auto">
            <div className="bg-gradient-to-r from-purple-600 to-blue-600 text-white p-8 rounded-lg mb-8">
              <Calendar className="w-16 h-16 mb-4" />
              <h2 className="text-4xl font-bold mb-4">Грандиозный запуск</h2>
              <p className="text-2xl">Chevrolet Onix Plus 2025 • Национальное событие года</p>
            </div>

            <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
              <div className="bg-white p-6 rounded-lg shadow-lg">
                <h3 className="text-2xl font-bold text-gray-900 mb-4">Главное событие</h3>
                <div className="space-y-4">
                  <div className="border-l-4 border-purple-600 pl-4">
                    <p className="font-bold text-lg">Дата и место</p>
                    <p className="text-gray-600">25 января 2025, Площадь Мустакиллик, Ташкент</p>
                  </div>
                  <div className="border-l-4 border-purple-600 pl-4">
                    <p className="font-bold text-lg">Время</p>
                    <p className="text-gray-600">16:00 - 22:00</p>
                  </div>
                  <div className="border-l-4 border-purple-600 pl-4">
                    <p className="font-bold text-lg">Ожидаемое количество гостей</p>
                    <p className="text-gray-600">Более 5000 человек</p>
                  </div>
                </div>
              </div>

              <div className="bg-white p-6 rounded-lg shadow-lg">
                <h3 className="text-2xl font-bold text-gray-900 mb-4">Программа</h3>
                <div className="space-y-3">
                  <div className="flex items-start">
                    <div className="bg-purple-100 text-purple-700 font-bold px-3 py-1 rounded mr-3">16:00</div>
                    <div>
                      <p className="font-semibold">Открытие фан-зоны</p>
                      <p className="text-sm text-gray-600">Фуд-корты, развлечения, выставка</p>
                    </div>
                  </div>
                  <div className="flex items-start">
                    <div className="bg-purple-100 text-purple-700 font-bold px-3 py-1 rounded mr-3">18:00</div>
                    <div>
                      <p className="font-semibold">Официальная презентация</p>
                      <p className="text-sm text-gray-600">Выступление руководства, показ модели</p>
                    </div>
                  </div>
                  <div className="flex items-start">
                    <div className="bg-purple-100 text-purple-700 font-bold px-3 py-1 rounded mr-3">19:00</div>
                    <div>
                      <p className="font-semibold">Концерт звезд</p>
                      <p className="text-sm text-gray-600">Шахзода, Скриптонит, Jony</p>
                    </div>
                  </div>
                  <div className="flex items-start">
                    <div className="bg-purple-100 text-purple-700 font-bold px-3 py-1 rounded mr-3">21:00</div>
                    <div>
                      <p className="font-semibold">Грандиозный розыгрыш</p>
                      <p className="text-sm text-gray-600">Автомобиль и призы</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div className="mt-6 grid grid-cols-1 md:grid-cols-3 gap-6">
              <div className="bg-gradient-to-br from-blue-500 to-blue-600 text-white p-6 rounded-lg">
                <Car className="w-12 h-12 mb-4" />
                <h4 className="text-xl font-bold mb-2">Тест-драйв зона</h4>
                <p>Профессиональная трасса для испытания всех возможностей автомобиля</p>
              </div>
              
              <div className="bg-gradient-to-br from-purple-500 to-purple-600 text-white p-6 rounded-lg">
                <Users className="w-12 h-12 mb-4" />
                <h4 className="text-xl font-bold mb-2">Детская зона</h4>
                <p>Аниматоры, аттракционы, мастер-классы для всей семьи</p>
              </div>
              
              <div className="bg-gradient-to-br from-pink-500 to-pink-600 text-white p-6 rounded-lg">
                <Gift className="w-12 h-12 mb-4" />
                <h4 className="text-xl font-bold mb-2">Призы каждый час</h4>
                <p>Фирменная продукция, гаджеты, сертификаты на покупку</p>
              </div>
            </div>

            <div className="mt-6 bg-yellow-50 border-2 border-yellow-400 p-6 rounded-lg">
              <h4 className="text-xl font-bold text-gray-900 mb-3">Специальные предложения на событии:</h4>
              <ul className="space-y-2 text-gray-700">
                <li>✓ Скидка 10% при покупке в день мероприятия</li>
                <li>✓ Подарочный сертификат на ТО на 50 000 км</li>
                <li>✓ Бесплатная установка сигнализации</li>
                <li>✓ Кредит без первоначального взноса</li>
              </ul>
            </div>
          </div>
        );

      default:
        return null;
    }
  };

  return (
    <div className="min-h-screen bg-gradient-to-br from-blue-50 to-gray-100">
      <div className="container mx-auto px-4 py-8">
        <div className="bg-white rounded-lg shadow-xl overflow-hidden">
          <div className="flex flex-wrap border-b">
            {sections.map((section) => {
              const Icon = section.icon;
              return (
                <button
                  key={section.id}
                  onClick={() => setActiveSection(section.id)}
                  className={`flex items-center px-6 py-4 transition-all ${
                    activeSection === section.id
                      ? 'bg-blue-600 text-white border-b-4 border-blue-800'
                      : 'bg-gray-50 text-gray-600 hover:bg-gray-100'
                  }`}
                >
                  <Icon className="w-5 h-5 mr-2" />
                  <span className="font-semibold">{section.title}</span>
                </button>
              );
            })}
          </div>

          <div className="p-8">
            {renderContent()}
          </div>
        </div>

        <div className="mt-8 text-center text-gray-600">
          <p className="text-sm">© 2025 UzAuto Motors. Все права защищены.</p>
          <p className="text-xs mt-2">Ташкент, Республика Узбекистан • www.uzautomotors.uz</p>
        </div>
      </div>
    </div>
  );
};

export default UzAutoPRCampaign;