client/src/pages/Privacy.tsx

import { motion } from 'framer-motion';
import { Link } from 'react-router-dom';

export default function Privacy() {
    return (
        <div className="min-h-screen pt-24 pb-16 px-6">
            <motion.div
                initial={{ opacity: 0, y: 20 }}
                animate={{ opacity: 1, y: 0 }}
                className="max-w-3xl mx-auto"
            >
                <Link to="/" className="text-sm text-light-500 hover:text-gold-500 transition-colors mb-6 inline-block">
                    Back to Home
                </Link>

                <h1 className="font-display text-4xl font-bold text-light-100 mb-8">Privacy Policy</h1>

                <div className="prose prose-invert max-w-none space-y-6 text-light-400 font-body leading-relaxed">
                    <p><strong className="text-light-200">Last updated:</strong> March 2026</p>

                    <h2 className="font-display text-2xl font-semibold text-light-100 mt-10">1. Information We Collect</h2>
                    <p>We collect information you provide directly: email address, password (encrypted), project data, uploaded assets, and video generation preferences. We also collect usage data including session duration, feature usage patterns, and error logs for improving our service.</p>

                    <h2 className="font-display text-2xl font-semibold text-light-100 mt-10">2. How We Use Your Information</h2>
                    <p>Your information is used to provide and improve the Director.AI service, process video generation requests, authenticate your account, send essential service notifications, and maintain security. We do not sell your personal data to third parties.</p>

                    <h2 className="font-display text-2xl font-semibold text-light-100 mt-10">3. Data Storage and Security</h2>
                    <p>All data is stored on secure servers with encryption at rest and in transit. Passwords are hashed using bcrypt with a cost factor of 12. Uploaded assets and generated videos are stored in isolated user-specific directories.</p>

                    <h2 className="font-display text-2xl font-semibold text-light-100 mt-10">4. Data Retention</h2>
                    <p>Account data is retained as long as your account is active. You may request deletion of your account and all associated data at any time by contacting support. Generated videos and uploaded assets are retained for 90 days after account deletion.</p>

                    <h2 className="font-display text-2xl font-semibold text-light-100 mt-10">5. Third-Party Services</h2>
                    <p>Director.AI may integrate with payment processors (Stripe) for subscription management. These services have their own privacy policies. No personal data is shared with AI model providers beyond what is necessary for video generation.</p>

                    <h2 className="font-display text-2xl font-semibold text-light-100 mt-10">6. Contact</h2>
                    <p>For privacy-related inquiries, contact the development team through the project repository.</p>
                </div>
            </motion.div>
        </div>
    );
}