import type { Metadata } from 'next'

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

export default function DeliveryPage() {
  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="prose max-w-none text-gray-700 space-y-4">
                <p>
                  Доставка товару не входить в його вартість і розраховується нашими логістами. Ми з радістю та безкоштовно
                  допоможемо Вам підібрати попутний транспорт по системі довантаження, оскільки на сьогодні це найбільш доступний
                  спосіб перевезень габаритних вантажів.
                </p>
                <p>
                  Починаючи з 2001 року з нашим підприємством співпрацюють десятки Диспетчерів та водіїв по всій Україні.
                  При такій базі автотранспорту організація доставки займає 1-2 дні. Працюємо лише з перевіреними перевізниками.
                  Конструкції прибувають "до дверей" замовника вже в зібраному вигляді.
                </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="border rounded-lg p-6">
                  <div className="flex items-start space-x-4">
                    <div className="w-12 h-12 bg-primary-100 rounded-full flex items-center justify-center flex-shrink-0">
                      <svg className="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
                      </svg>
                    </div>
                    <div className="flex-1">
                      <h3 className="text-lg font-semibold text-gray-900">Самовивіз зі складу</h3>
                      <p className="text-gray-600 mt-1">
                        Безкоштовно. Адреса: {process.env.NEXT_PUBLIC_ADDRESS}. Графік роботи: {process.env.NEXT_PUBLIC_WORKING_HOURS}.
                      </p>
                      <div className="mt-2 text-sm text-primary-600 font-medium">
                        Вартість: Безкоштовно
                      </div>
                    </div>
                  </div>
                </div>

                <div className="border rounded-lg p-6">
                  <div className="flex items-start space-x-4">
                    <div className="w-12 h-12 bg-primary-100 rounded-full flex items-center justify-center flex-shrink-0">
                      <svg className="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 7v8a2 2 0 002 2h6M8 7V5a2 2 0 012-2h4.586a1 1 0 01.707.293l4.414 4.414a1 1 0 01.293.707V7M8 7H6a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2v-2" />
                      </svg>
                    </div>
                    <div className="flex-1">
                      <h3 className="text-lg font-semibold text-gray-900">Доставка по Україні</h3>
                      <p className="text-gray-600 mt-1">
                        Доставка транспортними компаніями по всій Україні. Термін доставки 1-2 дні. Конструкції доставляються в зібраному вигляді.
                      </p>
                      <div className="mt-2 text-sm text-primary-600 font-medium">
                        Вартість: розраховується логістами залежно від відстані та габаритів
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}