feat: tos & privacy policy

next.config.js

@@ -1,14 +1,20 @@
 import { fileURLToPath } from 'node:url';
 
 import createJiti from 'jiti';
+import mdxPlugin from '@next/mdx';
 
 const jiti = createJiti(fileURLToPath(import.meta.url));
 
 jiti('./src/env');
 
+const withMDX = mdxPlugin();
+
+const extensions = ['js', 'jsx', 'ts', 'tsx', 'mdx', 'md'];
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
+  pageExtensions: extensions,
 
   // We run ESLint and TypeScript separately in the CI pipeline
   eslint: {
@@ -17,6 +23,12 @@ const nextConfig = {
   typescript: {
     ignoreBuildErrors: true,
   },
+  experimental: {
+    mdxRs: true,
+    turbo: {
+      resolveExtensions: extensions.map((ext) => `.${ext}`),
+    },
+  },
 };
 
-export default nextConfig;
+export default withMDX(nextConfig);

package.json

@@ -57,7 +57,10 @@
     "@clerk/nextjs": "^5.1.4",
     "@clerk/themes": "^2.1.9",
     "@hookform/resolvers": "^3.6.0",
+    "@mdx-js/loader": "^3.0.1",
+    "@mdx-js/react": "^3.0.1",
     "@neondatabase/serverless": "^0.9.3",
+    "@next/mdx": "^14.2.3",
     "@radix-ui/colors": "^3.0.0",
     "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-label": "^2.0.2",
@@ -70,6 +73,7 @@
     "@trpc/client": "next",
     "@trpc/react-query": "next",
     "@trpc/server": "next",
+    "@types/mdx": "^2.0.13",
     "@upstash/redis": "^1.31.3",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",

src/app/(site)/(legal)/layout.tsx

@@ -0,0 +1,5 @@
+import type { PropsWithChildren } from 'react';
+
+export default function LegalLayout({ children }: PropsWithChildren) {
+  return <main className="mx-auto max-w-prose py-12">{children}</main>;
+}

src/app/(site)/(legal)/privacy/page.mdx

@@ -0,0 +1,40 @@
+# Privacy Policy
+
+## 1. Introduction
+
+Noodle Run LTD ("Noodle") is committed to protecting your privacy. This Privacy Policy explains how we collect, use, and share information about you when you use our website at [https://noodle.run](https://noodle.run)
+
+## 2. Information We Collect
+
+- **Personal Information**: We collect information you provide directly to us, such as your name, email address, and any other information you choose to provide.
+- **Usage Data**: We collect information about your interactions with our services, such as IP address, browser type, and access times.
+
+## 3. How We Use Information
+
+We use the information we collect to:
+
+- Provide, maintain, and improve our services.
+- Communicate with you about updates, offers, and promotions.
+- Protect the rights and property of Noodle and our users.
+
+## 4. Sharing of Information
+
+We do not share your personal information with third parties except as necessary to comply with legal obligations, protect our rights, or with your consent.
+
+## 5. Security
+
+We implement reasonable security measures to protect your information from unauthorized access, use, or disclosure.
+
+## 6. Your Rights
+
+You have the right to access, update, or delete your personal information. To exercise these rights, please contact us at [[email protected]](mailto:[email protected]).
+
+## 7. Changes to this Policy
+
+We may update this Privacy Policy from time to time. We will notify you of any changes by posting the new policy on this website.
+
+## 8. Contact Us
+
+If you have any questions about this Privacy Policy, please contact us at [[email protected]](mailto:[email protected]).
+
+Effective Date: Jun 6th, 2024

src/app/(site)/(legal)/tos/page.mdx

@@ -0,0 +1,35 @@
+# Terms of Service
+
+## 1. Introduction
+
+Welcome to Noodle Run LTD ("Noodle"). By accessing our website at [https://noodle.run](https://noodle.run) and using our services, you agree to be bound by these Terms of Service ("Terms").
+
+## 2. Use of Services
+
+Noodle grants you a non-exclusive, non-transferable, limited right to access and use our services for personal, non-commercial purposes.
+
+## 3. User Responsibilities
+
+You agree to use our services in compliance with all applicable laws and not to engage in any harmful activities that may disrupt or harm the services.
+
+## 4. Intellectual Property
+
+All content, trademarks, and data on this website are owned by or licensed to Noodle and are protected by applicable intellectual property laws.
+
+## 5. Termination
+
+We may terminate or suspend access to our services immediately, without prior notice or liability, for any reason whatsoever, including without limitation if you breach the Terms.
+
+## 6. Limitation of Liability
+
+In no event shall Noodle, nor its directors, employees, partners, agents, suppliers, or affiliates, be liable for any indirect, incidental, special, consequential, or punitive damages arising out of your use of the services.
+
+## 7. Changes to Terms
+
+We reserve the right to modify these Terms at any time. We will notify you of any changes by posting the new Terms on this website.
+
+## 8. Contact Us
+
+If you have any questions about these Terms, please contact us at [[email protected]](mailto:[email protected]).
+
+Effective Date: Jun 6th, 2024

src/mdx-components.tsx

@@ -0,0 +1,56 @@
+import type { MDXComponents } from 'mdx/types';
+import { buttonVariants } from './primitives/button';
+import { cn } from './lib/utils';
+
+export function useMDXComponents(components: MDXComponents): MDXComponents {
+  return {
+    h1: ({ children, ...props }) => (
+      <h1 className="text-2xl font-medium md:text-3xl" {...props}>
+        {children}
+      </h1>
+    ),
+    h2: ({ children, ...props }) => (
+      <h2
+        className="mb-3 mt-4 text-xl font-medium md:mt-6 md:text-2xl"
+        {...props}
+      >
+        {children}
+      </h2>
+    ),
+    p: ({ children, ...props }) => (
+      <p className="mb-3 text-sm text-foreground-muted md:text-base" {...props}>
+        {children}
+      </p>
+    ),
+    ul: ({ children, ...props }) => (
+      <ul className="list-disc pl-8" {...props}>
+        {children}
+      </ul>
+    ),
+    li: ({ children, ...props }) => (
+      <li
+        className="mb-1.5 text-sm text-foreground-muted md:text-base"
+        {...props}
+      >
+        {children}
+      </li>
+    ),
+    strong: ({ children, ...props }) => (
+      <strong className="text-foreground" {...props}>
+        {children}
+      </strong>
+    ),
+    a: ({ children, ...props }) => (
+      <a
+        className={cn(
+          buttonVariants({ variant: 'link' }),
+          'p-0 font-bold before:w-full',
+        )}
+        {...props}
+      >
+        {children}
+      </a>
+    ),
+    ...components,
+  };
+}