"use client";
import React from "react";

const TermsOfService = () => {
    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">Terms of Use</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. Acceptance of Terms</h2>
                    <p>
                        By using Social Buddy, you agree to comply with these terms and all applicable Meta Developer Policies.
                    </p>
                </section>

                <section className="mb-6">
                    <h2 className="text-2xl font-bold mb-3 text-white">2. Use of Service</h2>
                    <p>
                        You must provide accurate information when connecting your social media accounts. You are responsible for all actions taken through your connected accounts.
                    </p>
                </section>

                <section className="mb-6">
                    <h2 className="text-2xl font-bold mb-3 text-white">3. Third-Party Services</h2>
                    <p>
                        Social Buddy integrates with Meta (Facebook/Instagram). Your use is also subject to Meta's Terms of Service and Privacy Policies.
                    </p>
                </section>

                <section className="mb-6">
                    <h2 className="text-2xl font-bold mb-3 text-white">4. Termination</h2>
                    <p>
                        We reserve the right to suspend or terminate your access if you violate these terms or any platform policies.
                    </p>
                </section>

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

export default TermsOfService;