import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@the-order/ui';

export default function TermsPage(): JSX.Element {
  return (
    <div className="min-h-screen bg-gray-50 py-12">
      <div className="container mx-auto px-4 max-w-4xl">
        <div className="mb-8">
          <h1 className="text-4xl font-bold text-gray-900 mb-4">Terms of Service</h1>
          <p className="text-lg text-gray-600">Last updated: {new Date().toLocaleDateString()}</p>
        </div>

        <div className="space-y-6">
          <Card>
            <CardHeader>
              <CardTitle>1. Acceptance of Terms</CardTitle>
            </CardHeader>
            <CardContent className="text-gray-700">
              <p>
                By accessing and using The Order's services, you accept and agree to be bound by
                these Terms of Service. If you do not agree, you may not use our services.
              </p>
            </CardContent>
          </Card>

          <Card>
            <CardHeader>
              <CardTitle>2. Description of Services</CardTitle>
            </CardHeader>
            <CardContent className="space-y-4 text-gray-700">
              <p>
                The Order provides digital identity and credential management services, including:
              </p>
              <ul className="list-disc list-inside space-y-2 ml-4">
                <li>eResidency and eCitizenship applications</li>
                <li>Verifiable credential issuance and management</li>
                <li>Identity verification services</li>
                <li>Access to governance and legal services</li>
              </ul>
            </CardContent>
          </Card>

          <Card>
            <CardHeader>
              <CardTitle>3. User Responsibilities</CardTitle>
            </CardHeader>
            <CardContent className="space-y-4 text-gray-700">
              <p>You agree to:</p>
              <ul className="list-disc list-inside space-y-2 ml-4">
                <li>Provide accurate and truthful information</li>
                <li>Maintain the security of your credentials</li>
                <li>Use services only for lawful purposes</li>
                <li>Not attempt to circumvent security measures</li>
                <li>Comply with all applicable laws and regulations</li>
              </ul>
            </CardContent>
          </Card>

          <Card>
            <CardHeader>
              <CardTitle>4. Intellectual Property</CardTitle>
            </CardHeader>
            <CardContent className="text-gray-700">
              <p>
                All content, features, and functionality of our services are owned by The Order and
                are protected by international copyright, trademark, and other intellectual property
                laws.
              </p>
            </CardContent>
          </Card>

          <Card>
            <CardHeader>
              <CardTitle>5. Limitation of Liability</CardTitle>
            </CardHeader>
            <CardContent className="text-gray-700">
              <p>
                The Order shall not be liable for any indirect, incidental, special, consequential,
                or punitive damages resulting from your use of our services.
              </p>
            </CardContent>
          </Card>

          <Card>
            <CardHeader>
              <CardTitle>6. Contact Information</CardTitle>
            </CardHeader>
            <CardContent className="text-gray-700">
              <p>
                For questions about these Terms, contact us at{' '}
                <a href="mailto:legal@theorder.org" className="text-primary hover:underline">
                  legal@theorder.org
                </a>
                .
              </p>
            </CardContent>
          </Card>
        </div>
      </div>
    </div>
  );
}

