import { Card, CardContent } from '@/shared/ui/card';
import { Database, Eye, FileText, Lock, Shield, UserCheck } from 'lucide-react';

const PrivacyPolicy = () => {
  return (
    <main className="min-h-screen bg-background">
      {/* Hero Section */}
      <section className="relative py-20 px-4 bg-gradient-to-b from-primary/5 to-background">
        <div className="container mx-auto max-w-4xl text-center">
          <div className="inline-flex items-center justify-center w-16 h-16 rounded-full bg-primary/10 mb-6">
            <Shield className="w-8 h-8 text-primary" />
          </div>
          <h1 className="text-4xl md:text-5xl font-bold mb-4 text-balance">
            Maxfiylik Siyosati
          </h1>
          <p className="text-lg text-muted-foreground max-w-2xl mx-auto">
            {`Gastro Market sizning ma'lumotlaringiz xavfsizligini jiddiy qabul
            qiladi`}
          </p>
          <p className="text-sm text-muted-foreground mt-4">
            Oxirgi yangilanish: 16 Dekabr 2025
          </p>
        </div>
      </section>

      {/* Main Content */}
      <section className="py-16 px-4">
        <div className="container mx-auto max-w-4xl">
          {/* Introduction */}
          <div className="prose prose-lg max-w-none mb-12">
            <p className="text-muted-foreground leading-relaxed">
              {`Ushbu Maxfiylik Siyosati Gastro Market online magazinida siz
              tomonidan taqdim etilgan shaxsiy ma'lumotlarni qanday to'playmiz,
              ishlatamiz va himoya qilishimizni tushuntiradi. Xizmatlarimizdan
              foydalanish orqali siz ushbu siyosatda tasvirlangan amaliyotlarga
              rozilik bildirasiz.`}
            </p>
          </div>

          {/* Sections */}
          <div className="space-y-8">
            {/* Section 1 */}
            <Card className="border-l-4 border-l-primary">
              <CardContent className="pt-6">
                <div className="flex items-start gap-4">
                  <div className="flex-shrink-0">
                    <div className="w-12 h-12 rounded-lg bg-primary/10 flex items-center justify-center">
                      <Database className="w-6 h-6 text-primary" />
                    </div>
                  </div>
                  <div className="flex-1">
                    <h2 className="text-2xl font-bold mb-4">
                      {"1. Biz To'playdigan Ma'lumotlar"}
                    </h2>
                    <div className="space-y-3 text-muted-foreground">
                      <p className="leading-relaxed">
                        {`Sizning tajribangizni yaxshilash uchun biz quyidagi
                        ma'lumotlarni to'playmiz:`}
                      </p>
                      <ul className="space-y-2 ml-6 list-disc">
                        <li>
                          <strong>{`Shaxsiy Ma'lumotlar`}:</strong> Ism, email
                          manzil, telefon raqami
                        </li>
                        <li>
                          <strong>{"Kompaniya Ma'lumotlari"}:</strong> Kompaniya
                          nomi, website, hamkorlik {"so'rovlari"}
                        </li>
                        <li>
                          <strong>Fayllar:</strong> Hamkorlik uchun yuklangan
                          hujjatlar
                        </li>
                        <li>
                          <strong>{"Texnik Ma'lumotlar"}:</strong> IP manzil,
                          brauzer turi, qurilma {"ma'lumotlari"}
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </CardContent>
            </Card>

            {/* Section 2 */}
            <Card className="border-l-4 border-l-accent">
              <CardContent className="pt-6">
                <div className="flex items-start gap-4">
                  <div className="flex-shrink-0">
                    <div className="w-12 h-12 rounded-lg bg-accent/10 flex items-center justify-center">
                      <Eye className="w-6 h-6 text-accent" />
                    </div>
                  </div>
                  <div className="flex-1">
                    <h2 className="text-2xl font-bold mb-4">
                      2. {"Ma'lumotlardan Foydalanish"}
                    </h2>
                    <div className="space-y-3 text-muted-foreground">
                      <p className="leading-relaxed">
                        {`To'plangan ma'lumotlaringizdan quyidagi maqsadlarda
                        foydalanamiz:`}
                      </p>
                      <ul className="space-y-2 ml-6 list-disc">
                        <li>
                          {
                            "Hamkorlik so'rovlarini qayta ishlash va javob berish"
                          }
                        </li>
                        <li>
                          {`Sizga xizmatlarimiz va yangiliklar haqida ma'lumot
                            berish`}
                        </li>
                        <li>
                          {`Sayt xavfsizligini ta'minlash va firibgarlikka qarshi
                          kurashish`}
                        </li>
                        <li>
                          Foydalanuvchi tajribasini tahlil qilish va yaxshilash
                        </li>
                        <li>Qonuniy talablarni bajarish</li>
                      </ul>
                    </div>
                  </div>
                </div>
              </CardContent>
            </Card>

            {/* Section 3 */}
            <Card className="border-l-4 border-l-chart-2">
              <CardContent className="pt-6">
                <div className="flex items-start gap-4">
                  <div className="flex-shrink-0">
                    <div className="w-12 h-12 rounded-lg bg-chart-2/10 flex items-center justify-center">
                      <Lock className="w-6 h-6 text-chart-2" />
                    </div>
                  </div>
                  <div className="flex-1">
                    <h2 className="text-2xl font-bold mb-4">
                      3. {"Ma'lumotlar Xavfsizligi"}
                    </h2>
                    <div className="space-y-3 text-muted-foreground">
                      <p className="leading-relaxed">
                        {`Biz sizning shaxsiy ma'lumotlaringizni himoya qilish
                        uchun zamonaviy xavfsizlik choralarini qo'llaymiz:`}
                      </p>
                      <ul className="space-y-2 ml-6 list-disc">
                        <li>
                          {"SSL/TLS shifrlash orqali ma'lumotlar uzatish"}
                        </li>
                        <li>
                          {"Xavfsiz serverlar va ma'lumotlar bazasida saqlash"}
                        </li>
                        <li>Cheklangan kirish huquqlari va autentifikatsiya</li>
                        <li>Doimiy xavfsizlik monitoringi va yangilanishlar</li>
                      </ul>
                    </div>
                  </div>
                </div>
              </CardContent>
            </Card>

            {/* Section 4 */}
            <Card className="border-l-4 border-l-chart-3">
              <CardContent className="pt-6">
                <div className="flex items-start gap-4">
                  <div className="flex-shrink-0">
                    <div className="w-12 h-12 rounded-lg bg-chart-3/10 flex items-center justify-center">
                      <FileText className="w-6 h-6 text-chart-3" />
                    </div>
                  </div>
                  <div className="flex-1">
                    <h2 className="text-2xl font-bold mb-4">
                      {"4. Ma'lumotlarni Ulashish"}
                    </h2>
                    <div className="space-y-3 text-muted-foreground">
                      <p className="leading-relaxed">
                        {`Biz sizning shaxsiy ma'lumotlaringizni uchinchi
                        shaxslarga sotmaymiz. Ma'lumotlaringiz faqat quyidagi
                        hollarda ulashilishi mumkin:`}
                      </p>
                      <ul className="space-y-2 ml-6 list-disc">
                        <li>Sizning roziligingiz bilan</li>
                        <li>{"Qonuniy talablar bo'yicha"}</li>
                        <li>
                          {`Xizmat ko'rsatuvchi ishonchli hamkorlar bilan
                          (maxfiylik shartnomalari ostida)`}
                        </li>
                        <li>Kompaniya birlashuvi yoki sotilishi holatida</li>
                      </ul>
                    </div>
                  </div>
                </div>
              </CardContent>
            </Card>

            {/* Section 5 */}
            <Card className="border-l-4 border-l-chart-4">
              <CardContent className="pt-6">
                <div className="flex items-start gap-4">
                  <div className="flex-shrink-0">
                    <div className="w-12 h-12 rounded-lg bg-chart-4/10 flex items-center justify-center">
                      <UserCheck className="w-6 h-6 text-chart-4" />
                    </div>
                  </div>
                  <div className="flex-1">
                    <h2 className="text-2xl font-bold mb-4">
                      5. Sizning Huquqlaringiz
                    </h2>
                    <div className="space-y-3 text-muted-foreground">
                      <p className="leading-relaxed">
                        Sizda quyidagi huquqlar mavjud:
                      </p>
                      <ul className="space-y-2 ml-6 list-disc">
                        <li>
                          <strong>Kirish Huquqi:</strong> {"O'zingiz haqidagi"}
                          {"ma'lumotlarni ko'rish"}
                        </li>
                        <li>
                          <strong>Tuzatish Huquqi:</strong>{' '}
                          {`Noto'g'ri
                          ma'lumotlarni tuzatish`}
                        </li>
                        <li>
                          <strong>{"O'chirish Huquqi"}:</strong>{' '}
                          {`Ma'lumotlaringizni
                          o'chirishni so'rash`}
                        </li>
                        <li>
                          <strong>Rad Etish Huquqi:</strong> Marketing
                          xabarlaridan voz kechish
                        </li>
                        <li>
                          <strong>Portativlik:</strong>{' '}
                          {`Ma'lumotlaringizni
                          boshqa joyga ko'chirish`}
                        </li>
                      </ul>
                      <p className="mt-4 leading-relaxed">
                        Ushbu huquqlardan foydalanish uchun biz bilan{' '}
                        <a
                          href="mailto:info@gastromarket.uz"
                          className="text-primary hover:underline"
                        >
                          info@gastromarket.uz
                        </a>{' '}
                        {"orqali bog'laning."}
                      </p>
                    </div>
                  </div>
                </div>
              </CardContent>
            </Card>

            {/* Section 6 - Cookies */}
            <Card>
              <CardContent className="pt-6">
                <h2 className="text-2xl font-bold mb-4">
                  6. Cookies va Kuzatish Texnologiyalari
                </h2>
                <div className="space-y-3 text-muted-foreground">
                  <p className="leading-relaxed">
                    {`Saytimiz cookies va shunga o'xshash texnologiyalardan
                    foydalanadi. Ulardan foydalanish maqsadi:`}
                  </p>
                  <ul className="space-y-2 ml-6 list-disc">
                    <li>Siz tanlagan parametrlarni eslab qolish</li>
                    <li>
                      Sayt traffic va foydalanuvchi xatti-harakatlarini tahlil
                      qilish
                    </li>
                    <li>
                      {"Marketing kampaniyalarining samaradorligini o'lchash"}
                    </li>
                  </ul>
                  <p className="mt-4 leading-relaxed">
                    Brauzer sozlamalaridan cookies-ni boshqarishingiz mumkin.
                  </p>
                </div>
              </CardContent>
            </Card>

            {/* Section 7 - Children */}
            <Card>
              <CardContent className="pt-6">
                <h2 className="text-2xl font-bold mb-4">
                  7. Bolalar Maxfiyligi
                </h2>
                <p className="text-muted-foreground leading-relaxed">
                  {`Bizning xizmatlarimiz 16 yoshdan kichik bolalarga
                  mo'ljallanmagan. Agar siz 16 yoshdan kichik bo'lsangiz,
                  iltimos, shaxsiy ma'lumotlaringizni taqdim etishdan oldin
                  ota-onangiz yoki vasiyingizning roziligini oling.`}
                </p>
              </CardContent>
            </Card>

            {/* Section 8 - Changes */}
            <Card>
              <CardContent className="pt-6">
                <h2 className="text-2xl font-bold mb-4">
                  8. {"Siyosatdagi O'zgarishlar"}
                </h2>
                <p className="text-muted-foreground leading-relaxed">
                  {`Biz vaqti-vaqti bilan ushbu Maxfiylik Siyosatini yangilashimiz
                  mumkin. Barcha o'zgarishlar ushbu sahifada e'lon qilinadi va
                  yuqorida "Oxirgi yangilanish" sanasi ko'rsatiladi. Muhim
                  o'zgarishlar bo'lsa, sizni email orqali xabardor qilamiz.`}
                </p>
              </CardContent>
            </Card>

            {/* Contact Section */}
            <Card className="bg-primary/5 border-primary/20">
              <CardContent className="pt-6">
                <h2 className="text-2xl font-bold mb-4">
                  9. {"Biz Bilan Bog'lanish"}
                </h2>
                <p className="text-muted-foreground leading-relaxed mb-4">
                  {`Ushbu Maxfiylik Siyosati yoki shaxsiy ma'lumotlaringiz haqida
                  savollaringiz bo'lsa, biz bilan bog'laning:`}
                </p>
                <div className="space-y-2 text-muted-foreground">
                  <p>
                    <strong>Email:</strong>{' '}
                    <a
                      href="mailto:privacy@gastromarket.uz"
                      className="text-primary hover:underline"
                    >
                      privacy@gastromarket.uz
                    </a>
                  </p>
                  <p>
                    <strong>Telefon:</strong>{' '}
                    <a
                      href="tel:+998901234567"
                      className="text-primary hover:underline"
                    >
                      +998 90 123 45 67
                    </a>
                  </p>
                  <p>
                    <strong>Manzil:</strong> {"Toshkent, O'zbekiston"}
                  </p>
                </div>
              </CardContent>
            </Card>
          </div>
        </div>
      </section>

      {/* Bottom CTA */}
      <section className="py-16 px-4 bg-muted/30">
        <div className="container mx-auto max-w-4xl text-center">
          <h2 className="text-3xl font-bold mb-4">Savollaringiz Bormi?</h2>
          <p className="text-muted-foreground mb-6 max-w-2xl mx-auto">
            {`Maxfiylik siyosati yoki ma'lumotlaringiz xavfsizligi haqida
            qo'shimcha ma'lumot olish uchun bizga murojaat qiling.`}
          </p>
          <a
            href="mailto:privacy@gastromarket.uz"
            className="inline-flex items-center justify-center px-6 py-3 bg-primary text-primary-foreground rounded-lg hover:bg-primary/90 transition-colors font-medium"
          >
            {"Biz Bilan Bog'laning"}
          </a>
        </div>
      </section>
    </main>
  );
};
export default PrivacyPolicy;