import { Badge } from "@/src/components/ui/badge";
import { Card, CardContent } from "@/src/components/ui/card";
import { Shield, Mail } from "lucide-react";
import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "Privacy Policy - Data Protection & Security",
  description:
    "Xpecto Global privacy policy. Learn how we collect, use, and protect your personal information. Your data security is our priority.",
  alternates: {
    canonical: "/privacy-policy",
  },
  robots: {
    index: true,
    follow: true,
  },
};

export default function PrivacyPolicy() {
  return (
    <div className="bg-white">
      {/* Hero Section */}
      <section className="relative h-75 flex items-center bg-[#0B1C2D]">
        <div className="absolute inset-0 bg-linear-to-r from-[#0B1C2D] to-[#1a3a52] pointer-events-none"></div>
        <div className="relative z-10 max-w-360 mx-auto px-6 w-full">
          <Badge className="mb-4 bg-white/10 text-white hover:bg-white/20">
            Legal
          </Badge>
          <h1 className="text-5xl font-bold text-white mb-4">Privacy Policy</h1>
          <p className="text-gray-300">
            Effective Date: March 1, 2026 | Last Updated: February 28, 2026
          </p>
        </div>
      </section>

      {/* Content */}
      <section className="py-20">
        <div className="max-w-4xl mx-auto px-6">
          <div className="prose prose-lg max-w-none">
            {/* Introduction */}
            <Card className="mb-8 border-l-4 border-[#B8860B]">
              <CardContent className="p-4 md:p-6">
                <div className="flex md:flex-row flex-col items-start gap-4">
                  <Shield className="text-[#B8860B] shrink-0 mt-1" size={24} />
                  <div>
                    <h2 className="text-xl font-bold text-[#0B1C2D] mb-2">
                      Your Privacy Matters
                    </h2>
                    <p className="text-gray-600 leading-relaxed">
                      At <strong>Xpecto Global</strong> (a division of Xpecto IT
                      Solutions Pvt Ltd), we are committed to protecting the
                      privacy of our website visitors, clients, and partners.
                      This Privacy Policy explains how we collect, use,
                      disclose, and safeguard your information when you visit
                      our website or engage with our services.
                    </p>
                  </div>
                </div>
              </CardContent>
            </Card>

            {/* Section 1 */}
            <div className="mb-8">
              <h2 className="text-2xl font-bold text-[#0B1C2D] mb-4">
                1. Information We Collect
              </h2>

              <h3 className="text-xl font-bold text-[#0B1C2D] mb-3">
                1.1 Personal Information
              </h3>
              <p className="text-gray-600 mb-3">
                We may collect personal information that you voluntarily provide
                when you:
              </p>
              <ul className="list-disc pl-6 text-gray-600 space-y-1 mb-4">
                <li>Fill out contact or inquiry forms</li>
                <li>Subscribe to newsletters</li>
                <li>Request quotations</li>
                <li>Register as a buyer or supplier</li>
                <li>Communicate with us via email or phone</li>
              </ul>
              <p className="text-gray-600 mb-4">
                This information may include:
              </p>
              <ul className="list-disc pl-6 text-gray-600 space-y-1 mb-4">
                <li>Full name</li>
                <li>Email address</li>
                <li>Phone number</li>
                <li>Company name</li>
                <li>Business address</li>
                <li>Country</li>
                <li>Product/service interests</li>
              </ul>

              <h3 className="text-xl font-bold text-[#0B1C2D] mb-3">
                1.2 Non-Personal Information
              </h3>
              <p className="text-gray-600 mb-3">
                We automatically collect certain information when you visit our
                website:
              </p>
              <ul className="list-disc pl-6 text-gray-600 space-y-1">
                <li>IP address</li>
                <li>Browser type and version</li>
                <li>Device information</li>
                <li>Pages visited and time spent</li>
                <li>Referring website</li>
                <li>Geographic location (country/region level)</li>
              </ul>
            </div>

            {/* Section 2 */}
            <div className="mb-8">
              <h2 className="text-2xl font-bold text-[#0B1C2D] mb-4">
                2. How We Use Your Information
              </h2>
              <p className="text-gray-600 mb-3">
                We use the collected information for the following purposes:
              </p>
              <ul className="list-disc pl-6 text-gray-600 space-y-1">
                <li>To respond to inquiries and provide customer support</li>
                <li>To process trade inquiries and quotations</li>
                <li>To send relevant product updates and newsletters</li>
                <li>To improve our website and user experience</li>
                <li>To analyze website traffic and usage patterns</li>
                <li>To comply with legal obligations</li>
                <li>To prevent fraud and ensure security</li>
              </ul>
            </div>

            {/* Section 3 */}
            <div className="mb-8">
              <h2 className="text-2xl font-bold text-[#0B1C2D] mb-4">
                3. Cookies & Tracking Technologies
              </h2>
              <p className="text-gray-600 mb-3">
                Our website uses cookies and similar tracking technologies to:
              </p>
              <ul className="list-disc pl-6 text-gray-600 space-y-1 mb-4">
                <li>Remember your preferences</li>
                <li>Analyze site performance</li>
                <li>Understand user behavior</li>
                <li>Provide personalized content</li>
              </ul>
              <p className="text-gray-600">
                You can control cookie settings through your browser
                preferences. However, disabling cookies may affect website
                functionality.
              </p>
            </div>

            {/* Section 4 */}
            <div className="mb-8">
              <h2 className="text-2xl font-bold text-[#0B1C2D] mb-4">
                4. Information Sharing & Disclosure
              </h2>
              <p className="text-gray-600 mb-3">
                We do not sell, trade, or rent your personal information. We may
                share your information with:
              </p>
              <ul className="list-disc pl-6 text-gray-600 space-y-1">
                <li>
                  <strong>Service Providers:</strong> Third-party vendors who
                  assist with website hosting, analytics, and communication
                  services
                </li>
                <li>
                  <strong>Business Partners:</strong> Trusted suppliers or
                  logistics partners when necessary to fulfill your trade
                  requirements
                </li>
                <li>
                  <strong>Legal Authorities:</strong> When required by law or to
                  protect our rights
                </li>
              </ul>
            </div>

            {/* Section 5 */}
            <div className="mb-8">
              <h2 className="text-2xl font-bold text-[#0B1C2D] mb-4">
                5. Data Security
              </h2>
              <p className="text-gray-600 mb-3">
                We implement appropriate technical and organizational measures
                to protect your personal data against unauthorized access,
                alteration, disclosure, or destruction. These measures include:
              </p>
              <ul className="list-disc pl-6 text-gray-600 space-y-1">
                <li>SSL encryption for data transmission</li>
                <li>Secure server infrastructure</li>
                <li>Access controls and authentication</li>
                <li>Regular security assessments</li>
              </ul>
            </div>

            {/* Section 6 */}
            <div className="mb-8">
              <h2 className="text-2xl font-bold text-[#0B1C2D] mb-4">
                6. Data Retention
              </h2>
              <p className="text-gray-600">
                We retain your personal information only for as long as
                necessary to fulfill the purposes outlined in this policy,
                comply with legal obligations, resolve disputes, and enforce
                agreements. When data is no longer required, it is securely
                deleted or anonymized.
              </p>
            </div>

            {/* Section 7 */}
            <div className="mb-8">
              <h2 className="text-2xl font-bold text-[#0B1C2D] mb-4">
                7. Your Rights
              </h2>
              <p className="text-gray-600 mb-3">
                Depending on your location, you may have the following rights:
              </p>
              <ul className="list-disc pl-6 text-gray-600 space-y-1 mb-4">
                <li>Access your personal data</li>
                <li>Correct inaccurate information</li>
                <li>Request deletion of your data</li>
                <li>Opt-out of marketing communications</li>
                <li>Withdraw consent where applicable</li>
              </ul>
              <p className="text-gray-600">
                To exercise these rights, please contact us at{" "}
                <a
                  href="mailto:privacy@xpectoglobal.com"
                  className="text-[#B8860B] hover:underline"
                >
                  privacy@xpectoglobal.com
                </a>
              </p>
            </div>

            {/* Section 8 */}
            <div className="mb-8">
              <h2 className="text-2xl font-bold text-[#0B1C2D] mb-4">
                8. Third-Party Links
              </h2>
              <p className="text-gray-600">
                Our website may contain links to third-party websites. We are
                not responsible for the privacy practices of these external
                sites. We encourage you to review their privacy policies before
                providing any personal information.
              </p>
            </div>

            {/* Section 9 */}
            <div className="mb-8">
              <h2 className="text-2xl font-bold text-[#0B1C2D] mb-4">
                9. International Data Transfers
              </h2>
              <p className="text-gray-600">
                As an international trade company, we may transfer your
                information to countries outside your residence. We ensure
                appropriate safeguards are in place to protect your data in
                accordance with applicable laws.
              </p>
            </div>

            {/* Section 10 */}
            <div className="mb-8">
              <h2 className="text-2xl font-bold text-[#0B1C2D] mb-4">
                10. Children's Privacy
              </h2>
              <p className="text-gray-600">
                Our services are not intended for individuals under the age of
                18. We do not knowingly collect personal information from
                children. If we become aware of such collection, we will take
                steps to delete the information promptly.
              </p>
            </div>

            {/* Section 11 */}
            <div className="mb-8">
              <h2 className="text-2xl font-bold text-[#0B1C2D] mb-4">
                11. Updates to This Policy
              </h2>
              <p className="text-gray-600">
                We may update this Privacy Policy from time to time. Changes
                will be posted on this page with an updated "Last Updated" date.
                We encourage you to review this policy periodically.
              </p>
            </div>

            {/* Contact Section */}
            <Card className="bg-[#F5F7FA] border-0">
              <CardContent className="md:p-8 p-4">
                <div className="flex md:flex-row flex-col items-start gap-4">
                  <Mail className="text-[#B8860B] shrink-0 mt-1" size={24} />
                  <div>
                    <h2 className="text-2xl font-bold text-[#0B1C2D] mb-3">
                      12. Contact Us
                    </h2>
                    <p className="text-gray-600 mb-2">
                      If you have any questions about this Privacy Policy,
                      please contact us:
                    </p>
                    <p className="text-gray-700 font-semibold">
                      Xpecto IT Solutions Pvt Ltd
                    </p>
                    <p className="text-gray-600">
                      (Operating as Xpecto Global)
                    </p>
                    <p className="text-gray-600 mt-2">
                      <strong>Email:</strong>{" "}
                      <a
                        href="mailto:privacy@xpectoglobal.com"
                        className="text-[#B8860B] hover:underline"
                      >
                        privacy@xpectoglobal.com
                      </a>
                    </p>
                    <p className="text-gray-600">
                      <strong>Website:</strong>{" "}
                      <a
                        href="https://www.xpectoglobal.com"
                        className="text-[#B8860B] hover:underline"
                      >
                        https://www.xpectoglobal.com
                      </a>
                    </p>
                  </div>
                </div>
              </CardContent>
            </Card>
          </div>
        </div>
      </section>
    </div>
  );
}