"use client";

import Link from 'next/link';

export default function TermsPage() {
  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>
        </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>
              <p>Режим работы: Пн-Пт 9:00-18:00</p>
            </div>
          </section>

          {/* ОПИСАНИЕ УСЛУГ */}
          <section>
            <h2 className="font-bold text-gray-900 text-lg mb-3">1. Описание услуг</h2>
            <p className="mb-3">
              Мы предоставляем персонализированные планы питания и сопровождение для достижения ваших целей в области здорового образа жизни.
            </p>

            <div className="space-y-4">
              <div className="bg-gray-50 p-5 rounded-xl">
                <h3 className="font-bold text-gray-800 mb-2">Тариф "Старт" (План питания на неделю)</h3>
                 <ul className="space-y-1 ml-4 list-disc text-sm">
                  <li>Уникальное Меню</li>
                  <li>Удобный Режим</li>
                  <li>Список Продуктов</li>
                </ul>
              </div>

              <div className="bg-purple-50 p-5 rounded-xl border-2 border-purple-200">
                <h3 className="font-bold text-gray-800 mb-2">Тариф "Максимум" (Расширенный план на месяц)</h3>
                <ul className="space-y-1 ml-4 list-disc text-sm">
                  <li>Все услуги тарифа "Старт"</li>
                  <li>Лайфстайл-советы</li>
                  <li>Трекер воды</li>
                  <li>Трекер веса и объёмов</li>
                  <li>ПП рецепты</li>
                </ul>
              </div>
            </div>

            <p className="mt-4 text-sm font-semibold text-gray-800">
              Цены указаны в белорусских рублях (BYN).
            </p>
          </section>

          {/* ПРОЦЕДУРА ЗАКАЗА */}
          <section>
            <h2 className="font-bold text-gray-900 text-lg mb-3">2. Процедура заказа</h2>
            <div className="bg-purple-50 p-5 rounded-xl">
              <ol className="list-decimal pl-6 space-y-2 text-sm">
                <li>Пройдите тест для составления персонального плана</li>
                <li>Выберите подходящий тариф</li>
                <li>Введите контактные данные</li>
                <li>Оплатите заказ банковской картой</li>
                <li>Получите доступ к персональному плану</li>
              </ol>
            </div>
          </section>

          {/* ОПЛАТА */}
          <section>
            <h2 className="font-bold text-gray-900 text-lg mb-3">3. Оплата</h2>
            <p className="mb-3">
              Оплата осуществляется банковской картой через систему{' '}
              <a href="https://www.webpay.by" target="_blank" rel="noopener noreferrer" className="text-purple-600 hover:underline font-semibold">
                WebPay
              </a>.
            </p>
            
            <div className="bg-yellow-50 border-l-4 border-yellow-400 p-5 rounded-lg mb-4">
              <p className="text-sm font-semibold">
                Безопасный сервер WEBPAY устанавливает шифрованное соединение по защищенному протоколу TLS 
                и конфиденциально принимает от клиента данные его платёжной карты 
                (номер карты, имя держателя, дату окончания действия, и контрольный номер банковской карточке CVC/CVC2).
              </p>
            </div>

            <p className="text-sm mb-3">
              После совершения оплаты с использованием банковской карты необходимо сохранять 
              полученные карт-чеки (подтверждения об оплате) для сверки с выпиской из карт-счёта 
              (с целью подтверждения совершённых операций в случае возникновения спорных ситуаций).
            </p>

            <p className="text-sm">
              В случае, если Вы не получили заказ (не оказана услуга), Вам необходимо обратиться 
              в службу технической поддержки по телефонам <strong>+375 (29) 804 34 17</strong> или 
              e-mail <strong>wellway1982@gmail.com</strong>. Менеджеры Вас проконсультируют.
            </p>
          </section>

          {/* ВОЗВРАТ СРЕДСТВ */}
          <section>
            <h2 className="font-bold text-gray-900 text-lg mb-3">4. Возврат денежных средств</h2>
            <p className="mb-3">
              При оплате банковской платежной картой возврат денежных средств осуществляется 
              на карточку, с которой была произведена оплата.
            </p>
            <p className="text-sm">
              Возврат осуществляется в течение 30 рабочих дней с момента получения заявления от клиента.
            </p>
          </section>

          {/* ОТМЕНА ЗАКАЗА */}
          <section>
            <h2 className="font-bold text-gray-900 text-lg mb-3">5. Отмена заказа</h2>
            <p className="mb-3">
              Отмена заказа возможна до начала оказания услуги по тел. <strong>+375 (29) 804 34 17</strong> или 
              e-mail <strong>wellway1982@gmail.com</strong>.
            </p>
            <p className="text-sm">
              После начала оказания услуги отмена заказа невозможна.
            </p>
          </section>

          {/* СОГЛАСИЕ НА COOKIE */}
          <section>
            <h2 className="font-bold text-gray-900 text-lg mb-3">6. Согласие на использование cookie</h2>
            <p className="text-gray-900 font-medium text-center mb-3">
              Используя данный сайт, пользователь соглашается с использованием cookie и локального хранения данных в браузере для корректной работы сервиса.
            </p>

            <div className="space-y-4">
              <div>
                <h3 className="font-bold text-gray-800 mb-2">Использование технологий</h3>
                <p className="mb-2">Для обеспечения стабильной работы генератора и сохранения вашего прогресса сайт использует:</p>
                <ul className="space-y-2 ml-4 list-disc text-sm">
                  <li><b>Cookie-файлы:</b> необходимы для технических настроек сессии.</li>
                  <li><b>Local Storage:</b> используется для хранения введенных вами параметров и результатов квиза.</li>
                </ul>
              </div>

              <div>
                <h3 className="font-bold text-gray-800 mb-2">Отказ от использования</h3>
                <p className="text-sm">
                  Если вы не согласны с использованием данных технологий, вы можете прекратить использование сайта 
                  или отключить поддержку cookie и локального хранилища в настройках вашего браузера. 
                  Однако в этом случае корректная работа квиза не гарантируется.
                </p>
              </div>

              <div>
                <h3 className="font-bold text-gray-800 mb-2">Условия сервиса</h3>
                <p className="text-sm">
                  Сервис предоставляется «как есть». Администрация не несет ответственности за сохранность данных 
                  при очистке кэша пользователем или при использовании режима «Инкогнито».
                </p>
              </div>
            </div>
          </section>

          {/* ДАТА ОБНОВЛЕНИЯ */}
          <div className="text-xs text-gray-400 pt-4 text-center">
            Последнее обновление: Июль 2026
          </div>

        </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>
  );
}