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

export const metadata: Metadata = {
  title: "About Us - Badnaam Safar",
  description: "Learn about Badnaam Safar, an independent travel consultant helping travelers make informed decisions without pressure or hidden agendas.",
};

export default function AboutPage() {
  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">
              About Badnaam Safar
            </Heading>
            
            <div className="prose prose-lg max-w-none">
              <p className="text-lg text-neutral-700 mb-6">
                Badnaam Safar was created to solve a simple problem: travelers are confused, overwhelmed, and often misled when planning trips.
              </p>
              
              <p className="text-lg text-neutral-700 mb-6">
                We saw too many people booking the wrong trips, paying too much, or choosing agencies that didn't match their needs. That's why we started this independent travel consultation service.
              </p>
              
              <h2 className="text-2xl font-bold text-neutral-900 mt-12 mb-4">
                What Makes Us Different
              </h2>
              
              <div className="bg-neutral-50 p-6 rounded-lg mb-6">
                <h3 className="text-xl font-semibold text-neutral-900 mb-3">
                  We Are Independent
                </h3>
                <p className="text-neutral-700">
                  We don't operate tours, own hotels, or manage transport. We're not tied to any single agency. This means our advice is honest and unbiased.
                </p>
              </div>
              
              <div className="bg-neutral-50 p-6 rounded-lg mb-6">
                <h3 className="text-xl font-semibold text-neutral-900 mb-3">
                  Customer-First Approach
                </h3>
                <p className="text-neutral-700">
                  Your satisfaction is our only goal. We don't earn commissions from agencies, so we have no reason to push you toward expensive or unsuitable options.
                </p>
              </div>
              
              <div className="bg-neutral-50 p-6 rounded-lg mb-6">
                <h3 className="text-xl font-semibold text-neutral-900 mb-3">
                  Transparency and Clarity
                </h3>
                <p className="text-neutral-700">
                  We believe in clear communication. We'll tell you exactly what to expect, compare your options honestly, and help you make an informed decision.
                </p>
              </div>
              
              <div className="bg-neutral-50 p-6 rounded-lg mb-6">
                <h3 className="text-xl font-semibold text-neutral-900 mb-3">
                  Not a Tour Operator
                </h3>
                <p className="text-neutral-700">
                  We don't sell packages or collect payments. We connect you with trusted travel agencies and let you choose the one that fits your budget and preferences.
                </p>
              </div>
              
              <h2 className="text-2xl font-bold text-neutral-900 mt-12 mb-4">
                Who We Help
              </h2>
              
              <ul className="list-disc list-inside text-neutral-700 space-y-2 mb-6">
                <li>Solo travelers looking for safe and affordable options</li>
                <li>Young adults planning their first trip</li>
                <li>Budget travelers who want the best value</li>
                <li>People interested in group or strangers trips</li>
                <li>Anyone confused about which agency or package to choose</li>
              </ul>
              
              <p className="text-lg text-neutral-700 mt-8">
                At Badnaam Safar, we're here to make your travel planning simple, transparent, and stress-free. Let us help you find the right trip, the right agency, and the right price.
              </p>
            </div>
          </div>
        </Container>
      </section>
      <Footer />
    </main>
  );
}