/**
 * Terms and Conditions Page
 */

import { Link } from 'react-router-dom';
import PageMeta from '../../components/common/PageMeta';
import { ChevronLeftIcon } from '../../icons';

export default function Terms() {
  return (
    <>
      <PageMeta
        title="Terms and Conditions - IGNY8"
        description="IGNY8 Terms and Conditions - Read our terms of service"
      />
      <div className="min-h-screen bg-gradient-to-br from-gray-50 to-gray-100 dark:from-gray-900 dark:to-gray-800">
        <div className="max-w-4xl mx-auto px-4 py-12 sm:px-6 lg:px-8">
          {/* Back Link */}
          <Link
            to="/"
            className="inline-flex items-center text-sm text-gray-500 transition-colors hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300 mb-8"
          >
            <ChevronLeftIcon className="size-5" />
            Back to Home
          </Link>

          {/* Header */}
          <div className="text-center mb-12">
            <Link to="/" className="inline-block mb-6">
              <img
                src="/images/logo/IGNY8_LIGHT_LOGO.png"
                alt="IGNY8"
                className="h-12 w-auto mx-auto"
              />
            </Link>
            <h1 className="text-3xl font-bold text-gray-900 dark:text-white mb-4">
              Terms and Conditions
            </h1>
            <p className="text-gray-500 dark:text-gray-400">
              Last updated: December 31, 2024
            </p>
          </div>

          {/* Content */}
          <div className="bg-white dark:bg-gray-800 rounded-2xl shadow-xl p-8 sm:p-12 space-y-8">
            <section>
              <h2 className="text-xl font-semibold text-gray-900 dark:text-white mb-4">
                1. Acceptance of Terms
              </h2>
              <p className="text-gray-600 dark:text-gray-300 leading-relaxed">
                By accessing and using IGNY8 ("the Service"), you accept and agree to be bound by the terms and provision of this agreement. If you do not agree to abide by these terms, please do not use this Service.
              </p>
            </section>

            <section>
              <h2 className="text-xl font-semibold text-gray-900 dark:text-white mb-4">
                2. Description of Service
              </h2>
              <p className="text-gray-600 dark:text-gray-300 leading-relaxed mb-4">
                IGNY8 is an AI-powered content creation and SEO optimization platform that provides:
              </p>
              <ul className="list-disc list-inside text-gray-600 dark:text-gray-300 space-y-2 ml-4">
                <li>Keyword research and clustering tools</li>
                <li>AI-generated content creation</li>
                <li>Image generation capabilities</li>
                <li>Content optimization features</li>
                <li>Publishing integrations for Shopify, WordPress, and custom sites</li>
                <li>Analytics and reporting</li>
              </ul>
            </section>

            <section>
              <h2 className="text-xl font-semibold text-gray-900 dark:text-white mb-4">
                3. User Accounts
              </h2>
              <p className="text-gray-600 dark:text-gray-300 leading-relaxed mb-4">
                To use certain features of the Service, you must register for an account. When you register:
              </p>
              <ul className="list-disc list-inside text-gray-600 dark:text-gray-300 space-y-2 ml-4">
                <li>You agree to provide accurate, current, and complete information</li>
                <li>You are responsible for maintaining the security of your account</li>
                <li>You are responsible for all activities that occur under your account</li>
                <li>You must notify us immediately of any unauthorized use of your account</li>
              </ul>
            </section>

            <section>
              <h2 className="text-xl font-semibold text-gray-900 dark:text-white mb-4">
                4. Billing and Credits
              </h2>
              <p className="text-gray-600 dark:text-gray-300 leading-relaxed mb-4">
                Our Service operates on a credit-based system:
              </p>
              <ul className="list-disc list-inside text-gray-600 dark:text-gray-300 space-y-2 ml-4">
                <li>Credits are consumed when using AI features</li>
                <li>Unused credits may expire according to your plan terms</li>
                <li>Refunds are subject to our refund policy</li>
                <li>Prices are subject to change with notice</li>
              </ul>
            </section>

            <section>
              <h2 className="text-xl font-semibold text-gray-900 dark:text-white mb-4">
                5. Acceptable Use
              </h2>
              <p className="text-gray-600 dark:text-gray-300 leading-relaxed mb-4">
                You agree not to use the Service to:
              </p>
              <ul className="list-disc list-inside text-gray-600 dark:text-gray-300 space-y-2 ml-4">
                <li>Generate illegal, harmful, or offensive content</li>
                <li>Violate intellectual property rights</li>
                <li>Attempt to circumvent usage limits or security measures</li>
                <li>Resell or redistribute the Service without authorization</li>
                <li>Use automated systems to access the Service in a manner that exceeds reasonable usage</li>
              </ul>
            </section>

            <section>
              <h2 className="text-xl font-semibold text-gray-900 dark:text-white mb-4">
                6. Intellectual Property
              </h2>
              <p className="text-gray-600 dark:text-gray-300 leading-relaxed mb-4">
                Content generated through our Service:
              </p>
              <ul className="list-disc list-inside text-gray-600 dark:text-gray-300 space-y-2 ml-4">
                <li>You retain ownership of content you create using the Service</li>
                <li>You grant us a license to process your content to provide the Service</li>
                <li>AI-generated content is provided "as-is" and you are responsible for reviewing and editing</li>
                <li>The Service itself, including all code, designs, and features, remains our property</li>
              </ul>
            </section>

            <section>
              <h2 className="text-xl font-semibold text-gray-900 dark:text-white mb-4">
                7. Limitation of Liability
              </h2>
              <p className="text-gray-600 dark:text-gray-300 leading-relaxed">
                IGNY8 and its affiliates shall not be liable for any indirect, incidental, special, consequential, or punitive damages resulting from your use of the Service. Our total liability shall not exceed the amount you paid for the Service in the twelve months preceding the claim.
              </p>
            </section>

            <section>
              <h2 className="text-xl font-semibold text-gray-900 dark:text-white mb-4">
                8. Termination
              </h2>
              <p className="text-gray-600 dark:text-gray-300 leading-relaxed">
                We may terminate or suspend your access to the Service immediately, without prior notice, for conduct that we believe violates these Terms or is harmful to other users, us, or third parties, or for any other reason at our sole discretion.
              </p>
            </section>

            <section>
              <h2 className="text-xl font-semibold text-gray-900 dark:text-white mb-4">
                9. Changes to Terms
              </h2>
              <p className="text-gray-600 dark:text-gray-300 leading-relaxed">
                We reserve the right to modify these terms at any time. We will notify users of any material changes via email or through the Service. Your continued use of the Service after such modifications constitutes acceptance of the updated terms.
              </p>
            </section>

            <section>
              <h2 className="text-xl font-semibold text-gray-900 dark:text-white mb-4">
                10. Contact Information
              </h2>
              <p className="text-gray-600 dark:text-gray-300 leading-relaxed">
                If you have any questions about these Terms, please contact us at:
              </p>
              <p className="text-brand-500 mt-2">
                support@igny8.com
              </p>
            </section>
          </div>

          {/* Footer Links */}
          <div className="mt-8 text-center text-sm text-gray-500 dark:text-gray-400">
            <Link to="/privacy" className="hover:text-brand-500 mr-4">
              Privacy Policy
            </Link>
            <Link to="/signup" className="hover:text-brand-500">
              Back to Sign Up
            </Link>
          </div>
        </div>
      </div>
    </>
  );
}