import { Link } from "react-router-dom";
import Header from "@/components/Header";
import Footer from "@/components/Footer";

const PrivacyPolicy = () => {
  return (
    <div className="min-h-screen bg-[#1a1a1a]">
      <Header />

      <div className="pt-20 lg:pt-24">
        <section className="py-12 bg-[#222] border-b border-[#333]">
          <div className="max-w-[900px] mx-auto px-4 sm:px-6 lg:px-8">
            <p className="font-oswald text-[#d35400] text-sm uppercase tracking-[0.4em] mb-2">
              Legal
            </p>
            <h1 className="font-playfair text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-3">
              Privacy Policy
            </h1>
            <p className="font-inter text-[#888] text-sm">
              Last updated: March 31, 2026
            </p>
          </div>
        </section>

        <div className="max-w-[900px] mx-auto px-4 sm:px-6 lg:px-8 py-16">
          <div className="space-y-10">
            <section>
              <h2 className="font-oswald text-xl font-bold text-white uppercase tracking-wider mb-4">
                1. Introduction
              </h2>
              <p className="font-inter text-[#b0b0b0] text-base leading-relaxed mb-3">
                GrillMaster Pro ("we," "our," or "us") is committed to protecting your privacy. This Privacy Policy explains how we collect, use, disclose, and safeguard your information when you visit our website grillmasterpro.com, including any other media form, media channel, mobile website, or mobile application related or connected thereto.
              </p>
              <p className="font-inter text-[#b0b0b0] text-base leading-relaxed">
                Please read this privacy policy carefully. If you do not agree with the terms of this privacy policy, please do not access the site.
              </p>
            </section>

            <section>
              <h2 className="font-oswald text-xl font-bold text-white uppercase tracking-wider mb-4">
                2. Information We Collect
              </h2>
              <h3 className="font-oswald text-base font-bold text-[#d35400] uppercase tracking-wider mb-3">
                Personal Data
              </h3>
              <p className="font-inter text-[#b0b0b0] text-base leading-relaxed mb-3">
                We may collect personally identifiable information that you voluntarily provide to us when you:
              </p>
              <ul className="space-y-2 mb-4">
                {[
                  "Register on the website or make a purchase",
                  "Subscribe to our newsletter",
                  "Fill out a contact form",
                  "Participate in promotions, contests, or surveys",
                  "Request customer support",
                ].map((item, i) => (
                  <li key={i} className="flex items-start gap-2">
                    <span className="w-1.5 h-1.5 bg-[#d35400] rounded-full mt-2 shrink-0" />
                    <span className="font-inter text-[#b0b0b0] text-base">{item}</span>
                  </li>
                ))}
              </ul>
              <p className="font-inter text-[#b0b0b0] text-base leading-relaxed mb-4">
                This information may include your name, email address, mailing address, phone number, payment information (processed securely through our payment processors), and any other information you choose to provide.
              </p>

              <h3 className="font-oswald text-base font-bold text-[#d35400] uppercase tracking-wider mb-3">
                Automatically Collected Data
              </h3>
              <p className="font-inter text-[#b0b0b0] text-base leading-relaxed">
                When you access our website, we may automatically collect certain information about your device, including your IP address, browser type, operating system, access times, pages viewed, and the referring URL. We may also collect information about your browsing behavior on our site using cookies and similar tracking technologies.
              </p>
            </section>

            <section>
              <h2 className="font-oswald text-xl font-bold text-white uppercase tracking-wider mb-4">
                3. How We Use Your Information
              </h2>
              <p className="font-inter text-[#b0b0b0] text-base leading-relaxed mb-3">
                We use the information we collect to:
              </p>
              <ul className="space-y-2">
                {[
                  "Process and fulfill your orders, including shipping and payment processing",
                  "Send you order confirmations, shipping updates, and receipts",
                  "Respond to your inquiries and provide customer support",
                  "Send promotional communications (with your consent), such as newsletters, special offers, and product recommendations",
                  "Improve our website, products, and services based on your feedback and usage patterns",
                  "Detect and prevent fraud, unauthorized access, and other illegal activities",
                  "Comply with legal obligations and enforce our terms of service",
                ].map((item, i) => (
                  <li key={i} className="flex items-start gap-2">
                    <span className="w-1.5 h-1.5 bg-[#d35400] rounded-full mt-2 shrink-0" />
                    <span className="font-inter text-[#b0b0b0] text-base">{item}</span>
                  </li>
                ))}
              </ul>
            </section>

            <section>
              <h2 className="font-oswald text-xl font-bold text-white uppercase tracking-wider mb-4">
                4. Cookies & Tracking Technologies
              </h2>
              <p className="font-inter text-[#b0b0b0] text-base leading-relaxed mb-3">
                We use cookies and similar tracking technologies to track activity on our website and hold certain information. Cookies are files with a small amount of data which may include an anonymous unique identifier.
              </p>
              <p className="font-inter text-[#b0b0b0] text-base leading-relaxed">
                You can instruct your browser to refuse all cookies or to indicate when a cookie is being sent. However, if you do not accept cookies, you may not be able to use some portions of our website, such as the shopping cart and checkout process.
              </p>
            </section>

            <section>
              <h2 className="font-oswald text-xl font-bold text-white uppercase tracking-wider mb-4">
                5. Data Sharing & Third Parties
              </h2>
              <p className="font-inter text-[#b0b0b0] text-base leading-relaxed mb-3">
                We do not sell, trade, or rent your personal information to third parties. We may share your information with:
              </p>
              <ul className="space-y-2">
                {[
                  "Payment processors (e.g., Stripe, PayPal) to process your transactions securely",
                  "Shipping carriers (e.g., UPS, FedEx) to deliver your orders",
                  "Analytics providers (e.g., Google Analytics) to help us understand website usage",
                  "Email service providers to send you communications you've opted into",
                  "Law enforcement or government agencies when required by law",
                ].map((item, i) => (
                  <li key={i} className="flex items-start gap-2">
                    <span className="w-1.5 h-1.5 bg-[#d35400] rounded-full mt-2 shrink-0" />
                    <span className="font-inter text-[#b0b0b0] text-base">{item}</span>
                  </li>
                ))}
              </ul>
            </section>

            <section>
              <h2 className="font-oswald text-xl font-bold text-white uppercase tracking-wider mb-4">
                6. Data Security
              </h2>
              <p className="font-inter text-[#b0b0b0] text-base leading-relaxed">
                We implement appropriate technical and organizational security measures to protect your personal information against unauthorized access, alteration, disclosure, or destruction. All payment transactions are processed through PCI-DSS compliant payment processors, and we use SSL encryption to protect data transmitted between your browser and our servers.
              </p>
            </section>

            <section>
              <h2 className="font-oswald text-xl font-bold text-white uppercase tracking-wider mb-4">
                7. Your Rights
              </h2>
              <p className="font-inter text-[#b0b0b0] text-base leading-relaxed mb-3">
                Depending on your location, you may have the following rights regarding your personal data:
              </p>
              <ul className="space-y-2">
                {[
                  "Right to access — Request a copy of the personal data we hold about you",
                  "Right to rectification — Request correction of inaccurate or incomplete data",
                  "Right to erasure — Request deletion of your personal data (\"right to be forgotten\")",
                  "Right to restrict processing — Request that we limit how we use your data",
                  "Right to data portability — Request a copy of your data in a machine-readable format",
                  "Right to opt out — Unsubscribe from marketing communications at any time",
                ].map((item, i) => (
                  <li key={i} className="flex items-start gap-2">
                    <span className="w-1.5 h-1.5 bg-[#d35400] rounded-full mt-2 shrink-0" />
                    <span className="font-inter text-[#b0b0b0] text-base">{item}</span>
                  </li>
                ))}
              </ul>
            </section>

            <section>
              <h2 className="font-oswald text-xl font-bold text-white uppercase tracking-wider mb-4">
                8. Children's Privacy
              </h2>
              <p className="font-inter text-[#b0b0b0] text-base leading-relaxed">
                Our website is not intended for children under the age of 13. We do not knowingly collect personal information from children under 13. If we discover that a child under 13 has provided us with personal information, we will delete it immediately.
              </p>
            </section>

            <section>
              <h2 className="font-oswald text-xl font-bold text-white uppercase tracking-wider mb-4">
                9. Contact Us
              </h2>
              <p className="font-inter text-[#b0b0b0] text-base leading-relaxed mb-3">
                If you have any questions about this Privacy Policy or our data practices, please contact us:
              </p>
              <div className="bg-[#2b2b2b] border border-[#444] rounded-lg p-5 space-y-2">
                <p className="font-inter text-[#b0b0b0] text-sm"><strong className="text-white">Email:</strong> privacy@grillmasterpro.com</p>
                <p className="font-inter text-[#b0b0b0] text-sm"><strong className="text-white">Phone:</strong> 1-800-555-1234</p>
                <p className="font-inter text-[#b0b0b0] text-sm"><strong className="text-white">Address:</strong> GrillMaster Pro, 1250 Firewood Lane, Austin, TX 78701</p>
              </div>
            </section>
          </div>

          <div className="mt-12 pt-8 border-t border-[#333] flex flex-wrap gap-4">
            <Link to="/terms" className="font-oswald text-[#d35400] hover:text-[#e67e22] uppercase tracking-wider text-sm transition-colors">
              Terms of Service →
            </Link>
            <Link to="/contact" className="font-oswald text-[#d35400] hover:text-[#e67e22] uppercase tracking-wider text-sm transition-colors">
              Contact Us →
            </Link>
          </div>
        </div>
      </div>

      <Footer />
    </div>
  );
};

export default PrivacyPolicy;