import { Header } from '@/components/layout/Header';
import { useDocumentTitle } from '@/hooks/useDocumentTitle';

export default function Terms() {
  useDocumentTitle('Terms of Service');
  return (
    <div className="min-h-screen bg-background">
      <Header />
      <main className="container mx-auto px-4 py-8 max-w-4xl">
        <div className="prose dark:prose-invert max-w-none">
          <h1 className="text-4xl font-bold mb-8">Terms of Service</h1>
          
          <section className="mb-8">
            <h2 className="text-2xl font-semibold mb-4">1. Acceptance of Terms</h2>
            <p className="text-muted-foreground mb-4">
              By accessing and using ThrillWiki, you accept and agree to be bound by the terms and provision of this agreement.
            </p>
          </section>

          <section className="mb-8">
            <h2 className="text-2xl font-semibold mb-4">2. User Content</h2>
            <p className="text-muted-foreground mb-4">
              Users are responsible for all content they submit, including reviews, photos, and park information. Content must be accurate, respectful, and relevant to theme parks and rides.
            </p>
            <ul className="list-disc pl-6 text-muted-foreground mb-4">
              <li>No false or misleading information</li>
              <li>No offensive, harmful, or inappropriate content</li>
              <li>No spam or promotional content</li>
              <li>Respect intellectual property rights</li>
            </ul>
          </section>

          <section className="mb-8">
            <h2 className="text-2xl font-semibold mb-4">3. Community Guidelines</h2>
            <p className="text-muted-foreground mb-4">
              ThrillWiki is a community-driven platform. We expect all users to contribute positively and help maintain the quality of information.
            </p>
          </section>

          <section className="mb-8">
            <h2 className="text-2xl font-semibold mb-4">4. Moderation</h2>
            <p className="text-muted-foreground mb-4">
              We reserve the right to moderate, edit, or remove any content that violates these terms or our community guidelines.
            </p>
          </section>

          <section className="mb-8">
            <h2 className="text-2xl font-semibold mb-4">5. Account Termination</h2>
            <p className="text-muted-foreground mb-4">
              We may suspend or terminate accounts that repeatedly violate these terms or engage in harmful behavior.
            </p>
          </section>

          <section className="mb-8">
            <h2 className="text-2xl font-semibold mb-4">6. Changes to Terms</h2>
            <p className="text-muted-foreground mb-4">
              We may update these terms from time to time. Continued use of ThrillWiki constitutes acceptance of any changes.
            </p>
          </section>

          <div className="mt-12 p-4 bg-muted rounded-lg">
            <p className="text-sm text-muted-foreground">
              Last updated: January 2024
            </p>
          </div>
        </div>
      </main>
    </div>
  );
}