(chore): Add cookie policy

src/app/legal/cookies/page.tsx

@@ -0,0 +1,32 @@
+"use client";
+
+import { Navbar } from "@/components/ui/navbar";
+import { Footer } from "@/components/ui/footer";
+
+import { MDXProvider } from "@mdx-js/react";
+import { mdxComponents } from "@/components/mdx";
+import { TableOfContents } from "@/components/ui/toc";
+import CookiePolicy from "@/data/md/cookie-policy.mdx";
+
+export default function Cookies() {
+  return (
+    <div className="grid grid-rows-[auto_1fr_auto] items-center justify-items-center min-h-screen gap-8 font-[family-name:var(--font-geist-sans)]">
+      <Navbar />
+
+      <main className="container mx-auto px-6 py-8">
+        <div className="flex">
+          <div className="flex-grow prose prose-lg max-w-3xl mx-auto text-gray-700 dark:text-gray-300">
+            <MDXProvider components={mdxComponents}>
+              <CookiePolicy />
+            </MDXProvider>
+          </div>
+          <aside className="hidden lg:block ml-8">
+            <TableOfContents />
+          </aside>
+        </div>
+      </main>
+
+      <Footer />
+    </div>
+  );
+}

src/components/ui/footer.tsx

@@ -68,7 +68,7 @@ export function Footer() {
       links: [
         { name: 'Terms of Use', href: '/legal/terms' },
         { name: 'Privacy Policy', href: '/legal/privacy' },
-        { name: 'Cookie Policy', href: '/legal/cookie-policy' },
+        { name: 'Cookie Policy', href: '/legal/cookies' },
         { name: 'Licensing', href: '/legal/licensing' },
         { name: 'Security', href: '/legal/security' },
       ],

src/data/md/cookie-policy.mdx

@@ -0,0 +1,116 @@
+import { CImage } from '@/components/ui/cimg';
+
+# ScribbleLabApp Privacy Policy
+
+_Last updated: January 2025_
+
+At ScribbleLabApp, we value your privacy and strive to provide transparency about how we collect and use data. This Cookie Policy explains what cookies are, why we use them, and your options to manage your preferences. We prioritize security and privacy, ensuring all cookies are handled responsibly.
+
+---
+
+## 1. What Are Cookies?
+
+Cookies are small text files that websites and applications store on your device when you access them. They are widely used to make websites function efficiently and to provide reporting information. Cookies help us remember your preferences, maintain your session, and track interactions for analytics and marketing purposes.
+
+Cookies can either be:
+
+- **Session Cookies:** These are temporary and are deleted when you close your browser.
+- **Persistent Cookies:** These remain on your device until they expire or are manually deleted.
+
+## 2. Types of Cookies We Use
+
+We use cookies categorized into the following types to enhance your experience on our platform:
+
+#### a. Necessary Cookies
+
+These cookies are essential for the functionality of our platform and enable basic operations. Without these cookies, you may not be able to use key features of our services. Examples include:
+- **User Session Cookies:** Securely store JSON Web Tokens (JWT) to keep you logged in and authenticated during your session.
+- **System Reliability:** Ensure the smooth operation and reliability of our website and app.
+
+Since these cookies are essential for the functionality of the platform, they are always active and cannot be disabled.
+
+#### b. Preferences Cookies
+
+Preferences cookies help us remember your personal choices, such as:
+- **Language settings.**
+- **Interface customizations (e.g., themes or layouts).**
+- **User-selected preferences for the operation of certain features.**
+
+These cookies enable us to provide a personalized experience tailored to your needs. If you disable preferences cookies, you may need to reconfigure your settings on every visit.
+
+#### c. Statistics Cookies
+
+We use these cookies to gather data about how users interact with our platform, helping us improve performance and user experience. The analytics tools we use include:
+- **Cloudflare Analytics:** Tracks page load times, website speed, and other performance metrics to ensure the site operates efficiently.
+- **Firebase Analytics:** Provides insights into user behavior, including interaction patterns and usage trends, allowing us to optimize features and identify areas for improvement.
+
+> **Note:** Firebase Analytics is only activated with your explicit consent to statistics cookies. Without your consent, this tool will remain inactive.
+
+These cookies help us analyze aggregate data and do not collect personally identifiable information.
+
+#### d. Marketing Cookies
+
+Marketing cookies help us deliver advertisements tailored to your interests. They allow us to:
+- **Understand the effectiveness of marketing campaigns.**
+- **Provide you with relevant and targeted content.**
+
+These cookies work by tracking your browsing behavior across various websites and services. If you opt out of marketing cookies, you may still see advertisements, but they will not be personalized to your interests.
+
+## 3. How We Use Cookies
+
+We use cookies for various purposes, including but not limited to:
+- Maintaining secure and reliable access to the platform.
+- Customizing your experience based on preferences and settings.
+- Tracking user interactions and improving functionality through analytics.
+- Providing personalized marketing and measuring the effectiveness of our campaigns.
+
+Our cookies help ensure that ScribbleLabApp remains a secure, user-friendly, and high-performing platform for all users.
+
+## 4. Managing Your Cookie Preferences
+
+You can manage your cookie preferences through our cookie consent banner or browser settings.
+
+### Cookie Consent Banner
+
+When you first access ScribbleLabApp, you'll see a cookie consent banner allowing you to:
+- Accept all cookies.
+- Customize your preferences for preferences, statistics, and marketing cookies.
+- Only enable necessary cookies.
+
+Your consent choices will be saved, and you can modify them anytime by accessing the banner again.
+
+### Browser Settings
+
+Alternatively, you can manage cookies directly through your browser settings. However, note that disabling cookies may affect the functionality of our platform.
+
+Here's how to manage cookies in popular browsers:
+- [Google Chrome (Google Support Forum)](https://support.google.com/chrome/answer/95647)
+- [Mozilla Firefox (Mozilla Support)](https://support.mozilla.org/en-US/kb/enable-and-disable-cookies-website-preferences)
+- [Apple Safari (Apple Support Guide)](https://support.apple.com/guide/safari/manage-cookies-and-website-data-sfri11471/mac)
+
+## 5. Third-Party Cookies
+
+In addition to our own cookies, we use third-party cookies to enhance your experience and improve functionality. These third-party services include:
+- **Cloudflare:** Used for analytics and site performance.
+- **Google Firebase:** Provides in-depth analytics about user interactions and app performance.
+
+These third parties may collect and process your data based on their respective privacy policies. For more information:
+- [Cloudflare Privacy Policy](https://www.cloudflare.com/privacypolicy/)
+- [Google Firebase Privacy Policy](https://firebase.google.com/support/privacy)
+
+## 6. Retention of Cookies
+
+> **Necessary Cookies:** Remain active throughout your session.
+>
+> **Preferences, Statistics, and Marketing Cookies:** Stored for up to 365 days unless you delete them or modify your preferences.
+
+## 7. Changes to This Cookie Policy
+
+We may update this Cookie Policy from time to time to reflect changes in regulations, technologies, or our practices. When we make significant updates, we will notify you through our platform or via email if you have provided one.
+
+The “Last updated” date at the top of this policy indicates when the most recent changes were made.
+
+## 8. Contact Us
+
+> If you have any questions or concerns about our use of cookies, please reach out to us:
+> 📧 [scribblelabapp.dev@gmail.com](mailto:scribblelabapp.dev@gmail.com).