Joshua Ryder
8c66550987
- Create responsive TermsModal component for mobile and desktop - Add comprehensive legal terms with prominent AI disclaimer - Update footer to show terms modal and AI warning on all pages - Require terms acceptance checkbox during account registration - Add validation to ensure users accept terms before registration - Include clickable link in checkbox to view full terms in modal 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
28 lines
875 B
Vue
28 lines
875 B
Vue
<template>
|
||
<footer class="bg-gray-100 border-t border-gray-200 mt-auto">
|
||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
|
||
<div class="flex flex-col items-center gap-2">
|
||
<p class="text-center text-sm text-gray-600">
|
||
Created for New Life Christian Church by Joshua Ryder with AI assistance
|
||
</p>
|
||
<div class="flex items-center gap-4 text-xs text-gray-500">
|
||
<button
|
||
@click="showTermsModal = true"
|
||
class="hover:text-blue-600 hover:underline"
|
||
>
|
||
Terms of Use & Privacy Policy
|
||
</button>
|
||
<span>|</span>
|
||
<span>⚠️ AI-Generated System - Use at Your Own Risk</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<TermsModal v-model="showTermsModal" />
|
||
</footer>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
const showTermsModal = ref(false)
|
||
</script>
|