import Link from 'next/link'
import { ArrowLeft } from 'lucide-react'
import { Footer } from '@/components/layout/Footer'

export default function PrivacyPage() {
    return (
        <div className="min-h-screen bg-background flex flex-col">
            <div className="flex-1 py-24 px-6">
                <div className="mx-auto max-w-3xl space-y-8">
                    <div className="space-y-4">
                        <Link href="/" className="inline-flex items-center text-sm text-muted-foreground hover:text-foreground transition-colors">
                            <ArrowLeft className="mr-2 h-4 w-4" />
                            Back to Home
                        </Link>
                        <h1 className="text-4xl font-bold font-display text-foreground">Privacy Policy</h1>
                        <p className="text-muted-foreground">Last updated: {new Date().toLocaleDateString()}</p>
                    </div>

                    <section className="space-y-4 prose prose-neutral dark:prose-invert max-w-none">
                        <h3>1. Introduction</h3>
                        <p>
                            Welcome to Alertify. We respect your privacy and are committed to protecting your personal data.
                            This privacy policy will inform you as to how we look after your personal data when you visit our website
                            and tell you about your privacy rights and how the law protects you.
                        </p>

                        <h3>2. Data We Collect</h3>
                        <p>
                            We may collect, use, store and transfer different kinds of personal data about you which we have grouped together follows:
                        </p>
                        <ul className="list-disc pl-6 space-y-2 text-muted-foreground">
                            <li>Identity Data: includes email address.</li>
                            <li>Technical Data: includes internet protocol (IP) address, browser type and version, time zone setting and location.</li>
                            <li>Usage Data: includes information about how you use our website and services.</li>
                        </ul>

                        <h3>3. How We Use Your Data</h3>
                        <p>
                            We will only use your personal data when the law allows us to. Most commonly, we will use your personal data in the following circumstances:
                        </p>
                        <ul className="list-disc pl-6 space-y-2 text-muted-foreground">
                            <li>To provide the service you signed up for (Waitlist, Monitoring).</li>
                            <li>To manage our relationship with you.</li>
                            <li>To improve our website, products/services, marketing and customer relationships.</li>
                        </ul>

                        <h3>4. Contact Us</h3>
                        <p>
                            If you have any questions about this privacy policy or our privacy practices, please contact us at:
                        </p>
                        <div className="p-4 bg-secondary/20 rounded-lg border border-border">
                            <p className="font-semibold">Alertify Support</p>
                            <p>Email: <a href="mailto:support@qrmaster.net" className="text-primary hover:underline">support@qrmaster.net</a></p>
                        </div>
                    </section>
                </div>
            </div>
            <Footer />
        </div>
    )
}
