faq, privacy-policy and about page complated
This commit is contained in:
Samandar Turgunboyev
369
src/features/privacy-policy/ui/PrivacyPlicy.tsx
Normal file
369
src/features/privacy-policy/ui/PrivacyPlicy.tsx
Normal file
@@ -0,0 +1,369 @@
|
||||
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;
|
||||
Reference in New Issue
Block a user