import { Card, CardContent, CardHeader, CardTitle, CardDescription } from 'shadcn-ui';

const TermsOfService = () => {
  return (
    <div className="flex flex-col items-center justify-center min-h-screen bg-gray-900 text-white">
      <img src="https://i.imgur.com/EWx7IzF.png" alt="Logo" className="h-24 w-24 mb-6" />
      <Card className="w-full max-w-3xl">
        <CardHeader>
          <CardTitle className="text-2xl font-bold text-orange-500">Terms of Service</CardTitle>
        </CardHeader>
        <CardContent className="text-gray-300 bg-gray-700 p-6 rounded shadow-md">
          <CardDescription className="mb-4">
            Welcome to our Terms of Service page. Please read these terms carefully before using our services.
          </CardDescription>
          <h3 className="text-xl font-bold mb-2 text-orange-400">1. Acceptance of Terms</h3>
          <p className="mb-4">
            By accessing and using our services, you accept and agree to be bound by the terms and provision of this agreement.
          </p>
          <h3 className="text-xl font-bold mb-2 text-orange-400">2. Changes to Terms</h3>
          <p className="mb-4">
            We reserve the right to modify these terms at any time. You should check this page regularly to take notice of any changes we may have made to the Terms of Service.
          </p>
          <h3 className="text-xl font-bold mb-2 text-orange-400">3. Use of Service</h3>
          <p className="mb-4">
            You agree to use the service only for lawful purposes and in a way that does not infringe the rights of, restrict or inhibit anyone else's use and enjoyment of the service.
          </p>
          <h3 className="text-xl font-bold mb-2 text-orange-400">4. Privacy Policy</h3>
          <p className="mb-4">
            Our privacy policy, which sets out how we will use your information, can be found at [Privacy Policy URL]. By using this service, you consent to the processing described therein and warrant that all data provided by you is accurate.
          </p>
          <h3 className="text-xl font-bold mb-2 text-orange-400">5. Contact Us</h3>
          <p>
            If you have any questions about these Terms, please contact us at [Contact Information].
          </p>
        </CardContent>
      </Card>
    </div>
  );
};

export default TermsOfService;