import type { Metadata } from "next";
import Link from "next/link";

export const metadata: Metadata = {
  title: "Client Etiquette — AdultWorld.ai",
  description:
    "A guide to respectful client behaviour on AdultWorld.ai. Learn how to communicate, book, and conduct yourself professionally when meeting escorts.",
  openGraph: {
    title: "Client Etiquette — AdultWorld.ai",
    description:
      "The essential guide to being a respectful, professional client. From first contact to follow-up, learn how to have the best experience for everyone involved.",
  },
};

export default function ClientEtiquettePage() {
  return (
    <div className="max-w-4xl mx-auto py-8 px-4">
      {/* Hero */}
      <div className="text-center mb-12">
        <h1 className="text-4xl md:text-5xl font-bold text-gold mb-4 font-heading">
          Client Etiquette Guide
        </h1>
        <p className="text-text-muted text-lg max-w-2xl mx-auto">
          A respectful client is a welcome client. This guide outlines the
          expectations and best practices that lead to positive experiences for
          both you and the escorts you meet.
        </p>
      </div>

      {/* Section 1: Before You Contact */}
      <section className="mb-10">
        <h2 className="text-2xl font-bold text-text mb-4 flex items-center gap-3">
          <span className="w-8 h-8 rounded-full bg-gold/15 border border-gold text-gold flex items-center justify-center text-sm font-bold flex-shrink-0">
            1
          </span>
          Before You Contact
        </h2>
        <div className="prose prose-invert max-w-none text-text-muted leading-relaxed space-y-4">
          <p>
            Before reaching out to an escort, take the time to read their full profile carefully. This is the single
            most important step you can take, and it is one that many clients skip. Every escort takes time to list
            their services, rates, availability, and preferences — and they expect you to read them.
          </p>
          <p>
            <strong className="text-text">Check availability.</strong> Look at the escort&apos;s availability calendar
            or status indicator. If they are listed as unavailable or away, do not message them expecting an immediate
            response. Respect their schedule as you would any professional&apos;s.
          </p>
          <p>
            <strong className="text-text">Understand the rates.</strong> Rates are clearly stated on every profile for
            a reason. Do not contact an escort to negotiate their pricing. If their rates are outside your budget,
            respectfully move on. Escorts set their rates based on their experience, services, and market — they are
            not negotiable.
          </p>
          <p>
            <strong className="text-text">Know what you want.</strong> Before messaging, have a clear idea of the date,
            time, duration, and type of booking you are looking for. Vague or open-ended enquiries waste everyone&apos;s
            time and are often ignored.
          </p>
        </div>
      </section>

      {/* Section 2: Making First Contact */}
      <section className="mb-10">
        <h2 className="text-2xl font-bold text-text mb-4 flex items-center gap-3">
          <span className="w-8 h-8 rounded-full bg-gold/15 border border-gold text-gold flex items-center justify-center text-sm font-bold flex-shrink-0">
            2
          </span>
          Making First Contact
        </h2>
        <div className="prose prose-invert max-w-none text-text-muted leading-relaxed space-y-4">
          <p>
            First impressions matter. When you message an escort for the first time, be polite, concise, and clear
            about your intentions. A good first message includes a greeting, a brief introduction of yourself, the
            date and time you are interested in, the duration, and whether you are looking for an incall or outcall.
          </p>
          <p>
            For example: &quot;Hello, my name is James. I would like to book a one-hour incall appointment this Saturday
            afternoon. Are you available?&quot; This kind of message is professional, direct, and respectful. It gives
            the escort everything they need to respond quickly.
          </p>
          <p>
            <strong className="text-text">What to avoid:</strong> Do not send one-word messages like &quot;Hey&quot; or
            &quot;Available?&quot; Do not ask for free previews, personal phone numbers, or social media handles. Do not
            send explicit messages in your first interaction. Do not use overly familiar language with someone you have
            not met. Treat every message as you would a professional correspondence.
          </p>
        </div>
      </section>

      {/* Section 3: Booking Etiquette */}
      <section className="mb-10">
        <h2 className="text-2xl font-bold text-text mb-4 flex items-center gap-3">
          <span className="w-8 h-8 rounded-full bg-gold/15 border border-gold text-gold flex items-center justify-center text-sm font-bold flex-shrink-0">
            3
          </span>
          Booking Etiquette
        </h2>
        <div className="prose prose-invert max-w-none text-text-muted leading-relaxed space-y-4">
          <p>
            Once your booking is confirmed, follow through professionally. Confirm all the details — time, location,
            duration, and payment — in advance. If you need to cancel, do so as early as possible. Last-minute
            cancellations cost escorts real income, and habitual cancellers may find themselves blocked.
          </p>
          <p>
            <strong className="text-text">Be punctual.</strong> Arrive on time. If you are running late, send a message
            immediately. Arriving late without notice is disrespectful and may reduce the time available for your
            booking. Most escorts will not extend the session to make up for your tardiness.
          </p>
          <p>
            <strong className="text-text">Bring the agreed payment.</strong> Have the exact amount ready in cash (unless
            another payment method was agreed upon) and present it at the start of the meeting without being asked.
            Placing it in an envelope on a visible surface is a common and appreciated practice. Never try to short-change
            or negotiate the fee once you arrive.
          </p>
          <p>
            <strong className="text-text">Respect time limits.</strong> When the agreed time is up, the booking is over.
            Do not linger or pressure the escort into extending unless they offer it and you are willing to pay the
            additional rate. Being mindful of time demonstrates respect for their schedule and professionalism.
          </p>
        </div>
      </section>

      {/* Section 4: During the Meeting */}
      <section className="mb-10">
        <h2 className="text-2xl font-bold text-text mb-4 flex items-center gap-3">
          <span className="w-8 h-8 rounded-full bg-gold/15 border border-gold text-gold flex items-center justify-center text-sm font-bold flex-shrink-0">
            4
          </span>
          During the Meeting
        </h2>
        <div className="prose prose-invert max-w-none text-text-muted leading-relaxed space-y-4">
          <p>
            <strong className="text-text">Consent is ongoing.</strong> Just because a service is listed on a profile
            does not mean it is automatically available at every meeting. Consent must be given freely and can be
            withdrawn at any time by either party. Respect this absolutely and without question.
          </p>
          <p>
            <strong className="text-text">Respect boundaries.</strong> If an escort says no to something, accept it
            gracefully and move on. Do not pressure, sulk, or try to convince them to change their mind. Boundary
            violations are the fastest way to be permanently banned from the platform and reported to other escorts.
          </p>
          <p>
            <strong className="text-text">Personal hygiene.</strong> Shower before your meeting. Brush your teeth. Wear
            clean clothes. This is non-negotiable and is one of the most common complaints escorts have about clients.
            Good hygiene shows respect and makes the experience more enjoyable for everyone.
          </p>
          <p>
            <strong className="text-text">Be present.</strong> Put your phone away. Give the escort your full attention.
            You are paying for a personal, intimate experience — make the most of it by being genuinely engaged and
            respectful.
          </p>
        </div>
      </section>

      {/* Section 5: After the Meeting */}
      <section className="mb-10">
        <h2 className="text-2xl font-bold text-text mb-4 flex items-center gap-3">
          <span className="w-8 h-8 rounded-full bg-gold/15 border border-gold text-gold flex items-center justify-center text-sm font-bold flex-shrink-0">
            5
          </span>
          After the Meeting
        </h2>
        <div className="prose prose-invert max-w-none text-text-muted leading-relaxed space-y-4">
          <p>
            <strong className="text-text">Leave a review.</strong> Reviews are incredibly important to escorts. If you
            had a positive experience, take a few minutes to leave an honest, respectful review on their profile. Focus
            on the experience rather than explicit details — a review that says &quot;Professional, friendly, and
            exactly as described&quot; is far more useful than graphic descriptions. Never include identifying
            information about the escort&apos;s location or personal details.
          </p>
          <p>
            <strong className="text-text">Be discreet.</strong> What happens during a booking stays between you and the
            escort. Do not share details of your meeting with others, post about it on social media, or discuss it in
            forums with identifying information. Discretion is a cornerstone of this industry.
          </p>
          <p>
            <strong className="text-text">Handle follow-ups professionally.</strong> If you would like to book again,
            message through the platform. Do not stalk an escort&apos;s social media, show up unannounced, or contact
            them through channels they have not offered. A simple &quot;I had a great time. I would love to book again
            when you are available&quot; is all you need.
          </p>
        </div>
      </section>

      {/* Section 6: What NOT to Do */}
      <section className="mb-10">
        <h2 className="text-2xl font-bold text-text mb-4 flex items-center gap-3">
          <span className="w-8 h-8 rounded-full bg-red-500/20 border border-red-500/50 text-red-400 flex items-center justify-center text-sm font-bold flex-shrink-0">
            !
          </span>
          What NOT to Do
        </h2>
        <div className="bg-surface rounded-xl border border-surface-light p-6">
          <ul className="space-y-3 text-text-muted">
            <li className="flex items-start gap-3">
              <svg className="w-5 h-5 text-red-400 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
              </svg>
              <span><strong className="text-text">Do not negotiate at the door.</strong> Attempting to haggle once you have arrived is deeply disrespectful and will likely end the meeting before it starts.</span>
            </li>
            <li className="flex items-start gap-3">
              <svg className="w-5 h-5 text-red-400 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
              </svg>
              <span><strong className="text-text">Do not ask for personal details.</strong> An escort&apos;s real name, home address, day job, or relationship status is none of your business. Do not pry.</span>
            </li>
            <li className="flex items-start gap-3">
              <svg className="w-5 h-5 text-red-400 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
              </svg>
              <span><strong className="text-text">Do not be rude or aggressive.</strong> Rudeness, aggression, or intimidation of any kind will result in an immediate ban from AdultWorld and may be reported to the authorities.</span>
            </li>
            <li className="flex items-start gap-3">
              <svg className="w-5 h-5 text-red-400 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
              </svg>
              <span><strong className="text-text">Do not take photos or record.</strong> Recording or photographing an escort without their explicit consent is illegal in many jurisdictions and is grounds for permanent removal from the platform.</span>
            </li>
            <li className="flex items-start gap-3">
              <svg className="w-5 h-5 text-red-400 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
              </svg>
              <span><strong className="text-text">Do not request services not listed.</strong> If a service is not on their profile, do not ask for it. This includes asking for &quot;extras&quot; or anything that crosses stated boundaries.</span>
            </li>
            <li className="flex items-start gap-3">
              <svg className="w-5 h-5 text-red-400 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
              </svg>
              <span><strong className="text-text">Do not show up under the influence.</strong> Arriving heavily intoxicated or under the influence of drugs is unsafe and disrespectful. Most escorts will refuse to see you and you will forfeit your payment.</span>
            </li>
          </ul>
        </div>
      </section>

      {/* Section 7: Reporting & Safety */}
      <section className="mb-10">
        <h2 className="text-2xl font-bold text-text mb-4 flex items-center gap-3">
          <span className="w-8 h-8 rounded-full bg-gold/15 border border-gold text-gold flex items-center justify-center text-sm font-bold flex-shrink-0">
            7
          </span>
          Reporting &amp; Safety
        </h2>
        <div className="prose prose-invert max-w-none text-text-muted leading-relaxed space-y-4">
          <p>
            If you encounter any issues — whether it is a profile that appears fraudulent, a threatening message, or
            a safety concern during or after a meeting — we encourage you to report it immediately. AdultWorld takes
            every report seriously and investigates all claims promptly and confidentially.
          </p>
          <p>
            You can report a profile or message directly through the platform using the report button on any profile
            or conversation. For urgent safety concerns, contact local emergency services first, then report to us
            through our <Link href="/safety" className="text-gold hover:text-gold/80">safety centre</Link> or
            by emailing our support team.
          </p>
          <p>
            We also provide resources for clients who may be concerned about potential exploitation or trafficking. If
            you suspect someone is being coerced or is in danger, please report it immediately. You can find further
            guidance and external support resources on our{" "}
            <Link href="/safety" className="text-gold hover:text-gold/80">safety page</Link>.
          </p>
        </div>
      </section>

      {/* CTA */}
      <section className="text-center">
        <div className="bg-gradient-to-r from-gold/10 via-gold/5 to-gold/10 rounded-2xl border border-gold/20 p-8 md:p-12">
          <h2 className="text-3xl font-bold text-text mb-3">
            Be a Great Client
          </h2>
          <p className="text-text-muted mb-6 max-w-lg mx-auto">
            Respectful clients enjoy better experiences, build trusted connections,
            and contribute to a safer community for everyone.
          </p>
          <Link
            href="/escorts"
            className="inline-flex items-center gap-2 bg-gold hover:bg-gold/90 text-black px-10 py-3.5 rounded-xl font-bold text-lg transition-all hover:-translate-y-0.5 hover:shadow-lg hover:shadow-gold/30"
          >
            Browse Escorts
            <svg
              className="w-5 h-5"
              fill="none"
              stroke="currentColor"
              viewBox="0 0 24 24"
            >
              <path
                strokeLinecap="round"
                strokeLinejoin="round"
                strokeWidth={2}
                d="M13 7l5 5m0 0l-5 5m5-5H6"
              />
            </svg>
          </Link>
        </div>
      </section>
    </div>
  );
}