"use client";

import Link from 'next/link';

export default function PrivacyPage() {
  return (
    <div className="min-h-screen bg-[#F3F4F6] text-gray-900 antialiased py-8 px-4">
      <div className="max-w-[550px] mx-auto bg-white rounded-[32px] shadow-sm overflow-hidden p-8 md:p-12">
        
        {/* ЗАГОЛОВОК */}
        <div className="mb-10 text-center">
          <h1 className="text-2xl font-black uppercase tracking-tight">Политика конфиденциальности</h1>
          <div className="h-1 w-12 bg-gray-200 mx-auto mt-4"></div>
          <p className="text-xs text-gray-400 mt-4">
            Дата вступления в силу: 01.01.2026
          </p>
        </div>

        <div className="space-y-8 text-[15px] leading-relaxed text-gray-600">
          
          {/* ИНФОРМАЦИЯ ОБ ОПЕРАТОРЕ */}
          <section>
            <h2 className="font-bold text-gray-900 text-lg mb-3">Оператор</h2>
            <div className="bg-purple-50 p-5 rounded-2xl space-y-2 text-sm">
              <p><strong>ООО «Вэллвэй Солюшнс»</strong></p>
              <p>УНП: 291839005</p>
              <p>Юридический адрес: 225750, Брестская область, Пинский р-н, д.Галево, ул. Пинская, 7-1, Республика Беларусь</p>
              <p>E-mail: wellway1982@gmail.com</p>
              <p>Тел.: +375 (29) 804 34 17</p>
            </div>
          </section>

          {/* ОБЩИЕ ПОЛОЖЕНИЯ */}
          <section>
            <h2 className="font-bold text-gray-900 text-lg mb-2">1. Общие положения</h2>
            <p>
              Настоящая Политика конфиденциальности разработана в соответствии с Законом 
              Республики Беларусь от 07.05.2021 № 99-З «О защите персональных данных» 
              и описывает принципы работы сайта wellway.by.
            </p>
            <p className="mt-3 font-semibold text-gray-800">
              Важно: Мы не собираем, не храним и не обрабатываем персональные данные пользователей на наших серверах.
            </p>
          </section>

          {/* ПРИНЦИП РАБОТЫ */}
          <section>
            <h2 className="font-bold text-gray-900 text-lg mb-2">2. Принцип работы сайта</h2>
            <p className="mb-3">
              Сайт wellway.by работает полностью на стороне пользователя. Все данные обрабатываются 
              исключительно в браузере пользователя и не передаются на наши серверы.
            </p>
            
            <div className="bg-green-50 border-l-4 border-green-400 p-5 rounded-lg mt-4">
              <p className="font-semibold text-gray-800 mb-2">Как это работает:</p>
              <ul className="space-y-2 ml-4 list-disc text-sm">
                <li>Вы вводите данные в формы на сайте</li>
                <li>Данные сохраняются только в вашем браузере (localStorage)</li>
                <li>Данные не отправляются на наши серверы</li>
                <li>Данные не хранятся в наших базах данных</li>
                <li>Администрация сайта не имеет доступа к этим данным</li>
              </ul>
            </div>
          </section>

          {/* ДАННЫЕ В БРАУЗЕРЕ */}
          <section>
            <h2 className="font-bold text-gray-900 text-lg mb-2">3. Данные в браузере пользователя</h2>
            <p className="mb-3">
              Сайт может сохранять введённые пользователем данные локально в браузере для корректной работы сервиса:
            </p>
            
            <div className="space-y-3">
              <div className="bg-gray-50 p-4 rounded-xl">
                <p className="font-semibold text-gray-800 mb-2">Что сохраняется в браузере:</p>
                <ul className="space-y-1 ml-4 list-disc text-sm">
                  <li>Ответы на вопросы теста</li>
                  <li>Выбранный тариф</li>
                  <li>Прогресс прохождения квиза</li>
                  <li>Настройки интерфейса</li>
                </ul>
              </div>

              <div className="bg-yellow-50 border-l-4 border-yellow-400 p-4 rounded-lg">
                <p className="font-semibold text-gray-800 mb-2">Важно:</p>
                <ul className="space-y-1 ml-4 list-disc text-sm">
                  <li>Эти данные хранятся ТОЛЬКО в вашем браузере</li>
                  <li>Они не передаются на наши серверы</li>
                  <li>Они не доступны администрации сайта</li>
                  <li>Вы можете удалить их в любой момент через настройки браузера</li>
                </ul>
              </div>
            </div>
          </section>

          {/* COOKIE */}
          <section>
            <h2 className="font-bold text-gray-900 text-lg mb-2">4. Cookie и локальное хранилище</h2>
            <p className="mb-3">
              Сайт использует cookie и локальное хранилище браузера (localStorage) исключительно для:
            </p>
            <ul className="space-y-1 ml-4 list-disc">
              <li>Сохранения прогресса прохождения теста</li>
              <li>Запоминания выбранного тарифа</li>
              <li>Определения валюты по IP-адресу</li>
              <li>Обеспечения корректной работы интерфейса</li>
            </ul>
            <p className="mt-3 text-sm">
              Cookie и данные localStorage хранятся только в вашем браузере и не передаются третьим лицам.
            </p>
          </section>

          {/* ПЛАТЕЖИ */}
          <section>
            <h2 className="font-bold text-gray-900 text-lg mb-2">5. Обработка платежей</h2>
            <p className="mb-3">
              Оплата услуг осуществляется через платёжную систему WebPay. При оплате:
            </p>
            <ul className="space-y-1 ml-4 list-disc">
              <li>Данные банковской карты вводятся на защищённой странице WebPay</li>
              <li>Мы не получаем и не храним данные ваших карт</li>
              <li>WebPay обрабатывает платежи в соответствии со своей политикой конфиденциальности</li>
              <li>Подробная информация доступна на сайте <a href="https://www.webpay.by" target="_blank" rel="noopener noreferrer" className="text-purple-600 hover:underline">www.webpay.by</a></li>
            </ul>
          </section>

          {/* ПЕРЕДАЧА ТРЕТЬИМ ЛИЦАМ */}
          <section>
            <h2 className="font-bold text-gray-900 text-lg mb-2">6. Передача данных третьим лицам</h2>
            <p>
              Поскольку мы не собираем и не храним персональные данные пользователей, 
              мы не передаём данные третьим лицам.
            </p>
            <p className="mt-3">
              Исключение: платёжная система WebPay обрабатывает данные банковских карт 
              непосредственно при совершении платежа.
            </p>
          </section>

          {/* БЕЗОПАСНОСТЬ */}
          <section>
            <h2 className="font-bold text-gray-900 text-lg mb-2">7. Безопасность</h2>
            <p>
              Сайт использует защищённое соединение по протоколу HTTPS/TLS для обеспечения 
              безопасности передачи данных между вашим браузером и сайтом.
            </p>
          </section>

          {/* ПРАВА ПОЛЬЗОВАТЕЛЯ */}
          <section>
            <h2 className="font-bold text-gray-900 text-lg mb-2">8. Права пользователя</h2>
            <p className="mb-3">
              В соответствии с Законом Республики Беларусь № 99-З «О защите персональных данных», 
              пользователь имеет право:
            </p>
            <ul className="space-y-1 ml-4 list-disc">
              <li>Получать информацию об обработке своих данных</li>
              <li>Требовать удаления данных из браузера</li>
              <li>Отозвать согласие на использование cookie</li>
              <li>Обжаловать действия оператора в уполномоченный орган</li>
            </ul>
            <p className="mt-3">
              Для удаления данных из браузера используйте настройки вашего браузера 
              (раздел "Очистить данные сайта" или "Удалить cookie").
            </p>
          </section>

          {/* ИЗМЕНЕНИЯ */}
          <section>
            <h2 className="font-bold text-gray-900 text-lg mb-2">9. Изменения политики</h2>
            <p>
              Мы оставляем за собой право обновлять настоящую Политику конфиденциальности. 
              Актуальная версия всегда доступна на этой странице.
            </p>
          </section>

          {/* КОНТАКТЫ */}
          <section>
            <h2 className="font-bold text-gray-900 text-lg mb-2">10. Контакты</h2>
            <div className="bg-purple-50 p-5 rounded-2xl space-y-2 text-sm">
              <p>По всем вопросам обращайтесь:</p>
              <p><strong>ООО «Вэллвэй Солюшнс»</strong></p>
              <p>E-mail: <a href="mailto:wellway1982@gmail.com" className="text-purple-600 hover:underline">wellway1982@gmail.com</a></p>
              <p>Тел.: <a href="tel:+375298043417" className="text-purple-600 hover:underline">+375 (29) 804 34 17</a></p>
              <p>Адрес: 225750, Брестская обл., Пинский р-н, д.Галево, ул. Пинская, 7-1, Республика Беларусь</p>
            </div>
          </section>

        </div>

        {/* КНОПКА НАЗАД */}
        <div className="mt-12 pt-8 border-t border-gray-100 flex justify-center">
          <Link href="/" className="flex items-center gap-2 text-gray-400 hover:text-gray-900 font-bold uppercase text-xs tracking-[0.1em] transition-colors">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
              <path d="M19 12H5M12 19l-7-7 7-7"/>
            </svg>
            Вернуться на главную
          </Link>
        </div>

      </div>
    </div>
  );
}