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

export const metadata: Metadata = {
  title: "Terms of Service",
  robots: { index: true, follow: true },
};

export default function TermsPage() {
  return (
    <div className="min-h-screen bg-background">
      <div className="container mx-auto px-4 py-16 max-w-3xl">
        <h1 className="text-4xl font-bold mb-8">Terms of Service</h1>
        <div className="prose prose-neutral max-w-none space-y-6 text-muted-foreground">
          <p>Last updated: {new Date().toLocaleDateString()}</p>
          <section>
            <h2 className="text-xl font-semibold text-foreground mb-3">Service Agreement</h2>
            <p>By using our services, you agree to these terms. All work is performed by licensed professionals and subject to our standard service agreement provided at the time of service.</p>
          </section>
          <section>
            <h2 className="text-xl font-semibold text-foreground mb-3">Pricing & Payment</h2>
            <p>We provide upfront pricing before beginning work. Payment is due upon completion of service unless otherwise agreed in writing.</p>
          </section>
          <section>
            <h2 className="text-xl font-semibold text-foreground mb-3">Warranty</h2>
            <p>We stand behind our work with a satisfaction guarantee. Warranty terms vary by service type and will be communicated before work begins.</p>
          </section>
        </div>
        <Link href="/" className="inline-block mt-8 text-primary hover:underline">← Back to Home</Link>
      </div>
    </div>
  );
}