import Link from 'next/link'
import Image from 'next/image'
import { ShieldCheckIcon, EyeIcon, LockClosedIcon } from '@heroicons/react/24/outline'
// Magical floating orbs component
const MagicalOrbs = () => {
return (
<div className='absolute inset-0 overflow-hidden pointer-events-none'>
{[...Array(6)].map((_, i) => (
<div
key={i}
className='absolute rounded-full animate-pulse'
style={{
left: `${Math.random() * 100}%`,
top: `${Math.random() * 100}%`,
width: `${4 + Math.random() * 6}px`,
height: `${4 + Math.random() * 6}px`,
background: `radial-gradient(circle, rgba(20, 184, 166, 0.4) 0%, rgba(6, 182, 212, 0.2) 50%, transparent 100%)`,
animationDelay: `${Math.random() * 4}s`,
animationDuration: `${3 + Math.random() * 2}s`,
}}
/>
))}
</div>
)
}
export default function PrivacyPage() {
return (
<div className='min-h-screen bg-gradient-to-br from-slate-50 via-white to-slate-100 relative overflow-hidden'>
<MagicalOrbs />
<div className='absolute inset-0 bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-teal-500/5 via-transparent to-transparent' />
{/* Navigation */}
<nav className='bg-slate-900/50 backdrop-blur-sm border-b border-teal-600/20 shadow-lg relative z-10'>
<div className='max-w-7xl mx-auto px-4 sm:px-6 lg:px-8'>
<div className='flex justify-between h-16'>
<div className='flex items-center'>
<Link href='/' className='flex-shrink-0 flex items-center'>
<Image
src='/images/logo-glyph-white.png'
alt='Bookwiz Glyph'
width={24}
height={24}
className='mr-2'
/>
<Image
src='/images/logo-text-white.svg'
alt='Bookwiz'
width={96}
height={24}
/>
</Link>
</div>
<div className='flex items-center space-x-4'>
<Link
href='/terms'
className='text-slate-300 hover:text-white transition-colors text-sm'
>
Terms
</Link>
<Link
href='/'
className='bg-teal-600 hover:bg-teal-700 text-white px-4 py-2 rounded-lg transition-colors text-sm font-medium'
>
Back to Home
</Link>
</div>
</div>
</div>
</nav>
{/* Hero Section */}
<div className='relative overflow-hidden'>
<div className='max-w-4xl mx-auto text-center pt-20 pb-16 px-4 sm:px-6 lg:px-8'>
<div className='relative z-10'>
<div className='inline-flex items-center px-4 py-2 rounded-full bg-teal-50 border border-teal-200 text-teal-700 text-sm font-medium mb-6'>
<ShieldCheckIcon className='w-4 h-4 mr-2' />
Your Privacy Matters
</div>
<h1 className='text-5xl md:text-6xl font-bold text-slate-900 mb-6 leading-tight'>
Privacy
<span className='block bg-gradient-to-r from-teal-600 to-cyan-600 bg-clip-text text-transparent'>
Policy
</span>
</h1>
<p className='text-xl text-slate-600 mb-8 max-w-2xl mx-auto leading-relaxed'>
We're committed to protecting your privacy and being transparent about how we handle your data.
</p>
<p className='text-sm text-slate-500'>
Last updated: January 2025
</p>
</div>
</div>
</div>
{/* Content */}
<div className='max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 pb-20 relative z-10'>
<div className='bg-white/80 backdrop-blur-sm rounded-3xl p-8 md:p-12 border border-slate-200 shadow-lg'>
<div className='prose prose-slate max-w-none'>
{/* Quick Summary */}
<div className='bg-teal-50 border border-teal-200 rounded-2xl p-6 mb-8'>
<h2 className='text-lg font-semibold text-teal-900 mb-3 flex items-center'>
<EyeIcon className='w-5 h-5 mr-2' />
Quick Summary
</h2>
<ul className='text-sm text-teal-800 space-y-2 mb-0'>
<li>• We collect only what's necessary to provide our writing platform</li>
<li>• Your stories and content belong to you - we never claim ownership</li>
<li>• We use Google OAuth for secure authentication</li>
<li>• We don't sell your personal data to third parties</li>
<li>• You can delete your account and data at any time</li>
</ul>
</div>
<h2>1. Information We Collect</h2>
<h3>Account Information</h3>
<p>When you create an account, we collect:</p>
<ul>
<li>Your name and email address (via Google OAuth)</li>
<li>Profile information you choose to provide</li>
<li>Account preferences and settings</li>
</ul>
<h3>Content You Create</h3>
<p>We store the content you create on our platform:</p>
<ul>
<li>Your books, stories, and writing projects</li>
<li>Files, folders, and organizational structure</li>
<li>Notes, character profiles, and world-building content</li>
<li>Chat history with our AI writing assistant</li>
</ul>
<h3>Usage Information</h3>
<p>We automatically collect certain information about how you use Bookwiz:</p>
<ul>
<li>Pages visited and features used</li>
<li>Time spent on the platform</li>
<li>Device and browser information</li>
<li>IP address and general location</li>
</ul>
<h2>2. How We Use Your Information</h2>
<p>We use your information to:</p>
<ul>
<li><strong>Provide our service:</strong> Store your content, sync across devices, and enable collaboration</li>
<li><strong>Improve our platform:</strong> Analyze usage patterns to enhance features and performance</li>
<li><strong>Communicate with you:</strong> Send important updates, security alerts, and feature announcements</li>
<li><strong>Provide support:</strong> Help you with technical issues and questions</li>
<li><strong>Process payments:</strong> Handle subscriptions and billing through Stripe</li>
</ul>
<h2>3. Information Sharing</h2>
<p>We share your information only in these limited circumstances:</p>
<h3>Service Providers</h3>
<p>We work with trusted third-party services:</p>
<ul>
<li><strong>Supabase:</strong> Database hosting and authentication</li>
<li><strong>Google:</strong> OAuth authentication services</li>
<li><strong>Stripe:</strong> Payment processing</li>
<li><strong>Vercel:</strong> Website hosting and performance</li>
</ul>
<h3>Legal Requirements</h3>
<p>We may disclose information if required by law or to:</p>
<ul>
<li>Comply with legal processes or government requests</li>
<li>Protect our rights, property, or safety</li>
<li>Prevent fraud or abuse of our service</li>
</ul>
<h2>4. Data Security</h2>
<div className='bg-slate-50 border border-slate-200 rounded-2xl p-6 my-6'>
<h3 className='text-lg font-semibold text-slate-900 mb-3 flex items-center'>
<LockClosedIcon className='w-5 h-5 mr-2' />
Security Measures
</h3>
<ul className='text-sm text-slate-700 space-y-2 mb-0'>
<li>• All data transmitted using HTTPS encryption</li>
<li>• Database access protected by Row Level Security (RLS)</li>
<li>• Regular security updates and monitoring</li>
<li>• Secure authentication through Google OAuth</li>
<li>• Limited access to your data by our team</li>
</ul>
</div>
<h2>5. Your Rights and Choices</h2>
<h3>Access and Control</h3>
<p>You have the right to:</p>
<ul>
<li><strong>Access:</strong> View all personal data we have about you</li>
<li><strong>Update:</strong> Modify your account information and preferences</li>
<li><strong>Delete:</strong> Remove your account and all associated data</li>
<li><strong>Export:</strong> Download your content in a portable format</li>
<li><strong>Restrict:</strong> Limit how we process your information</li>
</ul>
<h3>Account Deletion</h3>
<p>You can delete your account at any time from your account settings. This will:</p>
<ul>
<li>Permanently delete all your content and data</li>
<li>Cancel any active subscriptions</li>
<li>Remove your account from our systems within 30 days</li>
</ul>
<h2>6. Data Retention</h2>
<p>We retain your information for as long as:</p>
<ul>
<li>Your account is active</li>
<li>Needed to provide our services</li>
<li>Required by law or for legitimate business purposes</li>
</ul>
<p>After account deletion, we may retain some information for up to 90 days for backup and recovery purposes.</p>
<h2>7. International Data Transfers</h2>
<p>Your data may be processed in countries other than your own. We ensure appropriate safeguards are in place to protect your information during international transfers.</p>
<h2>8. Children's Privacy</h2>
<p>Bookwiz is not intended for children under 13. We do not knowingly collect personal information from children under 13. If we become aware that we have collected such information, we will delete it promptly.</p>
<h2>9. Changes to This Policy</h2>
<p>We may update this privacy policy from time to time. We will notify you of any material changes by:</p>
<ul>
<li>Posting the updated policy on our website</li>
<li>Sending you an email notification</li>
<li>Displaying a notice in the app</li>
</ul>
<h2>10. Contact Us</h2>
<p>If you have questions about this privacy policy or our data practices, please contact us:</p>
<ul>
<li><strong>Email:</strong> hello@bookwiz.io</li>
<li><strong>Discord:</strong> <a href="https://discord.gg/3QjkcjsKkn" target="_blank" rel="noopener noreferrer" className="text-teal-600 hover:text-teal-700">Join our community</a></li>
<li><strong>Location:</strong> Sofia, Bulgaria</li>
</ul>
<div className='bg-teal-50 border border-teal-200 rounded-2xl p-6 mt-8'>
<p className='text-sm text-teal-800 mb-0'>
<strong>Questions about your data?</strong> We're here to help. Reach out to us anytime at hello@bookwiz.io or join our Discord community, and we'll respond within 48 hours.
</p>
</div>
</div>
</div>
</div>
</div>
)
}