import type { Metadata } from "next";
import { SiteFrame } from "../../components/SiteFrame/SiteFrame";
import { JsonLd } from "@/app/lib/structured-data";
import { AnimatedDiv } from "@/app/components/Motion/AnimatedSection";
import styles from "../../inner-page.module.css";

export const metadata: Metadata = {
  title: "Privacy Policy",
  description: "How Meliorate collects, uses, and protects personal information.",
  alternates: { canonical: "/privacy-policy" },
  openGraph: {
    title: "Privacy Policy",
    description: "How Meliorate collects, uses, and protects personal information.",
    url: "/privacy-policy",
  },
  robots: { index: false, follow: true },
};

export default function PrivacyPolicyPage() {
  return (
    <SiteFrame>
      <JsonLd
        data={{
          "@context": "https://schema.org",
          "@type": "BreadcrumbList",
          itemListElement: [
            { "@type": "ListItem", position: 1, name: "Home", item: "https://meliorate.pro" },
            { "@type": "ListItem", position: 2, name: "Privacy Policy", item: "https://meliorate.pro/privacy-policy" },
          ],
        }}
      />
      <section className={styles.pageSection}>
        <div className={styles.container}>
          <AnimatedDiv>
            <span className={styles.eyebrow}>Legal</span>
            <h1 className={styles.title}>Privacy Policy</h1>
            <p className={styles.description}>
              This policy explains what information we collect, how we use it, and your choices
              regarding that information when you interact with Meliorate.
            </p>
            <p className={styles.lastUpdated}>Last updated: March 6, 2026</p>
          </AnimatedDiv>

          <AnimatedDiv delay={0.15} variant="fadeIn">
          <div className={styles.content}>
            <section className={styles.section}>
              <h2>Information we collect</h2>
              <ul>
                <li>Contact data, such as your name, email address, and company details.</li>
                <li>Project and communication details you provide through forms or messages.</li>
                <li>Basic technical data like browser type, device, and page analytics.</li>
              </ul>
            </section>

            <section className={styles.section}>
              <h2>How we use information</h2>
              <ul>
                <li>Respond to inquiries and provide requested services.</li>
                <li>Improve product performance, security, and user experience.</li>
                <li>Send service updates and business communications when relevant.</li>
              </ul>
            </section>

            <section className={styles.section}>
              <h2>Sharing and disclosure</h2>
              <p>
                We do not sell personal information. We may share information with trusted
                service providers who support operations, or when legally required.
              </p>
            </section>

            <section className={styles.section}>
              <h2>Data retention</h2>
              <p>
                We keep data only as long as needed for legitimate business and legal purposes,
                then delete or anonymize it where appropriate.
              </p>
            </section>

            <section className={styles.section}>
              <h2>Your rights</h2>
              <p>
                Depending on your jurisdiction, you may request access, correction, deletion, or
                limitation of processing for your personal data.
              </p>
            </section>

            <section className={styles.section}>
              <h2>Contact</h2>
              <p>
                For privacy requests, contact us via <a className={styles.link} href="/contact">Contact Form</a>.
              </p>
            </section>
          </div>
          </AnimatedDiv>
        </div>
      </section>
    </SiteFrame>
  );
}