import { Container } from "@/components/container";
import { Heading } from "@/components/heading";
import { Footer } from "@/components/footer";
import { Metadata } from "next";

export const metadata: Metadata = {
  title: "Privacy Policy - Badnaam Safar",
  description: "Privacy policy for Badnaam Safar travel consultation services.",
};

export default function PrivacyPage() {
  return (
    <main className="min-h-screen">
      <section className="py-20 md:py-32 bg-gradient-to-b from-neutral-50 to-white">
        <Container>
          <div className="max-w-3xl mx-auto">
            <Heading className="text-4xl md:text-5xl font-bold text-neutral-900 mb-8">
              Privacy Policy
            </Heading>
            
            <div className="prose prose-lg max-w-none space-y-6">
              <p className="text-neutral-600">
                Last updated: {new Date().toLocaleDateString('en-IN', { year: 'numeric', month: 'long', day: 'numeric' })}
              </p>
              
              <div className="bg-white border border-neutral-200 rounded-lg p-6">
                <h2 className="text-2xl font-bold text-neutral-900 mb-4">
                  Information We Collect
                </h2>
                <p className="text-neutral-700 mb-3">
                  When you contact us for travel consultation, we may collect:
                </p>
                <ul className="list-disc list-inside text-neutral-700 space-y-2">
                  <li>Your name and contact information (phone number, email)</li>
                  <li>Travel preferences (destination, budget, dates)</li>
                  <li>City of residence</li>
                  <li>Any additional information you choose to share</li>
                </ul>
              </div>
              
              <div className="bg-white border border-neutral-200 rounded-lg p-6">
                <h2 className="text-2xl font-bold text-neutral-900 mb-4">
                  How We Use Your Information
                </h2>
                <p className="text-neutral-700 mb-3">
                  We use your information to:
                </p>
                <ul className="list-disc list-inside text-neutral-700 space-y-2">
                  <li>Provide travel consultation services</li>
                  <li>Recommend suitable travel agencies</li>
                  <li>Communicate with you about your travel plans</li>
                  <li>Improve our services</li>
                </ul>
              </div>
              
              <div className="bg-white border border-neutral-200 rounded-lg p-6">
                <h2 className="text-2xl font-bold text-neutral-900 mb-4">
                  Information Sharing
                </h2>
                <p className="text-neutral-700">
                  We may share your information with travel agencies we recommend, but only with your consent. We do not sell your personal information to third parties.
                </p>
              </div>
              
              <div className="bg-white border border-neutral-200 rounded-lg p-6">
                <h2 className="text-2xl font-bold text-neutral-900 mb-4">
                  Data Security
                </h2>
                <p className="text-neutral-700">
                  We take reasonable measures to protect your personal information. However, no method of transmission over the internet is 100% secure.
                </p>
              </div>
              
              <div className="bg-white border border-neutral-200 rounded-lg p-6">
                <h2 className="text-2xl font-bold text-neutral-900 mb-4">
                  Your Rights
                </h2>
                <p className="text-neutral-700 mb-3">
                  You have the right to:
                </p>
                <ul className="list-disc list-inside text-neutral-700 space-y-2">
                  <li>Access your personal information</li>
                  <li>Request correction of your information</li>
                  <li>Request deletion of your information</li>
                  <li>Opt-out of communications</li>
                </ul>
              </div>
              
              <div className="bg-white border border-neutral-200 rounded-lg p-6">
                <h2 className="text-2xl font-bold text-neutral-900 mb-4">
                  Contact Us
                </h2>
                <p className="text-neutral-700">
                  If you have questions about this privacy policy, please contact us via WhatsApp or email.
                </p>
              </div>
            </div>
          </div>
        </Container>
      </section>
      <Footer />
    </main>
  );
}