nlcc-itinerary/pages/terms.vue

<template>
  <div class="min-h-screen bg-gray-50 flex flex-col">
    <header class="bg-white shadow-sm">
      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
        <div class="flex items-center justify-between">
          <NuxtLink to="/" class="hover:opacity-80">
            <img src="/logos/logo.png" alt="New Life Christian Church" class="h-16 w-auto" />
          </NuxtLink>
          <ClientOnly fallback-tag="div">
            <Menu
              :is-authenticated="isAuthenticated"
              :is-admin="isAdmin"
              :show-home="true"
              :current-path="route.fullPath"
            />
          </ClientOnly>
        </div>
      </div>
    </header>

    <main class="flex-1 max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12 w-full">
      <div class="bg-white shadow-lg rounded-lg p-8">
        <h1 class="text-4xl font-bold text-gray-900 mb-8">Terms of Use & Privacy Policy</h1>

        <!-- AI Disclaimer Section -->
        <section class="mb-8 p-6 bg-yellow-50 border-l-4 border-yellow-400 rounded">
          <h2 class="text-2xl font-semibold text-gray-900 mb-4 flex items-center">
            <span class="mr-2">⚠️</span> Important: AI-Generated Content Disclaimer
          </h2>
          <div class="space-y-3 text-gray-700">
            <p class="font-semibold">
              This website and application were created with artificial intelligence (AI) assistance.
            </p>
            <p>
              <strong>Please be aware:</strong> AI technology, while powerful, is not perfect and can make mistakes.
              This includes but is not limited to:
            </p>
            <ul class="list-disc list-inside ml-4 space-y-2">
              <li>Errors in code or functionality</li>
              <li>Unexpected behavior or bugs</li>
              <li>Security vulnerabilities</li>
              <li>Data processing or storage issues</li>
              <li>Incorrect information display</li>
            </ul>
            <p class="font-semibold text-red-700 mt-4">
              Users should not rely on this system as the sole repository for important information.
              Always maintain backup copies of your sermon notes and important data.
            </p>
          </div>
        </section>

        <!-- Terms of Use -->
        <section class="mb-8">
          <h2 class="text-2xl font-semibold text-gray-900 mb-4">Terms of Use</h2>
          <div class="space-y-4 text-gray-700">
            <p>
              By accessing and using this website (the "Service"), you accept and agree to be bound by the
              terms and provisions of this agreement.
            </p>

            <h3 class="text-xl font-semibold text-gray-900 mt-6 mb-3">Purpose</h3>
            <p>
              This Service is provided by New Life Christian Church (the "Church") to assist members and
              attendees in viewing sermon information and taking personal notes during services. The Service
              is provided as-is for informational and organizational purposes only.
            </p>

            <h3 class="text-xl font-semibold text-gray-900 mt-6 mb-3">Use at Your Own Risk</h3>
            <p>
              You acknowledge and agree that your use of this Service is at your sole risk. The Service
              is provided on an "AS IS" and "AS AVAILABLE" basis without warranties of any kind, either
              express or implied.
            </p>
          </div>
        </section>

        <!-- Limitation of Liability -->
        <section class="mb-8">
          <h2 class="text-2xl font-semibold text-gray-900 mb-4">Limitation of Liability</h2>
          <div class="space-y-4 text-gray-700">
            <p class="font-semibold">
              TO THE FULLEST EXTENT PERMITTED BY LAW, NEW LIFE CHRISTIAN CHURCH, ITS STAFF, VOLUNTEERS,
              CONTRACTORS, AND AFFILIATES SHALL NOT BE LIABLE FOR ANY DAMAGES OF ANY KIND ARISING FROM
              THE USE OF THIS SERVICE.
            </p>
            <p>This includes but is not limited to:</p>
            <ul class="list-disc list-inside ml-4 space-y-2">
              <li>Loss of data, including sermon notes or personal information</li>
              <li>Service interruptions or downtime</li>
              <li>Errors, bugs, or technical malfunctions</li>
              <li>Security breaches or unauthorized access</li>
              <li>Inaccurate or incomplete information</li>
              <li>Any indirect, incidental, special, consequential, or punitive damages</li>
            </ul>
            <p class="mt-4">
              The Church makes no guarantee regarding the availability, reliability, or accuracy of the
              Service and reserves the right to modify, suspend, or discontinue the Service at any time
              without notice.
            </p>
          </div>
        </section>

        <!-- Data & Privacy -->
        <section class="mb-8">
          <h2 class="text-2xl font-semibold text-gray-900 mb-4">Privacy & Data</h2>
          <div class="space-y-4 text-gray-700">
            <h3 class="text-xl font-semibold text-gray-900 mt-6 mb-3">Information We Collect</h3>
            <p>When you register for an account, we collect:</p>
            <ul class="list-disc list-inside ml-4 space-y-2">
              <li>Username and password (password is encrypted)</li>
              <li>Email address</li>
              <li>First and last name</li>
              <li>Your sermon notes and related content</li>
            </ul>

            <h3 class="text-xl font-semibold text-gray-900 mt-6 mb-3">How We Use Your Information</h3>
            <p>Your information is used to:</p>
            <ul class="list-disc list-inside ml-4 space-y-2">
              <li>Provide access to the Service</li>
              <li>Store and manage your sermon notes</li>
              <li>Send you sermon notes via email when requested</li>
              <li>Authenticate your account</li>
            </ul>

            <h3 class="text-xl font-semibold text-gray-900 mt-6 mb-3">Data Retention</h3>
            <p>
              Your notes are stored in our database and are associated with your account.
              <strong class="text-red-700">Important:</strong> If a sermon is deleted by an administrator,
              all associated user notes for that sermon are permanently deleted. We recommend regularly
              downloading or emailing your notes to maintain personal backups.
            </p>

            <h3 class="text-xl font-semibold text-gray-900 mt-6 mb-3">Data Security</h3>
            <p>
              While we implement security measures to protect your data, no system is completely secure.
              Given that this system was created with AI assistance, there may be unknown vulnerabilities.
              The Church cannot guarantee the security of your information.
            </p>

            <h3 class="text-xl font-semibold text-gray-900 mt-6 mb-3">Third-Party Services</h3>
            <p>
              When you email your notes, we use third-party email service providers to deliver your messages.
              Your email address and content are transmitted through these services.
            </p>
          </div>
        </section>

        <!-- User Responsibilities -->
        <section class="mb-8">
          <h2 class="text-2xl font-semibold text-gray-900 mb-4">User Responsibilities</h2>
          <div class="space-y-4 text-gray-700">
            <p>As a user of this Service, you agree to:</p>
            <ul class="list-disc list-inside ml-4 space-y-2">
              <li>Maintain the confidentiality of your account credentials</li>
              <li>Use the Service only for its intended purpose</li>
              <li>Maintain your own backups of important notes and information</li>
              <li>Not attempt to compromise the security of the Service</li>
              <li>Not use the Service for any unlawful purpose</li>
              <li>Accept sole responsibility for any content you create or upload</li>
            </ul>
          </div>
        </section>

        <!-- Account Termination -->
        <section class="mb-8">
          <h2 class="text-2xl font-semibold text-gray-900 mb-4">Account Termination</h2>
          <div class="space-y-4 text-gray-700">
            <p>
              The Church reserves the right to terminate or suspend your account at any time, with or
              without notice, for any reason, including violation of these terms or at the Church's sole
              discretion.
            </p>
          </div>
        </section>

        <!-- Changes to Terms -->
        <section class="mb-8">
          <h2 class="text-2xl font-semibold text-gray-900 mb-4">Changes to These Terms</h2>
          <div class="space-y-4 text-gray-700">
            <p>
              The Church reserves the right to modify these terms at any time. Continued use of the
              Service after changes constitutes acceptance of the modified terms.
            </p>
          </div>
        </section>

        <!-- Contact -->
        <section class="mb-8">
          <h2 class="text-2xl font-semibold text-gray-900 mb-4">Contact Information</h2>
          <div class="space-y-4 text-gray-700">
            <p>
              If you have questions about these terms or the Service, please contact New Life Christian
              Church through our regular church communication channels.
            </p>
          </div>
        </section>

        <!-- Acceptance -->
        <section class="mb-8 p-6 bg-gray-50 border rounded">
          <p class="text-gray-700">
            <strong>By using this Service, you acknowledge that you have read, understood, and agree to
            be bound by these Terms of Use and Privacy Policy, including the AI-generated content disclaimer.</strong>
          </p>
          <p class="text-sm text-gray-600 mt-4">
            Last Updated: {{ new Date().toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' }) }}
          </p>
        </section>

        <!-- Back Button -->
        <div class="border-t pt-6">
          <NuxtLink
            to="/"
            class="inline-flex items-center text-blue-600 hover:text-blue-700 font-medium"
          >
            <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
            </svg>
            Back to Home
          </NuxtLink>
        </div>
      </div>
    </main>

    <Footer />
  </div>
</template>

<script setup lang="ts">
const route = useRoute()

// Check authentication status
const { data: authData } = await useFetch('/api/auth/verify')
const isAuthenticated = computed(() => authData.value?.authenticated || false)
const isAdmin = computed(() => authData.value?.isAdmin || false)
</script>