import React from 'react';
import { Link } from 'react-router-dom';
import PublicNavbar from '../components/PublicNavbar';
import PublicFooter from '../components/PublicFooter';

export default function TermsOfService() {
  return (
    <>
      <PublicNavbar />
      <div className="min-h-screen bg-[#F8F7FB]">
        <div className="max-w-4xl mx-auto px-4 sm:px-6 md:px-8 lg:px-12 xl:px-16 py-12">
          {/* Header */}
          <div className="mb-8">
            <h1 className="text-3xl sm:text-4xl md:text-5xl font-bold text-[#422268] mb-4"
                style={{ fontFamily: "'Inter', sans-serif" }}>
              Terms of Service
            </h1>
            <p className="text-base sm:text-lg text-gray-600" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
              Last Updated: January 2025
            </p>
          </div>

          {/* Content */}
          <div className="bg-white rounded-lg border border-[#ddd8eb] p-6 sm:p-8 md:p-10 space-y-8">

            {/* Section 1: Agreement to Terms */}
            <section>
              <h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
                  style={{ fontFamily: "'Inter', sans-serif" }}>
                1. Agreement to Terms
              </h2>
              <div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
                <p className="text-gray-700 leading-relaxed">
                  These Terms of Service constitute a legally binding agreement made between you, whether personally or on behalf of an entity ("you") and LOAFers, Inc. ("Company", "we", "us", or "our"), concerning your access to and use of the https://loaftx.org website as well as any other media form, media channel, mobile website or mobile application related, linked, or otherwise connected thereto (collectively, the "Site").
                </p>
                <p className="text-gray-700 leading-relaxed">
                  You agree that by accessing the Site, you have read, understood, and agree to be bound by all of these Terms of Service. If you do not agree with all of these Terms of Service, then you are expressly prohibited from using the Site and you must discontinue use immediately.
                </p>
              </div>
            </section>

            {/* Section 2: Intellectual Property Rights */}
            <section>
              <h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
                  style={{ fontFamily: "'Inter', sans-serif" }}>
                2. Intellectual Property Rights
              </h2>
              <div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
                <p className="text-gray-700 leading-relaxed">
                  Unless otherwise indicated, the Site is our proprietary property and all source code, databases, functionality, software, website designs, audio, video, text, photographs, and graphics on the Site (collectively, the "Content") and the trademarks, service marks, and logos contained therein (the "Marks") are owned or controlled by us or licensed to us, and are protected by copyright and trademark laws and various other intellectual property rights and unfair competition laws of the United States, foreign jurisdictions, and international conventions.
                </p>
              </div>
            </section>

            {/* Section 3: User Representations */}
            <section>
              <h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
                  style={{ fontFamily: "'Inter', sans-serif" }}>
                3. User Representations
              </h2>
              <div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
                <p className="text-gray-700 leading-relaxed">
                  By using the Site, you represent and warrant that:
                </p>
                <ul className="list-disc list-inside space-y-2 text-gray-700 ml-4">
                  <li>All registration information you submit will be true, accurate, current, and complete</li>
                  <li>You will maintain the accuracy of such information and promptly update such registration information as necessary</li>
                  <li>You have the legal capacity and you agree to comply with these Terms of Service</li>
                  <li>You are not under the age of 13</li>
                  <li>Not a minor in the jurisdiction in which you reside, or if a minor, you have received parental permission to use the Site</li>
                  <li>You will not access the Site through automated or non-human means</li>
                  <li>You will not use the Site for any illegal or unauthorized purpose</li>
                  <li>Your use of the Site will not violate any applicable law or regulation</li>
                </ul>
              </div>
            </section>

            {/* Section 4: Prohibited Activities */}
            <section>
              <h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
                  style={{ fontFamily: "'Inter', sans-serif" }}>
                4. Prohibited Activities
              </h2>
              <div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
                <p className="text-gray-700 leading-relaxed">
                  You may not access or use the Site for any purpose other than that for which we make the Site available. The Site may not be used in connection with any commercial endeavors except those that are specifically endorsed or approved by us. As a user of the Site, you agree not to:
                </p>
                <ul className="list-disc list-inside space-y-2 text-gray-700 ml-4">
                  <li>Systematically retrieve data or other content from the Site to create or compile, directly or indirectly, a collection, compilation, database, or directory without written permission from us</li>
                  <li>Make any unauthorized use of the Site, including collecting usernames and/or email addresses of users by electronic or other means for the purpose of sending unsolicited email, or creating user accounts by automated means or under false pretenses</li>
                  <li>Circumvent, disable, or otherwise interfere with security-related features of the Site</li>
                  <li>Engage in unauthorized framing of or linking to the Site</li>
                  <li>Trick, defraud, or mislead us and other users, especially in any attempt to learn sensitive account information such as user passwords</li>
                  <li>Make improper use of our support services or submit false reports of abuse or misconduct</li>
                  <li>Engage in any automated use of the system, such as using scripts to send comments or messages</li>
                  <li>Interfere with, disrupt, or create an undue burden on the Site or the networks or services connected to the Site</li>
                </ul>
              </div>
            </section>

            {/* Section 5: User Generated Contributions */}
            <section>
              <h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
                  style={{ fontFamily: "'Inter', sans-serif" }}>
                5. User Generated Contributions
              </h2>
              <div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
                <p className="text-gray-700 leading-relaxed">
                  The Site may invite you to chat, contribute to, or participate in blogs, message boards, online forums, and other functionality, and may provide you with the opportunity to create, submit, post, display, transmit, perform, publish, distribute, or broadcast content and materials to us or on the Site.
                </p>
              </div>
            </section>

            {/* Section 6: Contribution License */}
            <section>
              <h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
                  style={{ fontFamily: "'Inter', sans-serif" }}>
                6. Contribution License
              </h2>
              <div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
                <p className="text-gray-700 leading-relaxed">
                  By posting your Contributions to any part of the Site, you automatically grant, and you represent and warrant that you have the right to grant, to us an unrestricted, unlimited, irrevocable, perpetual, non-exclusive, transferable, royalty-free, fully-paid, worldwide right, and license to host, use, copy, reproduce, disclose, sell, resell, publish, broadcast, retitle, archive, store, cache, publicly perform, publicly display, reformat, translate, transmit, excerpt (in whole or in part), and distribute such Contributions.
                </p>
              </div>
            </section>

            {/* Section 7: Submissions */}
            <section>
              <h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
                  style={{ fontFamily: "'Inter', sans-serif" }}>
                7. Submissions
              </h2>
              <div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
                <p className="text-gray-700 leading-relaxed">
                  You acknowledge and agree that any questions, comments, suggestions, ideas, feedback, or other information regarding the Site ("Submissions") provided by you to us are non-confidential and shall become our sole property.
                </p>
              </div>
            </section>

            {/* Section 8: Site Management */}
            <section>
              <h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
                  style={{ fontFamily: "'Inter', sans-serif" }}>
                8. Site Management
              </h2>
              <div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
                <p className="text-gray-700 leading-relaxed">
                  We reserve the right, but not the obligation, to: (1) monitor the Site for violations of these Terms of Service; (2) take appropriate legal action against anyone who, in our sole discretion, violates the law or these Terms of Service; (3) refuse, restrict access to, limit the availability of, or disable (to the extent technologically feasible) any of your Contributions; (4) remove from the Site or otherwise disable all files and content that are excessive in size or are in any way burdensome to our systems.
                </p>
              </div>
            </section>

            {/* Section 9: Term and Termination */}
            <section>
              <h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
                  style={{ fontFamily: "'Inter', sans-serif" }}>
                9. Term and Termination
              </h2>
              <div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
                <p className="text-gray-700 leading-relaxed">
                  These Terms of Service shall remain in full force and effect while you use the Site. Without limiting any other provision of these Terms of Service, we reserve the right to, in our sole discretion and without notice or liability, deny access to and use of the Site to any person for any reason or for no reason.
                </p>
              </div>
            </section>

            {/* Section 10: Modifications and Interruptions */}
            <section>
              <h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
                  style={{ fontFamily: "'Inter', sans-serif" }}>
                10. Modifications and Interruptions
              </h2>
              <div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
                <p className="text-gray-700 leading-relaxed">
                  We reserve the right to change, modify, or remove the contents of the Site at any time or for any reason at our sole discretion without notice. We also reserve the right to modify or discontinue all or part of the Site without notice at any time.
                </p>
              </div>
            </section>

            {/* Section 11: Governing Law */}
            <section>
              <h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
                  style={{ fontFamily: "'Inter', sans-serif" }}>
                11. Governing Law
              </h2>
              <div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
                <p className="text-gray-700 leading-relaxed">
                  These Terms of Service and your use of the Site are governed by and construed in accordance with the laws of the State of Texas applicable to agreements made and to be entirely performed within the State of Texas, without regard to its conflict of law principles.
                </p>
              </div>
            </section>

            {/* Section 12: Dispute Resolution */}
            <section>
              <h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
                  style={{ fontFamily: "'Inter', sans-serif" }}>
                12. Dispute Resolution
              </h2>
              <div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
                <p className="text-gray-700 leading-relaxed">
                  Any legal action of whatever nature brought by either you or us shall be commenced or prosecuted in the state and federal courts located in Harris County, Texas, and the parties hereby consent to, and waive all defenses of lack of personal jurisdiction and forum non conveniens with respect to venue and jurisdiction in such state and federal courts.
                </p>
              </div>
            </section>

            {/* Section 13: Corrections */}
            <section>
              <h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
                  style={{ fontFamily: "'Inter', sans-serif" }}>
                13. Corrections
              </h2>
              <div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
                <p className="text-gray-700 leading-relaxed">
                  There may be information on the Site that contains typographical errors, inaccuracies, or omissions that may relate to the Site, including descriptions, pricing, availability, and various other information. We reserve the right to correct any errors, inaccuracies, or omissions and to change or update the information on the Site at any time, without prior notice.
                </p>
              </div>
            </section>

            {/* Section 14: Disclaimer */}
            <section>
              <h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
                  style={{ fontFamily: "'Inter', sans-serif" }}>
                14. Disclaimer
              </h2>
              <div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
                <p className="text-gray-700 leading-relaxed">
                  The Site is provided on an as-is and as-available basis. You agree that your use of the Site and our services will be at your sole risk. To the fullest extent permitted by law, we disclaim all warranties, express or implied, in connection with the Site and your use thereof.
                </p>
              </div>
            </section>

            {/* Section 15: Limitations of Liability */}
            <section>
              <h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
                  style={{ fontFamily: "'Inter', sans-serif" }}>
                15. Limitations of Liability
              </h2>
              <div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
                <p className="text-gray-700 leading-relaxed">
                  In no event will we or our directors, employees, or agents be liable to you or any third party for any direct, indirect, consequential, exemplary, incidental, special, or punitive damages, including lost profit, lost revenue, loss of data, or other damages arising from your use of the Site.
                </p>
              </div>
            </section>

            {/* Section 16: Indemnification */}
            <section>
              <h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
                  style={{ fontFamily: "'Inter', sans-serif" }}>
                16. Indemnification
              </h2>
              <div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
                <p className="text-gray-700 leading-relaxed">
                  You agree to defend, indemnify, and hold us harmless, including our subsidiaries, affiliates, and all of our respective officers, agents, partners, and employees, from and against any loss, damage, liability, claim, or demand, including reasonable attorneys' fees and expenses, made by any third party due to or arising out of your use of the Site or breach of these Terms of Service.
                </p>
              </div>
            </section>

            {/* Section 17: User Data */}
            <section>
              <h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
                  style={{ fontFamily: "'Inter', sans-serif" }}>
                17. User Data
              </h2>
              <div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
                <p className="text-gray-700 leading-relaxed">
                  We will maintain certain data that you transmit to the Site for the purpose of managing the Site, as well as data relating to your use of the Site. Although we perform regular routine backups of data, you are solely responsible for all data that you transmit or that relates to any activity you have undertaken using the Site.
                </p>
              </div>
            </section>

            {/* Section 18: Electronic Communications */}
            <section>
              <h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
                  style={{ fontFamily: "'Inter', sans-serif" }}>
                18. Electronic Communications, Transactions, and Signatures
              </h2>
              <div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
                <p className="text-gray-700 leading-relaxed">
                  Visiting the Site, sending us emails, and completing online forms constitute electronic communications. You consent to receive electronic communications, and you agree that all agreements, notices, disclosures, and other communications we provide to you electronically, via email and on the Site, satisfy any legal requirement that such communication be in writing.
                </p>
              </div>
            </section>

            {/* Section 19: Contact Us */}
            <section>
              <h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
                  style={{ fontFamily: "'Inter', sans-serif" }}>
                19. Contact Us
              </h2>
              <div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
                <p className="text-gray-700 leading-relaxed">
                  In order to resolve a complaint regarding the Site or to receive further information regarding use of the Site, please contact us at:
                </p>
                <div className="bg-[#F8F7FB] p-4 rounded-lg border border-[#ddd8eb]">
                  <p className="font-semibold text-gray-800">LOAFers, Inc.</p>
                  <p className="text-gray-700">PO Box 7207</p>
                  <p className="text-gray-700">Houston, TX 77249</p>
                  <p className="text-gray-700 mt-2">
                    Email: <a href="mailto:info@loaftx.org" className="text-[#664fa3] hover:text-[#422268] font-semibold">info@loaftx.org</a>
                  </p>
                </div>
              </div>
            </section>
          </div>

          {/* Back to Home Link */}
          <div className="mt-8 text-center">
            <Link to="/" className="text-[#664fa3] hover:text-[#422268] font-semibold transition-colors inline-flex items-center gap-2"
                  style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
              <span>←</span> Back to Home
            </Link>
          </div>
        </div>
      </div>
      <PublicFooter />
    </>
  );
}