"use client";
import React from "react";
import Footer from "@/components/layouts/footer";

const PrivacyPolicy = () => {
    return (
        <div className="min-h-screen bg-[#111111] text-gray-200 p-8 flex flex-col items-center">
            <div className="max-w-4xl w-full bg-[#242424] p-10 rounded-3xl border border-white/10 shadow-2xl">
                <h1 className="text-4xl font-extrabold mb-8 text-white">Privacy Policy</h1>
                <p className="mb-4">Last Updated: December 30, 2025</p>

                <section className="mb-6">
                    <h2 className="text-2xl font-bold mb-3 text-white">1. Information We Collect</h2>
                    <p>
                        When you connect your Facebook or Instagram account to Social Buddy, we collect your basic profile information, media posts, and comments to provide our management services.
                    </p>
                </section>

                <section className="mb-6">
                    <h2 className="text-2xl font-bold mb-3 text-white">2. How We Use Your Information</h2>
                    <p>
                        We use the data to display your Instagram media library, allow you to reply to comments, and moderate your community through our dashboard.
                    </p>
                </section>

                <section className="mb-6">
                    <h2 className="text-2xl font-bold mb-3 text-white">3. Data Security</h2>
                    <p>
                        We implement industry-standard security measures to protect your access tokens and personal data.
                    </p>
                </section>

                <section className="mb-6">
                    <h2 className="text-2xl font-bold mb-3 text-white">4. Your Choices</h2>
                    <p>
                        You can disconnect your social accounts at any time through the "Connect" page, which will immediately revoke our access to your data.
                    </p>
                </section>

                <button
                    onClick={() => window.history.back()}
                    className="mt-8 px-6 py-2 bg-blue-600 text-white rounded-xl hover:bg-blue-700 transition"
                >
                    Go Back
                </button>
            </div>
        </div>
    );
};

export default PrivacyPolicy;
