import { Shield } from 'lucide-react';
import StaticPage from './StaticPage';

const PrivacyPolicy = () => {
    return (
        <StaticPage title="Chính Sách Bảo Mật" icon={Shield} iconColor="text-blue-400">
            <section>
                <h2 className="text-xl font-bold text-white mb-3 flex items-center gap-2">
                    <span className="w-1.5 h-6 bg-orange-500 rounded-full inline-block"></span>
                    1. Thông Tin Chúng Tôi Thu Thập
                </h2>
                <p className="text-gray-400">
                    Khi bạn sử dụng dịch vụ của chúng tôi, chúng tôi có thể thu thập các thông tin sau:
                </p>
                <ul className="mt-3 space-y-2 text-gray-400 list-none">
                    {[
                        'Thông tin tài khoản: tên đăng nhập, địa chỉ email, số điện thoại.',
                        'Thông tin giao dịch: lịch sử nạp tiền, lịch sử mua hàng.',
                        'Thông tin thiết bị: địa chỉ IP, loại trình duyệt, hệ điều hành.',
                    ].map((item, i) => (
                        <li key={i} className="flex items-start gap-2">
                            <span className="w-1.5 h-1.5 rounded-full bg-orange-500 mt-2 shrink-0"></span>
                            {item}
                        </li>
                    ))}
                </ul>
            </section>

            <hr className="border-gray-700" />

            <section>
                <h2 className="text-xl font-bold text-white mb-3 flex items-center gap-2">
                    <span className="w-1.5 h-6 bg-orange-500 rounded-full inline-block"></span>
                    2. Mục Đích Sử Dụng Thông Tin
                </h2>
                <p className="text-gray-400">Thông tin của bạn được sử dụng để:</p>
                <ul className="mt-3 space-y-2 text-gray-400">
                    {[
                        'Xác thực danh tính và bảo mật tài khoản.',
                        'Xử lý các giao dịch nạp tiền và mua hàng.',
                        'Gửi thông báo quan trọng liên quan đến tài khoản.',
                        'Cải thiện chất lượng dịch vụ và trải nghiệm người dùng.',
                        'Hỗ trợ khách hàng khi cần thiết.',
                    ].map((item, i) => (
                        <li key={i} className="flex items-start gap-2">
                            <span className="w-1.5 h-1.5 rounded-full bg-blue-400 mt-2 shrink-0"></span>
                            {item}
                        </li>
                    ))}
                </ul>
            </section>

            <hr className="border-gray-700" />

            <section>
                <h2 className="text-xl font-bold text-white mb-3 flex items-center gap-2">
                    <span className="w-1.5 h-6 bg-orange-500 rounded-full inline-block"></span>
                    3. Bảo Vệ Thông Tin Cá Nhân
                </h2>
                <p className="text-gray-400">
                    Chúng tôi áp dụng các biện pháp bảo mật kỹ thuật và tổ chức để bảo vệ thông tin cá nhân của bạn khỏi
                    truy cập trái phép, mất mát hoặc tiết lộ. Mật khẩu được mã hóa bằng thuật toán bcrypt, và dữ liệu
                    được truyền qua kết nối HTTPS an toàn.
                </p>
            </section>

            <hr className="border-gray-700" />

            <section>
                <h2 className="text-xl font-bold text-white mb-3 flex items-center gap-2">
                    <span className="w-1.5 h-6 bg-orange-500 rounded-full inline-block"></span>
                    4. Chia Sẻ Thông Tin
                </h2>
                <p className="text-gray-400">
                    Chúng tôi <strong className="text-white">không bán, trao đổi hoặc chuyển nhượng</strong> thông tin cá
                    nhân của bạn cho bên thứ ba. Thông tin chỉ được chia sẻ khi có yêu cầu pháp lý từ cơ quan có thẩm
                    quyền.
                </p>
            </section>

            <hr className="border-gray-700" />

            <section>
                <h2 className="text-xl font-bold text-white mb-3 flex items-center gap-2">
                    <span className="w-1.5 h-6 bg-orange-500 rounded-full inline-block"></span>
                    5. Liên Hệ
                </h2>
                <p className="text-gray-400">
                    Nếu bạn có câu hỏi về chính sách bảo mật, vui lòng liên hệ với chúng tôi qua fanpage Facebook hoặc
                    email hỗ trợ. Chúng tôi sẽ phản hồi trong vòng 24 giờ làm việc.
                </p>
            </section>
        </StaticPage>
    );
};

export default PrivacyPolicy;
