import type { Metadata } from "next";
import { siteConfig } from "@/lib/config";

export const metadata: Metadata = {
  title: "Warranty & Returns",
  description: "Our warranty, returns and refund policy for second-hand devices.",
};

export default function WarrantyPage() {
  return (
    <div className="mx-auto max-w-3xl px-4 py-10">
      <h1 className="text-3xl font-bold text-slate-900">Warranty & Returns</h1>
      <p className="mt-2 text-slate-500">
        Please read our policy below. Contact us any time if you have questions.
      </p>

      <div className="mt-8 space-y-6 text-slate-600">
        <section>
          <h2 className="text-lg font-bold text-slate-900">🛡 Seller warranty</h2>
          <p className="mt-2">
            Most products carry a seller warranty (the exact period is shown on
            each product page). During this period we will repair or replace the
            device for any hardware fault not caused by physical or liquid damage.
          </p>
        </section>

        <section>
          <h2 className="text-lg font-bold text-slate-900">🔄 Returns</h2>
          <p className="mt-2">
            If a device does not work as described, you may return it within{" "}
            <strong>7 days</strong> of delivery for a repair, replacement or
            refund. The item must be in the same condition as delivered, with all
            included accessories.
          </p>
        </section>

        <section>
          <h2 className="text-lg font-bold text-slate-900">🔬 Testing & grading</h2>
          <p className="mt-2">
            Every device is tested and honestly graded (Like New, Excellent, Good
            or Fair). Cosmetic wear is normal for used electronics and is
            reflected in the grade and price.
          </p>
        </section>

        <section>
          <h2 className="text-lg font-bold text-slate-900">💵 Payment</h2>
          <p className="mt-2">
            We currently accept <strong>cash on delivery</strong> and{" "}
            <strong>cash on pickup</strong>. No advance payment is required.
          </p>
        </section>

        <section>
          <h2 className="text-lg font-bold text-slate-900">❌ What&apos;s not covered</h2>
          <ul className="mt-2 list-disc space-y-1 pl-5">
            <li>Physical damage, cracks, or liquid damage after delivery.</li>
            <li>Normal battery wear on laptops (battery health is disclosed).</li>
            <li>Software issues, viruses, or data loss.</li>
          </ul>
        </section>
      </div>

      <div className="mt-10 rounded-xl border border-slate-200 bg-slate-50 p-6 text-center text-sm text-slate-600">
        Questions about a specific product? Call{" "}
        <a href={`tel:${siteConfig.phone}`} className="font-medium text-brand-600">
          {siteConfig.phone}
        </a>{" "}
        or message us on WhatsApp.
      </div>
    </div>
  );
}