import type { Metadata } from 'next'

export const metadata: Metadata = {
  title: 'Правила - Modul Construction - МОДУЛЬНІ СПОРУДИ',
  description: 'Правила користування сайтом та умови співпраці.',
}

export default function RulesPage() {
  return (
    <div className="min-h-screen bg-gray-50 py-12">
      <div className="container mx-auto px-4 max-w-4xl">
        <h1 className="text-4xl font-bold text-gray-900 mb-8 text-center">
          Правила та умови
        </h1>

        <div className="bg-white rounded-lg shadow-md p-8">
          <div className="space-y-8">
            <div>
              <h2 className="text-2xl font-semibold text-gray-900 mb-4">
                Загальні положення
              </h2>
              <div className="text-gray-600 space-y-4">
                <p>
                  Ці правила регулюють відносини між ТОВ "Modul Construction - МОДУЛЬНІ СПОРУДИ" (далі - "Компанія")
                  та клієнтами (фізичними та юридичними особами), які використовують послуги Компанії.
                </p>
                <p>
                  Використовуючи наш сайт та послуги, ви автоматично погоджуєтесь з цими правилами.
                  Якщо ви не згодні з будь-якими умовами, будь ласка, не використовуйте наші послуги.
                </p>
              </div>
            </div>

            <div className="border-t pt-8">
              <h2 className="text-2xl font-semibold text-gray-900 mb-4">
                Правила замовлення
              </h2>
              <div className="space-y-4">
                <div className="flex items-start space-x-3">
                  <span className="w-2 h-2 bg-primary-600 rounded-full mt-2 flex-shrink-0"></span>
                  <p className="text-gray-600">
                    <strong>Замовлення через сайт:</strong> Для оформлення замовлення заповніть форму на сторінці товару
                    або зателефонуйте за вказаними номерами.
                  </p>
                </div>
                <div className="flex items-start space-x-3">
                  <span className="w-2 h-2 bg-primary-600 rounded-full mt-2 flex-shrink-0"></span>
                  <p className="text-gray-600">
                    <strong>Підтвердження замовлення:</strong> Після оформлення замовлення наш менеджер зв'яжеться
                    з вами для підтвердження деталей.
                  </p>
                </div>
                <div className="flex items-start space-x-3">
                  <span className="w-2 h-2 bg-primary-600 rounded-full mt-2 flex-shrink-0"></span>
                  <p className="text-gray-600">
                    <strong>Зміна замовлення:</strong> Зміни до замовлення можна внести до моменту його відправлення.
                    Після відправлення зміни неможливі.
                  </p>
                </div>
              </div>
            </div>

            <div className="border-t pt-8">
              <h2 className="text-2xl font-semibold text-gray-900 mb-4">
                Повернення та обмін
              </h2>
              <div className="space-y-4">
                <div className="flex items-start space-x-3">
                  <span className="w-2 h-2 bg-primary-600 rounded-full mt-2 flex-shrink-0"></span>
                  <p className="text-gray-600">
                    <strong>Повернення товару:</strong> Товар належної якості можна повернути протягом 14 днів
                    за умови збереження товарного вигляду та упаковки.
                  </p>
                </div>
                <div className="flex items-start space-x-3">
                  <span className="w-2 h-2 bg-primary-600 rounded-full mt-2 flex-shrink-0"></span>
                  <p className="text-gray-600">
                    <strong>Обмін товару:</strong> Обмін товару можливий протягом 7 днів за умови наявності
                    аналогічного товару на складі.
                  </p>
                </div>
                <div className="flex items-start space-x-3">
                  <span className="w-2 h-2 bg-primary-600 rounded-full mt-2 flex-shrink-0"></span>
                  <p className="text-gray-600">
                    <strong>Повернення коштів:</strong> Повернення коштів здійснюється протягом 3-5 банківських днів
                    після отримання товару на наш склад.
                  </p>
                </div>
              </div>
            </div>

            <div className="border-t pt-8">
              <h2 className="text-2xl font-semibold text-gray-900 mb-4">
                Гарантії
              </h2>
              <div className="space-y-4">
                <div className="flex items-start space-x-3">
                  <span className="w-2 h-2 bg-primary-600 rounded-full mt-2 flex-shrink-0"></span>
                  <p className="text-gray-600">
                    <strong>Гарантія якості:</strong> Всі товари відповідають встановленим стандартам якості
                    та мають відповідні сертифікати.
                  </p>
                </div>
                <div className="flex items-start space-x-3">
                  <span className="w-2 h-2 bg-primary-600 rounded-full mt-2 flex-shrink-0"></span>
                  <p className="text-gray-600">
                    <strong>Відповідальність:</strong> Компанія не несе відповідальності за неправильне використання
                    товарів клієнтом.
                  </p>
                </div>
                <div className="flex items-start space-x-3">
                  <span className="w-2 h-2 bg-primary-600 rounded-full mt-2 flex-shrink-0"></span>
                  <p className="text-gray-600">
                    <strong>Конфіденційність:</strong> Всі персональні дані клієнтів захищені відповідно до
                    законодавства України про захист персональних даних.
                  </p>
                </div>
              </div>
            </div>

            <div className="border-t pt-8">
              <h2 className="text-2xl font-semibold text-gray-900 mb-4">
                Контактна інформація
              </h2>
              <div className="bg-gray-50 rounded-lg p-6">
                <div className="grid md:grid-cols-2 gap-6">
                  <div>
                    <h3 className="font-semibold text-gray-900 mb-2">Телефони:</h3>
                    <p className="text-gray-600">
                    +380(67)-318-72-31 <br/>
                    +380 (97) 492 60 83 <br/>
                    +380 (66) 083 91 52
                    </p>
                  </div>
                  <div>
                    <h3 className="font-semibold text-gray-900 mb-2">Email:</h3>
                    <p className="text-gray-600">
                      {process.env.NEXT_PUBLIC_EMAIL}
                    </p>
                  </div>
                </div>
                <div className="mt-4">
                  <h3 className="font-semibold text-gray-900 mb-2">Адреса:</h3>
                  <p className="text-gray-600">
                    {process.env.NEXT_PUBLIC_ADDRESS}
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}