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

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

export default function PrivacyPage() {
  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">
              <Shield 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="ملفات تعريف الارتباط (Cookies)">
            نستخدم ملفات تعريف الارتباط لتحسين تجربة التصفح وتحليل استخدام الموقع. يمكنك التحكم في إعدادات الكوكيز من متصفحك في أي وقت.
          </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>
  )
}