import Link from 'next/link'
import { ArrowLeft, Scale } from 'lucide-react'

export const metadata = { title: 'الشروط والأحكام - عقار ديزاين', description: 'شروط وأحكام استخدام منصة عقار ديزاين' }

export default function TermsPage() {
  return (
    <div className="min-h-screen bg-gray-50" dir="rtl">
      <div className="bg-gradient-to-br from-blue-600 to-blue-800 text-white">
        <div className="container mx-auto px-4 py-16">
          <Link href="/" className="inline-flex items-center gap-2 text-blue-200 hover:text-white mb-6 transition-colors">
            <ArrowLeft className="w-4 h-4 rotate-180" /> العودة للرئيسية
          </Link>
          <h1 className="text-3xl sm:text-4xl font-bold mb-4">الشروط والأحكام</h1>
          <p className="text-blue-100 text-lg">قواعد استخدام منصة عقار ديزاين</p>
        </div>
      </div>

      <div className="container mx-auto px-4 py-12 max-w-3xl">
        <div className="bg-white rounded-2xl p-8 shadow-sm border border-gray-100 space-y-6">
          <div className="flex items-center gap-3 mb-8">
            <div className="w-12 h-12 bg-blue-100 rounded-xl flex items-center justify-center">
              <Scale className="w-6 h-6 text-blue-600" />
            </div>
            <div>
              <h2 className="text-xl font-bold text-gray-900">شروط الاستخدام</h2>
              <p className="text-sm text-gray-500">آخر تحديث: يناير 2026</p>
            </div>
          </div>

          <Section title="القبول بالشروط">
            باستخدامك لمنصة عقار ديزاين، فإنك توافق على الالتزام بهذه الشروط والأحكام. إذا كنت لا توافق على أي جزء من هذه الشروط، يجب عليك التوقف عن استخدام المنصة.
          </Section>

          <Section title="حسابات المستخدمين">
            أنت مسؤول عن الحفاظ على سرية معلومات حسابك وكلمة المرور. يجب عليك إبلاغنا فوراً عن أي استخدام غير مصرح به لحسابك. نتحمل الحق في إلغاء أي حساب يخالف هذه الشروط.
          </Section>

          <Section title="المحتوى والإعلانات">
            يتم تقديم العقارات والإعلانات من قبل وكلاء عقاريين وأصحاب عقارات. نحن لا نضمن دقة المعلومات المقدمة. يتحمل المعلن المسؤولية الكاملة عن صحة بيانات عقاره.
          </Section>

          <Section title="المعاملات">
            عقار ديزاين هي منصة للربط بين البائعين والمشترين، ولا تشارك مباشرة في المعاملات العقارية. جميع الاتفاقات والمدفوعات تتم بين الأطراف المعنية مباشرة.
          </Section>

          <Section title="الملكية الفكرية">
            جميع المحتويات المعروضة على المنصة، بما في ذلك التصميم والنصوص والصور والرسومات، هي ملك لعقار ديزاين أو مرخصة لها، ومحمية بموجب قوانين الملكية الفكرية.
          </Section>

          <Section title="الحد من المسؤولية">
            لا تتحمل عقار ديزاين أي مسؤولية عن الأضرار المباشرة أو غير المباشرة الناتجة عن استخدام المنصة أو عدم القدرة على استخدامها.
          </Section>

          <Section title="تعديل الشروط">
            نحتفظ بالحق في تعديل هذه الشروط في أي وقت. سيتم إشعار المستخدمين بالتغييرات الجوهرية عبر البريد الإلكتروني أو من خلال إشعار على المنصة.
          </Section>

          <Section title="القانون المطبق">
            تخضع هذه الشروط للقوانين المغربية. في حالة وجود أي نزاع، يتم حله أمام المحاكم المختصة في الدار البيضاء، المغرب.
          </Section>

          <Section title="اتصل بنا">
            للاستفسارات المتعلقة بهذه الشروط، يرجى التواصل معنا عبر <Link href="/contact" className="text-blue-600 hover:underline">صفحة الاتصال</Link>.
          </Section>
        </div>
      </div>
    </div>
  )
}

function Section({ title, children }: { title: string; children: React.ReactNode }) {
  return (
    <div>
      <h3 className="text-lg font-bold text-gray-900 mb-2">{title}</h3>
      <p className="text-gray-600 leading-relaxed">{children}</p>
    </div>
  )
}