<script setup lang="ts">
import LandingLayout from '@/layouts/app/LandingLayout.vue';
</script>

<template>
    <LandingLayout>
        <main class="flex-grow">
            <div class="container mx-auto px-6 py-16 lg:py-24">
                <div class="mx-auto max-w-4xl">
                    <h1 class="text-center text-5xl font-black text-white">Privacy Policy</h1>
                    <div class="my-8 h-px bg-[var(--c-gold)]"></div>
                    <div class="space-y-8 text-white/80 prose prose-invert max-w-none">
                        <section>
                            <p class="mb-4 text-base leading-relaxed">
                                This Privacy Policy explains how personal data is collected, used, and protected when you use this website and its
                                services.
                            </p>
                        </section>

                        <div class="my-8 h-px bg-[#D7BA8D]/50"></div>

                        <section>
                            <h2 class="mb-4 text-3xl font-black text-white">1. Definitions</h2>
                            <p class="text-base leading-relaxed">
                                <b>User:</b> anyone browsing the website.<br />
                                <b>Client:</b> anyone purchasing a service.<br />
                                <b>Personal Data:</b> any information that can identify a natural person.
                            </p>
                        </section>

                        <section>
                            <h2 class="mb-4 text-3xl font-black text-white">2. Data Controller</h2>
                            <p class="text-base leading-relaxed">
                                The data controller is Kris Saint Ange. For privacy requests, contact: conseil@krissaintange.com.
                            </p>
                        </section>

                        <section>
                            <h2 class="mb-4 text-3xl font-black text-white">3. Purposes of Processing</h2>
                            <p class="text-base leading-relaxed">
                                Data may be processed to operate the website, manage bookings and payments, communicate with users, improve services,
                                and prevent abuse/fraud.
                            </p>
                        </section>

                        <section>
                            <h2 class="mb-4 text-3xl font-black text-white">4. Your Rights</h2>
                            <p class="text-base leading-relaxed">
                                You may request access, correction, deletion, restriction, portability, or objection regarding your data, subject to
                                legal requirements. You may also withdraw consent where processing is consent-based.
                            </p>
                        </section>

                        <section>
                            <h2 class="mb-4 text-3xl font-black text-white">5. Data Sharing</h2>
                            <p class="text-base leading-relaxed">
                                Data is not sold. It may be shared only with trusted processors (hosting, analytics, payment, and technical providers)
                                where needed to deliver services and maintain the website.
                            </p>
                        </section>

                        <section>
                            <h2 class="mb-4 text-3xl font-black text-white">6. Data Categories and Retention</h2>
                            <p class="text-base leading-relaxed">
                                Collected data may include identity/contact details, service history, payment-related references, and technical
                                navigation data. Data is retained only as long as necessary for legal, contractual, or operational reasons.
                            </p>
                        </section>

                        <section>
                            <h2 class="mb-4 text-3xl font-black text-white">7. Cookies</h2>
                            <p class="text-base leading-relaxed">
                                Cookies may be used for essential website functionality, audience measurement, and performance improvement. You can
                                manage cookie preferences through your browser settings.
                            </p>
                        </section>

                        <section>
                            <h2 class="mb-4 text-3xl font-black text-white">8. Analytics Tools</h2>
                            <p class="text-base leading-relaxed">
                                This website may use analytics services such as Google and Microsoft tools to measure traffic and improve content and
                                performance.
                            </p>
                        </section>
                    </div>
                </div>
            </div>
        </main>
    </LandingLayout>
</template>
