---
export const prerender = false;
import Footer from '../components/Footer.astro';
import Layout from '../layouts/Main.astro';
---
<Layout title="Terms and Privacy" >
    <div class="container-fluid container-sm my-5" slot="page">
        <section class="legal-info p-6 bg-gray-50 text-gray-800 rounded-md space-y-3">
        <h2 class="text-xl font-semibold">Privacy & Terms</h2>

        <p>
            By signing in with your Google account, you agree to the following Terms of Service and Privacy Policy:
        </p>

        <p>
            <strong>Terms of Service:</strong> You may use our services only as permitted by law. Your account is for personal use and must be kept secure. We reserve the right to modify or discontinue services at any time. Misuse of the service may result in account suspension.
        </p>

        <p>
            <strong>Privacy Policy:</strong> We use Clerk.js to handle authentication, ensuring that your Google account information is securely processed. We do not store your Google password. Personal data is only used to provide and improve our services. We do not sell your information to third parties. You have the right to access, correct, or delete your data by contacting us.
        </p>
    </div>
    <Footer slot="footer" />
</Layout>