diff --git a/apps/landing/i18n.config.js b/apps/landing/i18n.config.js
deleted file mode 100644
index 028e542be..000000000
--- a/apps/landing/i18n.config.js
+++ /dev/null
@@ -1,6 +0,0 @@
-const languages = require("@rallly/languages/languages.json");
-
-module.exports = {
-  defaultLocale: "en",
-  locales: Object.keys(languages),
-};
diff --git a/apps/landing/next-env.d.ts b/apps/landing/next-env.d.ts
index 4f11a03dc..725dd6f24 100644
--- a/apps/landing/next-env.d.ts
+++ b/apps/landing/next-env.d.ts
@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+/// <reference types="next/navigation-types/compat/navigation" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
diff --git a/apps/landing/next-i18next.config.js b/apps/landing/next-i18next.config.js
deleted file mode 100644
index da25de97f..000000000
--- a/apps/landing/next-i18next.config.js
+++ /dev/null
@@ -1,12 +0,0 @@
-const ICU = require("i18next-icu/i18nextICU.js");
-const path = require("path");
-const i18n = require("./i18n.config.js");
-
-module.exports = {
-  i18n,
-  defaultNS: "common",
-  reloadOnPrerender: process.env.NODE_ENV === "development",
-  localePath: path.resolve("./public/locales"),
-  use: [new ICU()],
-  serializeConfig: false,
-};
diff --git a/apps/landing/next.config.js b/apps/landing/next.config.js
index 2476aa89d..ffc1d041d 100644
--- a/apps/landing/next.config.js
+++ b/apps/landing/next.config.js
@@ -3,7 +3,6 @@
 // https://nextjs.org/docs/api-reference/next.config.js/introduction
 // https://docs.sentry.io/platforms/javascript/guides/nextjs/
 
-const i18n = require("./i18n.config.js");
 const withBundleAnalyzer = require("@next/bundle-analyzer")({
   enabled: process.env.ANALYZE === "true",
 });
@@ -16,10 +15,14 @@ function createAppUrl(subpath) {
 }
 
 const nextConfig = {
-  i18n: i18n,
   productionBrowserSourceMaps: true,
   output: "standalone",
-  transpilePackages: ["@rallly/icons", "@rallly/ui", "@rallly/tailwind-config"],
+  transpilePackages: [
+    "@rallly/icons",
+    "@rallly/ui",
+    "@rallly/tailwind-config",
+    "next-mdx-remote",
+  ],
   webpack(config) {
     config.module.rules.push({
       test: /\.svg$/,
diff --git a/apps/landing/package.json b/apps/landing/package.json
index a6a74e7af..c7683b4a2 100644
--- a/apps/landing/package.json
+++ b/apps/landing/package.json
@@ -13,14 +13,14 @@
     "prettier": "prettier --write ./src"
   },
   "dependencies": {
+    "@rallly/billing": "*",
     "@rallly/icons": "*",
     "@rallly/languages": "*",
     "@rallly/tailwind-config": "*",
     "@rallly/ui": "*",
-    "@rallly/billing": "*",
     "@svgr/webpack": "^6.5.1",
     "@vercel/analytics": "^0.1.8",
-    "class-variance-authority": "^0.7.0",
+    "accept-language-parser": "^1.5.0",
     "dayjs": "^1.11.7",
     "gray-matter": "^4.0.3",
     "i18next": "^22.4.9",
@@ -29,15 +29,15 @@
     "lodash": "^4.17.21",
     "nanoid": "^4.0.0",
     "next-i18next": "^13.0.3",
+    "next-mdx-remote": "^5.0.0",
     "next-seo": "^6.1.0",
     "react-i18next": "^12.1.4",
-    "react-use": "^17.4.0",
-    "remark": "^14.0.3",
-    "remark-html": "^15.0.2"
+    "react-use": "^17.4.0"
   },
   "devDependencies": {
     "@next/bundle-analyzer": "^12.3.4",
     "@rallly/tsconfig": "*",
+    "@rallly/eslint-config": "*",
     "@types/color-hash": "^1.0.2",
     "@types/lodash": "^4.14.178",
     "cross-env": "^7.0.3",
diff --git a/apps/landing/public/locales/en/common.json b/apps/landing/public/locales/en/common.json
index ae9c94562..90c46d33d 100644
--- a/apps/landing/public/locales/en/common.json
+++ b/apps/landing/public/locales/en/common.json
@@ -19,11 +19,11 @@
   "pricing": "Pricing",
   "bestDoodleAlternative": "Best Doodle Alternative",
   "freeSchedulingPoll": "Free Scheduling Poll",
-  "findATime": "Find a Time",
   "getStarted": "Get started",
   "availabilityPoll": "Availability Poll",
   "solutions": "Solutions",
   "howItWorks": "How it Works",
   "status": "Status",
-  "when2MeetAlternative": "When2Meet Alternative"
+  "when2MeetAlternative": "When2Meet Alternative",
+  "meetingPoll": "Meeting Poll"
 }
diff --git a/apps/landing/public/locales/en/home.json b/apps/landing/public/locales/en/home.json
index 694f03951..e908c34b1 100644
--- a/apps/landing/public/locales/en/home.json
+++ b/apps/landing/public/locales/en/home.json
@@ -10,8 +10,8 @@
   "ericQuote": "“If your scheduling workflow lives in emails, I strongly encourage you to try and let Rallly simplify your scheduling tasks for a more organized and less stressful workday.”",
   "viaTrustpilot": "via Trustpilot",
   "ericJobTitle": "Executive Assistant at MIT",
-  "statsUsersRegistered": "45k+ registered users",
-  "statsPollsCreated": "100k+ polls created",
+  "statsUsersRegistered": "{count, number, ::compact-short}+ registered users",
+  "statsPollsCreated": "{count, number, ::compact-short}+ polls created",
   "statsLanguagesSupported": "10+ languages supported",
   "hint": "It's free! No login required.",
   "doodleAlternative": "The Best Free Doodle Alternative",
@@ -24,10 +24,6 @@
   "createAPoll": "Create a Meeting Poll",
   "doodleAlternativeMetaTitle": "Best Free Doodle Alternative | Rallly",
   "doodleAlternativeMetaDescription": "Looking for a Doodle alternative? Try Rallly! It's free, easy to use, and doesn't require an account.",
-  "findATimeMetaTitle": "Find a Time to Meet | Rallly",
-  "findATimeMetaDescription": "Create a meeting poll in seconds, no login required.",
-  "findATimeTitle": "Find a Time to Meet",
-  "findATimeDescription": "Create a meeting poll and let your participants vote on the best time to meet.",
   "createASchedulingPoll": "Create a Scheduling Poll",
   "freeSchedulingPollMetaTitle": "Free Scheduling Poll | Rallly",
   "freeSchedulingPollMetaDescription": "Create a free scheduling poll in seconds. Ideal for organizing meetings, events, conferences, sports teams and more.",
@@ -40,5 +36,9 @@
   "when2meetAlternativeMetaTitle": "Best When2Meet Alternative: Rallly",
   "when2meetAlternativeMetaDescription": "Find a better way to schedule meetings with Rallly, the top free alternative to When2Meet. Easy to use and free.",
   "when2meetAlternative": "Still using When2Meet?",
-  "when2meetAlternativeDescription": "Create professional, ad-free meetings polls for free with Rallly."
+  "when2meetAlternativeDescription": "Create professional, ad-free meetings polls for free with Rallly.",
+  "meetingPoll": "Create professional meetings polls with Rallly",
+  "meetingPollDescription": "Meeting polls are a great way to get people's availability. Rallly lets you create beautiful meeting polls with ease.",
+  "meetingPollMetaTitle": "Meeting Poll",
+  "meetingPollMetaDescription": "Easily schedule meetings with our poll feature, ensuring everyone's availability."
 }
diff --git a/apps/landing/public/locales/en/pricing.json b/apps/landing/public/locales/en/pricing.json
index 9d9d48bcc..d6e73b3ef 100644
--- a/apps/landing/public/locales/en/pricing.json
+++ b/apps/landing/public/locales/en/pricing.json
@@ -1,5 +1,4 @@
 {
-  "pricing": "Pricing",
   "pricingDescription": "Get started for free. No login required.",
   "freeForever": "free forever",
   "planPro": "Pro",
@@ -29,5 +28,7 @@
   "whenPollInactive": "When does a poll become inactive?",
   "whenPollInactiveAnswer": "Polls become inactive when all date options are in the past AND the poll has not been accessed for over 30 days. Inactive polls are automatically deleted if you do not have a paid subscription.",
   "yearlyBillingDescription": "per year",
-  "annualBenefit": "{count} months free"
+  "annualBenefit": "{count} months free",
+  "pricingTitle": "Get started for free",
+  "pricingSubtitle": "Upgrade to a paid plan to get access to premium features"
 }
diff --git a/apps/landing/src/app/[locale]/(seo)/availability-poll/page.tsx b/apps/landing/src/app/[locale]/(seo)/availability-poll/page.tsx
new file mode 100644
index 000000000..ba6c781d4
--- /dev/null
+++ b/apps/landing/src/app/[locale]/(seo)/availability-poll/page.tsx
@@ -0,0 +1,52 @@
+import { Trans } from "react-i18next/TransWithoutContext";
+
+import Bonus from "@/components/home/bonus";
+import { MarketingHero } from "@/components/home/hero";
+import { BigTestimonial, Marketing, MentionedBy } from "@/components/marketing";
+import { getTranslation } from "@/i18n/server";
+
+export default async function Page({ params }: { params: { locale: string } }) {
+  const { t } = await getTranslation(params.locale, ["common", "home"]);
+  return (
+    <Marketing>
+      <MarketingHero
+        title={t("availabilityPollTitle", {
+          ns: "home",
+          defaultValue: "Availability Polls",
+        })}
+        description={t("availabilityPollDescription", {
+          ns: "home",
+          defaultValue:
+            "Tired of struggling to find a meeting time that works for everyone? Streamline your scheduling with an availability poll - a powerful tool designed to simplify and optimize your event and meeting planning.",
+        })}
+        callToAction={
+          <Trans
+            t={t}
+            ns="home"
+            i18nKey="availabilityPollCta"
+            defaults="Create an Availability Poll"
+          />
+        }
+      />
+      <Bonus t={t} />
+      <BigTestimonial />
+      <MentionedBy />
+    </Marketing>
+  );
+}
+
+export async function generateMetadata({
+  params,
+}: {
+  params: { locale: string };
+}) {
+  const { t } = await getTranslation(params.locale, "home");
+  return {
+    title: t("availabilityPollMetaTitle", {
+      ns: "home",
+    }),
+    description: t("availabilityPollMetaDescription", {
+      ns: "home",
+    }),
+  };
+}
diff --git a/apps/landing/src/app/[locale]/(seo)/best-doodle-alternative/page.tsx b/apps/landing/src/app/[locale]/(seo)/best-doodle-alternative/page.tsx
new file mode 100644
index 000000000..15c35bbad
--- /dev/null
+++ b/apps/landing/src/app/[locale]/(seo)/best-doodle-alternative/page.tsx
@@ -0,0 +1,42 @@
+import { Trans } from "react-i18next/TransWithoutContext";
+
+import Bonus from "@/components/home/bonus";
+import { MarketingHero } from "@/components/home/hero";
+import { BigTestimonial, Marketing, MentionedBy } from "@/components/marketing";
+import { getTranslation } from "@/i18n/server";
+
+export default async function Page({ params }: { params: { locale: string } }) {
+  const { t } = await getTranslation(params.locale, ["home"]);
+  return (
+    <Marketing>
+      <MarketingHero
+        title={t("doodleAlternative", {
+          ns: "home",
+        })}
+        description={t("doodleAlternativeDescription", {
+          ns: "home",
+        })}
+        callToAction={<Trans t={t} ns="home" i18nKey="createAPoll" />}
+      />
+      <Bonus t={t} />
+      <BigTestimonial />
+      <MentionedBy />
+    </Marketing>
+  );
+}
+
+export async function generateMetadata({
+  params,
+}: {
+  params: { locale: string };
+}) {
+  const { t } = await getTranslation(params.locale, "home");
+  return {
+    title: t("doodleAlternativeMetaTitle", {
+      ns: "home",
+    }),
+    description: t("doodleAlternativeMetaDescription", {
+      ns: "home",
+    }),
+  };
+}
diff --git a/apps/landing/src/app/[locale]/(seo)/free-scheduling-poll/page.tsx b/apps/landing/src/app/[locale]/(seo)/free-scheduling-poll/page.tsx
new file mode 100644
index 000000000..ebccdbc56
--- /dev/null
+++ b/apps/landing/src/app/[locale]/(seo)/free-scheduling-poll/page.tsx
@@ -0,0 +1,42 @@
+import { Trans } from "react-i18next/TransWithoutContext";
+
+import Bonus from "@/components/home/bonus";
+import { MarketingHero } from "@/components/home/hero";
+import { BigTestimonial, Marketing, MentionedBy } from "@/components/marketing";
+import { getTranslation } from "@/i18n/server";
+
+export default async function Page({ params }: { params: { locale: string } }) {
+  const { t } = await getTranslation(params.locale, ["home"]);
+  return (
+    <Marketing>
+      <MarketingHero
+        title={t("freeSchedulingPollTitle", {
+          ns: "home",
+        })}
+        description={t("freeSchedulingPollDescription", {
+          ns: "home",
+        })}
+        callToAction={<Trans t={t} ns="home" i18nKey="createASchedulingPoll" />}
+      />
+      <Bonus t={t} />
+      <BigTestimonial />
+      <MentionedBy />
+    </Marketing>
+  );
+}
+
+export async function generateMetadata({
+  params,
+}: {
+  params: { locale: string };
+}) {
+  const { t } = await getTranslation(params.locale, "home");
+  return {
+    title: t("freeSchedulingPollMetaTitle", {
+      ns: "home",
+    }),
+    description: t("freeSchedulingPollMetaDescription", {
+      ns: "home",
+    }),
+  };
+}
diff --git a/apps/landing/src/app/[locale]/(seo)/meeting-poll/page.tsx b/apps/landing/src/app/[locale]/(seo)/meeting-poll/page.tsx
new file mode 100644
index 000000000..c5271ea46
--- /dev/null
+++ b/apps/landing/src/app/[locale]/(seo)/meeting-poll/page.tsx
@@ -0,0 +1,48 @@
+import { Trans } from "react-i18next/TransWithoutContext";
+
+import Bonus from "@/components/home/bonus";
+import { MarketingHero } from "@/components/home/hero";
+import { BigTestimonial, Marketing, MentionedBy } from "@/components/marketing";
+import { getTranslation } from "@/i18n/server";
+
+export default async function Page({ params }: { params: { locale: string } }) {
+  const { t } = await getTranslation(params.locale, ["home"]);
+  return (
+    <Marketing>
+      <MarketingHero
+        title={t("meetingPoll", {
+          defaultValue: "Create professional meetings polls with Rallly",
+          ns: "home",
+        })}
+        description={t("meetingPollDescription", {
+          defaultValue:
+            "Meeting polls are a great way to get people's availability. Rallly lets you create beautiful meeting polls with ease.",
+          ns: "home",
+        })}
+        callToAction={<Trans t={t} ns="home" i18nKey="createAPoll" />}
+      />
+      <Bonus t={t} />
+      <BigTestimonial />
+      <MentionedBy />
+    </Marketing>
+  );
+}
+
+export async function generateMetadata({
+  params,
+}: {
+  params: { locale: string };
+}) {
+  const { t } = await getTranslation(params.locale, "home");
+  return {
+    title: t("meetingPollMetaTitle", {
+      ns: "home",
+      defaultValue: "Meeting Poll",
+    }),
+    description: t("meetingPollMetaDescription", {
+      ns: "home",
+      defaultValue:
+        "Easily schedule meetings with our poll feature, ensuring everyone's availability.",
+    }),
+  };
+}
diff --git a/apps/landing/src/app/[locale]/(seo)/when2meet-alternative/page.tsx b/apps/landing/src/app/[locale]/(seo)/when2meet-alternative/page.tsx
new file mode 100644
index 000000000..97a721349
--- /dev/null
+++ b/apps/landing/src/app/[locale]/(seo)/when2meet-alternative/page.tsx
@@ -0,0 +1,42 @@
+import { Trans } from "react-i18next/TransWithoutContext";
+
+import Bonus from "@/components/home/bonus";
+import { MarketingHero } from "@/components/home/hero";
+import { BigTestimonial, Marketing, MentionedBy } from "@/components/marketing";
+import { getTranslation } from "@/i18n/server";
+
+export default async function Page({ params }: { params: { locale: string } }) {
+  const { t } = await getTranslation(params.locale, ["home"]);
+  return (
+    <Marketing>
+      <MarketingHero
+        title={t("when2meetAlternative", {
+          ns: "home",
+        })}
+        description={t("when2meetAlternativeDescription", {
+          ns: "home",
+        })}
+        callToAction={<Trans t={t} ns="home" i18nKey="createASchedulingPoll" />}
+      />
+      <Bonus t={t} />
+      <BigTestimonial />
+      <MentionedBy />
+    </Marketing>
+  );
+}
+
+export async function generateMetadata({
+  params,
+}: {
+  params: { locale: string };
+}) {
+  const { t } = await getTranslation(params.locale, "home");
+  return {
+    title: t("when2meetAlternativeMetaTitle", {
+      ns: "home",
+    }),
+    description: t("when2meetAlternativeMetaDescription", {
+      ns: "home",
+    }),
+  };
+}
diff --git a/apps/landing/src/app/[locale]/[...notFound]/page.tsx b/apps/landing/src/app/[locale]/[...notFound]/page.tsx
new file mode 100644
index 000000000..2dc2960ac
--- /dev/null
+++ b/apps/landing/src/app/[locale]/[...notFound]/page.tsx
@@ -0,0 +1,5 @@
+import { notFound } from "next/navigation";
+
+export default function CatchAllPage() {
+  notFound();
+}
diff --git a/apps/landing/src/app/[locale]/blog/[slug]/page.tsx b/apps/landing/src/app/[locale]/blog/[slug]/page.tsx
new file mode 100644
index 000000000..78c2337a5
--- /dev/null
+++ b/apps/landing/src/app/[locale]/blog/[slug]/page.tsx
@@ -0,0 +1,101 @@
+import { ArrowLeftIcon } from "lucide-react";
+import Image from "next/image";
+import Link from "next/link";
+import { MDXRemote } from "next-mdx-remote/rsc";
+
+import PostHeader from "@/components/blog/post-header";
+import { getAllPosts, getPostBySlug } from "@/lib/api";
+import { absoluteUrl } from "@/utils/absolute-url";
+
+export default async function Page({ params }: { params: { slug: string } }) {
+  const post = getPostBySlug(params.slug, [
+    "title",
+    "date",
+    "slug",
+    "author",
+    "excerpt",
+    "content",
+  ]);
+
+  return (
+    <div>
+      <nav className="mb-2">
+        <Link
+          className="text-muted-foreground hover:text-primary inline-flex items-center gap-x-2 text-sm font-medium"
+          href="/blog"
+        >
+          <ArrowLeftIcon className="size-4" /> All Posts
+        </Link>
+      </nav>
+      <article className="space-y-8">
+        <PostHeader title={post.title} date={post.date} />
+        <div className="blog-content">
+          <MDXRemote source={post.content} />
+        </div>
+        <div className="mt-8 flex items-center gap-x-4">
+          <Image
+            src="/static/images/luke-vella.jpg"
+            width={48}
+            height={48}
+            className="rounded-full"
+            alt="Luke Vella"
+          />
+          <div>
+            <div className="font-medium leading-none">Luke Vella</div>
+            <div>
+              <Link
+                className="text-muted-foreground hover:text-primary text-sm"
+                href="https://twitter.com/imlukevella"
+              >
+                @imlukevella
+              </Link>
+            </div>
+          </div>
+        </div>
+      </article>
+    </div>
+  );
+}
+
+export async function generateStaticParams() {
+  const posts = getAllPosts(["slug"]);
+  return posts.map((post) => ({
+    slug: post.slug,
+  }));
+}
+
+export async function generateMetadata({
+  params,
+}: {
+  params: { slug: string };
+}) {
+  const post = getPostBySlug(params.slug, [
+    "title",
+    "date",
+    "slug",
+    "author",
+    "excerpt",
+  ]);
+
+  return {
+    title: post.title,
+    description: post.excerpt,
+    openGraph: {
+      title: post.title,
+      description: post.excerpt,
+      url: absoluteUrl(`/blog/${post.slug}`),
+      images: [
+        {
+          url: absoluteUrl("/api/og-image", {
+            title: post.title,
+            excerpt: post.excerpt,
+          }),
+          width: 1200,
+          height: 630,
+          alt: post.title,
+          type: "image/png",
+        },
+      ],
+    },
+  };
+}
diff --git a/apps/landing/src/app/[locale]/blog/layout.tsx b/apps/landing/src/app/[locale]/blog/layout.tsx
new file mode 100644
index 000000000..6c82e7ad5
--- /dev/null
+++ b/apps/landing/src/app/[locale]/blog/layout.tsx
@@ -0,0 +1,39 @@
+import { NewspaperIcon } from "lucide-react";
+import Script from "next/script";
+
+export default function BlogLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <div className="space-y-6">
+      <div className="w-full">
+        <div className="mx-auto max-w-2xl space-y-12">
+          {children}
+          <div className="overflow-hidden rounded-md border bg-gray-200/50 backdrop-blur-sm">
+            <div className="flex flex-col gap-x-4 gap-y-2 p-6  pb-0 sm:flex-row">
+              <div>
+                <NewspaperIcon className="size-6" />
+              </div>
+              <div>
+                <div className="font-medium">Want to stay up to date?</div>
+                <div className="text-sm text-gray-500">
+                  Subscribe to our newsletter to get updates on new features and
+                  releases.
+                </div>
+              </div>
+            </div>
+            <div className="flex sm:ml-11">
+              <div
+                className="ml-embedded min-h-[88px] w-96 p-0"
+                data-form="h9YecB"
+              />
+            </div>
+          </div>
+        </div>
+        <Script id="mailerlite" src="/static/scripts/mailerlite.js" />
+      </div>
+    </div>
+  );
+}
diff --git a/apps/landing/src/app/[locale]/blog/page.tsx b/apps/landing/src/app/[locale]/blog/page.tsx
new file mode 100644
index 000000000..6bae5b048
--- /dev/null
+++ b/apps/landing/src/app/[locale]/blog/page.tsx
@@ -0,0 +1,63 @@
+import { Trans } from "react-i18next/TransWithoutContext";
+
+import type { URLParams } from "@/app/[locale]/types";
+import { getTranslation } from "@/i18n/server";
+import { getAllPosts } from "@/lib/api";
+
+import { PostPreview } from "./post-preview";
+
+export default async function Page({ params }: { params: URLParams }) {
+  const { t } = await getTranslation(params.locale, "blog");
+  const allPosts = getAllPosts([
+    "title",
+    "date",
+    "slug",
+    "author",
+    "coverImage",
+    "excerpt",
+  ]);
+  return (
+    <section className="space-y-12">
+      <header className="p-6">
+        <h1 className="text-4xl font-bold tracking-tight">
+          <Trans
+            t={t}
+            ns="blog"
+            i18nKey="recentPosts"
+            defaults="Recent Posts"
+          />
+        </h1>
+      </header>
+      <div className="mb-16 grid grid-cols-1 gap-8">
+        {allPosts.map((post) => (
+          <PostPreview
+            key={post.slug}
+            title={post.title}
+            coverImage={post.coverImage}
+            date={post.date}
+            slug={post.slug}
+            excerpt={post.excerpt}
+          />
+        ))}
+      </div>
+    </section>
+  );
+}
+
+export async function generateMetadata({
+  params,
+}: {
+  params: { locale: string };
+}) {
+  const { t } = await getTranslation(params.locale, "blog");
+  return {
+    title: t("blogTitle", {
+      ns: "blog",
+      defaultValue: "Rallly - Blog",
+    }),
+    description: t("blogDescription", {
+      ns: "blog",
+      defaultValue: "News, updates and announcement about Rallly.",
+    }),
+  };
+}
diff --git a/apps/landing/src/components/blog/post-preview.tsx b/apps/landing/src/app/[locale]/blog/post-preview.tsx
similarity index 75%
rename from apps/landing/src/components/blog/post-preview.tsx
rename to apps/landing/src/app/[locale]/blog/post-preview.tsx
index 57b8971e6..797f8ce99 100644
--- a/apps/landing/src/components/blog/post-preview.tsx
+++ b/apps/landing/src/app/[locale]/blog/post-preview.tsx
@@ -1,6 +1,11 @@
+"use client";
+
 import dayjs from "dayjs";
+import localizedFormat from "dayjs/plugin/localizedFormat";
 import Link from "next/link";
 
+dayjs.extend(localizedFormat);
+
 type Props = {
   title: string;
   coverImage?: string;
@@ -9,9 +14,9 @@ type Props = {
   slug: string;
 };
 
-const PostPreview = ({ title, date, excerpt, slug }: Props) => {
+export const PostPreview = ({ title, date, excerpt, slug }: Props) => {
   return (
-    <div className="flex flex-col gap-2 sm:flex-row sm:gap-8">
+    <article className="flex flex-col gap-2 sm:flex-row sm:gap-8">
       <div>
         <div className="text-muted-foreground w-48 pt-1 sm:text-right">
           <time dateTime={date}>{dayjs(date).format("LL")}</time>
@@ -30,8 +35,6 @@ const PostPreview = ({ title, date, excerpt, slug }: Props) => {
         </h3>
         <p className="mb-4 text-lg leading-relaxed text-gray-600">{excerpt}</p>
       </div>
-    </div>
+    </article>
   );
 };
-
-export default PostPreview;
diff --git a/apps/landing/src/pages/cookie-policy.tsx b/apps/landing/src/app/[locale]/cookie-policy/page.tsx
similarity index 79%
rename from apps/landing/src/pages/cookie-policy.tsx
rename to apps/landing/src/app/[locale]/cookie-policy/page.tsx
index 389ecbdca..b7dd56275 100644
--- a/apps/landing/src/pages/cookie-policy.tsx
+++ b/apps/landing/src/app/[locale]/cookie-policy/page.tsx
@@ -1,13 +1,6 @@
-import { GetStaticProps } from "next";
-import { NextSeo } from "next-seo";
-
-import PageLayout from "@/components/layouts/page-layout";
-import { getStaticTranslations } from "@/utils/page-translations";
-
-const PrivacyPolicy = () => {
+export default function CookiePolicy() {
   return (
-    <PageLayout>
-      <NextSeo title="Cookie Policy" />
+    <>
       <div className="prose mx-auto my-16 max-w-3xl rounded-lg bg-white p-8 shadow-md">
         <h1>Cookie Policy</h1>
         <p>Last updated: 19 April 2023</p>
@@ -46,10 +39,13 @@ const PrivacyPolicy = () => {
           website.
         </p>
       </div>
-    </PageLayout>
+    </>
   );
-};
+}
 
-export default PrivacyPolicy;
-
-export const getStaticProps: GetStaticProps = getStaticTranslations();
+export function generateMetadata() {
+  return {
+    title: "Rallly: Cookie Policy",
+    description: "The cookie policy for Rallly.",
+  };
+}
diff --git a/apps/landing/src/components/layouts/page-layout/footer.tsx b/apps/landing/src/app/[locale]/footer.tsx
similarity index 84%
rename from apps/landing/src/components/layouts/page-layout/footer.tsx
rename to apps/landing/src/app/[locale]/footer.tsx
index b0635ae9b..fbd4e6d21 100644
--- a/apps/landing/src/components/layouts/page-layout/footer.tsx
+++ b/apps/landing/src/app/[locale]/footer.tsx
@@ -1,5 +1,7 @@
+"use client";
+
 import { DiscordIcon } from "@rallly/icons";
-import languages from "@rallly/languages";
+import languages, { supportedLngs } from "@rallly/languages";
 import { Button } from "@rallly/ui/button";
 import {
   Select,
@@ -16,22 +18,29 @@ import {
 } from "lucide-react";
 import Image from "next/image";
 import Link from "next/link";
-import { useRouter } from "next/router";
+import { usePathname, useRouter } from "next/navigation";
 import * as React from "react";
+import { useTranslation } from "react-i18next";
 
 import { Trans } from "@/components/trans";
 
-export const LanguageSelect = () => {
+const LanguageSelect = () => {
   const router = useRouter();
-
+  const pathname = usePathname() ?? "";
+  const { i18n } = useTranslation();
   return (
     <Select
-      value={router.locale}
+      value={i18n.language}
       onValueChange={(newLocale) => {
-        router.replace(router.asPath, undefined, {
-          locale: newLocale,
-          scroll: false,
-        });
+        const isLocalizedPath = supportedLngs.some((lng) =>
+          pathname?.startsWith(`/${lng}`),
+        );
+
+        const newPath = isLocalizedPath
+          ? pathname.replace(new RegExp(`^/${i18n.language}`), "")
+          : pathname;
+
+        router.replace(`/${newLocale}${newPath}`);
       }}
     >
       <SelectTrigger asChild>
@@ -50,7 +59,7 @@ export const LanguageSelect = () => {
   );
 };
 
-const Footer: React.FunctionComponent = () => {
+export const Footer: React.FunctionComponent = () => {
   return (
     <div className="mx-auto space-y-8">
       <div className="space-y-16 lg:flex lg:space-x-8 lg:space-y-0">
@@ -64,6 +73,7 @@ const Footer: React.FunctionComponent = () => {
           <div className="my-8 text-sm text-gray-500">
             <p className="mb-4 leading-relaxed">
               <Trans
+                ns="common"
                 i18nKey="footerSponsor"
                 components={{
                   a: (
@@ -77,6 +87,7 @@ const Footer: React.FunctionComponent = () => {
             </p>
             <div>
               <Trans
+                ns="common"
                 i18nKey="footerCredit"
                 components={{
                   a: (
@@ -122,7 +133,7 @@ const Footer: React.FunctionComponent = () => {
         </div>
         <div className="lg:w-1/6">
           <div className="mb-8 font-medium">
-            <Trans i18nKey="links" defaults="Links" />
+            <Trans ns="common" i18nKey="links" defaults="Links" />
           </div>
           <ul className="grid gap-2 text-sm">
             <li>
@@ -139,7 +150,11 @@ const Footer: React.FunctionComponent = () => {
                 className="inline-block font-normal text-gray-500 hover:text-gray-800 hover:no-underline"
                 href="https://github.com/lukevella/rallly/discussions"
               >
-                <Trans i18nKey="discussions" defaults="Discussions" />
+                <Trans
+                  ns="common"
+                  i18nKey="discussions"
+                  defaults="Discussions"
+                />
               </Link>
             </li>
             <li>
@@ -147,7 +162,7 @@ const Footer: React.FunctionComponent = () => {
                 href="https://rallly.co/blog"
                 className="inline-block font-normal text-gray-500 hover:text-gray-800 hover:no-underline"
               >
-                <Trans i18nKey="blog" defaults="Blog" />
+                <Trans ns="common" i18nKey="blog" defaults="Blog" />
               </Link>
             </li>
             <li>
@@ -155,7 +170,7 @@ const Footer: React.FunctionComponent = () => {
                 href="https://support.rallly.co"
                 className="inline-block font-normal text-gray-500 hover:text-gray-800 hover:no-underline"
               >
-                <Trans i18nKey="support" defaults="Support" />
+                <Trans ns="common" i18nKey="support" defaults="Support" />
               </Link>
             </li>
             <li>
@@ -163,7 +178,7 @@ const Footer: React.FunctionComponent = () => {
                 href="https://rallly.openstatus.dev"
                 className="inline-block font-normal text-gray-500 hover:text-gray-800 hover:no-underline"
               >
-                <Trans i18nKey="status" defaults="Status" />
+                <Trans ns="common" i18nKey="status" defaults="Status" />
               </Link>
             </li>
           </ul>
@@ -179,6 +194,7 @@ const Footer: React.FunctionComponent = () => {
                 href="/best-doodle-alternative"
               >
                 <Trans
+                  ns="common"
                   i18nKey="bestDoodleAlternative"
                   defaults="Best Doodle Alternative"
                 />
@@ -190,6 +206,7 @@ const Footer: React.FunctionComponent = () => {
                 href="/when2meet-alternative"
               >
                 <Trans
+                  ns="common"
                   i18nKey="when2MeetAlternative"
                   defaults="When2Meet Alternative"
                 />
@@ -201,6 +218,7 @@ const Footer: React.FunctionComponent = () => {
                 href="/free-scheduling-poll"
               >
                 <Trans
+                  ns="common"
                   i18nKey="freeSchedulingPoll"
                   defaults="Free Scheduling Poll"
                 />
@@ -209,9 +227,13 @@ const Footer: React.FunctionComponent = () => {
             <li>
               <Link
                 className="inline-block font-normal text-gray-500 hover:text-gray-800 hover:no-underline"
-                href="/find-a-time"
+                href="/meeting-poll"
               >
-                <Trans i18nKey="findATime" defaults="Find a Time" />
+                <Trans
+                  ns="common"
+                  i18nKey="meetingPoll"
+                  defaults="Meeting Poll"
+                />
               </Link>
             </li>
             <li>
@@ -220,6 +242,7 @@ const Footer: React.FunctionComponent = () => {
                 href="/availability-poll"
               >
                 <Trans
+                  ns="common"
                   i18nKey="availabilityPoll"
                   defaults="Availability Poll"
                 />
@@ -229,7 +252,7 @@ const Footer: React.FunctionComponent = () => {
         </div>
         <div className="lg:w-2/6">
           <div className="mb-8 font-medium">
-            <Trans i18nKey="language" defaults="Language" />
+            <Trans ns="common" i18nKey="language" defaults="Language" />
           </div>
           <div className="mb-4">
             <LanguageSelect />
@@ -239,7 +262,7 @@ const Footer: React.FunctionComponent = () => {
             className="hover:border-primary-600 hover:text-primary-600 inline-flex items-center rounded-md border px-3 py-2 text-xs text-gray-500"
           >
             <LanguagesIcon className="mr-2 size-5" />
-            <Trans i18nKey="volunteerTranslator" /> &rarr;
+            <Trans ns="common" i18nKey="volunteerTranslator" /> &rarr;
           </Link>
         </div>
       </div>
@@ -250,7 +273,7 @@ const Footer: React.FunctionComponent = () => {
               href="/privacy-policy"
               className="inline-block font-normal text-gray-500 hover:text-gray-800 hover:no-underline"
             >
-              <Trans i18nKey="privacyPolicy" />
+              <Trans ns="common" i18nKey="privacyPolicy" />
             </Link>
           </li>
           <li>
@@ -258,7 +281,7 @@ const Footer: React.FunctionComponent = () => {
               href="/cookie-policy"
               className="inline-block font-normal text-gray-500 hover:text-gray-800 hover:no-underline"
             >
-              <Trans i18nKey="cookiePolicy" />
+              <Trans ns="common" i18nKey="cookiePolicy" />
             </Link>
           </li>
           <li>
@@ -266,13 +289,13 @@ const Footer: React.FunctionComponent = () => {
               href="/terms-of-use"
               className="inline-block font-normal text-gray-500 hover:text-gray-800 hover:no-underline"
             >
-              <Trans i18nKey="termsOfUse" />
+              <Trans ns="common" i18nKey="termsOfUse" />
             </Link>
           </li>
         </ul>
         <div className="grid gap-2.5">
           <div className="text-sm tracking-tight sm:text-right">
-            <Trans i18nKey="poweredBy" defaults="Powered by" />
+            <Trans ns="common" i18nKey="poweredBy" defaults="Powered by" />
           </div>
           <div className="flex flex-wrap items-center gap-x-8 gap-y-2 md:justify-end">
             <div>
@@ -323,5 +346,3 @@ const Footer: React.FunctionComponent = () => {
     </div>
   );
 };
-
-export default Footer;
diff --git a/apps/landing/src/app/[locale]/layout.tsx b/apps/landing/src/app/[locale]/layout.tsx
new file mode 100644
index 000000000..abf3a2775
--- /dev/null
+++ b/apps/landing/src/app/[locale]/layout.tsx
@@ -0,0 +1,157 @@
+import "tailwindcss/tailwind.css";
+import "../../style.css";
+
+import languages from "@rallly/languages";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from "@rallly/ui/dropdown-menu";
+import { ChevronRightIcon, MenuIcon } from "lucide-react";
+import { Viewport } from "next";
+import Image from "next/image";
+import Link from "next/link";
+import { Trans } from "react-i18next/TransWithoutContext";
+
+import { sans } from "@/fonts/sans";
+import { I18nProvider } from "@/i18n/client";
+import { getTranslation } from "@/i18n/server";
+import { linkToApp } from "@/lib/linkToApp";
+
+import { Footer } from "./footer";
+import { NavLink } from "./nav-link";
+
+export async function generateStaticParams() {
+  return Object.keys(languages).map((locale) => ({ locale }));
+}
+
+export const viewport: Viewport = {
+  width: "device-width",
+  initialScale: 1,
+  maximumScale: 1,
+  userScalable: false,
+};
+
+export default async function Root({
+  children,
+  params: { locale },
+}: {
+  children: React.ReactNode;
+  params: { locale: string };
+}) {
+  const { t } = await getTranslation(locale, "common");
+  return (
+    <html lang={locale} className={sans.className}>
+      <body>
+        <I18nProvider locale={locale}>
+          <div className="mx-auto flex min-h-full w-full max-w-7xl flex-col space-y-12 p-4 sm:p-8">
+            <header className="flex w-full items-center">
+              <div className="flex grow items-center gap-x-12">
+                <Link className="inline-block rounded" href="/">
+                  <Image
+                    src="/logo.svg"
+                    width={130}
+                    height={30}
+                    alt="rallly.co"
+                  />
+                </Link>
+                <nav className="hidden items-center space-x-8 lg:flex">
+                  <NavLink href="https://support.rallly.co/workflow/create">
+                    <Trans t={t} i18nKey="howItWorks" defaults="How it Works" />
+                  </NavLink>
+                  <NavLink href="/pricing">
+                    <Trans t={t} i18nKey="pricing" />
+                  </NavLink>
+                  <NavLink href="/blog">
+                    <Trans t={t} i18nKey="blog" />
+                  </NavLink>
+                  <NavLink href="https://support.rallly.co">
+                    <Trans t={t} i18nKey="support" />
+                  </NavLink>
+                </nav>
+              </div>
+              <div className="flex items-center gap-4 sm:gap-8">
+                <Link
+                  href={linkToApp("/login")}
+                  className="hover:text-primary text-muted-foreground hidden rounded text-sm font-medium hover:no-underline hover:underline-offset-2 lg:inline-flex"
+                >
+                  <Trans t={t} i18nKey="login" defaults="Login" />
+                </Link>
+                <Link
+                  href={linkToApp()}
+                  className="bg-primary hover:bg-primary-500 active:bg-primary-700 group inline-flex items-center gap-1 rounded-full py-1.5 pl-4 pr-3 text-sm font-medium text-white shadow-sm transition-transform"
+                >
+                  <span>
+                    <Trans t={t} i18nKey="goToApp" defaults="Go to app" />
+                  </span>
+                  <ChevronRightIcon className="inline-block size-4 transition-all group-active:translate-x-1" />
+                </Link>
+                <div className="flex items-center justify-center lg:hidden">
+                  <DropdownMenu>
+                    <DropdownMenuTrigger>
+                      <MenuIcon className="size-6" />
+                    </DropdownMenuTrigger>
+                    <DropdownMenuContent align="end" sideOffset={16}>
+                      <DropdownMenuItem asChild>
+                        <Link
+                          className="flex items-center gap-3 p-2 text-lg"
+                          href="https://support.rallly.co/workflow/create"
+                        >
+                          <Trans
+                            t={t}
+                            i18nKey="howItWorks"
+                            defaults="How it Works"
+                          />
+                        </Link>
+                      </DropdownMenuItem>
+                      <DropdownMenuItem asChild>
+                        <Link
+                          className="flex items-center gap-3 p-2 text-lg"
+                          href="/pricing"
+                        >
+                          <Trans t={t} i18nKey="pricing" defaults="Pricing" />
+                        </Link>
+                      </DropdownMenuItem>
+                      <DropdownMenuItem asChild>
+                        <Link
+                          className="flex items-center gap-3 p-2 text-lg"
+                          href="/blog"
+                        >
+                          <Trans t={t} i18nKey="blog" />
+                        </Link>
+                      </DropdownMenuItem>
+                      <DropdownMenuItem asChild>
+                        <Link
+                          className="flex items-center gap-3 p-2 text-lg"
+                          href="https://support.rallly.co"
+                        >
+                          <Trans t={t} i18nKey="support" />
+                        </Link>
+                      </DropdownMenuItem>
+                      <DropdownMenuSeparator />
+                      <DropdownMenuItem asChild>
+                        <Link
+                          className="flex items-center gap-3 p-2 text-lg"
+                          href={linkToApp("/login")}
+                        >
+                          <Trans t={t} i18nKey="login" defaults="Login" />
+                        </Link>
+                      </DropdownMenuItem>
+                    </DropdownMenuContent>
+                  </DropdownMenu>
+                </div>
+              </div>
+            </header>
+            <section className="relative grow">{children}</section>
+            <hr className="border-transparent" />
+            <footer>
+              <Footer />
+            </footer>
+          </div>
+        </I18nProvider>
+      </body>
+    </html>
+  );
+}
diff --git a/apps/landing/src/app/[locale]/nav-link.tsx b/apps/landing/src/app/[locale]/nav-link.tsx
new file mode 100644
index 000000000..ffc0c6ce8
--- /dev/null
+++ b/apps/landing/src/app/[locale]/nav-link.tsx
@@ -0,0 +1,23 @@
+"use client";
+
+import { cn } from "@rallly/ui";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+
+export const NavLink = ({
+  className,
+  ...props
+}: React.ComponentProps<typeof Link>) => {
+  const pathname = usePathname();
+  const isActive = pathname === props.href;
+  return (
+    <Link
+      className={cn(
+        "inline-flex items-center gap-x-2.5 rounded text-sm font-medium",
+        isActive ? "" : "hover:text-primary text-muted-foreground ",
+        className,
+      )}
+      {...props}
+    />
+  );
+};
diff --git a/apps/landing/src/app/[locale]/not-found.tsx b/apps/landing/src/app/[locale]/not-found.tsx
new file mode 100644
index 000000000..74bd7788a
--- /dev/null
+++ b/apps/landing/src/app/[locale]/not-found.tsx
@@ -0,0 +1,15 @@
+import ErrorPage from "@/components/error-page";
+import { getTranslation } from "@/i18n/server";
+
+export default async function Page() {
+  // TODO (Luke Vella) [2023-11-03]: not-found doesn't have access to params right now
+  // See: https://github.com/vercel/next.js/discussions/43179
+  const { t } = await getTranslation("en");
+
+  return (
+    <ErrorPage
+      title={t("notFoundTitle")}
+      description={t("notFoundDescription")}
+    />
+  );
+}
diff --git a/apps/landing/src/app/[locale]/page.tsx b/apps/landing/src/app/[locale]/page.tsx
new file mode 100644
index 000000000..560f6f4c8
--- /dev/null
+++ b/apps/landing/src/app/[locale]/page.tsx
@@ -0,0 +1,41 @@
+import Bonus from "@/components/home/bonus";
+import { MarketingHero } from "@/components/home/hero";
+import { BigTestimonial, Marketing, MentionedBy } from "@/components/marketing";
+import { getTranslation } from "@/i18n/server";
+
+export default async function Page({ params }: { params: { locale: string } }) {
+  const { t } = await getTranslation(params.locale, ["common", "home"]);
+  return (
+    <Marketing>
+      <MarketingHero
+        title={t("home:headline", {
+          defaultValue: "Ditch the back-and-forth emails",
+        })}
+        description={t("home:subheading", {
+          defaultValue: "Streamline your scheduling process and save time",
+        })}
+        callToAction={t("getStarted")}
+      />
+      <Bonus t={t} />
+      <BigTestimonial />
+      <MentionedBy />
+    </Marketing>
+  );
+}
+
+export async function generateMetadata({
+  params,
+}: {
+  params: { locale: string };
+}) {
+  const { t } = await getTranslation(params.locale, "home");
+  return {
+    title: t("home:metaTitle", {
+      defaultValue: "Rallly: Group Scheduling Tool",
+    }),
+    description: t("home:metaDescription", {
+      defaultValue:
+        "Create polls and vote to find the best day or time. A free alternative to Doodle.",
+    }),
+  };
+}
diff --git a/apps/landing/src/app/[locale]/pricing/page.tsx b/apps/landing/src/app/[locale]/pricing/page.tsx
new file mode 100644
index 000000000..4e8e342e9
--- /dev/null
+++ b/apps/landing/src/app/[locale]/pricing/page.tsx
@@ -0,0 +1,193 @@
+import { TFunction } from "i18next";
+import { TrendingUpIcon } from "lucide-react";
+import Link from "next/link";
+import { Trans } from "react-i18next/TransWithoutContext";
+
+import { getTranslation } from "@/i18n/server";
+import { linkToApp } from "@/lib/linkToApp";
+
+import { PriceTables } from "./pricing-table";
+
+const FAQ = async ({ t }: { t: TFunction }) => {
+  return (
+    <section>
+      <h2 className="text-2xl font-bold">
+        <Trans
+          t={t}
+          ns="pricing"
+          i18nKey="faq"
+          defaults="Frequently Asked Questions"
+        />
+      </h2>
+      <h3 className="mb-2 mt-6 text-lg font-bold">
+        <Trans
+          t={t}
+          ns="pricing"
+          i18nKey="canUseFree"
+          defaults="Can I use Rallly for free?"
+        />
+      </h3>
+      <p className="col-span-2 text-sm leading-relaxed text-slate-600">
+        <Trans
+          t={t}
+          ns="pricing"
+          i18nKey="canUseFreeAnswer2"
+          defaults="Yes, most of Rallly's features are free and many users will never need to pay for anything. However, there are some features that are only available to paying customers. These features are designed to help you get the most out of Rallly."
+        />
+      </p>
+      <h3 className="mb-2 mt-6 text-lg font-bold">
+        <Trans
+          t={t}
+          ns="pricing"
+          i18nKey="whyUpgrade"
+          defaults="Why should I upgrade?"
+        />
+      </h3>
+      <p className="col-span-2 text-sm leading-relaxed text-slate-600">
+        <Trans
+          t={t}
+          ns="pricing"
+          i18nKey="whyUpgradeAnswer2"
+          defaults="Upgrading to a paid plan makes sense if you use Rallly often or use it for work. The current subscription rate is a special early adopter rate and will increase in the future. By upgrading now, you will get early access to new, high-quality scheduling tools as they are released and lock in your subscription rate so you won't be affected by future price increases."
+        />
+      </p>
+      <h3 className="mb-2 mt-6 text-lg font-bold">
+        <Trans
+          t={t}
+          ns="pricing"
+          i18nKey="whenPollInactive"
+          defaults="When does a poll become inactive?"
+        />
+      </h3>
+      <p className="col-span-2 text-sm leading-relaxed text-slate-600">
+        <Trans
+          t={t}
+          ns="pricing"
+          i18nKey="whenPollInactiveAnswer"
+          defaults="Polls become inactive when all date options are in the past AND the poll has not been accessed for over 30 days. Inactive polls are automatically deleted if you do not have a paid subscription."
+        />
+      </p>
+      <h3 className="mb-2 mt-6 text-lg font-bold">
+        <Trans
+          t={t}
+          ns="pricing"
+          i18nKey="howToUpgrade"
+          defaults="How do I upgrade to a paid plan?"
+        />
+      </h3>
+      <p className="col-span-2 text-sm leading-relaxed text-slate-600">
+        <Trans
+          t={t}
+          ns="pricing"
+          i18nKey="howToUpgradeAnswer"
+          components={{
+            a: (
+              <Link
+                className="text-link"
+                href={linkToApp("/settings/billing")}
+              />
+            ),
+            b: <strong />,
+          }}
+          defaults="To upgrade, you can go to your <a>billing settings</a> and click on <b>Upgrade</b>."
+        />
+      </p>
+
+      <h3 className="mb-2 mt-6 text-lg font-bold">
+        <Trans
+          t={t}
+          ns="pricing"
+          i18nKey="cancelSubscription"
+          defaults="How do I cancel my subscription?"
+        />
+      </h3>
+      <p className="col-span-2 text-sm leading-relaxed text-slate-600">
+        <Trans
+          t={t}
+          ns="pricing"
+          i18nKey="cancelSubscriptionAnswer"
+          components={{
+            a: (
+              <Link
+                className="text-link"
+                href={linkToApp("/settings/billing")}
+              />
+            ),
+            b: <strong />,
+          }}
+          defaults="You can cancel your subscription at any time by going to your <a>billing settings</a>. Once you cancel your subscription, you will still have access to your paid plan until the end of your billing period. After that, you will be downgraded to a free plan."
+        />
+      </p>
+    </section>
+  );
+};
+
+export default async function Page({ params }: { params: { locale: string } }) {
+  const { t } = await getTranslation(params.locale, ["common", "pricing"]);
+  return (
+    <article className="mx-auto max-w-3xl space-y-6">
+      <header className="space-y-2 p-6 text-center ">
+        <h1 className="text-4xl font-bold tracking-tight">
+          <Trans
+            t={t}
+            ns="pricing"
+            i18nKey="pricingTitle"
+            defaults="Get started for free"
+          />
+        </h1>
+        <p className="text-muted-foreground text-lg">
+          <Trans
+            t={t}
+            ns="pricing"
+            i18nKey="pricingSubtitle"
+            defaults="Upgrade to a paid plan to get access to premium features"
+          />
+        </p>
+      </header>
+      <section>
+        <PriceTables />
+      </section>
+      <section>
+        <div className="flex flex-col gap-4 rounded-md border border-cyan-800/10 bg-gradient-to-b from-cyan-50 to-cyan-50/60 p-4 text-cyan-800 shadow-sm sm:flex-row sm:gap-6 sm:p-5">
+          <div>
+            <TrendingUpIcon className="size-6" />
+          </div>
+          <div>
+            <h3 className="mb-2 text-sm font-bold">
+              <Trans
+                t={t}
+                ns="pricing"
+                i18nKey="upgradeNowSaveLater"
+                defaults="Upgrade now, save later"
+              />
+            </h3>
+            <p className="text-sm">
+              <Trans
+                t={t}
+                ns="pricing"
+                i18nKey="earlyAdopterDescription"
+                defaults="As an early adopter, you'll lock in your subscription rate and won't be affected by future price increases."
+              />
+            </p>
+          </div>
+        </div>
+      </section>
+      <hr className="border-transparent" />
+      <FAQ t={t} />
+    </article>
+  );
+}
+
+export async function generateMetadata({
+  params,
+}: {
+  params: { locale: string };
+}) {
+  const { t } = await getTranslation(params.locale, ["common", "pricing"]);
+  return {
+    title: t("pricing", { ns: "common", defaultValue: "Pricing" }),
+    description: t("pricingDescription", {
+      ns: "pricing",
+    }),
+  };
+}
diff --git a/apps/landing/src/app/[locale]/pricing/pricing-table.tsx b/apps/landing/src/app/[locale]/pricing/pricing-table.tsx
new file mode 100644
index 000000000..4a77327bc
--- /dev/null
+++ b/apps/landing/src/app/[locale]/pricing/pricing-table.tsx
@@ -0,0 +1,199 @@
+"use client";
+
+import { pricingData } from "@rallly/billing/pricing";
+import { Badge } from "@rallly/ui/badge";
+import {
+  BillingPlan,
+  BillingPlanDescription,
+  BillingPlanHeader,
+  BillingPlanPeriod,
+  BillingPlanPerk,
+  BillingPlanPerks,
+  BillingPlanPrice,
+  BillingPlanTitle,
+} from "@rallly/ui/billing-plan";
+import { Button } from "@rallly/ui/button";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@rallly/ui/tabs";
+import Link from "next/link";
+import React from "react";
+import { Trans } from "react-i18next/TransWithoutContext";
+
+import { useTranslation } from "@/i18n/client";
+import { linkToApp } from "@/lib/linkToApp";
+
+export function PriceTables() {
+  const { t } = useTranslation("pricing");
+  const [tab, setTab] = React.useState("yearly");
+  return (
+    <Tabs value={tab} onValueChange={setTab}>
+      <div className="flex justify-center">
+        <TabsList className="mb-4 sm:mb-6">
+          <TabsTrigger value="monthly">
+            <Trans
+              t={t}
+              ns="pricing"
+              i18nKey="billingPeriodMonthly"
+              defaults="Monthly"
+            />
+          </TabsTrigger>
+          <TabsTrigger value="yearly" className="inline-flex gap-x-2.5">
+            <Trans
+              t={t}
+              ns="pricing"
+              i18nKey="billingPeriodYearly"
+              defaults="Yearly"
+            />
+          </TabsTrigger>
+        </TabsList>
+      </div>
+      <div className="mx-auto grid gap-4 sm:gap-6 md:grid-cols-2">
+        <BillingPlan>
+          <BillingPlanHeader>
+            <BillingPlanTitle>
+              <Trans t={t} ns="pricing" i18nKey="planFree" defaults="Free" />
+            </BillingPlanTitle>
+            <BillingPlanDescription>
+              <Trans
+                t={t}
+                ns="pricing"
+                i18nKey="planFreeDescription"
+                defaults="For casual users"
+              />
+            </BillingPlanDescription>
+          </BillingPlanHeader>
+          <div>
+            <BillingPlanPrice>$0</BillingPlanPrice>
+            <BillingPlanPeriod>
+              <Trans
+                t={t}
+                ns="pricing"
+                i18nKey="freeForever"
+                defaults="free forever"
+              />
+            </BillingPlanPeriod>
+          </div>
+          <hr />
+          <Button asChild className="w-full">
+            <Link href={linkToApp("/")}>
+              <Trans
+                t={t}
+                ns="common"
+                i18nKey="getStarted"
+                defaults="Get started"
+              />
+            </Link>
+          </Button>
+          <BillingPlanPerks>
+            <BillingPlanPerk>
+              <Trans
+                t={t}
+                ns="pricing"
+                i18nKey="limitedAccess"
+                defaults="Access to core features"
+              />
+            </BillingPlanPerk>
+            <BillingPlanPerk>
+              <Trans
+                t={t}
+                ns="pricing"
+                i18nKey="pollsDeleted"
+                defaults="Polls are automatically deleted once they become inactive"
+              />
+            </BillingPlanPerk>
+          </BillingPlanPerks>
+        </BillingPlan>
+        <BillingPlan className="relative">
+          <BillingPlanHeader>
+            <BillingPlanTitle>
+              <Trans t={t} ns="pricing" i18nKey="planPro" defaults="Pro" />
+            </BillingPlanTitle>
+            <BillingPlanDescription>
+              <Trans
+                t={t}
+                ns="pricing"
+                i18nKey="planProDescription"
+                defaults="For power users and professionals"
+              />
+            </BillingPlanDescription>
+          </BillingPlanHeader>
+          <TabsContent value="yearly">
+            <div className="flex items-center gap-x-2">
+              <BillingPlanPrice>
+                ${pricingData.yearly.amount / 100}
+              </BillingPlanPrice>
+              <Badge variant="green" className="inline-flex gap-2">
+                <Trans
+                  t={t}
+                  ns="pricing"
+                  i18nKey="annualBenefit"
+                  defaults="{count} months free!"
+                  values={{
+                    count: 4,
+                  }}
+                />
+              </Badge>
+            </div>
+            <BillingPlanPeriod>
+              <Trans
+                t={t}
+                ns="pricing"
+                i18nKey="yearlyBillingDescription"
+                defaults="per year"
+              />
+            </BillingPlanPeriod>
+          </TabsContent>
+          <TabsContent value="monthly">
+            <BillingPlanPrice>
+              ${pricingData.monthly.amount / 100}
+            </BillingPlanPrice>
+            <BillingPlanPeriod>
+              <Trans
+                t={t}
+                ns="pricing"
+                i18nKey="monthlyBillingDescription"
+                defaults="per month"
+              />
+            </BillingPlanPeriod>
+          </TabsContent>
+          <hr />
+          <Button asChild variant="primary" className="w-full">
+            <Link href={linkToApp("/settings/billing")}>
+              <Trans
+                t={t}
+                ns="pricing"
+                i18nKey="upgrade"
+                defaults="Go to billing"
+              />
+            </Link>
+          </Button>
+          <BillingPlanPerks>
+            <BillingPlanPerk pro={true}>
+              <Trans
+                t={t}
+                ns="pricing"
+                i18nKey="accessAllFeatures"
+                defaults="Access all features"
+              />
+            </BillingPlanPerk>
+            <BillingPlanPerk pro={true}>
+              <Trans
+                t={t}
+                ns="pricing"
+                i18nKey="keepPollsIndefinitely"
+                defaults="Keep polls indefinitely"
+              />
+            </BillingPlanPerk>
+            <BillingPlanPerk pro={true}>
+              <Trans
+                t={t}
+                ns="pricing"
+                i18nKey="getEarlyAccess"
+                defaults="Get early access to new features"
+              />
+            </BillingPlanPerk>
+          </BillingPlanPerks>
+        </BillingPlan>
+      </div>
+    </Tabs>
+  );
+}
diff --git a/apps/landing/src/pages/privacy-policy.tsx b/apps/landing/src/app/[locale]/privacy-policy/page.tsx
similarity index 93%
rename from apps/landing/src/pages/privacy-policy.tsx
rename to apps/landing/src/app/[locale]/privacy-policy/page.tsx
index 0c5128fb5..4f94d8433 100644
--- a/apps/landing/src/pages/privacy-policy.tsx
+++ b/apps/landing/src/app/[locale]/privacy-policy/page.tsx
@@ -1,12 +1,6 @@
-import { NextSeo } from "next-seo";
-
-import PageLayout from "@/components/layouts/page-layout";
-import { getStaticTranslations } from "@/utils/page-translations";
-
-const PrivacyPolicy = () => {
+export default function PrivacyPolicy() {
   return (
-    <PageLayout>
-      <NextSeo title="Privacy Policy" />
+    <>
       <div className="prose mx-auto my-16 max-w-3xl rounded-lg bg-white p-8 shadow-md">
         <h1>Privacy Policy</h1>
         <p>Last updated: 1 August 2023</p>
@@ -125,10 +119,13 @@ const PrivacyPolicy = () => {
           <a href="mailto:support@rallly.co">support@rallly.co</a>.
         </p>
       </div>
-    </PageLayout>
+    </>
   );
-};
+}
 
-export default PrivacyPolicy;
-
-export const getStaticProps = getStaticTranslations();
+export function generateMetadata() {
+  return {
+    title: "Rallly: Privacy Policy",
+    description: "The privacy policy for Rallly.",
+  };
+}
diff --git a/apps/landing/src/app/[locale]/terms-of-use/page.tsx b/apps/landing/src/app/[locale]/terms-of-use/page.tsx
new file mode 100644
index 000000000..9ad57dd13
--- /dev/null
+++ b/apps/landing/src/app/[locale]/terms-of-use/page.tsx
@@ -0,0 +1,83 @@
+export default function TermsOfUse() {
+  return (
+    <div className="prose mx-auto my-16 max-w-3xl rounded-lg bg-white p-8 shadow-md">
+      <h1>Terms of Use</h1>
+      <p>Last updated: 4 July 2023</p>
+      <p>
+        {`This website is operated by Stack Snap Ltd. References made to "we",
+          "us" or "our" pertain directly and exclusively to Stack Snap Ltd. We
+          provide you, as the user, with this website, which includes all the
+          information, tools, and services accessible on it, under the
+          stipulation that you agree to all the terms, conditions, policies, and
+          notices laid out herein.`}
+      </p>
+
+      <h2>1. Use of Website</h2>
+      <p>
+        You may use this website only for lawful purposes and in accordance with
+        these terms of use. You must not use this website in any way that causes
+        or may cause damage to the website or impairment of the availability or
+        accessibility of the website. You must not use this website in any way
+        that is unlawful, fraudulent, or harmful.
+      </p>
+
+      <h2>2. Limitation of Liability</h2>
+      <p>
+        We will not be liable for any damages arising from the use or inability
+        to use this website, including but not limited to direct, indirect,
+        incidental, consequential, or punitive damages.
+      </p>
+
+      <h2>3. No Refund Policy</h2>
+      <p>
+        All purchases and transactions made through this website are final and
+        non-refundable. We do not provide refunds for any reason. By making a
+        purchase or engaging in a transaction on this website, you acknowledge
+        and agree to our no refund policy.
+      </p>
+
+      <h2>4. Links to Third-Party Websites</h2>
+      <p>
+        This website may contain links to third-party websites that are not
+        owned or controlled by rallly.co. We have no control over, and assume no
+        responsibility for, the content, privacy policies, or practices of any
+        third-party websites.
+      </p>
+
+      <h2>5. Modifications to Terms of Use</h2>
+      <p>
+        We reserve the right to modify these terms of use at any time, without
+        prior notice to you. Your continued use of this website after any
+        modifications to these terms of use will constitute your acceptance of
+        such modifications.
+      </p>
+
+      <h2>6. Contact</h2>
+      <p>
+        If you have any questions about these terms of use, please contact us at{" "}
+        <a href="mailto:support@rallly.co">support@rallly.co</a>.
+      </p>
+
+      <p className="text-sm font-semibold">
+        Stack Snap Ltd.
+        <br />
+        The Gallery 14
+        <br />
+        Upland Road
+        <br />
+        London
+        <br />
+        SE22 9EE
+        <br />
+        United Kingdom
+      </p>
+    </div>
+  );
+}
+
+export function generateMetadata() {
+  return {
+    title: "Rallly: Terms of Use",
+    description: "The terms of use for Rallly.",
+  };
+}
diff --git a/apps/landing/src/app/[locale]/types.ts b/apps/landing/src/app/[locale]/types.ts
new file mode 100644
index 000000000..d001a9d3c
--- /dev/null
+++ b/apps/landing/src/app/[locale]/types.ts
@@ -0,0 +1,3 @@
+export type URLParams = {
+  locale: string;
+};
diff --git a/apps/landing/src/app/global-error.tsx b/apps/landing/src/app/global-error.tsx
new file mode 100644
index 000000000..9bda5feef
--- /dev/null
+++ b/apps/landing/src/app/global-error.tsx
@@ -0,0 +1,23 @@
+"use client";
+
+import * as Sentry from "@sentry/nextjs";
+import NextError from "next/error";
+import { useEffect } from "react";
+
+export default function GlobalError({ error }: { error: Error & { digest?: string } }) {
+  useEffect(() => {
+    Sentry.captureException(error);
+  }, [error]);
+
+  return (
+    <html>
+      <body>
+        {/* `NextError` is the default Next.js error page component. Its type
+        definition requires a `statusCode` prop. However, since the App Router
+        does not expose status codes for errors, we simply pass 0 to render a
+        generic error message. */}
+        <NextError statusCode={0} />
+      </body>
+    </html>
+  );
+}
\ No newline at end of file
diff --git a/apps/landing/src/components/blog/date-formatter.tsx b/apps/landing/src/components/blog/date-formatter.tsx
index acb9da344..e3d5b23ab 100644
--- a/apps/landing/src/components/blog/date-formatter.tsx
+++ b/apps/landing/src/components/blog/date-formatter.tsx
@@ -1,4 +1,7 @@
 import dayjs from "dayjs";
+import localizedFormat from "dayjs/plugin/localizedFormat";
+
+dayjs.extend(localizedFormat);
 
 type Props = {
   dateString: string;
diff --git a/apps/landing/src/components/blog/markdown-styles.module.css b/apps/landing/src/components/blog/markdown-styles.module.css
deleted file mode 100644
index f9e9b2f60..000000000
--- a/apps/landing/src/components/blog/markdown-styles.module.css
+++ /dev/null
@@ -1,30 +0,0 @@
-.markdown {
-  @apply text-lg leading-relaxed;
-}
-
-.markdown p,
-.markdown ul,
-.markdown ol,
-.markdown blockquote {
-  @apply my-6 text-gray-700;
-}
-
-.markdown h2 {
-  @apply mb-4 mt-12 text-2xl font-semibold leading-snug;
-}
-
-.markdown h3 {
-  @apply mb-4 mt-8 text-xl font-semibold leading-snug;
-}
-
-.markdown a {
-  @apply hover:text-primary underline;
-}
-
-.markdown ul {
-  @apply list-inside list-disc;
-}
-
-.markdown img {
-  @apply mx-auto my-8 rounded-md;
-}
diff --git a/apps/landing/src/components/blog/post-header.tsx b/apps/landing/src/components/blog/post-header.tsx
index 9da611963..42678c1f6 100644
--- a/apps/landing/src/components/blog/post-header.tsx
+++ b/apps/landing/src/components/blog/post-header.tsx
@@ -1,4 +1,4 @@
-import DateFormatter from "@/components/blog/date-formatter";
+import DateFormatter from "./date-formatter";
 
 type Props = {
   title: string;
@@ -7,14 +7,14 @@ type Props = {
 
 const PostHeader = ({ title, date }: Props) => {
   return (
-    <>
+    <header>
       <h1 className="mb-2 text-center text-4xl font-bold tracking-tighter md:text-left md:leading-tight">
         {title}
       </h1>
       <div className="mb-2 text-center text-lg text-gray-400 sm:text-left">
         <DateFormatter dateString={date} />
       </div>
-    </>
+    </header>
   );
 };
 
diff --git a/apps/landing/src/components/blog/posts.tsx b/apps/landing/src/components/blog/posts.tsx
deleted file mode 100644
index 63251f544..000000000
--- a/apps/landing/src/components/blog/posts.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { Trans } from "@/components/trans";
-import { Post } from "@/types";
-
-import PostPreview from "./post-preview";
-
-type Props = {
-  posts: Post[];
-};
-
-const Posts = ({ posts }: Props) => {
-  return (
-    <section>
-      <h1 className="mb-16 text-4xl font-bold tracking-tight">
-        <Trans i18nKey="blog:recentPosts" defaults="Recent Posts" />
-      </h1>
-      <div className="mb-16 grid grid-cols-1 gap-8">
-        {posts.map((post) => (
-          <PostPreview
-            key={post.slug}
-            title={post.title}
-            coverImage={post.coverImage}
-            date={post.date}
-            slug={post.slug}
-            excerpt={post.excerpt}
-          />
-        ))}
-      </div>
-    </section>
-  );
-};
-
-export default Posts;
diff --git a/apps/landing/src/components/error-page.tsx b/apps/landing/src/components/error-page.tsx
index 5c95fc630..3ee7a79b2 100644
--- a/apps/landing/src/components/error-page.tsx
+++ b/apps/landing/src/components/error-page.tsx
@@ -1,45 +1,44 @@
-import { FrownIcon } from "lucide-react";
-import Head from "next/head";
+"use client";
+
+import { Button } from "@rallly/ui/button";
+import { FileSearchIcon } from "lucide-react";
 import Link from "next/link";
 import { useTranslation } from "next-i18next";
 import * as React from "react";
 
 export interface ComponentProps {
-  icon?: React.ComponentType<{ className?: string }>;
+  icon?: React.ReactNode;
   title: string;
   description: string;
 }
 
 const ErrorPage: React.FunctionComponent<ComponentProps> = ({
-  icon: Icon = FrownIcon,
+  icon,
   title,
   description,
 }) => {
   const { t } = useTranslation();
   return (
-    <div className="flex h-[calc(100vh-100px)] w-full items-center justify-center">
-      <Head>
-        <title>{title}</title>
-      </Head>
+    <div className="inset-0 flex h-full w-full items-center justify-center lg:absolute">
       <div className="space-y-8">
         <div className="space-y-4 text-center">
-          <Icon className="mb-4 inline-block size-24 text-gray-400" />
+          {icon || (
+            <FileSearchIcon className="mb-4 inline-block size-24 text-gray-400" />
+          )}
           <div className="text-primary-600 mb-2 text-3xl font-bold ">
             {title}
           </div>
           <p className="text-gray-600">{description}</p>
         </div>
         <div className="flex justify-center space-x-3">
-          <Link href="/" className="btn-primary">
-            {t("goToHome")}
-          </Link>
-          <Link
-            href="https://support.rallly.co"
-            passHref={true}
-            className="btn-default"
-          >
-            {t("support")}
-          </Link>
+          <Button variant="primary" asChild>
+            <Link href="/">{t("goToHome")}</Link>
+          </Button>
+          <Button asChild>
+            <Link href="https://support.rallly.co" passHref={true}>
+              {t("support")}
+            </Link>
+          </Button>
         </div>
       </div>
     </div>
diff --git a/apps/landing/src/components/home/bonus-item.tsx b/apps/landing/src/components/home/bonus-item.tsx
new file mode 100644
index 000000000..c53adbf9e
--- /dev/null
+++ b/apps/landing/src/components/home/bonus-item.tsx
@@ -0,0 +1,37 @@
+"use client";
+import { cn } from "@rallly/ui";
+import { motion } from "framer-motion";
+
+export const BonusItem = ({
+  className,
+  children,
+  delay = 0,
+  icon,
+}: React.PropsWithChildren<{
+  className?: string;
+  delay?: number;
+  icon: React.ReactNode;
+}>) => {
+  return (
+    <motion.div
+      transition={{
+        delay,
+        type: "spring",
+        bounce: 0.3,
+      }}
+      initial={{ opacity: 0, y: -20 }}
+      whileInView={{ opacity: 1, y: 0 }}
+      viewport={{ once: true, amount: "all" }}
+      className="flex justify-center"
+    >
+      <div className="flex items-center justify-center gap-x-2.5 rounded-full border bg-gray-50 p-1 pr-6 shadow-sm">
+        <span
+          className={cn("bg-primary rounded-full p-2 text-gray-50", className)}
+        >
+          {icon}
+        </span>
+        <div className="text-sm font-semibold">{children}</div>
+      </div>
+    </motion.div>
+  );
+};
diff --git a/apps/landing/src/components/home/bonus.tsx b/apps/landing/src/components/home/bonus.tsx
index bc472d845..674ade828 100644
--- a/apps/landing/src/components/home/bonus.tsx
+++ b/apps/landing/src/components/home/bonus.tsx
@@ -1,75 +1,70 @@
-import { cn } from "@rallly/ui";
-import { m } from "framer-motion";
+import { prisma } from "@rallly/database";
+import { TFunction } from "i18next";
 import {
   CalendarCheck2Icon,
   LanguagesIcon,
   Users2Icon,
   ZapIcon,
 } from "lucide-react";
+import { Trans } from "react-i18next/TransWithoutContext";
 
-import { Trans } from "@/components/trans";
-import { IconComponent } from "@/types";
+import { BonusItem } from "@/components/home/bonus-item";
 
-const Item = ({
-  icon: Icon,
-  className,
-  children,
-  delay = 0,
-}: React.PropsWithChildren<{
-  icon: IconComponent;
-  className?: string;
-  delay?: number;
-}>) => {
-  return (
-    <m.div
-      transition={{
-        delay,
-        type: "spring",
-        bounce: 0.3,
-      }}
-      initial={{ opacity: 0, y: -20 }}
-      whileInView={{ opacity: 1, y: 0 }}
-      viewport={{ once: true, amount: "all" }}
-      className="flex justify-center"
-    >
-      <div className="flex items-center justify-center gap-x-2.5 rounded-full border bg-gray-50 p-1 pr-6 shadow-sm">
-        <span
-          className={cn("bg-primary rounded-full p-2 text-gray-50", className)}
-        >
-          <Icon className="size-4" />
-        </span>
-        <div className="text-sm font-semibold">{children}</div>
-      </div>
-    </m.div>
-  );
-};
-
-const Bonus: React.FunctionComponent = () => {
+export async function Bonus({ t }: { t: TFunction }) {
+  const userCount = await prisma.user.count();
   return (
     <div className="mx-auto flex flex-wrap justify-center  gap-2 whitespace-nowrap text-center sm:grid-cols-4 sm:gap-4 sm:gap-x-8">
-      <Item className="bg-indigo-600" icon={Users2Icon}>
+      <BonusItem
+        className="bg-indigo-600"
+        icon={<Users2Icon className="size-4" />}
+      >
         <Trans
-          i18nKey="home:statsUsersRegistered"
-          defaults="45k+ registered users"
+          t={t}
+          i18nKey="statsUsersRegistered"
+          ns="home"
+          defaults="{count, number, ::compact-short} registered users"
+          values={{ count: userCount }}
         />
-      </Item>
-      <Item delay={0.25} className="bg-pink-600" icon={CalendarCheck2Icon}>
+      </BonusItem>
+      <BonusItem
+        delay={0.25}
+        className="bg-pink-600"
+        icon={<CalendarCheck2Icon className="size-4" />}
+      >
         <Trans
-          i18nKey="home:statsPollsCreated"
-          defaults="100k+ polls created"
+          t={t}
+          ns="home"
+          i18nKey="statsPollsCreated"
+          values={{ count: 300 * 1000 }}
+          defaults="{count, number, ::compact-short}+ polls created"
         />
-      </Item>
-      <Item delay={0.5} className="bg-gray-800" icon={LanguagesIcon}>
+      </BonusItem>
+      <BonusItem
+        delay={0.5}
+        className="bg-gray-800"
+        icon={<LanguagesIcon className="size-4" />}
+      >
         <Trans
-          i18nKey="home:statsLanguagesSupported"
+          t={t}
+          ns="home"
+          i18nKey="statsLanguagesSupported"
           defaults="10+ languages supported"
         />
-      </Item>
-      <Item delay={0.75} className="bg-amber-500" icon={ZapIcon}>
-        <Trans i18nKey="home:noLoginRequired" defaults="No login required" />
-      </Item>
+      </BonusItem>
+      <BonusItem
+        delay={0.75}
+        className="bg-teal-500"
+        icon={<ZapIcon className="size-4" />}
+      >
+        <Trans
+          t={t}
+          ns="home"
+          i18nKey="noLoginRequired"
+          defaults="No login required"
+        />
+      </BonusItem>
     </div>
   );
-};
+}
 
 export default Bonus;
diff --git a/apps/landing/src/components/home/hero.tsx b/apps/landing/src/components/home/hero.tsx
index 6b58a4feb..af05686c6 100644
--- a/apps/landing/src/components/home/hero.tsx
+++ b/apps/landing/src/components/home/hero.tsx
@@ -1,13 +1,16 @@
+"use client";
+import { cn } from "@rallly/ui";
 import { Badge } from "@rallly/ui/badge";
 import { Button } from "@rallly/ui/button";
 import { preventWidows } from "@rallly/utils";
-import { m } from "framer-motion";
+import { motion } from "framer-motion";
 import { ChevronRightIcon } from "lucide-react";
 import Image from "next/image";
 import Link from "next/link";
 import * as React from "react";
 
 import { Trans } from "@/components/trans";
+import { handwritten } from "@/fonts/handwritten";
 import { linkToApp } from "@/lib/linkToApp";
 
 const Screenshot = () => {
@@ -15,7 +18,7 @@ const Screenshot = () => {
 
   return (
     <>
-      <m.div
+      <motion.div
         transition={{
           delay: 0.5,
           type: "spring",
@@ -40,8 +43,8 @@ const Screenshot = () => {
         <span className="absolute left-1/2 top-full z-10 h-8 w-px -translate-x-1/2 bg-gray-800" />
         <span className="absolute -bottom-12 left-1/2 z-10 inline-block size-3 origin-right -translate-x-1/2 rounded-full bg-gray-800 ring-1 ring-gray-800 ring-offset-2" />
         <span className="absolute -bottom-12 left-1/2 z-10 inline-block size-3 origin-right -translate-x-1/2 animate-ping rounded-full bg-gray-800 ring-1 ring-gray-800 ring-offset-2" />
-      </m.div>
-      <m.div
+      </motion.div>
+      <motion.div
         transition={{
           type: "spring",
           duration: 1,
@@ -65,7 +68,7 @@ const Screenshot = () => {
             setIsLoaded(true);
           }}
         />
-      </m.div>
+      </motion.div>
     </>
   );
 };
@@ -80,50 +83,63 @@ export const MarketingHero = ({
   callToAction: React.ReactNode;
 }) => {
   return (
-    <div className="mt-8 max-w-full text-center sm:mt-16">
-      <div className="mb-8">
-        <Link
-          locale="en"
-          href="/blog/rallly-3-0-self-hosting"
-          className="hover:ring-primary relative inline-flex items-center gap-x-3 rounded-full border bg-gray-100 py-1 pl-1 pr-4 text-sm leading-6 text-gray-600 hover:bg-gray-50 focus:ring-2 focus:ring-gray-300 focus:ring-offset-1"
-        >
-          <Badge variant="green">
-            <Trans i18nKey="home:new" defaults="New" />
-          </Badge>
-          <span className="flex items-center gap-x-1">
-            <Trans
-              i18nKey="home:selfHostingBlog"
-              defaults="Rallly 3.0 Self-Hosting"
-            />
-            <ChevronRightIcon className="-mr-1 size-4" aria-hidden="true" />
-          </span>
-        </Link>
-      </div>
-      <h1 className="mb-4 text-4xl font-bold tracking-tight sm:text-5xl">
-        {preventWidows(title)}
-      </h1>
-      <p className="mx-auto max-w-3xl text-lg text-gray-500 sm:text-xl sm:leading-relaxed">
-        {preventWidows(description)}
-      </p>
-      <div className="my-8 flex flex-col items-center justify-center gap-4">
-        <Button
-          size="lg"
-          className="group rounded-full hover:shadow-md active:shadow-sm"
-          variant="primary"
-          asChild
-        >
-          <Link href={linkToApp("/new")}>
-            {callToAction}
-            <ChevronRightIcon className="-ml-1 size-5 transition-transform group-active:translate-x-1" />
+    <article className="max-w-full space-y-12 text-center">
+      <header className="sm:p-6">
+        <div>
+          <Link
+            locale="en"
+            href="/blog/rallly-3-0-self-hosting"
+            className="hover:ring-primary relative inline-flex items-center gap-x-3 rounded-full border bg-gray-100 py-1 pl-1 pr-4 text-sm leading-6 text-gray-600 hover:bg-gray-50 focus:ring-2 focus:ring-gray-300 focus:ring-offset-1"
+          >
+            <Badge variant="green">
+              <Trans ns="home" i18nKey="new" defaults="New" />
+            </Badge>
+            <span className="flex items-center gap-x-1">
+              <Trans
+                i18nKey="home:selfHostingBlog"
+                defaults="Rallly 3.0 Self-Hosting"
+              />
+              <ChevronRightIcon className="-mr-1 size-4" aria-hidden="true" />
+            </span>
           </Link>
-        </Button>
-        <div className="whitespace-nowrap text-center text-sm font-medium text-gray-500">
-          <Trans i18nKey="home:hint" defaults="It's free! No login required." />
         </div>
-      </div>
-      <div className="mt-16">
+        <h1 className="mb-2 mt-6 text-pretty text-2xl font-bold tracking-tight sm:mb-4 sm:text-5xl">
+          {preventWidows(title)}
+        </h1>
+        <h2 className="mx-auto max-w-3xl text-pretty text-lg text-gray-500 sm:text-xl sm:leading-relaxed">
+          {preventWidows(description)}
+        </h2>
+        <div className="mt-8 flex flex-col items-center justify-center gap-4">
+          <Button
+            size="lg"
+            className="group rounded-full hover:shadow-md active:shadow-sm"
+            variant="primary"
+            asChild
+          >
+            <Link href={linkToApp("/new")}>
+              {callToAction}
+              <ChevronRightIcon className="-ml-1 size-5 transition-transform group-active:translate-x-1" />
+            </Link>
+          </Button>
+          <p
+            className={cn(
+              "whitespace-nowrap text-center text-sm text-gray-600",
+              handwritten.className,
+              "decoration underline decoration-gray-300 decoration-2 underline-offset-8",
+              "skew-x-[-10deg]",
+            )}
+          >
+            <Trans
+              ns="home"
+              i18nKey="hint"
+              defaults="It's free! No login required."
+            />
+          </p>
+        </div>
+      </header>
+      <section>
         <Screenshot />
-      </div>
-    </div>
+      </section>
+    </article>
   );
 };
diff --git a/apps/landing/src/components/layouts/blog-layout.tsx b/apps/landing/src/components/layouts/blog-layout.tsx
deleted file mode 100644
index 54f7aed15..000000000
--- a/apps/landing/src/components/layouts/blog-layout.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import { NewspaperIcon } from "lucide-react";
-import Script from "next/script";
-
-import PageLayout from "@/components/layouts/page-layout";
-
-export const BlogLayout = ({ children }: React.PropsWithChildren) => {
-  return (
-    <div className="mx-auto w-full max-w-2xl">
-      <div>{children}</div>
-      <Script id="mailerlite" src="/static/scripts/mailerlite.js" />
-      <div className="mt-16 overflow-hidden rounded-md border bg-gray-200/50 backdrop-blur-sm">
-        <div className="flex flex-col gap-x-4 gap-y-2 p-6  pb-0 sm:flex-row">
-          <div>
-            <NewspaperIcon className="size-6" />
-          </div>
-          <div>
-            <div className="font-medium">Want to stay up to date?</div>
-            <div className="text-sm text-gray-500">
-              Subscribe to our newsletter to get updates on new features and
-              releases.
-            </div>
-          </div>
-        </div>
-        <div className="flex sm:ml-11">
-          <div
-            className="ml-embedded min-h-[88px] w-96 p-0"
-            data-form="h9YecB"
-          />
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export const getBlogLayout = (page: React.ReactElement) => {
-  return (
-    <PageLayout>
-      <BlogLayout>{page}</BlogLayout>
-    </PageLayout>
-  );
-};
diff --git a/apps/landing/src/components/layouts/page-layout.tsx b/apps/landing/src/components/layouts/page-layout.tsx
deleted file mode 100644
index 44b2a7636..000000000
--- a/apps/landing/src/components/layouts/page-layout.tsx
+++ /dev/null
@@ -1,178 +0,0 @@
-import { cn } from "@rallly/ui";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from "@rallly/ui/dropdown-menu";
-import { ChevronRightIcon, MenuIcon } from "lucide-react";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { Trans } from "next-i18next";
-import * as React from "react";
-
-import { linkToApp } from "@/lib/linkToApp";
-
-import Footer from "./page-layout/footer";
-
-export interface PageLayoutProps {
-  children?: React.ReactNode;
-}
-
-const NavLink = ({
-  className,
-  ...props
-}: React.ComponentProps<typeof Link>) => {
-  const router = useRouter();
-  const isActive = router.pathname === props.href;
-  return (
-    <Link
-      className={cn(
-        "inline-flex items-center gap-x-2.5 rounded text-sm font-medium",
-        isActive ? "" : "hover:text-primary text-muted-foreground ",
-        className,
-      )}
-      {...props}
-    />
-  );
-};
-
-const Menu: React.FunctionComponent<{ className: string }> = ({
-  className,
-}) => {
-  return (
-    <nav className={className}>
-      <NavLink href="https://support.rallly.co/workflow/create">
-        <Trans i18nKey="howItWorks" defaults="How it Works" />
-      </NavLink>
-      <NavLink href="/pricing">
-        <Trans i18nKey="pricing" />
-      </NavLink>
-      <NavLink href="/blog">
-        <Trans i18nKey="blog" />
-      </NavLink>
-      <NavLink href="https://support.rallly.co">
-        <Trans i18nKey="support" />
-      </NavLink>
-    </nav>
-  );
-};
-
-const PageLayout: React.FunctionComponent<PageLayoutProps> = ({ children }) => {
-  return (
-    <div className="isolate flex min-h-[100vh] flex-col overflow-x-hidden bg-gray-100">
-      <svg
-        className="absolute inset-x-0 top-0 -z-10 h-[64rem] w-full stroke-gray-200 [mask-image:radial-gradient(800px_800px_at_center,white,transparent)]"
-        aria-hidden="true"
-      >
-        <defs>
-          <pattern
-            id="1f932ae7-37de-4c0a-a8b0-a6e3b4d44b84"
-            width={220}
-            height={220}
-            x="50%"
-            y={-1}
-            patternUnits="userSpaceOnUse"
-          >
-            <path d="M.5 220V.5H220" fill="none" />
-          </pattern>
-        </defs>
-        <rect
-          width="100%"
-          height="100%"
-          strokeWidth={0}
-          fill="url(#1f932ae7-37de-4c0a-a8b0-a6e3b4d44b84)"
-        />
-      </svg>
-      <div className="mx-auto w-full max-w-full grow p-4 sm:max-w-7xl sm:px-8 sm:py-6">
-        <div className="mb-16 flex w-full items-center">
-          <div className="flex grow items-center gap-x-12">
-            <Link className="inline-block rounded" href="/">
-              <Image src="/logo.svg" width={130} height={30} alt="rallly.co" />
-            </Link>
-            <Menu className="hidden items-center space-x-8 lg:flex" />
-          </div>
-          <div className="flex items-center gap-4 sm:gap-8">
-            <Link
-              href={linkToApp("/login")}
-              className="hover:text-primary text-muted-foreground hidden rounded text-sm font-medium hover:no-underline hover:underline-offset-2 lg:inline-flex"
-            >
-              <Trans i18nKey="login" defaults="Login" />
-            </Link>
-            <Link
-              href={linkToApp()}
-              className="bg-primary hover:bg-primary-500 active:bg-primary-700 group inline-flex items-center gap-1 rounded-full py-1.5 pl-4 pr-3 text-sm font-medium text-white shadow-sm transition-transform"
-            >
-              <span>
-                <Trans i18nKey="goToApp" defaults="Go to app" />
-              </span>
-              <ChevronRightIcon className="inline-block size-4 transition-all group-active:translate-x-1" />
-            </Link>
-            <div className="flex items-center justify-center lg:hidden">
-              <DropdownMenu>
-                <DropdownMenuTrigger>
-                  <MenuIcon className="size-6" />
-                </DropdownMenuTrigger>
-                <DropdownMenuContent align="end" sideOffset={16}>
-                  <DropdownMenuItem asChild>
-                    <Link
-                      className="flex items-center gap-3 p-2 text-lg"
-                      href="https://support.rallly.co/workflow/create"
-                    >
-                      <Trans i18nKey="howItWorks" defaults="How it Works" />
-                    </Link>
-                  </DropdownMenuItem>
-                  <DropdownMenuItem asChild>
-                    <Link
-                      className="flex items-center gap-3 p-2 text-lg"
-                      href="/pricing"
-                    >
-                      <Trans i18nKey="pricing" defaults="Pricing" />
-                    </Link>
-                  </DropdownMenuItem>
-                  <DropdownMenuItem asChild>
-                    <Link
-                      className="flex items-center gap-3 p-2 text-lg"
-                      href="/blog"
-                    >
-                      <Trans i18nKey="blog" />
-                    </Link>
-                  </DropdownMenuItem>
-                  <DropdownMenuItem asChild>
-                    <Link
-                      className="flex items-center gap-3 p-2 text-lg"
-                      href="https://support.rallly.co"
-                    >
-                      <Trans i18nKey="support" />
-                    </Link>
-                  </DropdownMenuItem>
-                  <DropdownMenuSeparator />
-                  <DropdownMenuItem asChild>
-                    <Link
-                      className="flex items-center gap-3 p-2 text-lg"
-                      href={linkToApp("/login")}
-                    >
-                      <Trans i18nKey="login" defaults="Login" />
-                    </Link>
-                  </DropdownMenuItem>
-                </DropdownMenuContent>
-              </DropdownMenu>
-            </div>
-          </div>
-        </div>
-        <div className="grow">{children}</div>
-        <div className="pt-16 sm:pt-36">
-          <Footer />
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export const getPageLayout = (page: React.ReactElement) => (
-  <PageLayout>{page}</PageLayout>
-);
-
-export default PageLayout;
diff --git a/apps/landing/src/components/marketing.tsx b/apps/landing/src/components/marketing.tsx
index ae29de188..499687e32 100644
--- a/apps/landing/src/components/marketing.tsx
+++ b/apps/landing/src/components/marketing.tsx
@@ -1,24 +1,23 @@
-import { m } from "framer-motion";
+"use client";
+import { motion } from "framer-motion";
 import { ArrowUpRight } from "lucide-react";
 import Image from "next/image";
 import Link from "next/link";
-import { NextSeo } from "next-seo";
 import React from "react";
 
-import Bonus from "@/components/home/bonus";
 import { Trans } from "@/components/trans";
 
-// const UsedBy = () => {
+// export const UsedBy = () => {
 //   return (
 //     <div>
 //       <h2 className="mx-auto mb-8 max-w-2xl text-center leading-relaxed">
-//         Used by employees of some of the world's most influential companies and
+//         Trusted by some of the world's most influential companies and
 //         organizations
 //       </h2>
 //       <div className="flex flex-wrap justify-center gap-8">
 //         <div className="relative h-12 w-24 grayscale hover:grayscale-0">
 //           <Image
-//             src="/icrc-logo.svg"
+//             src="/static/images/icrc-logo.svg"
 //             fill
 //             style={{ objectFit: "contain" }}
 //             alt="ICRC"
@@ -77,7 +76,7 @@ import { Trans } from "@/components/trans";
 //   );
 // };
 
-// const Testimonials = () => {
+// export const Testimonials = () => {
 //   return (
 //     <div>
 //       <h2 className="mb-12 text-center">Testimonials</h2>
@@ -112,7 +111,7 @@ import { Trans } from "@/components/trans";
 //   );
 // };
 
-// const Testimonial = ({
+// export const Testimonial = ({
 //   author,
 //   children,
 //   logo,
@@ -158,7 +157,7 @@ const Mention = ({
   delay?: number;
 }>) => {
   return (
-    <m.div
+    <motion.div
       transition={{
         delay,
         type: "spring",
@@ -171,11 +170,11 @@ const Mention = ({
     >
       <div className="flex items-start justify-between">{logo}</div>
       <p className="grow text-center text-base">{children}</p>
-    </m.div>
+    </motion.div>
   );
 };
 
-const MentionedBy = () => {
+export const MentionedBy = () => {
   return (
     <div>
       <div className="grid gap-8 md:grid-cols-4">
@@ -256,9 +255,9 @@ const MentionedBy = () => {
   );
 };
 
-const BigTestimonial = () => {
+export const BigTestimonial = () => {
   return (
-    <m.div
+    <motion.div
       transition={{
         duration: 1,
         type: "spring",
@@ -311,21 +310,10 @@ const BigTestimonial = () => {
           </div>
         </div>
       </div>
-    </m.div>
+    </motion.div>
   );
 };
 
-export const Marketing = ({
-  children,
-  ...props
-}: React.PropsWithChildren<{ title: string; description: string }>) => {
-  return (
-    <div className="space-y-12 sm:space-y-24">
-      <NextSeo {...props} />
-      {children}
-      <Bonus />
-      <BigTestimonial />
-      <MentionedBy />
-    </div>
-  );
+export const Marketing = ({ children }: React.PropsWithChildren) => {
+  return <div className="space-y-12 sm:space-y-24">{children}</div>;
 };
diff --git a/apps/landing/src/components/trans.tsx b/apps/landing/src/components/trans.tsx
index 5e54d0a09..c06b51051 100644
--- a/apps/landing/src/components/trans.tsx
+++ b/apps/landing/src/components/trans.tsx
@@ -3,6 +3,6 @@ import { Trans as BaseTrans, useTranslation } from "next-i18next";
 type TransWithContextProps = Omit<React.ComponentProps<typeof BaseTrans>, "t">;
 
 export const Trans = (props: TransWithContextProps) => {
-  const { t } = useTranslation();
+  const { t } = useTranslation(props.ns);
   return <BaseTrans t={t} {...props} />;
 };
diff --git a/apps/landing/src/fonts/handwritten.ts b/apps/landing/src/fonts/handwritten.ts
new file mode 100644
index 000000000..803339268
--- /dev/null
+++ b/apps/landing/src/fonts/handwritten.ts
@@ -0,0 +1,6 @@
+import { Playpen_Sans } from "next/font/google";
+
+export const handwritten = Playpen_Sans({
+  subsets: ["latin"],
+  display: "swap",
+});
diff --git a/apps/landing/src/fonts/sans.ts b/apps/landing/src/fonts/sans.ts
new file mode 100644
index 000000000..b6de40039
--- /dev/null
+++ b/apps/landing/src/fonts/sans.ts
@@ -0,0 +1,6 @@
+import { Inter } from "next/font/google";
+
+export const sans = Inter({
+  subsets: ["latin"],
+  display: "swap",
+});
diff --git a/apps/landing/src/i18n/client.tsx b/apps/landing/src/i18n/client.tsx
new file mode 100644
index 000000000..370719169
--- /dev/null
+++ b/apps/landing/src/i18n/client.tsx
@@ -0,0 +1,54 @@
+"use client";
+import i18next, { Namespace } from "i18next";
+import ICU from "i18next-icu";
+import resourcesToBackend from "i18next-resources-to-backend";
+import React from "react";
+import {
+  I18nextProvider,
+  initReactI18next,
+  useTranslation as useTranslationOrg,
+} from "react-i18next";
+import { useAsync } from "react-use";
+
+import { defaultNS, getOptions } from "./settings";
+
+async function initTranslations(lng: string) {
+  const i18n = i18next
+    .use(initReactI18next)
+    .use(ICU)
+    .use(
+      resourcesToBackend(
+        (language: string, namespace: string) =>
+          import(`../../public/locales/${language}/${namespace}.json`),
+      ),
+    );
+  await i18n.init(getOptions(lng));
+
+  return i18n;
+}
+
+export function useTranslation(ns?: Namespace) {
+  return useTranslationOrg(ns);
+}
+
+export function I18nProvider({
+  locale,
+  children,
+}: {
+  locale: string;
+  children: React.ReactNode;
+}) {
+  const res = useAsync(async () => {
+    return await initTranslations(locale);
+  });
+
+  if (!res.value) {
+    return null;
+  }
+
+  return (
+    <I18nextProvider i18n={res.value} defaultNS={defaultNS}>
+      {children}
+    </I18nextProvider>
+  );
+}
diff --git a/apps/landing/src/i18n/server.ts b/apps/landing/src/i18n/server.ts
new file mode 100644
index 000000000..791dc3315
--- /dev/null
+++ b/apps/landing/src/i18n/server.ts
@@ -0,0 +1,32 @@
+import { createInstance, Namespace } from "i18next";
+import ICU from "i18next-icu";
+import resourcesToBackend from "i18next-resources-to-backend";
+import { initReactI18next } from "react-i18next/initReactI18next";
+
+import { defaultNS, getOptions } from "./settings";
+
+const initI18next = async (lng: string, ns: Namespace) => {
+  const i18nInstance = createInstance();
+  await i18nInstance
+    .use(initReactI18next)
+    .use(ICU)
+    .use(
+      resourcesToBackend(
+        (language: string, namespace: string) =>
+          import(`../../public/locales/${language}/${namespace}.json`),
+      ),
+    )
+    .init(getOptions(lng, ns));
+  return i18nInstance;
+};
+
+export async function getTranslation(
+  locale: string,
+  ns: Namespace = defaultNS,
+) {
+  const i18nextInstance = await initI18next(locale, ns);
+  return {
+    t: i18nextInstance.getFixedT(locale, Array.isArray(ns) ? ns[0] : ns),
+    i18n: i18nextInstance,
+  };
+}
diff --git a/apps/landing/src/i18n/settings.ts b/apps/landing/src/i18n/settings.ts
new file mode 100644
index 000000000..03a1ad58c
--- /dev/null
+++ b/apps/landing/src/i18n/settings.ts
@@ -0,0 +1,21 @@
+import allLanguages from "@rallly/languages";
+import { InitOptions } from "i18next";
+
+export const fallbackLng = "en";
+export const languages = Object.keys(allLanguages);
+export const defaultNS = "common";
+
+export function getOptions(
+  lng = fallbackLng,
+  ns: string | string[] = defaultNS,
+): InitOptions {
+  return {
+    // debug: true,
+    supportedLngs: languages,
+    fallbackLng,
+    lng,
+    fallbackNS: defaultNS,
+    defaultNS,
+    ns,
+  };
+}
diff --git a/apps/landing/src/lib/markdownToHtml.ts b/apps/landing/src/lib/markdownToHtml.ts
deleted file mode 100644
index 51e31694b..000000000
--- a/apps/landing/src/lib/markdownToHtml.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { remark } from "remark";
-import html from "remark-html";
-
-export default async function markdownToHtml(markdown: string) {
-  const result = await remark().use(html).process(markdown);
-  return result.toString();
-}
diff --git a/apps/landing/src/middleware.ts b/apps/landing/src/middleware.ts
new file mode 100644
index 000000000..a3bd13da4
--- /dev/null
+++ b/apps/landing/src/middleware.ts
@@ -0,0 +1,42 @@
+import { supportedLngs } from "@rallly/languages";
+import languageParser from "accept-language-parser";
+import { NextRequest, NextResponse } from "next/server";
+
+export async function getLocaleFromHeader(req: NextRequest) {
+  const headers = req.headers;
+  const acceptLanguageHeader = headers.get("accept-language");
+  const localeFromHeader = acceptLanguageHeader
+    ? languageParser.pick(supportedLngs, acceptLanguageHeader)
+    : null;
+  return localeFromHeader ?? "en";
+}
+
+export async function middleware(request: NextRequest) {
+  const { pathname } = request.nextUrl;
+  const localeInPath = supportedLngs.find(
+    (locale) => pathname.startsWith(`/${locale}/`) || pathname === `/${locale}`,
+  );
+
+  if (localeInPath) {
+    if (localeInPath === "en") {
+      // redirect to the same path without the locale
+      const newUrl = request.nextUrl.clone();
+      newUrl.pathname = pathname.replace(`/${localeInPath}`, "");
+      return NextResponse.redirect(newUrl);
+    }
+    return;
+  }
+
+  const locale = await getLocaleFromHeader(request);
+  request.nextUrl.pathname = `/${locale}${pathname}`;
+
+  if (locale === "en") {
+    return NextResponse.rewrite(request.nextUrl);
+  }
+
+  return NextResponse.redirect(request.nextUrl);
+}
+
+export const config = {
+  matcher: ["/((?!api|_next/static|_next/image|static|.*\\.).*)"],
+};
diff --git a/apps/landing/src/pages/404.tsx b/apps/landing/src/pages/404.tsx
deleted file mode 100644
index e1a076c16..000000000
--- a/apps/landing/src/pages/404.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { FileSearchIcon } from "lucide-react";
-import { GetStaticProps } from "next";
-import { useTranslation } from "next-i18next";
-import { serverSideTranslations } from "next-i18next/serverSideTranslations";
-import React from "react";
-
-import ErrorPage from "@/components/error-page";
-import { NextPageWithLayout } from "@/types";
-
-const Custom404: NextPageWithLayout = () => {
-  const { t } = useTranslation();
-  return (
-    <ErrorPage
-      icon={FileSearchIcon}
-      title={t("notFoundTitle")}
-      description={t("notFoundDescription")}
-    />
-  );
-};
-
-export const getStaticProps: GetStaticProps = async ({ locale = "en" }) => {
-  return {
-    props: {
-      ...(await serverSideTranslations(locale)),
-    },
-  };
-};
-
-export default Custom404;
diff --git a/apps/landing/src/pages/_app.tsx b/apps/landing/src/pages/_app.tsx
deleted file mode 100644
index e927aadab..000000000
--- a/apps/landing/src/pages/_app.tsx
+++ /dev/null
@@ -1,110 +0,0 @@
-import "tailwindcss/tailwind.css";
-import "../style.css";
-
-import { inject } from "@vercel/analytics";
-import dayjs from "dayjs";
-import localizedFormat from "dayjs/plugin/localizedFormat";
-import { domMax, LazyMotion } from "framer-motion";
-import { NextPage } from "next";
-import { AppProps } from "next/app";
-import { Inter } from "next/font/google";
-import Head from "next/head";
-import { useRouter } from "next/router";
-import { appWithTranslation } from "next-i18next";
-import { DefaultSeo, SoftwareAppJsonLd } from "next-seo";
-import React from "react";
-
-import { absoluteUrl } from "@/utils/absolute-url";
-
-import * as nextI18nNextConfig from "../../next-i18next.config.js";
-import { NextPageWithLayout } from "../types";
-
-dayjs.extend(localizedFormat);
-
-const inter = Inter({
-  subsets: ["latin"],
-  display: "swap",
-});
-
-type AppPropsWithLayout = AppProps & {
-  Component: NextPageWithLayout;
-};
-
-const MyApp: NextPage<AppPropsWithLayout> = ({ Component, pageProps }) => {
-  const router = useRouter();
-  React.useEffect(() => {
-    if (process.env.NEXT_PUBLIC_ENABLE_ANALYTICS) {
-      // calling inject directly to avoid having this run for self-hosted instances
-      inject({ debug: false });
-    }
-  }, []);
-
-  const canonicalUrl = React.useMemo(() => {
-    const path = router.asPath === "/" ? "" : router.asPath;
-    if (router.locale === router.defaultLocale) {
-      return absoluteUrl(path);
-    } else {
-      return absoluteUrl(`/${router.locale}${path}`);
-    }
-  }, [router.defaultLocale, router.locale, router.asPath]);
-
-  const getLayout = Component.getLayout ?? ((page) => page);
-
-  return (
-    <LazyMotion features={domMax}>
-      <DefaultSeo
-        canonical={canonicalUrl}
-        openGraph={{
-          siteName: "Rallly",
-          type: "website",
-          url: canonicalUrl,
-          images: [
-            {
-              url: absoluteUrl("/og-image-1200.png"),
-              width: 1200,
-              height: 630,
-              alt: "Rallly | Schedule group meetings",
-              type: "image/png",
-            },
-          ],
-        }}
-        facebook={{
-          appId: "920386682263077",
-        }}
-        twitter={{
-          handle: "@imlukevella",
-          site: "@ralllyco",
-          cardType: "summary_large_image",
-        }}
-      />
-      <SoftwareAppJsonLd
-        name="Rallly"
-        aggregateRating={{
-          ratingValue: "4.4",
-          bestRating: "5",
-          worstRating: "0",
-          ratingCount: "11",
-        }}
-        price="0"
-        priceCurrency="USD"
-        operatingSystem="All"
-        applicationCategory="Scheduling"
-        description="Group scheduling made easy. Create polls, send links, and get feedback from your participants in seconds."
-      />
-      <Head>
-        <meta
-          name="viewport"
-          content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=5, user-scalable=yes"
-        />
-      </Head>
-      <style jsx global>{`
-        html {
-          --font-inter: ${inter.style.fontFamily};
-        }
-      `}</style>
-      {getLayout(<Component {...pageProps} />)}
-    </LazyMotion>
-  );
-};
-
-export default appWithTranslation(MyApp, nextI18nNextConfig);
diff --git a/apps/landing/src/pages/_document.tsx b/apps/landing/src/pages/_document.tsx
deleted file mode 100644
index e79621c39..000000000
--- a/apps/landing/src/pages/_document.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-import { Head, Html, Main, NextScript } from "next/document";
-import React from "react";
-
-export default function Document() {
-  return (
-    <Html>
-      <Head>
-        <link
-          rel="apple-touch-icon-precomposed"
-          sizes="57x57"
-          href="/apple-touch-icon-57x57.png"
-        />
-        <link
-          rel="apple-touch-icon-precomposed"
-          sizes="114x114"
-          href="/apple-touch-icon-114x114.png"
-        />
-        <link
-          rel="apple-touch-icon-precomposed"
-          sizes="72x72"
-          href="/apple-touch-icon-72x72.png"
-        />
-        <link
-          rel="apple-touch-icon-precomposed"
-          sizes="144x144"
-          href="/apple-touch-icon-144x144.png"
-        />
-        <link
-          rel="apple-touch-icon-precomposed"
-          sizes="60x60"
-          href="/apple-touch-icon-60x60.png"
-        />
-        <link
-          rel="apple-touch-icon-precomposed"
-          sizes="120x120"
-          href="/apple-touch-icon-120x120.png"
-        />
-        <link
-          rel="apple-touch-icon-precomposed"
-          sizes="76x76"
-          href="/apple-touch-icon-76x76.png"
-        />
-        <link
-          rel="apple-touch-icon-precomposed"
-          sizes="152x152"
-          href="/apple-touch-icon-152x152.png"
-        />
-        <link
-          rel="icon"
-          type="image/png"
-          href="/favicon-196x196.png"
-          sizes="196x196"
-        />
-        <link
-          rel="icon"
-          type="image/png"
-          href="/favicon-96x96.png"
-          sizes="96x96"
-        />
-        <link
-          rel="icon"
-          type="image/png"
-          href="/favicon-32x32.png"
-          sizes="32x32"
-        />
-        <link
-          rel="icon"
-          type="image/png"
-          href="/favicon-16x16.png"
-          sizes="16x16"
-        />
-        <link
-          rel="icon"
-          type="image/png"
-          href="/favicon-128x128.png"
-          sizes="128x128"
-        />
-        <meta name="application-name" content="Rallly" />
-        <meta name="msapplication-TileColor" content="#FFFFFF" />
-        <meta name="msapplication-TileImage" content="/mstile-144x144.png" />
-        <meta
-          name="msapplication-square70x70logo"
-          content="/mstile-70x70.png"
-        />
-        <meta
-          name="msapplication-square150x150logo"
-          content="/mstile-150x150.png"
-        />
-        <meta
-          name="msapplication-wide310x150logo"
-          content="/mstile-310x150.png"
-        />
-        <meta
-          name="msapplication-square310x310logo"
-          content="/mstile-310x310.png"
-        />
-        <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
-        <meta name="theme-color" content="#F3F4F6" />
-      </Head>
-      <body>
-        <Main />
-        <NextScript />
-        <div id="portal"></div>
-      </body>
-    </Html>
-  );
-}
diff --git a/apps/landing/src/pages/_error.tsx b/apps/landing/src/pages/_error.tsx
deleted file mode 100644
index ae1df3b30..000000000
--- a/apps/landing/src/pages/_error.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-/**
- * NOTE: This requires `@sentry/nextjs` version 7.3.0 or higher.
- *
- * This page is loaded by Nextjs:
- *  - on the server, when data-fetching methods throw or reject
- *  - on the client, when `getInitialProps` throws or rejects
- *  - on the client, when a React lifecycle method throws or rejects, and it's
- *    caught by the built-in Nextjs error boundary
- *
- * See:
- *  - https://nextjs.org/docs/basic-features/data-fetching/overview
- *  - https://nextjs.org/docs/api-reference/data-fetching/get-initial-props
- *  - https://reactjs.org/docs/error-boundaries.html
- */
-
-import * as Sentry from "@sentry/nextjs";
-import type { NextPage } from "next";
-import type { ErrorProps } from "next/error";
-import NextErrorComponent from "next/error";
-
-const CustomErrorComponent: NextPage<ErrorProps> = (props) => {
-  // If you're using a Nextjs version prior to 12.2.1, uncomment this to
-  // compensate for https://github.com/vercel/next.js/issues/8592
-  // Sentry.captureUnderscoreErrorException(props);
-
-  return <NextErrorComponent statusCode={props.statusCode} />;
-};
-
-CustomErrorComponent.getInitialProps = async (contextData) => {
-  // In case this is running in a serverless function, await this in order to give Sentry
-  // time to send the error before the lambda exits
-  await Sentry.captureUnderscoreErrorException(contextData);
-
-  // This will contain the status code of the response
-  return NextErrorComponent.getInitialProps(contextData);
-};
-
-export default CustomErrorComponent;
diff --git a/apps/landing/src/pages/availability-poll.tsx b/apps/landing/src/pages/availability-poll.tsx
deleted file mode 100644
index e0b706c18..000000000
--- a/apps/landing/src/pages/availability-poll.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { useTranslation } from "next-i18next";
-
-import { MarketingHero } from "@/components/home/hero";
-import { getPageLayout } from "@/components/layouts/page-layout";
-import { Marketing } from "@/components/marketing";
-import { Trans } from "@/components/trans";
-import { NextPageWithLayout } from "@/types";
-import { getStaticTranslations } from "@/utils/page-translations";
-
-const Page: NextPageWithLayout = () => {
-  const { t } = useTranslation(["home"]);
-  return (
-    <Marketing
-      title={t("home:availabilityPollMetaTitle", {
-        defaultValue: "Availability Poll | Streamline Scheduling with Rallly",
-      })}
-      description={t("home:availabilityPollMetaDescription", {
-        defaultValue:
-          "Schedule meetings and events seamlessly with Rallly's Availability Poll. Ensure everyone's availability is considered for a smooth and efficient planning experience.",
-      })}
-    >
-      <MarketingHero
-        title={t("home:availabilityPollTitle", {
-          defaultValue: "Availability Polls",
-        })}
-        description={t("home:availabilityPollDescription", {
-          defaultValue:
-            "Tired of struggling to find a meeting time that works for everyone? Streamline your scheduling with an availability poll - a powerful tool designed to simplify and optimize your event and meeting planning.",
-        })}
-        callToAction={
-          <Trans
-            i18nKey="home:availabilityPollCta"
-            defaults="Create an Availability Poll"
-          />
-        }
-      />
-    </Marketing>
-  );
-};
-
-Page.getLayout = getPageLayout;
-
-export default Page;
-
-export const getStaticProps = getStaticTranslations(["home"]);
diff --git a/apps/landing/src/pages/best-doodle-alternative.tsx b/apps/landing/src/pages/best-doodle-alternative.tsx
deleted file mode 100644
index 444256368..000000000
--- a/apps/landing/src/pages/best-doodle-alternative.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { useTranslation } from "next-i18next";
-
-import { MarketingHero } from "@/components/home/hero";
-import { getPageLayout } from "@/components/layouts/page-layout";
-import { Marketing } from "@/components/marketing";
-import { Trans } from "@/components/trans";
-import { NextPageWithLayout } from "@/types";
-import { getStaticTranslations } from "@/utils/page-translations";
-
-const Page: NextPageWithLayout = () => {
-  const { t } = useTranslation(["home"]);
-  return (
-    <Marketing
-      title={t("home:doodleAlternativeMetaTitle", {
-        defaultValue: "Best Free Doodle Alternative | Rallly",
-      })}
-      description={t("home:doodleAlternativeMetaDescription", {
-        defaultValue:
-          "Looking for a Doodle alternative? Try Rallly! It's free, easy to use, and doesn't require an account.",
-      })}
-    >
-      <MarketingHero
-        title={t("home:doodleAlternative", {
-          defaultValue: "The Best Free Doodle Alternative",
-        })}
-        description={t("home:doodleAlternativeDescription", {
-          defaultValue:
-            "Rallly is the Doodle alternative that everyone is looking for. Thousands of users have already made the switch and are now enjoying professional ad-free meeting polls in an intuitive and easy-to-use interface.",
-        })}
-        callToAction={
-          <Trans i18nKey="home:createAPoll" defaults="Create a Meeting Poll" />
-        }
-      />
-    </Marketing>
-  );
-};
-
-Page.getLayout = getPageLayout;
-
-export default Page;
-
-export const getStaticProps = getStaticTranslations(["home"]);
diff --git a/apps/landing/src/pages/blog.tsx b/apps/landing/src/pages/blog.tsx
deleted file mode 100644
index 53e0c8701..000000000
--- a/apps/landing/src/pages/blog.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import { GetStaticProps } from "next";
-import { useTranslation } from "next-i18next";
-import { NextSeo } from "next-seo";
-
-import Posts from "@/components/blog/posts";
-import { getBlogLayout } from "@/components/layouts/blog-layout";
-import { getAllPosts } from "@/lib/api";
-import { NextPageWithLayout, Post } from "@/types";
-import { getStaticTranslations } from "@/utils/page-translations";
-
-type Props = {
-  allPosts: Post[];
-};
-
-const Page: NextPageWithLayout<Props> = ({ allPosts }) => {
-  const { t } = useTranslation();
-  return (
-    <div>
-      <NextSeo
-        title={t("blog:blogTitle", {
-          defaultValue: "Rallly - Blog",
-        })}
-        description={t("blog:blogDescription", {
-          defaultValue: "News, updates and announcement about Rallly.",
-        })}
-      />
-      <div>
-        <Posts posts={allPosts} />
-      </div>
-    </div>
-  );
-};
-
-Page.getLayout = getBlogLayout;
-
-export default Page;
-
-export const getStaticProps: GetStaticProps = async (ctx) => {
-  const allPosts = getAllPosts([
-    "title",
-    "date",
-    "slug",
-    "author",
-    "coverImage",
-    "excerpt",
-  ]);
-
-  const res = await getStaticTranslations(["blog"])(ctx);
-
-  if ("props" in res) {
-    return {
-      props: { allPosts, ...res.props },
-    };
-  } else {
-    return res;
-  }
-};
diff --git a/apps/landing/src/pages/blog/[slug].tsx b/apps/landing/src/pages/blog/[slug].tsx
deleted file mode 100644
index f69129413..000000000
--- a/apps/landing/src/pages/blog/[slug].tsx
+++ /dev/null
@@ -1,137 +0,0 @@
-import { ArrowLeftIcon } from "lucide-react";
-import { GetStaticPropsContext } from "next";
-import ErrorPage from "next/error";
-import Head from "next/head";
-import Image from "next/image";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { NextSeo } from "next-seo";
-
-import PostBody from "@/components/blog/post-body";
-import PostHeader from "@/components/blog/post-header";
-import { getBlogLayout } from "@/components/layouts/blog-layout";
-import { getAllPosts, getPostBySlug } from "@/lib/api";
-import markdownToHtml from "@/lib/markdownToHtml";
-import { NextPageWithLayout, Post } from "@/types";
-import { absoluteUrl } from "@/utils/absolute-url";
-import { getStaticTranslations } from "@/utils/page-translations";
-
-type Props = {
-  post: Post;
-  morePosts: Post[];
-};
-
-const Page: NextPageWithLayout<Props> = ({ post }) => {
-  const router = useRouter();
-
-  if (!router.isFallback && !post?.slug) {
-    return <ErrorPage statusCode={404} />;
-  }
-
-  return (
-    <div>
-      <NextSeo
-        title={post.title}
-        description={post.excerpt}
-        openGraph={{
-          title: post.title,
-          description: post.excerpt,
-          url: absoluteUrl(`/blog/${post.slug}`),
-          images: [
-            {
-              url: absoluteUrl("/api/og-image", {
-                title: post.title,
-                excerpt: post.excerpt,
-              }),
-              width: 1200,
-              height: 630,
-              alt: post.title,
-              type: "image/png",
-            },
-          ],
-        }}
-      />
-      <nav className="mb-2">
-        <Link
-          className="text-muted-foreground hover:text-primary inline-flex items-center gap-x-2 text-sm font-medium"
-          href="/blog"
-        >
-          <ArrowLeftIcon className="size-4" /> All Posts
-        </Link>
-      </nav>
-      <article>
-        <Head>
-          <title>{post.title}</title>
-        </Head>
-        <PostHeader title={post.title} date={post.date} />
-        <PostBody content={post.content} />
-        <div className="mt-8 flex items-center gap-x-4">
-          <Image
-            src="/static/images/luke-vella.jpg"
-            width={48}
-            height={48}
-            className="rounded-full"
-            alt="Luke Vella"
-          />
-          <div>
-            <div className="font-medium leading-none">Luke Vella</div>
-            <div>
-              <Link
-                className="text-muted-foreground hover:text-primary text-sm"
-                href="https://twitter.com/imlukevella"
-              >
-                @imlukevella
-              </Link>
-            </div>
-          </div>
-        </div>
-      </article>
-    </div>
-  );
-};
-
-Page.getLayout = getBlogLayout;
-
-export default Page;
-
-export async function getStaticProps(ctx: GetStaticPropsContext) {
-  const res = await getStaticTranslations(["blog"])(ctx);
-  const post = getPostBySlug(ctx.params?.slug as string, [
-    "title",
-    "date",
-    "slug",
-    "author",
-    "excerpt",
-    "content",
-  ]);
-  const content = await markdownToHtml(post.content || "");
-
-  if ("props" in res) {
-    return {
-      props: {
-        post: {
-          ...post,
-          content,
-        },
-        ...res.props,
-      },
-    };
-  }
-
-  return res;
-}
-
-export async function getStaticPaths() {
-  const posts = getAllPosts(["slug"]);
-
-  return {
-    paths: posts.map((post) => {
-      return {
-        params: {
-          slug: post.slug,
-        },
-      };
-    }),
-    fallback: false,
-  };
-}
diff --git a/apps/landing/src/pages/find-a-time.tsx b/apps/landing/src/pages/find-a-time.tsx
deleted file mode 100644
index f46b9b505..000000000
--- a/apps/landing/src/pages/find-a-time.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import { useTranslation } from "next-i18next";
-
-import { MarketingHero } from "@/components/home/hero";
-import { getPageLayout } from "@/components/layouts/page-layout";
-import { Marketing } from "@/components/marketing";
-import { Trans } from "@/components/trans";
-import { NextPageWithLayout } from "@/types";
-import { getStaticTranslations } from "@/utils/page-translations";
-
-const Page: NextPageWithLayout = () => {
-  const { t } = useTranslation(["home"]);
-  return (
-    <Marketing
-      title={t("home:findATimeMetaTitle", {
-        defaultValue: "Find a Time to Meet | Rallly",
-      })}
-      description={t("home:findATimeMetaDescription", {
-        defaultValue: "Create a meeting poll in seconds, no login required.",
-      })}
-    >
-      <MarketingHero
-        title={t("home:findATimeTitle", {
-          defaultValue: "Find a Time to Meet",
-        })}
-        description={t("home:findATimeDescription", {
-          defaultValue:
-            "Create a meeting poll and let your participants vote on the best time to meet.",
-        })}
-        callToAction={
-          <Trans i18nKey="home:createAPoll" defaults="Create a Meeting Poll" />
-        }
-      />
-    </Marketing>
-  );
-};
-
-Page.getLayout = getPageLayout;
-
-export default Page;
-
-export const getStaticProps = getStaticTranslations(["home"]);
diff --git a/apps/landing/src/pages/free-scheduling-poll.tsx b/apps/landing/src/pages/free-scheduling-poll.tsx
deleted file mode 100644
index 8e107a678..000000000
--- a/apps/landing/src/pages/free-scheduling-poll.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { useTranslation } from "next-i18next";
-
-import { MarketingHero } from "@/components/home/hero";
-import { getPageLayout } from "@/components/layouts/page-layout";
-import { Marketing } from "@/components/marketing";
-import { Trans } from "@/components/trans";
-import { NextPageWithLayout } from "@/types";
-import { getStaticTranslations } from "@/utils/page-translations";
-
-const Page: NextPageWithLayout = () => {
-  const { t } = useTranslation(["home"]);
-  return (
-    <Marketing
-      title={t("home:freeSchedulingPollMetaTitle", {
-        defaultValue: "Free Scheduling Poll | Rallly",
-      })}
-      description={t("home:freeSchedulingPollMetaDescription", {
-        defaultValue:
-          "Create a free scheduling poll in seconds. Ideal for organizing meetings, events, conferences, sports teams and more.",
-      })}
-    >
-      <MarketingHero
-        title={t("home:freeSchedulingPollTitle", {
-          defaultValue: "Looking for a free scheduling poll?",
-        })}
-        description={t("home:freeSchedulingPollDescription", {
-          defaultValue:
-            "Rallly let's you create beautiful and easy to use scheduling polls so you can find the best time for your next event.",
-        })}
-        callToAction={
-          <Trans
-            i18nKey="home:createASchedulingPoll"
-            defaults="Create a Scheduling Poll"
-          />
-        }
-      />
-    </Marketing>
-  );
-};
-
-Page.getLayout = getPageLayout;
-
-export default Page;
-
-export const getStaticProps = getStaticTranslations(["home"]);
diff --git a/apps/landing/src/pages/index.tsx b/apps/landing/src/pages/index.tsx
deleted file mode 100644
index 843f86e20..000000000
--- a/apps/landing/src/pages/index.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { useTranslation } from "next-i18next";
-
-import { MarketingHero } from "@/components/home/hero";
-import { getPageLayout } from "@/components/layouts/page-layout";
-import { Marketing } from "@/components/marketing";
-import { Trans } from "@/components/trans";
-import { NextPageWithLayout } from "@/types";
-import { getStaticTranslations } from "@/utils/page-translations";
-
-const Page: NextPageWithLayout = () => {
-  const { t } = useTranslation(["home"]);
-  return (
-    <Marketing
-      title={t("home:metaTitle", {
-        defaultValue: "Rallly - Schedule Group Meetings",
-      })}
-      description={t("home:metaDescription", {
-        defaultValue:
-          "Create polls and vote to find the best day or time. A free alternative to Doodle.",
-      })}
-    >
-      <MarketingHero
-        title={t("home:headline")}
-        description={t("home:subheading", {
-          defaultValue: "Streamline your scheduling process and save time",
-        })}
-        callToAction={<Trans i18nKey="getStarted" defaults="Get started" />}
-      />
-    </Marketing>
-  );
-};
-
-Page.getLayout = getPageLayout;
-
-export default Page;
-
-export const getStaticProps = getStaticTranslations(["home"]);
diff --git a/apps/landing/src/pages/pricing.tsx b/apps/landing/src/pages/pricing.tsx
deleted file mode 100644
index 7246119b8..000000000
--- a/apps/landing/src/pages/pricing.tsx
+++ /dev/null
@@ -1,356 +0,0 @@
-import { pricingData } from "@rallly/billing/pricing";
-import { Badge } from "@rallly/ui/badge";
-import {
-  BillingPlan,
-  BillingPlanDescription,
-  BillingPlanHeader,
-  BillingPlanPeriod,
-  BillingPlanPerk,
-  BillingPlanPerks,
-  BillingPlanPrice,
-  BillingPlanTitle,
-} from "@rallly/ui/billing-plan";
-import { Button } from "@rallly/ui/button";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@rallly/ui/tabs";
-import { TrendingUpIcon } from "lucide-react";
-import { GetStaticProps } from "next";
-import Link from "next/link";
-import { useTranslation } from "next-i18next";
-import { NextSeo } from "next-seo";
-import React from "react";
-
-import { getPageLayout } from "@/components/layouts/page-layout";
-import { Trans } from "@/components/trans";
-import { linkToApp } from "@/lib/linkToApp";
-import { NextPageWithLayout } from "@/types";
-import { getStaticTranslations } from "@/utils/page-translations";
-
-export const UpgradeButton = ({
-  children,
-  annual,
-}: React.PropsWithChildren<{ annual?: boolean }>) => {
-  return (
-    <form method="POST" action={linkToApp("/api/stripe/checkout")}>
-      <input
-        type="hidden"
-        name="period"
-        value={annual ? "yearly" : "monthly"}
-      />
-      <input
-        type="hidden"
-        name="return_path"
-        value={window.location.pathname}
-      />
-      <Button className="w-full" type="submit" variant="primary">
-        {children || <Trans i18nKey="pricing:upgrade" defaults="Upgrade" />}
-      </Button>
-    </form>
-  );
-};
-
-const PriceTables = ({
-  pricingData,
-}: {
-  pricingData: {
-    monthly: {
-      amount: number;
-      currency: string;
-    };
-    yearly: {
-      amount: number;
-      currency: string;
-    };
-  };
-}) => {
-  const [tab, setTab] = React.useState("yearly");
-  return (
-    <Tabs value={tab} onValueChange={setTab}>
-      <div className="flex justify-center">
-        <TabsList className="mb-4 sm:mb-6">
-          <TabsTrigger value="monthly">
-            <Trans i18nKey="pricing:billingPeriodMonthly" defaults="Monthly" />
-          </TabsTrigger>
-          <TabsTrigger value="yearly" className="inline-flex gap-x-2.5">
-            <Trans i18nKey="pricing:billingPeriodYearly" defaults="Yearly" />
-          </TabsTrigger>
-        </TabsList>
-      </div>
-      <div className="mx-auto grid gap-4 sm:gap-6 md:grid-cols-2">
-        <BillingPlan>
-          <BillingPlanHeader>
-            <BillingPlanTitle>
-              <Trans i18nKey="pricing:planFree" defaults="Free" />
-            </BillingPlanTitle>
-            <BillingPlanDescription>
-              <Trans
-                i18nKey="pricing:planFreeDescription"
-                defaults="For casual users"
-              />
-            </BillingPlanDescription>
-          </BillingPlanHeader>
-          <div>
-            <BillingPlanPrice>$0</BillingPlanPrice>
-            <BillingPlanPeriod>
-              <Trans i18nKey="pricing:freeForever" defaults="free forever" />
-            </BillingPlanPeriod>
-          </div>
-          <hr />
-          <Button asChild className="w-full">
-            <Link href={linkToApp("/")}>
-              <Trans i18nKey="common:getStarted" defaults="Get started" />
-            </Link>
-          </Button>
-          <BillingPlanPerks>
-            <BillingPlanPerk>
-              <Trans
-                i18nKey="pricing:limitedAccess"
-                defaults="Access to core features"
-              />
-            </BillingPlanPerk>
-            <BillingPlanPerk>
-              <Trans
-                i18nKey="pricing:pollsDeleted"
-                defaults="Polls are automatically deleted once they become inactive"
-              />
-            </BillingPlanPerk>
-          </BillingPlanPerks>
-        </BillingPlan>
-        <BillingPlan className="relative">
-          <BillingPlanHeader>
-            <BillingPlanTitle>
-              <Trans i18nKey="pricing:planPro" defaults="Pro" />
-            </BillingPlanTitle>
-            <BillingPlanDescription>
-              <Trans
-                i18nKey="pricing:planProDescription"
-                defaults="For power users and professionals"
-              />
-            </BillingPlanDescription>
-          </BillingPlanHeader>
-          <TabsContent value="yearly">
-            <div className="flex items-center gap-x-2">
-              <BillingPlanPrice>
-                ${pricingData.yearly.amount / 100}
-              </BillingPlanPrice>
-              <Badge variant="green" className="inline-flex gap-2">
-                <Trans
-                  i18nKey="pricing:annualBenefit"
-                  defaults="{count} months free!"
-                  values={{
-                    count: 4,
-                  }}
-                />
-              </Badge>
-            </div>
-            <BillingPlanPeriod>
-              <Trans
-                i18nKey="pricing:yearlyBillingDescription"
-                defaults="per year"
-              />
-            </BillingPlanPeriod>
-          </TabsContent>
-          <TabsContent value="monthly">
-            <BillingPlanPrice>
-              ${pricingData.monthly.amount / 100}
-            </BillingPlanPrice>
-            <BillingPlanPeriod>
-              <Trans
-                i18nKey="pricing:monthlyBillingDescription"
-                defaults="per month"
-              />
-            </BillingPlanPeriod>
-          </TabsContent>
-          <hr />
-          <Button asChild variant="primary" className="w-full">
-            <Link href={linkToApp("/settings/billing")}>
-              <Trans i18nKey="pricing:upgrade" defaults="Go to billing" />
-            </Link>
-          </Button>
-          <BillingPlanPerks>
-            <BillingPlanPerk pro={true}>
-              <Trans
-                i18nKey="pricing:accessAllFeatures"
-                defaults="Access all features"
-              />
-            </BillingPlanPerk>
-            <BillingPlanPerk pro={true}>
-              <Trans
-                i18nKey="pricing:keepPollsIndefinitely"
-                defaults="Keep polls indefinitely"
-              />
-            </BillingPlanPerk>
-            <BillingPlanPerk pro={true}>
-              <Trans
-                i18nKey="pricing:getEarlyAccess"
-                defaults="Get early access to new features"
-              />
-            </BillingPlanPerk>
-          </BillingPlanPerks>
-        </BillingPlan>
-      </div>
-    </Tabs>
-  );
-};
-
-const FAQ = () => {
-  return (
-    <div className="rounded-md p-6">
-      <h2 className="mb-4 sm:mb-6">
-        <Trans i18nKey="pricing:faq" defaults="Frequently Asked Questions" />
-      </h2>
-      <div className="space-y-4 sm:space-y-6">
-        <div className="grid grid-cols-1 gap-x-8 gap-y-2">
-          <h3 className="col-span-1">
-            <Trans
-              i18nKey="pricing:canUseFree"
-              defaults="Can I use Rallly for free?"
-            />
-          </h3>
-          <p className="col-span-2 text-sm leading-relaxed text-slate-600">
-            <Trans
-              i18nKey="pricing:canUseFreeAnswer2"
-              defaults="Yes, most of Rallly's features are free and many users will never need to pay for anything. However, there are some features that are only available to paying customers. These features are designed to help you get the most out of Rallly."
-            />
-          </p>
-        </div>
-        <div className="grid grid-cols-1 gap-x-8 gap-y-2">
-          <h3 className="col-span-1">
-            <Trans
-              i18nKey="pricing:whyUpgrade"
-              defaults="Why should I upgrade?"
-            />
-          </h3>
-          <p className="col-span-2 text-sm leading-relaxed text-slate-600">
-            <Trans
-              i18nKey="pricing:whyUpgradeAnswer2"
-              defaults="Upgrading to a paid plan makes sense if you use Rallly often or use it for work. The current subscription rate is a special early adopter rate and will increase in the future. By upgrading now, you will get early access to new, high-quality scheduling tools as they are released and lock in your subscription rate so you won't be affected by future price increases."
-            />
-          </p>
-        </div>
-        <div className="grid grid-cols-1 gap-x-8 gap-y-2">
-          <h3 className="col-span-1">
-            <Trans
-              i18nKey="pricing:whenPollInactive"
-              defaults="When does a poll become inactive?"
-            />
-          </h3>
-          <p className="col-span-2 text-sm leading-relaxed text-slate-600">
-            <Trans
-              i18nKey="pricing:whenPollInactiveAnswer"
-              defaults="Polls become inactive when all date options are in the past AND the poll has not been accessed for over 30 days. Inactive polls are automatically deleted if you do not have a paid subscription."
-            />
-          </p>
-        </div>
-        <div className="grid grid-cols-1 gap-x-8 gap-y-2">
-          <h3 className="col-span-1">
-            <Trans
-              i18nKey="pricing:howToUpgrade"
-              defaults="How do I upgrade to a paid plan?"
-            />
-          </h3>
-          <p className="col-span-2 text-sm leading-relaxed text-slate-600">
-            <Trans
-              i18nKey="pricing:howToUpgradeAnswer"
-              components={{
-                a: (
-                  <Link
-                    className="text-link"
-                    href={linkToApp("/settings/billing")}
-                  />
-                ),
-                b: <strong />,
-              }}
-              defaults="To upgrade, you can go to your <a>billing settings</a> and click on <b>Upgrade</b>."
-            />
-          </p>
-        </div>
-        <div className="grid grid-cols-1 gap-x-8 gap-y-2">
-          <h3 className="col-span-1">
-            <Trans
-              i18nKey="pricing:cancelSubscription"
-              defaults="How do I cancel my subscription?"
-            />
-          </h3>
-          <p className="col-span-2 text-sm leading-relaxed text-slate-600">
-            <Trans
-              i18nKey="pricing:cancelSubscriptionAnswer"
-              components={{
-                a: (
-                  <Link
-                    className="text-link"
-                    href={linkToApp("/settings/billing")}
-                  />
-                ),
-                b: <strong />,
-              }}
-              defaults="You can cancel your subscription at any time by going to your <a>billing settings</a>. Once you cancel your subscription, you will still have access to your paid plan until the end of your billing period. After that, you will be downgraded to a free plan."
-            />
-          </p>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-const Page: NextPageWithLayout = () => {
-  const { t } = useTranslation(["pricing"]);
-  return (
-    <div className="mx-auto max-w-3xl">
-      <NextSeo
-        title={t("common:pricing", { defaultValue: "Pricing" })}
-        description={t("pricing:pricingDescription")}
-      />
-      <div className="mb-4 text-center sm:mb-6">
-        <h1 className="mb-4 text-4xl font-bold tracking-tight">
-          <Trans i18nKey="pricing:pricing">Pricing</Trans>
-        </h1>
-        <p className="text-muted-foreground text-lg">
-          <Trans
-            i18nKey="pricing:pricingDescription"
-            defaults="Get started for free. No login required."
-          />
-        </p>
-      </div>
-      <div className="space-y-4 sm:space-y-6">
-        <PriceTables pricingData={pricingData} />
-        <div className="rounded-md border bg-gradient-to-b from-cyan-50 to-cyan-50/60 px-5 py-4 text-cyan-800">
-          <div className="mb-2">
-            <TrendingUpIcon className="text-indigo mr-2 mt-0.5 size-6 shrink-0" />
-          </div>
-          <div className="mb-1 flex items-center gap-x-2">
-            <h3 className="text-sm">
-              <Trans
-                i18nKey="pricing:upgradeNowSaveLater"
-                defaults="Upgrade now, save later"
-              />
-            </h3>
-          </div>
-          <p className="text-sm">
-            <Trans
-              i18nKey="pricing:earlyAdopterDescription"
-              defaults="As an early adopter, you'll lock in your subscription rate and won't be affected by future price increases."
-            />
-          </p>
-        </div>
-        <hr />
-        <FAQ />
-      </div>
-    </div>
-  );
-};
-
-Page.getLayout = getPageLayout;
-
-export default Page;
-
-export const getStaticProps: GetStaticProps = async (ctx) => {
-  const res = await getStaticTranslations(["pricing"])(ctx);
-  if ("props" in res) {
-    return {
-      props: {
-        ...res.props,
-      },
-    };
-  }
-  return res;
-};
diff --git a/apps/landing/src/pages/terms-of-use.tsx b/apps/landing/src/pages/terms-of-use.tsx
deleted file mode 100644
index 970870e7f..000000000
--- a/apps/landing/src/pages/terms-of-use.tsx
+++ /dev/null
@@ -1,88 +0,0 @@
-import { NextSeo } from "next-seo";
-
-import PageLayout from "@/components/layouts/page-layout";
-import { getStaticTranslations } from "@/utils/page-translations";
-
-const PrivacyPolicy = () => {
-  return (
-    <PageLayout>
-      <NextSeo title="Terms of Use" />
-      <div className="prose mx-auto my-16 max-w-3xl rounded-lg bg-white p-8 shadow-md">
-        <h1>Terms of Use</h1>
-        <p>Last updated: 4 July 2023</p>
-        <p>
-          {`This website is operated by Stack Snap Ltd. References made to "we",
-          "us" or "our" pertain directly and exclusively to Stack Snap Ltd. We
-          provide you, as the user, with this website, which includes all the
-          information, tools, and services accessible on it, under the
-          stipulation that you agree to all the terms, conditions, policies, and
-          notices laid out herein.`}
-        </p>
-
-        <h2>1. Use of Website</h2>
-        <p>
-          You may use this website only for lawful purposes and in accordance
-          with these terms of use. You must not use this website in any way that
-          causes or may cause damage to the website or impairment of the
-          availability or accessibility of the website. You must not use this
-          website in any way that is unlawful, fraudulent, or harmful.
-        </p>
-
-        <h2>2. Limitation of Liability</h2>
-        <p>
-          We will not be liable for any damages arising from the use or
-          inability to use this website, including but not limited to direct,
-          indirect, incidental, consequential, or punitive damages.
-        </p>
-
-        <h2>3. No Refund Policy</h2>
-        <p>
-          All purchases and transactions made through this website are final and
-          non-refundable. We do not provide refunds for any reason. By making a
-          purchase or engaging in a transaction on this website, you acknowledge
-          and agree to our no refund policy.
-        </p>
-
-        <h2>4. Links to Third-Party Websites</h2>
-        <p>
-          This website may contain links to third-party websites that are not
-          owned or controlled by rallly.co. We have no control over, and assume
-          no responsibility for, the content, privacy policies, or practices of
-          any third-party websites.
-        </p>
-
-        <h2>5. Modifications to Terms of Use</h2>
-        <p>
-          We reserve the right to modify these terms of use at any time, without
-          prior notice to you. Your continued use of this website after any
-          modifications to these terms of use will constitute your acceptance of
-          such modifications.
-        </p>
-
-        <h2>6. Contact</h2>
-        <p>
-          If you have any questions about these terms of use, please contact us
-          at <a href="mailto:support@rallly.co">support@rallly.co</a>.
-        </p>
-
-        <p className="text-sm font-semibold">
-          Stack Snap Ltd.
-          <br />
-          The Gallery 14
-          <br />
-          Upland Road
-          <br />
-          London
-          <br />
-          SE22 9EE
-          <br />
-          United Kingdom
-        </p>
-      </div>
-    </PageLayout>
-  );
-};
-
-export default PrivacyPolicy;
-
-export const getStaticProps = getStaticTranslations();
diff --git a/apps/landing/src/pages/when2meet-alternative.tsx b/apps/landing/src/pages/when2meet-alternative.tsx
deleted file mode 100644
index 437783740..000000000
--- a/apps/landing/src/pages/when2meet-alternative.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { useTranslation } from "next-i18next";
-
-import { MarketingHero } from "@/components/home/hero";
-import { getPageLayout } from "@/components/layouts/page-layout";
-import { Marketing } from "@/components/marketing";
-import { Trans } from "@/components/trans";
-import { NextPageWithLayout } from "@/types";
-import { getStaticTranslations } from "@/utils/page-translations";
-
-const Page: NextPageWithLayout = () => {
-  const { t } = useTranslation(["home"]);
-  return (
-    <Marketing
-      title={t("home:when2meetAlternativeMetaTitle", {
-        defaultValue: "Best When2Meet Alternative: Rallly",
-      })}
-      description={t("home:when2meetAlternativeMetaDescription", {
-        defaultValue:
-          "Find a better way to schedule meetings with Rallly, the top free alternative to When2Meet. Easy to use and free.",
-      })}
-    >
-      <MarketingHero
-        title={t("home:when2meetAlternative", {
-          defaultValue: "Still using When2Meet?",
-        })}
-        description={t("home:when2meetAlternativeDescription", {
-          defaultValue:
-            "Create professional, ad-free meetings polls for free with Rallly.",
-        })}
-        callToAction={
-          <Trans i18nKey="home:createAPoll" defaults="Create a Meeting Poll" />
-        }
-      />
-    </Marketing>
-  );
-};
-
-Page.getLayout = getPageLayout;
-
-export default Page;
-
-export const getStaticProps = getStaticTranslations(["home"]);
diff --git a/apps/landing/src/posts/introducing-rallly-pro.md b/apps/landing/src/posts/introducing-rallly-pro.md
index 25273c517..dabe23070 100644
--- a/apps/landing/src/posts/introducing-rallly-pro.md
+++ b/apps/landing/src/posts/introducing-rallly-pro.md
@@ -38,6 +38,8 @@ You can expect to see more features being added soon such as:
 
 I've also published a post outlining [the future of Rallly](/blog/the-future-of-rallly) which involves adding more solutions on top of the much loved polling feature. With your help we can turn this vision into a reality.
 
+---
+
 Thank you for your support and if you'd like to be notified when Rallly Pro is available you can subscribe below.
 
 Happy scheduling :)
diff --git a/apps/landing/src/posts/july-recap.md b/apps/landing/src/posts/july-recap.md
index 544c41f49..0b33e175e 100644
--- a/apps/landing/src/posts/july-recap.md
+++ b/apps/landing/src/posts/july-recap.md
@@ -9,7 +9,7 @@ It's been over a month since the [Rallly Pro launch](/blog/rallly-pro-launch).
 A heartfelt thank you to each of you who subscribed – your support means a lot.
 Knowing that there is value in what I've built is a huge morale boost and drives me to push the boundaries even further!
 
-## 📝 What's new?
+## What's new?
 
 I've been burning the midnight oil to roll out features based on the [feedback](https://feedback.rallly.co) I've received. Here's some highlights:
 
@@ -22,7 +22,7 @@ You can keep your participant details private by hiding the participant list or
 
 **Table View Revamp** - The table view has been overhauled to improve it's readability. There's a lot less repetition and clutter making it easier to work with long lists of options.
 
-## 🎉 Grab Rallly Pro at Launch Pricing!
+## Grab Rallly Pro at Launch Pricing
 
 If you haven't jumped aboard yet, the launch price for Rallly Pro is still up for grabs.
 **As an early adopter, you will not be impacted by future price increases**, so you will be benefitting from significantly reduced rates once more features are added.
@@ -36,7 +36,7 @@ The current price is about 3 to 4 times cheaper than competitors in the same spa
 My aim is to eventually price Rallly Pro to be in line with similar products but I'll be adjusting the price in stages as more features are released. The next stage will be **$7/month** or **$42/year**.
 The updated prices will kick in on **1st September 2023** (so you have until then to lock in the current rate).
 
-## 👍 Thank you
+## Thank you
 
 To all the subscribers and sponsors who make it possible for me to continue my work on Rallly.
 
diff --git a/apps/landing/src/posts/mobile-ui-update.md b/apps/landing/src/posts/mobile-ui-update.md
index f72f655d7..99a82ac58 100644
--- a/apps/landing/src/posts/mobile-ui-update.md
+++ b/apps/landing/src/posts/mobile-ui-update.md
@@ -25,15 +25,11 @@ The update includes some sweet animations that are not only delightful but also
 to the right path.
 The name field and save button were often missed so the animations should help draw attention to them.
 
-<p style="text-align:center">![Device data](/static/images/animations.gif)</p>
+![Device data](/static/images/animations.gif)
 
 ## Increased touch area
 
-<div className="text-center">
-  <div className="inline-block">
-    ![Device data](/static/images/touchable-area.png)
-  </div>
-</div>
+![Device data](/static/images/touchable-area.png)
 
 Previously, you would need to touch the tiny checkbox on the right to toggle a vote. Quite annoying if
 you're on a tiny screen. Well that's not the case anymore. The entire row is now touchable so you don't
diff --git a/apps/landing/src/posts/the-future-of-rallly.md b/apps/landing/src/posts/the-future-of-rallly.md
index 044d9355d..509e0edc6 100644
--- a/apps/landing/src/posts/the-future-of-rallly.md
+++ b/apps/landing/src/posts/the-future-of-rallly.md
@@ -8,32 +8,32 @@ Rallly has always been about simplifying group scheduling, but my aim is to evol
 
 ## The Workflow
 
-![funnel](/static/images/the-future-of-rallly/funnel.svg)
-
 Envisioned as a three-component funnel, this new workflow is designed to simplify and streamline your scheduling process.
 
+![funnel](/static/images/the-future-of-rallly/funnel.svg)
+
 ## Breaking it Down
 
 Here's how these components will work together:
 
 ### Availability Grids
 
-![Availability Grids](/static/images/the-future-of-rallly/availability-grid.svg)
-
 When you're scheduling an event, getting a general idea of participants' availability can be incredibly helpful. The Availability Grid will let users select a broad range, and participants can then highlight areas on the grid to indicate when they are available. This will give hosts a quick snapshot of potential suitable time slots.
 
+![Availability Grids](/static/images/the-future-of-rallly/availability-grid.svg)
+
 ### Polls
 
-![Polls](/static/images/the-future-of-rallly/poll.svg)
-
 Polling is at the core of what Rallly does, and it fits seamlessly into this new workflow. Once you've gathered general availability, hosts will be able to narrow down a few options and let participants vote for their preferred dates.
 
+![Polls](/static/images/the-future-of-rallly/poll.svg)
+
 ### RSVP
 
-![RSVP](/static/images/the-future-of-rallly/rsvp.svg)
-
 After you've narrowed down to a single date through polling, the RSVP component will come into play. This page will let participants confirm their attendance and access detailed information about your event.
 
+![RSVP](/static/images/the-future-of-rallly/rsvp.svg)
+
 ## Tying it Together
 
 The above components will follow this order: Availability Grid -> Poll -> RSVP. However, the beauty of this workflow is its flexibility. You can start from any part of the workflow that fits your needs. For example, you might start with an Availability Grid, select a few options to create a poll, and finish with an RSVP. Alternatively, you could select a single option from an Availability Grid to create an RSVP, or you might prefer to start directly with a poll or RSVP.
diff --git a/apps/landing/src/style.css b/apps/landing/src/style.css
index 37c79e9eb..a0697948c 100644
--- a/apps/landing/src/style.css
+++ b/apps/landing/src/style.css
@@ -7,10 +7,7 @@
     @apply border-border;
   }
   body {
-    @apply text-foreground overflow-y-auto bg-gray-200/50;
-    font-feature-settings:
-      "rlig" 1,
-      "calt" 1;
+    @apply text-foreground h-full overflow-y-auto bg-gray-100 font-sans;
   }
   html {
     @apply h-full font-sans text-base;
@@ -46,6 +43,60 @@
 }
 
 @layer components {
+  .blog-content {
+    h2,
+    h3,
+    h4 {
+      @apply mb-4 mt-12;
+    }
+    h2 {
+      @apply text-2xl font-bold;
+    }
+    h3 {
+      @apply text-xl font-semibold;
+    }
+    h4 {
+      @apply text-lg font-semibold;
+    }
+    p {
+      @apply mb-6 leading-relaxed;
+    }
+    p:has(> img) {
+      @apply flex items-center justify-center overflow-hidden rounded-xl border bg-gray-50  p-2;
+    }
+    img {
+      @apply mx-auto rounded-lg border;
+    }
+    ul,
+    ol {
+      @apply mb-6 ml-6;
+    }
+    ul {
+      @apply list-disc;
+    }
+    ol {
+      @apply list-decimal;
+    }
+    li {
+      @apply mb-2;
+    }
+    hr {
+      @apply my-12;
+    }
+    a {
+      @apply text-primary-600 hover:underline;
+    }
+    blockquote {
+      @apply my-6 border-l-4 border-gray-300 pl-4 italic text-gray-700;
+    }
+    pre {
+      @apply my-6 overflow-x-auto rounded-lg bg-gray-100 p-4;
+    }
+    code {
+      @apply rounded bg-gray-100 px-1 py-0.5 text-sm;
+    }
+  }
+
   .text-link {
     @apply text-primary-600 hover:text-primary-600 focus-visible:ring-primary-600 rounded-md font-medium outline-none hover:underline focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1;
   }
diff --git a/apps/web/public/locales/en/app.json b/apps/web/public/locales/en/app.json
index 5f1a99b73..96ea5595d 100644
--- a/apps/web/public/locales/en/app.json
+++ b/apps/web/public/locales/en/app.json
@@ -173,10 +173,7 @@
   "duplicateDescription": "Create a new poll based on this one",
   "duplicateTitleLabel": "Title",
   "duplicateTitleDescription": "Hint: Give your new poll a unique title",
-  "proFeature": "Pro Feature",
-  "upgradeOverlaySubtitle2": "Please upgrade to a paid plan to use this feature. This is how we keep the lights on :)",
   "upgrade": "Upgrade",
-  "notToday": "Not Today",
   "continueAsGuest": "Continue as Guest",
   "scrollLeft": "Scroll Left",
   "scrollRight": "Scroll Right",
diff --git a/apps/web/src/app/[locale]/not-found.tsx b/apps/web/src/app/[locale]/not-found.tsx
index 4b3b6e393..0d9667298 100644
--- a/apps/web/src/app/[locale]/not-found.tsx
+++ b/apps/web/src/app/[locale]/not-found.tsx
@@ -10,7 +10,7 @@ export default async function Page() {
   const { t } = await getTranslation("en");
 
   return (
-    <div className="flex h-[calc(100vh-100px)] w-full items-center justify-center">
+    <div className="flex h-full w-full items-center justify-center">
       <div className="space-y-8">
         <div className="space-y-4 text-center">
           <FileSearchIcon className="mb-4 inline-block size-24 text-gray-400" />
diff --git a/packages/languages/index.ts b/packages/languages/index.ts
index 9210dd649..83160415f 100644
--- a/packages/languages/index.ts
+++ b/packages/languages/index.ts
@@ -1,3 +1,5 @@
 import languages from "./languages.json";
 
+export const supportedLngs = Object.keys(languages);
+
 export default languages;
diff --git a/packages/ui/src/billing-plan.tsx b/packages/ui/src/billing-plan.tsx
index 2c8dd9e48..c13d4ff4a 100644
--- a/packages/ui/src/billing-plan.tsx
+++ b/packages/ui/src/billing-plan.tsx
@@ -26,7 +26,7 @@ export const BillingPlanHeader = ({
 };
 
 export const BillingPlanTitle = ({ children }: React.PropsWithChildren) => {
-  return <h3 className="font-semibold">{children}</h3>;
+  return <h3 className="font-bold">{children}</h3>;
 };
 
 export const BillingPlanDescription = ({
diff --git a/yarn.lock b/yarn.lock
index 6eabda162..e0f5a29f4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1106,7 +1106,7 @@
     "@babel/highlight" "^7.22.13"
     chalk "^2.4.2"
 
-"@babel/code-frame@^7.24.7":
+"@babel/code-frame@^7.23.5", "@babel/code-frame@^7.24.7":
   version "7.24.7"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.24.7.tgz#882fd9e09e8ee324e496bd040401c6f046ef4465"
   integrity sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==
@@ -2890,6 +2890,42 @@
     "@jridgewell/resolve-uri" "^3.1.0"
     "@jridgewell/sourcemap-codec" "^1.4.14"
 
+"@mdx-js/mdx@^3.0.1":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@mdx-js/mdx/-/mdx-3.0.1.tgz#617bd2629ae561fdca1bb88e3badd947f5a82191"
+  integrity sha512-eIQ4QTrOWyL3LWEe/bu6Taqzq2HQvHcyTMaOrI95P2/LmJE7AsfPfgJGuFLPVqBUE1BC1rik3VIhU+s9u72arA==
+  dependencies:
+    "@types/estree" "^1.0.0"
+    "@types/estree-jsx" "^1.0.0"
+    "@types/hast" "^3.0.0"
+    "@types/mdx" "^2.0.0"
+    collapse-white-space "^2.0.0"
+    devlop "^1.0.0"
+    estree-util-build-jsx "^3.0.0"
+    estree-util-is-identifier-name "^3.0.0"
+    estree-util-to-js "^2.0.0"
+    estree-walker "^3.0.0"
+    hast-util-to-estree "^3.0.0"
+    hast-util-to-jsx-runtime "^2.0.0"
+    markdown-extensions "^2.0.0"
+    periscopic "^3.0.0"
+    remark-mdx "^3.0.0"
+    remark-parse "^11.0.0"
+    remark-rehype "^11.0.0"
+    source-map "^0.7.0"
+    unified "^11.0.0"
+    unist-util-position-from-estree "^2.0.0"
+    unist-util-stringify-position "^4.0.0"
+    unist-util-visit "^5.0.0"
+    vfile "^6.0.0"
+
+"@mdx-js/react@^3.0.1":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@mdx-js/react/-/react-3.0.1.tgz#997a19b3a5b783d936c75ae7c47cfe62f967f746"
+  integrity sha512-9ZrPIU4MGf6et1m1ov3zKf+q9+deetI51zprKB1D/z3NOb+rUxxtEl3mCjW5wTGh6VhRdwPueh1oRzi6ezkA8A==
+  dependencies:
+    "@types/mdx" "^2.0.0"
+
 "@next/bundle-analyzer@^12.3.4":
   version "12.3.4"
   resolved "https://registry.npmjs.org/@next/bundle-analyzer/-/bundle-analyzer-12.3.4.tgz"
@@ -6088,6 +6124,13 @@
   dependencies:
     "@types/node" "*"
 
+"@types/acorn@^4.0.0":
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/@types/acorn/-/acorn-4.0.6.tgz#d61ca5480300ac41a7d973dd5b84d0a591154a22"
+  integrity sha512-veQTnWP+1D/xbxVrPC3zHnCZRjSrKfhbMUlEA43iMZLu7EsnTtkJklIuwrCPbOi8YkvDQAiW05VQQFvvz9oieQ==
+  dependencies:
+    "@types/estree" "*"
+
 "@types/body-parser@*":
   version "1.19.2"
   resolved "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.2.tgz"
@@ -6175,6 +6218,13 @@
     "@types/estree" "*"
     "@types/json-schema" "*"
 
+"@types/estree-jsx@^1.0.0":
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/@types/estree-jsx/-/estree-jsx-1.0.5.tgz#858a88ea20f34fe65111f005a689fa1ebf70dc18"
+  integrity sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==
+  dependencies:
+    "@types/estree" "*"
+
 "@types/estree@*", "@types/estree@^1.0.0":
   version "1.0.0"
   resolved "https://registry.npmjs.org/@types/estree/-/estree-1.0.0.tgz"
@@ -6204,10 +6254,10 @@
     "@types/qs" "*"
     "@types/serve-static" "*"
 
-"@types/hast@^2.0.0":
-  version "2.3.4"
-  resolved "https://registry.npmjs.org/@types/hast/-/hast-2.3.4.tgz"
-  integrity sha512-wLEm0QvaoawEDoTRwzTXp4b4jpwiJDvR5KMnFnVodm3scufTlBOWRD6N1OBf9TZMhjlNsSfcO5V+7AF4+Vy+9g==
+"@types/hast@^3.0.0":
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/@types/hast/-/hast-3.0.4.tgz#1d6b39993b82cea6ad783945b0508c25903e15aa"
+  integrity sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==
   dependencies:
     "@types/unist" "*"
 
@@ -6301,13 +6351,18 @@
     "@types/node" "*"
     iconv-lite "^0.6.3"
 
-"@types/mdast@^3.0.0":
-  version "3.0.11"
-  resolved "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.11.tgz"
-  integrity sha512-Y/uImid8aAwrEA24/1tcRZwpxX3pIFTSilcNDKSPn+Y2iDywSEachzRuvgAYYLR3wpGXAsMbv5lvKLDZLeYPAw==
+"@types/mdast@^4.0.0":
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/@types/mdast/-/mdast-4.0.4.tgz#7ccf72edd2f1aa7dd3437e180c64373585804dd6"
+  integrity sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==
   dependencies:
     "@types/unist" "*"
 
+"@types/mdx@^2.0.0":
+  version "2.0.13"
+  resolved "https://registry.yarnpkg.com/@types/mdx/-/mdx-2.0.13.tgz#68f6877043d377092890ff5b298152b0a21671bd"
+  integrity sha512-+OWZQfAYyio6YkJb3HLxDrvnx6SWWDbC0zVPfBRzUk0/nqoDyf6dNxQi3eArPe8rJ473nobTMQ/8Zk+LxJ+Yuw==
+
 "@types/mime@*":
   version "3.0.1"
   resolved "https://registry.npmjs.org/@types/mime/-/mime-3.0.1.tgz"
@@ -6383,11 +6438,6 @@
   resolved "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz"
   integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
 
-"@types/parse5@^6.0.0":
-  version "6.0.3"
-  resolved "https://registry.npmjs.org/@types/parse5/-/parse5-6.0.3.tgz"
-  integrity sha512-SuT16Q1K51EAVPz1K29DJ/sXjhSQ0zjvsypYJ6tlwVsRV9jwW5Adq2ch8Dq8kDBCkYnELS7N7VNCSB5nC56t/g==
-
 "@types/pg-pool@2.0.4":
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/@types/pg-pool/-/pg-pool-2.0.4.tgz#b5c60f678094ff3acf3442628a7f708928fcf263"
@@ -6524,6 +6574,11 @@
   resolved "https://registry.npmjs.org/@types/unist/-/unist-2.0.6.tgz"
   integrity sha512-PBjIUxZHOuj0R15/xuwJYjFi+KZdNFrehocChv4g5hu6aFroHue8m0lBP0POdK2nKzbw0cgV1mws8+V/JAcEkQ==
 
+"@types/unist@^3.0.0":
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@types/unist/-/unist-3.0.3.tgz#acaab0f919ce69cce629c2d4ed2eb4adc1b6c20c"
+  integrity sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==
+
 "@types/warning@^3.0.0":
   version "3.0.0"
   resolved "https://registry.npmjs.org/@types/warning/-/warning-3.0.0.tgz"
@@ -6668,7 +6723,7 @@
     "@typescript-eslint/types" "6.9.1"
     eslint-visitor-keys "^3.4.1"
 
-"@ungap/structured-clone@^1.2.0":
+"@ungap/structured-clone@^1.0.0", "@ungap/structured-clone@^1.2.0":
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz#756641adb587851b5ccb3e095daf27ae581c8406"
   integrity sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==
@@ -6995,7 +7050,7 @@ acorn-import-attributes@^1.9.5:
   resolved "https://registry.yarnpkg.com/acorn-import-attributes/-/acorn-import-attributes-1.9.5.tgz#7eb1557b1ba05ef18b5ed0ec67591bfab04688ef"
   integrity sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==
 
-acorn-jsx@^5.3.1, acorn-jsx@^5.3.2:
+acorn-jsx@^5.0.0, acorn-jsx@^5.3.1, acorn-jsx@^5.3.2:
   version "5.3.2"
   resolved "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz"
   integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
@@ -7043,6 +7098,11 @@ acorn@^7.1.1:
   resolved "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
 
+acorn@^8.0.0:
+  version "8.12.1"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.12.1.tgz#71616bdccbe25e27a54439e0046e89ca76df2248"
+  integrity sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==
+
 acorn@^8.0.4:
   version "8.8.2"
   resolved "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz"
@@ -7342,6 +7402,11 @@ ast-types-flow@^0.0.7:
   resolved "https://registry.yarnpkg.com/ast-types-flow/-/ast-types-flow-0.0.7.tgz#f70b735c6bca1a5c9c22d982c3e39e7feba3bdad"
   integrity sha512-eBvWn1lvIApYMhzQMsu9ciLfkBY499mFZlNqG+/9WR7PVlroQw0vG30cOQQbaKz3sCEc44TAOu2ykzqXSNnwag==
 
+astring@^1.8.0:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/astring/-/astring-1.9.0.tgz#cc73e6062a7eb03e7d19c22d8b0b3451fd9bfeef"
+  integrity sha512-LElXdjswlqjWrPpJFg1Fx4wpkOCxj1TDHlSV4PlaRxHGWko024xICaa97ZkMfs6DRKlCguiAI+rbXv5GWwXIkg==
+
 asynciterator.prototype@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz#8c5df0514936cdd133604dfcc9d3fb93f09b2b62"
@@ -7738,6 +7803,11 @@ character-parser@^2.2.0:
   dependencies:
     is-regex "^1.0.3"
 
+character-reference-invalid@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/character-reference-invalid/-/character-reference-invalid-2.0.1.tgz#85c66b041e43b47210faf401278abf808ac45cb9"
+  integrity sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==
+
 check-error@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/check-error/-/check-error-1.0.3.tgz#a6502e4312a7ee969f646e83bb3ddd56281bd694"
@@ -7901,6 +7971,11 @@ cmdk@^0.2.1:
   dependencies:
     "@radix-ui/react-dialog" "1.0.0"
 
+collapse-white-space@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/collapse-white-space/-/collapse-white-space-2.1.0.tgz#640257174f9f42c740b40f3b55ee752924feefca"
+  integrity sha512-loKTxY1zCOuG4j9f6EPnuyyYkf58RnhhWTvRoZEokgB+WbdXehfjFviyOVYkqzEWz1Q5kRiZdBYS5SwxbQYwzw==
+
 color-convert@^1.9.0:
   version "1.9.3"
   resolved "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz"
@@ -8357,6 +8432,13 @@ detect-node-es@^1.1.0:
   resolved "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz"
   integrity sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==
 
+devlop@^1.0.0, devlop@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/devlop/-/devlop-1.1.0.tgz#4db7c2ca4dc6e0e834c30be70c94bbc976dc7018"
+  integrity sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==
+  dependencies:
+    dequal "^2.0.0"
+
 didyoumean@^1.2.2:
   version "1.2.2"
   resolved "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz"
@@ -8367,11 +8449,6 @@ diff-sequences@^29.6.3:
   resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-29.6.3.tgz#4deaf894d11407c51efc8418012f9e70b84ea921"
   integrity sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==
 
-diff@^5.0.0:
-  version "5.1.0"
-  resolved "https://registry.npmjs.org/diff/-/diff-5.1.0.tgz"
-  integrity sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==
-
 dir-glob@^3.0.1:
   version "3.0.1"
   resolved "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz"
@@ -9198,12 +9275,51 @@ estraverse@^5.1.0, estraverse@^5.2.0, estraverse@^5.3.0:
   resolved "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz"
   integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
 
+estree-util-attach-comments@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/estree-util-attach-comments/-/estree-util-attach-comments-3.0.0.tgz#344bde6a64c8a31d15231e5ee9e297566a691c2d"
+  integrity sha512-cKUwm/HUcTDsYh/9FgnuFqpfquUbwIqwKM26BVCGDPVgvaCl/nDCCjUfiLlx6lsEZ3Z4RFxNbOQ60pkaEwFxGw==
+  dependencies:
+    "@types/estree" "^1.0.0"
+
+estree-util-build-jsx@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/estree-util-build-jsx/-/estree-util-build-jsx-3.0.1.tgz#b6d0bced1dcc4f06f25cf0ceda2b2dcaf98168f1"
+  integrity sha512-8U5eiL6BTrPxp/CHbs2yMgP8ftMhR5ww1eIKoWRMlqvltHF8fZn5LRDvTKuxD3DUn+shRbLGqXemcP51oFCsGQ==
+  dependencies:
+    "@types/estree-jsx" "^1.0.0"
+    devlop "^1.0.0"
+    estree-util-is-identifier-name "^3.0.0"
+    estree-walker "^3.0.0"
+
+estree-util-is-identifier-name@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/estree-util-is-identifier-name/-/estree-util-is-identifier-name-3.0.0.tgz#0b5ef4c4ff13508b34dcd01ecfa945f61fce5dbd"
+  integrity sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg==
+
+estree-util-to-js@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/estree-util-to-js/-/estree-util-to-js-2.0.0.tgz#10a6fb924814e6abb62becf0d2bc4dea51d04f17"
+  integrity sha512-WDF+xj5rRWmD5tj6bIqRi6CkLIXbbNQUcxQHzGysQzvHmdYG2G7p/Tf0J0gpxGgkeMZNTIjT/AoSvC9Xehcgdg==
+  dependencies:
+    "@types/estree-jsx" "^1.0.0"
+    astring "^1.8.0"
+    source-map "^0.7.0"
+
+estree-util-visit@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/estree-util-visit/-/estree-util-visit-2.0.0.tgz#13a9a9f40ff50ed0c022f831ddf4b58d05446feb"
+  integrity sha512-m5KgiH85xAhhW8Wta0vShLcUvOsh3LLPI2YVwcbio1l7E09NTLL1EyMZFM1OyWowoH0skScNbhOPl4kcBgzTww==
+  dependencies:
+    "@types/estree-jsx" "^1.0.0"
+    "@types/unist" "^3.0.0"
+
 estree-walker@^2.0.2:
   version "2.0.2"
   resolved "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz"
   integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
 
-estree-walker@^3.0.3:
+estree-walker@^3.0.0, estree-walker@^3.0.3:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-3.0.3.tgz#67c3e549ec402a487b4fc193d1953a524752340d"
   integrity sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==
@@ -9866,94 +9982,55 @@ hasown@^2.0.0:
   dependencies:
     function-bind "^1.1.2"
 
-hast-util-from-parse5@^7.0.0:
-  version "7.1.2"
-  resolved "https://registry.npmjs.org/hast-util-from-parse5/-/hast-util-from-parse5-7.1.2.tgz"
-  integrity sha512-Nz7FfPBuljzsN3tCQ4kCBKqdNhQE2l0Tn+X1ubgKBPRoiDIu1mL08Cfw4k7q71+Duyaw7DXDN+VTAp4Vh3oCOw==
+hast-util-to-estree@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/hast-util-to-estree/-/hast-util-to-estree-3.1.0.tgz#f2afe5e869ddf0cf690c75f9fc699f3180b51b19"
+  integrity sha512-lfX5g6hqVh9kjS/B9E2gSkvHH4SZNiQFiqWS0x9fENzEl+8W12RqdRxX6d/Cwxi30tPQs3bIO+aolQJNp1bIyw==
   dependencies:
-    "@types/hast" "^2.0.0"
-    "@types/unist" "^2.0.0"
-    hastscript "^7.0.0"
+    "@types/estree" "^1.0.0"
+    "@types/estree-jsx" "^1.0.0"
+    "@types/hast" "^3.0.0"
+    comma-separated-tokens "^2.0.0"
+    devlop "^1.0.0"
+    estree-util-attach-comments "^3.0.0"
+    estree-util-is-identifier-name "^3.0.0"
+    hast-util-whitespace "^3.0.0"
+    mdast-util-mdx-expression "^2.0.0"
+    mdast-util-mdx-jsx "^3.0.0"
+    mdast-util-mdxjs-esm "^2.0.0"
     property-information "^6.0.0"
-    vfile "^5.0.0"
-    vfile-location "^4.0.0"
-    web-namespaces "^2.0.0"
-
-hast-util-parse-selector@^3.0.0:
-  version "3.1.1"
-  resolved "https://registry.npmjs.org/hast-util-parse-selector/-/hast-util-parse-selector-3.1.1.tgz"
-  integrity sha512-jdlwBjEexy1oGz0aJ2f4GKMaVKkA9jwjr4MjAAI22E5fM/TXVZHuS5OpONtdeIkRKqAaryQ2E9xNQxijoThSZA==
-  dependencies:
-    "@types/hast" "^2.0.0"
-
-hast-util-raw@^7.0.0:
-  version "7.2.3"
-  resolved "https://registry.npmjs.org/hast-util-raw/-/hast-util-raw-7.2.3.tgz"
-  integrity sha512-RujVQfVsOrxzPOPSzZFiwofMArbQke6DJjnFfceiEbFh7S05CbPt0cYN+A5YeD3pso0JQk6O1aHBnx9+Pm2uqg==
-  dependencies:
-    "@types/hast" "^2.0.0"
-    "@types/parse5" "^6.0.0"
-    hast-util-from-parse5 "^7.0.0"
-    hast-util-to-parse5 "^7.0.0"
-    html-void-elements "^2.0.0"
-    parse5 "^6.0.0"
-    unist-util-position "^4.0.0"
-    unist-util-visit "^4.0.0"
-    vfile "^5.0.0"
-    web-namespaces "^2.0.0"
+    space-separated-tokens "^2.0.0"
+    style-to-object "^0.4.0"
+    unist-util-position "^5.0.0"
     zwitch "^2.0.0"
 
-hast-util-sanitize@^4.0.0:
-  version "4.1.0"
-  resolved "https://registry.npmjs.org/hast-util-sanitize/-/hast-util-sanitize-4.1.0.tgz"
-  integrity sha512-Hd9tU0ltknMGRDv+d6Ro/4XKzBqQnP/EZrpiTbpFYfXv/uOhWeKc+2uajcbEvAEH98VZd7eII2PiXm13RihnLw==
+hast-util-to-jsx-runtime@^2.0.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/hast-util-to-jsx-runtime/-/hast-util-to-jsx-runtime-2.3.0.tgz#3ed27caf8dc175080117706bf7269404a0aa4f7c"
+  integrity sha512-H/y0+IWPdsLLS738P8tDnrQ8Z+dj12zQQ6WC11TIM21C8WFVoIxcqWXf2H3hiTVZjF1AWqoimGwrTWecWrnmRQ==
   dependencies:
-    "@types/hast" "^2.0.0"
-
-hast-util-to-html@^8.0.0:
-  version "8.0.4"
-  resolved "https://registry.npmjs.org/hast-util-to-html/-/hast-util-to-html-8.0.4.tgz"
-  integrity sha512-4tpQTUOr9BMjtYyNlt0P50mH7xj0Ks2xpo8M943Vykljf99HW6EzulIoJP1N3eKOSScEHzyzi9dm7/cn0RfGwA==
-  dependencies:
-    "@types/hast" "^2.0.0"
-    "@types/unist" "^2.0.0"
-    ccount "^2.0.0"
+    "@types/estree" "^1.0.0"
+    "@types/hast" "^3.0.0"
+    "@types/unist" "^3.0.0"
     comma-separated-tokens "^2.0.0"
-    hast-util-raw "^7.0.0"
-    hast-util-whitespace "^2.0.0"
-    html-void-elements "^2.0.0"
+    devlop "^1.0.0"
+    estree-util-is-identifier-name "^3.0.0"
+    hast-util-whitespace "^3.0.0"
+    mdast-util-mdx-expression "^2.0.0"
+    mdast-util-mdx-jsx "^3.0.0"
+    mdast-util-mdxjs-esm "^2.0.0"
     property-information "^6.0.0"
     space-separated-tokens "^2.0.0"
-    stringify-entities "^4.0.0"
-    zwitch "^2.0.4"
+    style-to-object "^1.0.0"
+    unist-util-position "^5.0.0"
+    vfile-message "^4.0.0"
 
-hast-util-to-parse5@^7.0.0:
-  version "7.1.0"
-  resolved "https://registry.npmjs.org/hast-util-to-parse5/-/hast-util-to-parse5-7.1.0.tgz"
-  integrity sha512-YNRgAJkH2Jky5ySkIqFXTQiaqcAtJyVE+D5lkN6CdtOqrnkLfGYYrEcKuHOJZlp+MwjSwuD3fZuawI+sic/RBw==
+hast-util-whitespace@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz#7778ed9d3c92dd9e8c5c8f648a49c21fc51cb621"
+  integrity sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==
   dependencies:
-    "@types/hast" "^2.0.0"
-    comma-separated-tokens "^2.0.0"
-    property-information "^6.0.0"
-    space-separated-tokens "^2.0.0"
-    web-namespaces "^2.0.0"
-    zwitch "^2.0.0"
-
-hast-util-whitespace@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-2.0.1.tgz"
-  integrity sha512-nAxA0v8+vXSBDt3AnRUNjyRIQ0rD+ntpbAp4LnPkumc5M9yUbSMa4XDU9Q6etY4f1Wp4bNgvc1yjiZtsTTrSng==
-
-hastscript@^7.0.0:
-  version "7.2.0"
-  resolved "https://registry.npmjs.org/hastscript/-/hastscript-7.2.0.tgz"
-  integrity sha512-TtYPq24IldU8iKoJQqvZOuhi5CyCQRAbvDOX0x1eW6rsHSxa/1i2CCiptNTotGHJ3VoHRGmqiv6/D3q113ikkw==
-  dependencies:
-    "@types/hast" "^2.0.0"
-    comma-separated-tokens "^2.0.0"
-    hast-util-parse-selector "^3.0.0"
-    property-information "^6.0.0"
-    space-separated-tokens "^2.0.0"
+    "@types/hast" "^3.0.0"
 
 he@1.2.0:
   version "1.2.0"
@@ -10001,11 +10078,6 @@ html-to-text@9.0.5:
     htmlparser2 "^8.0.2"
     selderee "^0.11.0"
 
-html-void-elements@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.npmjs.org/html-void-elements/-/html-void-elements-2.0.1.tgz"
-  integrity sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A==
-
 htmlparser2@^8.0.1:
   version "8.0.1"
   resolved "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.1.tgz"
@@ -10217,6 +10289,16 @@ ini@^1.3.4, ini@~1.3.0:
   resolved "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz"
   integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
 
+inline-style-parser@0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/inline-style-parser/-/inline-style-parser-0.1.1.tgz#ec8a3b429274e9c0a1f1c4ffa9453a7fef72cea1"
+  integrity sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q==
+
+inline-style-parser@0.2.4:
+  version "0.2.4"
+  resolved "https://registry.yarnpkg.com/inline-style-parser/-/inline-style-parser-0.2.4.tgz#f4af5fe72e612839fcd453d989a586566d695f22"
+  integrity sha512-0aO8FkhNZlj/ZIbNi7Lxxr12obT7cL1moPfE4tg1LkX7LlLfC6DeX4l2ZEud1ukP9jNQyNnfzQVqwbwmAATY4Q==
+
 inline-style-prefixer@^6.0.0:
   version "6.0.4"
   resolved "https://registry.npmjs.org/inline-style-prefixer/-/inline-style-prefixer-6.0.4.tgz"
@@ -10289,6 +10371,19 @@ is-absolute@^1.0.0:
     is-relative "^1.0.0"
     is-windows "^1.0.1"
 
+is-alphabetical@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-alphabetical/-/is-alphabetical-2.0.1.tgz#01072053ea7c1036df3c7d19a6daaec7f19e789b"
+  integrity sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==
+
+is-alphanumerical@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-alphanumerical/-/is-alphanumerical-2.0.1.tgz#7c03fbe96e3e931113e57f964b0a368cc2dfd875"
+  integrity sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==
+  dependencies:
+    is-alphabetical "^2.0.0"
+    is-decimal "^2.0.0"
+
 is-array-buffer@^3.0.1:
   version "3.0.1"
   resolved "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.1.tgz"
@@ -10346,11 +10441,6 @@ is-buffer@^1.1.5:
   resolved "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz"
   integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==
 
-is-buffer@^2.0.0:
-  version "2.0.5"
-  resolved "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz"
-  integrity sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==
-
 is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.7:
   version "1.2.7"
   resolved "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz"
@@ -10384,6 +10474,11 @@ is-date-object@^1.0.1, is-date-object@^1.0.5:
   dependencies:
     has-tostringtag "^1.0.0"
 
+is-decimal@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-decimal/-/is-decimal-2.0.1.tgz#9469d2dc190d0214fd87d78b78caecc0cc14eef7"
+  integrity sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==
+
 is-docker@^2.0.0:
   version "2.2.1"
   resolved "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz"
@@ -10440,6 +10535,11 @@ is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
   dependencies:
     is-extglob "^2.1.1"
 
+is-hexadecimal@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-hexadecimal/-/is-hexadecimal-2.0.1.tgz#86b5bf668fca307498d319dfc03289d781a90027"
+  integrity sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==
+
 is-interactive@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/is-interactive/-/is-interactive-1.0.0.tgz"
@@ -10506,6 +10606,13 @@ is-reference@1.2.1:
   dependencies:
     "@types/estree" "*"
 
+is-reference@^3.0.0:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/is-reference/-/is-reference-3.0.2.tgz#154747a01f45cd962404ee89d43837af2cba247c"
+  integrity sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==
+  dependencies:
+    "@types/estree" "*"
+
 is-regex@^1.0.3, is-regex@^1.1.4:
   version "1.1.4"
   resolved "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz"
@@ -10846,11 +10953,6 @@ kind-of@^6.0.0, kind-of@^6.0.2, kind-of@^6.0.3:
   resolved "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz"
   integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==
 
-kleur@^4.0.3:
-  version "4.1.5"
-  resolved "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz"
-  integrity sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==
-
 language-subtag-registry@~0.3.2:
   version "0.3.22"
   resolved "https://registry.yarnpkg.com/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz#2e1500861b2e457eba7e7ae86877cbd08fa1fd1d"
@@ -11169,75 +11271,125 @@ map-obj@^4.0.0:
   resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-4.3.0.tgz#9304f906e93faae70880da102a9f1df0ea8bb05a"
   integrity sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==
 
-mdast-util-definitions@^5.0.0:
-  version "5.1.2"
-  resolved "https://registry.npmjs.org/mdast-util-definitions/-/mdast-util-definitions-5.1.2.tgz"
-  integrity sha512-8SVPMuHqlPME/z3gqVwWY4zVXn8lqKv/pAhC57FuJ40ImXyBpmO5ukh98zB2v7Blql2FiHjHv9LVztSIqjY+MA==
-  dependencies:
-    "@types/mdast" "^3.0.0"
-    "@types/unist" "^2.0.0"
-    unist-util-visit "^4.0.0"
+markdown-extensions@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/markdown-extensions/-/markdown-extensions-2.0.0.tgz#34bebc83e9938cae16e0e017e4a9814a8330d3c4"
+  integrity sha512-o5vL7aDWatOTX8LzaS1WMoaoxIiLRQJuIKKe2wAw6IeULDHaqbiqiggmx+pKvZDb1Sj+pE46Sn1T7lCqfFtg1Q==
 
-mdast-util-from-markdown@^1.0.0:
-  version "1.3.1"
-  resolved "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-1.3.1.tgz"
-  integrity sha512-4xTO/M8c82qBcnQc1tgpNtubGUW/Y1tBQ1B0i5CtSoelOLKFYlElIr3bvgREYYO5iRqbMY1YuqZng0GVOI8Qww==
+mdast-util-from-markdown@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.1.tgz#32a6e8f512b416e1f51eb817fc64bd867ebcd9cc"
+  integrity sha512-aJEUyzZ6TzlsX2s5B4Of7lN7EQtAxvtradMMglCQDyaTFgse6CmtmdJ15ElnVRlCg1vpNyVtbem0PWzlNieZsA==
   dependencies:
-    "@types/mdast" "^3.0.0"
-    "@types/unist" "^2.0.0"
+    "@types/mdast" "^4.0.0"
+    "@types/unist" "^3.0.0"
     decode-named-character-reference "^1.0.0"
-    mdast-util-to-string "^3.1.0"
-    micromark "^3.0.0"
-    micromark-util-decode-numeric-character-reference "^1.0.0"
-    micromark-util-decode-string "^1.0.0"
-    micromark-util-normalize-identifier "^1.0.0"
-    micromark-util-symbol "^1.0.0"
-    micromark-util-types "^1.0.0"
-    unist-util-stringify-position "^3.0.0"
-    uvu "^0.5.0"
+    devlop "^1.0.0"
+    mdast-util-to-string "^4.0.0"
+    micromark "^4.0.0"
+    micromark-util-decode-numeric-character-reference "^2.0.0"
+    micromark-util-decode-string "^2.0.0"
+    micromark-util-normalize-identifier "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+    unist-util-stringify-position "^4.0.0"
 
-mdast-util-phrasing@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.npmjs.org/mdast-util-phrasing/-/mdast-util-phrasing-3.0.1.tgz"
-  integrity sha512-WmI1gTXUBJo4/ZmSk79Wcb2HcjPJBzM1nlI/OUWA8yk2X9ik3ffNbBGsU+09BFmXaL1IBb9fiuvq6/KMiNycSg==
+mdast-util-mdx-expression@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/mdast-util-mdx-expression/-/mdast-util-mdx-expression-2.0.1.tgz#43f0abac9adc756e2086f63822a38c8d3c3a5096"
+  integrity sha512-J6f+9hUp+ldTZqKRSg7Vw5V6MqjATc+3E4gf3CFNcuZNWD8XdyI6zQ8GqH7f8169MM6P7hMBRDVGnn7oHB9kXQ==
   dependencies:
-    "@types/mdast" "^3.0.0"
-    unist-util-is "^5.0.0"
+    "@types/estree-jsx" "^1.0.0"
+    "@types/hast" "^3.0.0"
+    "@types/mdast" "^4.0.0"
+    devlop "^1.0.0"
+    mdast-util-from-markdown "^2.0.0"
+    mdast-util-to-markdown "^2.0.0"
 
-mdast-util-to-hast@^12.0.0:
-  version "12.3.0"
-  resolved "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-12.3.0.tgz"
-  integrity sha512-pits93r8PhnIoU4Vy9bjW39M2jJ6/tdHyja9rrot9uujkN7UTU9SDnE6WNJz/IGyQk3XHX6yNNtrBH6cQzm8Hw==
+mdast-util-mdx-jsx@^3.0.0:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/mdast-util-mdx-jsx/-/mdast-util-mdx-jsx-3.1.3.tgz#76b957b3da18ebcfd0de3a9b4451dcd6fdec2320"
+  integrity sha512-bfOjvNt+1AcbPLTFMFWY149nJz0OjmewJs3LQQ5pIyVGxP4CdOqNVJL6kTaM5c68p8q82Xv3nCyFfUnuEcH3UQ==
   dependencies:
-    "@types/hast" "^2.0.0"
-    "@types/mdast" "^3.0.0"
-    mdast-util-definitions "^5.0.0"
-    micromark-util-sanitize-uri "^1.1.0"
+    "@types/estree-jsx" "^1.0.0"
+    "@types/hast" "^3.0.0"
+    "@types/mdast" "^4.0.0"
+    "@types/unist" "^3.0.0"
+    ccount "^2.0.0"
+    devlop "^1.1.0"
+    mdast-util-from-markdown "^2.0.0"
+    mdast-util-to-markdown "^2.0.0"
+    parse-entities "^4.0.0"
+    stringify-entities "^4.0.0"
+    unist-util-stringify-position "^4.0.0"
+    vfile-message "^4.0.0"
+
+mdast-util-mdx@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-mdx/-/mdast-util-mdx-3.0.0.tgz#792f9cf0361b46bee1fdf1ef36beac424a099c41"
+  integrity sha512-JfbYLAW7XnYTTbUsmpu0kdBUVe+yKVJZBItEjwyYJiDJuZ9w4eeaqks4HQO+R7objWgS2ymV60GYpI14Ug554w==
+  dependencies:
+    mdast-util-from-markdown "^2.0.0"
+    mdast-util-mdx-expression "^2.0.0"
+    mdast-util-mdx-jsx "^3.0.0"
+    mdast-util-mdxjs-esm "^2.0.0"
+    mdast-util-to-markdown "^2.0.0"
+
+mdast-util-mdxjs-esm@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/mdast-util-mdxjs-esm/-/mdast-util-mdxjs-esm-2.0.1.tgz#019cfbe757ad62dd557db35a695e7314bcc9fa97"
+  integrity sha512-EcmOpxsZ96CvlP03NghtH1EsLtr0n9Tm4lPUJUBccV9RwUOneqSycg19n5HGzCf+10LozMRSObtVr3ee1WoHtg==
+  dependencies:
+    "@types/estree-jsx" "^1.0.0"
+    "@types/hast" "^3.0.0"
+    "@types/mdast" "^4.0.0"
+    devlop "^1.0.0"
+    mdast-util-from-markdown "^2.0.0"
+    mdast-util-to-markdown "^2.0.0"
+
+mdast-util-phrasing@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-phrasing/-/mdast-util-phrasing-4.1.0.tgz#7cc0a8dec30eaf04b7b1a9661a92adb3382aa6e3"
+  integrity sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    unist-util-is "^6.0.0"
+
+mdast-util-to-hast@^13.0.0:
+  version "13.2.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-to-hast/-/mdast-util-to-hast-13.2.0.tgz#5ca58e5b921cc0a3ded1bc02eed79a4fe4fe41f4"
+  integrity sha512-QGYKEuUsYT9ykKBCMOEDLsU5JRObWQusAolFMeko/tYPufNkRffBAQjIE+99jbA87xv6FgmjLtwjh9wBWajwAA==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    "@types/mdast" "^4.0.0"
+    "@ungap/structured-clone" "^1.0.0"
+    devlop "^1.0.0"
+    micromark-util-sanitize-uri "^2.0.0"
     trim-lines "^3.0.0"
-    unist-util-generated "^2.0.0"
-    unist-util-position "^4.0.0"
-    unist-util-visit "^4.0.0"
+    unist-util-position "^5.0.0"
+    unist-util-visit "^5.0.0"
+    vfile "^6.0.0"
 
-mdast-util-to-markdown@^1.0.0:
-  version "1.5.0"
-  resolved "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-1.5.0.tgz"
-  integrity sha512-bbv7TPv/WC49thZPg3jXuqzuvI45IL2EVAr/KxF0BSdHsU0ceFHOmwQn6evxAh1GaoK/6GQ1wp4R4oW2+LFL/A==
+mdast-util-to-markdown@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-to-markdown/-/mdast-util-to-markdown-2.1.0.tgz#9813f1d6e0cdaac7c244ec8c6dabfdb2102ea2b4"
+  integrity sha512-SR2VnIEdVNCJbP6y7kVTJgPLifdr8WEU440fQec7qHoHOUz/oJ2jmNRqdDQ3rbiStOXb2mCDGTuwsK5OPUgYlQ==
   dependencies:
-    "@types/mdast" "^3.0.0"
-    "@types/unist" "^2.0.0"
+    "@types/mdast" "^4.0.0"
+    "@types/unist" "^3.0.0"
     longest-streak "^3.0.0"
-    mdast-util-phrasing "^3.0.0"
-    mdast-util-to-string "^3.0.0"
-    micromark-util-decode-string "^1.0.0"
-    unist-util-visit "^4.0.0"
+    mdast-util-phrasing "^4.0.0"
+    mdast-util-to-string "^4.0.0"
+    micromark-util-decode-string "^2.0.0"
+    unist-util-visit "^5.0.0"
     zwitch "^2.0.0"
 
-mdast-util-to-string@^3.0.0, mdast-util-to-string@^3.1.0:
-  version "3.2.0"
-  resolved "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-3.2.0.tgz"
-  integrity sha512-V4Zn/ncyN1QNSqSBxTrMOLpjr+IKdHl2v3KVLoWmDPscP4r9GcCi71gjgvUV1SFSKh92AjAG4peFuBl2/YgCJg==
+mdast-util-to-string@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-to-string/-/mdast-util-to-string-4.0.0.tgz#7a5121475556a04e7eddeb67b264aae79d312814"
+  integrity sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==
   dependencies:
-    "@types/mdast" "^3.0.0"
+    "@types/mdast" "^4.0.0"
 
 mdn-data@2.0.14:
   version "2.0.14"
@@ -11290,199 +11442,295 @@ micro@^10.0.1:
     content-type "1.0.4"
     raw-body "2.4.1"
 
-micromark-core-commonmark@^1.0.1:
-  version "1.1.0"
-  resolved "https://registry.npmjs.org/micromark-core-commonmark/-/micromark-core-commonmark-1.1.0.tgz"
-  integrity sha512-BgHO1aRbolh2hcrzL2d1La37V0Aoz73ymF8rAcKnohLy93titmv62E0gP8Hrx9PKcKrqCZ1BbLGbP3bEhoXYlw==
+micromark-core-commonmark@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-core-commonmark/-/micromark-core-commonmark-2.0.1.tgz#9a45510557d068605c6e9a80f282b2bb8581e43d"
+  integrity sha512-CUQyKr1e///ZODyD1U3xit6zXwy1a8q2a1S1HKtIlmgvurrEpaw/Y9y6KSIbF8P59cn/NjzHyO+Q2fAyYLQrAA==
   dependencies:
     decode-named-character-reference "^1.0.0"
-    micromark-factory-destination "^1.0.0"
-    micromark-factory-label "^1.0.0"
-    micromark-factory-space "^1.0.0"
-    micromark-factory-title "^1.0.0"
-    micromark-factory-whitespace "^1.0.0"
-    micromark-util-character "^1.0.0"
-    micromark-util-chunked "^1.0.0"
-    micromark-util-classify-character "^1.0.0"
-    micromark-util-html-tag-name "^1.0.0"
-    micromark-util-normalize-identifier "^1.0.0"
-    micromark-util-resolve-all "^1.0.0"
-    micromark-util-subtokenize "^1.0.0"
-    micromark-util-symbol "^1.0.0"
-    micromark-util-types "^1.0.1"
-    uvu "^0.5.0"
+    devlop "^1.0.0"
+    micromark-factory-destination "^2.0.0"
+    micromark-factory-label "^2.0.0"
+    micromark-factory-space "^2.0.0"
+    micromark-factory-title "^2.0.0"
+    micromark-factory-whitespace "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-chunked "^2.0.0"
+    micromark-util-classify-character "^2.0.0"
+    micromark-util-html-tag-name "^2.0.0"
+    micromark-util-normalize-identifier "^2.0.0"
+    micromark-util-resolve-all "^2.0.0"
+    micromark-util-subtokenize "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
 
-micromark-factory-destination@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.npmjs.org/micromark-factory-destination/-/micromark-factory-destination-1.1.0.tgz"
-  integrity sha512-XaNDROBgx9SgSChd69pjiGKbV+nfHGDPVYFs5dOoDd7ZnMAE+Cuu91BCpsY8RT2NP9vo/B8pds2VQNCLiu0zhg==
+micromark-extension-mdx-expression@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-extension-mdx-expression/-/micromark-extension-mdx-expression-3.0.0.tgz#1407b9ce69916cf5e03a196ad9586889df25302a"
+  integrity sha512-sI0nwhUDz97xyzqJAbHQhp5TfaxEvZZZ2JDqUo+7NvyIYG6BZ5CPPqj2ogUoPJlmXHBnyZUzISg9+oUmU6tUjQ==
   dependencies:
-    micromark-util-character "^1.0.0"
-    micromark-util-symbol "^1.0.0"
-    micromark-util-types "^1.0.0"
+    "@types/estree" "^1.0.0"
+    devlop "^1.0.0"
+    micromark-factory-mdx-expression "^2.0.0"
+    micromark-factory-space "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-events-to-acorn "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
 
-micromark-factory-label@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.npmjs.org/micromark-factory-label/-/micromark-factory-label-1.1.0.tgz"
-  integrity sha512-OLtyez4vZo/1NjxGhcpDSbHQ+m0IIGnT8BoPamh+7jVlzLJBH98zzuCoUeMxvM6WsNeh8wx8cKvqLiPHEACn0w==
+micromark-extension-mdx-jsx@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-extension-mdx-jsx/-/micromark-extension-mdx-jsx-3.0.1.tgz#5abb83da5ddc8e473a374453e6ea56fbd66b59ad"
+  integrity sha512-vNuFb9czP8QCtAQcEJn0UJQJZA8Dk6DXKBqx+bg/w0WGuSxDxNr7hErW89tHUY31dUW4NqEOWwmEUNhjTFmHkg==
   dependencies:
-    micromark-util-character "^1.0.0"
-    micromark-util-symbol "^1.0.0"
-    micromark-util-types "^1.0.0"
-    uvu "^0.5.0"
+    "@types/acorn" "^4.0.0"
+    "@types/estree" "^1.0.0"
+    devlop "^1.0.0"
+    estree-util-is-identifier-name "^3.0.0"
+    micromark-factory-mdx-expression "^2.0.0"
+    micromark-factory-space "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-events-to-acorn "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+    vfile-message "^4.0.0"
 
-micromark-factory-space@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.npmjs.org/micromark-factory-space/-/micromark-factory-space-1.1.0.tgz"
-  integrity sha512-cRzEj7c0OL4Mw2v6nwzttyOZe8XY/Z8G0rzmWQZTBi/jjwyw/U4uqKtUORXQrR5bAZZnbTI/feRV/R7hc4jQYQ==
+micromark-extension-mdx-md@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-extension-mdx-md/-/micromark-extension-mdx-md-2.0.0.tgz#1d252881ea35d74698423ab44917e1f5b197b92d"
+  integrity sha512-EpAiszsB3blw4Rpba7xTOUptcFeBFi+6PY8VnJ2hhimH+vCQDirWgsMpz7w1XcZE7LVrSAUGb9VJpG9ghlYvYQ==
   dependencies:
-    micromark-util-character "^1.0.0"
-    micromark-util-types "^1.0.0"
+    micromark-util-types "^2.0.0"
 
-micromark-factory-title@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.npmjs.org/micromark-factory-title/-/micromark-factory-title-1.1.0.tgz"
-  integrity sha512-J7n9R3vMmgjDOCY8NPw55jiyaQnH5kBdV2/UXCtZIpnHH3P6nHUKaH7XXEYuWwx/xUJcawa8plLBEjMPU24HzQ==
+micromark-extension-mdxjs-esm@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-extension-mdxjs-esm/-/micromark-extension-mdxjs-esm-3.0.0.tgz#de21b2b045fd2059bd00d36746081de38390d54a"
+  integrity sha512-DJFl4ZqkErRpq/dAPyeWp15tGrcrrJho1hKK5uBS70BCtfrIFg81sqcTVu3Ta+KD1Tk5vAtBNElWxtAa+m8K9A==
   dependencies:
-    micromark-factory-space "^1.0.0"
-    micromark-util-character "^1.0.0"
-    micromark-util-symbol "^1.0.0"
-    micromark-util-types "^1.0.0"
+    "@types/estree" "^1.0.0"
+    devlop "^1.0.0"
+    micromark-core-commonmark "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-events-to-acorn "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+    unist-util-position-from-estree "^2.0.0"
+    vfile-message "^4.0.0"
 
-micromark-factory-whitespace@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.npmjs.org/micromark-factory-whitespace/-/micromark-factory-whitespace-1.1.0.tgz"
-  integrity sha512-v2WlmiymVSp5oMg+1Q0N1Lxmt6pMhIHD457whWM7/GUlEks1hI9xj5w3zbc4uuMKXGisksZk8DzP2UyGbGqNsQ==
+micromark-extension-mdxjs@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-extension-mdxjs/-/micromark-extension-mdxjs-3.0.0.tgz#b5a2e0ed449288f3f6f6c544358159557549de18"
+  integrity sha512-A873fJfhnJ2siZyUrJ31l34Uqwy4xIFmvPY1oj+Ean5PHcPBYzEsvqvWGaWcfEIr11O5Dlw3p2y0tZWpKHDejQ==
   dependencies:
-    micromark-factory-space "^1.0.0"
-    micromark-util-character "^1.0.0"
-    micromark-util-symbol "^1.0.0"
-    micromark-util-types "^1.0.0"
+    acorn "^8.0.0"
+    acorn-jsx "^5.0.0"
+    micromark-extension-mdx-expression "^3.0.0"
+    micromark-extension-mdx-jsx "^3.0.0"
+    micromark-extension-mdx-md "^2.0.0"
+    micromark-extension-mdxjs-esm "^3.0.0"
+    micromark-util-combine-extensions "^2.0.0"
+    micromark-util-types "^2.0.0"
 
-micromark-util-character@^1.0.0:
-  version "1.2.0"
-  resolved "https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-1.2.0.tgz"
-  integrity sha512-lXraTwcX3yH/vMDaFWCQJP1uIszLVebzUa3ZHdrgxr7KEU/9mL4mVgCpGbyhvNLNlauROiNUq7WN5u7ndbY6xg==
+micromark-factory-destination@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-factory-destination/-/micromark-factory-destination-2.0.0.tgz#857c94debd2c873cba34e0445ab26b74f6a6ec07"
+  integrity sha512-j9DGrQLm/Uhl2tCzcbLhy5kXsgkHUrjJHg4fFAeoMRwJmJerT9aw4FEhIbZStWN8A3qMwOp1uzHr4UL8AInxtA==
   dependencies:
-    micromark-util-symbol "^1.0.0"
-    micromark-util-types "^1.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
 
-micromark-util-chunked@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.npmjs.org/micromark-util-chunked/-/micromark-util-chunked-1.1.0.tgz"
-  integrity sha512-Ye01HXpkZPNcV6FiyoW2fGZDUw4Yc7vT0E9Sad83+bEDiCJ1uXu0S3mr8WLpsz3HaG3x2q0HM6CTuPdcZcluFQ==
+micromark-factory-label@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-factory-label/-/micromark-factory-label-2.0.0.tgz#17c5c2e66ce39ad6f4fc4cbf40d972f9096f726a"
+  integrity sha512-RR3i96ohZGde//4WSe/dJsxOX6vxIg9TimLAS3i4EhBAFx8Sm5SmqVfR8E87DPSR31nEAjZfbt91OMZWcNgdZw==
   dependencies:
-    micromark-util-symbol "^1.0.0"
+    devlop "^1.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
 
-micromark-util-classify-character@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.npmjs.org/micromark-util-classify-character/-/micromark-util-classify-character-1.1.0.tgz"
-  integrity sha512-SL0wLxtKSnklKSUplok1WQFoGhUdWYKggKUiqhX+Swala+BtptGCu5iPRc+xvzJ4PXE/hwM3FNXsfEVgoZsWbw==
+micromark-factory-mdx-expression@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/micromark-factory-mdx-expression/-/micromark-factory-mdx-expression-2.0.2.tgz#2afaa8ba6d5f63e0cead3e4dee643cad184ca260"
+  integrity sha512-5E5I2pFzJyg2CtemqAbcyCktpHXuJbABnsb32wX2U8IQKhhVFBqkcZR5LRm1WVoFqa4kTueZK4abep7wdo9nrw==
   dependencies:
-    micromark-util-character "^1.0.0"
-    micromark-util-symbol "^1.0.0"
-    micromark-util-types "^1.0.0"
+    "@types/estree" "^1.0.0"
+    devlop "^1.0.0"
+    micromark-factory-space "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-events-to-acorn "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+    unist-util-position-from-estree "^2.0.0"
+    vfile-message "^4.0.0"
 
-micromark-util-combine-extensions@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.npmjs.org/micromark-util-combine-extensions/-/micromark-util-combine-extensions-1.1.0.tgz"
-  integrity sha512-Q20sp4mfNf9yEqDL50WwuWZHUrCO4fEyeDCnMGmG5Pr0Cz15Uo7KBs6jq+dq0EgX4DPwwrh9m0X+zPV1ypFvUA==
+micromark-factory-space@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-factory-space/-/micromark-factory-space-2.0.0.tgz#5e7afd5929c23b96566d0e1ae018ae4fcf81d030"
+  integrity sha512-TKr+LIDX2pkBJXFLzpyPyljzYK3MtmllMUMODTQJIUfDGncESaqB90db9IAUcz4AZAJFdd8U9zOp9ty1458rxg==
   dependencies:
-    micromark-util-chunked "^1.0.0"
-    micromark-util-types "^1.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-types "^2.0.0"
 
-micromark-util-decode-numeric-character-reference@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.npmjs.org/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-1.1.0.tgz"
-  integrity sha512-m9V0ExGv0jB1OT21mrWcuf4QhP46pH1KkfWy9ZEezqHKAxkj4mPCy3nIH1rkbdMlChLHX531eOrymlwyZIf2iw==
+micromark-factory-title@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-factory-title/-/micromark-factory-title-2.0.0.tgz#726140fc77892af524705d689e1cf06c8a83ea95"
+  integrity sha512-jY8CSxmpWLOxS+t8W+FG3Xigc0RDQA9bKMY/EwILvsesiRniiVMejYTE4wumNc2f4UbAa4WsHqe3J1QS1sli+A==
   dependencies:
-    micromark-util-symbol "^1.0.0"
+    micromark-factory-space "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
 
-micromark-util-decode-string@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.npmjs.org/micromark-util-decode-string/-/micromark-util-decode-string-1.1.0.tgz"
-  integrity sha512-YphLGCK8gM1tG1bd54azwyrQRjCFcmgj2S2GoJDNnh4vYtnL38JS8M4gpxzOPNyHdNEpheyWXCTnnTDY3N+NVQ==
+micromark-factory-whitespace@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-factory-whitespace/-/micromark-factory-whitespace-2.0.0.tgz#9e92eb0f5468083381f923d9653632b3cfb5f763"
+  integrity sha512-28kbwaBjc5yAI1XadbdPYHX/eDnqaUFVikLwrO7FDnKG7lpgxnvk/XGRhX/PN0mOZ+dBSZ+LgunHS+6tYQAzhA==
+  dependencies:
+    micromark-factory-space "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-util-character@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/micromark-util-character/-/micromark-util-character-2.1.0.tgz#31320ace16b4644316f6bf057531689c71e2aee1"
+  integrity sha512-KvOVV+X1yLBfs9dCBSopq/+G1PcgT3lAK07mC4BzXi5E7ahzMAF8oIupDDJ6mievI6F+lAATkbQQlQixJfT3aQ==
+  dependencies:
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-util-chunked@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-util-chunked/-/micromark-util-chunked-2.0.0.tgz#e51f4db85fb203a79dbfef23fd41b2f03dc2ef89"
+  integrity sha512-anK8SWmNphkXdaKgz5hJvGa7l00qmcaUQoMYsBwDlSKFKjc6gjGXPDw3FNL3Nbwq5L8gE+RCbGqTw49FK5Qyvg==
+  dependencies:
+    micromark-util-symbol "^2.0.0"
+
+micromark-util-classify-character@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-util-classify-character/-/micromark-util-classify-character-2.0.0.tgz#8c7537c20d0750b12df31f86e976d1d951165f34"
+  integrity sha512-S0ze2R9GH+fu41FA7pbSqNWObo/kzwf8rN/+IGlW/4tC6oACOs8B++bh+i9bVyNnwCcuksbFwsBme5OCKXCwIw==
+  dependencies:
+    micromark-util-character "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-util-combine-extensions@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-util-combine-extensions/-/micromark-util-combine-extensions-2.0.0.tgz#75d6ab65c58b7403616db8d6b31315013bfb7ee5"
+  integrity sha512-vZZio48k7ON0fVS3CUgFatWHoKbbLTK/rT7pzpJ4Bjp5JjkZeasRfrS9wsBdDJK2cJLHMckXZdzPSSr1B8a4oQ==
+  dependencies:
+    micromark-util-chunked "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-util-decode-numeric-character-reference@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-2.0.1.tgz#2698bbb38f2a9ba6310e359f99fcb2b35a0d2bd5"
+  integrity sha512-bmkNc7z8Wn6kgjZmVHOX3SowGmVdhYS7yBpMnuMnPzDq/6xwVA604DuOXMZTO1lvq01g+Adfa0pE2UKGlxL1XQ==
+  dependencies:
+    micromark-util-symbol "^2.0.0"
+
+micromark-util-decode-string@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-util-decode-string/-/micromark-util-decode-string-2.0.0.tgz#7dfa3a63c45aecaa17824e656bcdb01f9737154a"
+  integrity sha512-r4Sc6leeUTn3P6gk20aFMj2ntPwn6qpDZqWvYmAG6NgvFTIlj4WtrAudLi65qYoaGdXYViXYw2pkmn7QnIFasA==
   dependencies:
     decode-named-character-reference "^1.0.0"
-    micromark-util-character "^1.0.0"
-    micromark-util-decode-numeric-character-reference "^1.0.0"
-    micromark-util-symbol "^1.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-decode-numeric-character-reference "^2.0.0"
+    micromark-util-symbol "^2.0.0"
 
-micromark-util-encode@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-1.1.0.tgz"
-  integrity sha512-EuEzTWSTAj9PA5GOAs992GzNh2dGQO52UvAbtSOMvXTxv3Criqb6IOzJUBCmEqrrXSblJIJBbFFv6zPxpreiJw==
+micromark-util-encode@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-util-encode/-/micromark-util-encode-2.0.0.tgz#0921ac7953dc3f1fd281e3d1932decfdb9382ab1"
+  integrity sha512-pS+ROfCXAGLWCOc8egcBvT0kf27GoWMqtdarNfDcjb6YLuV5cM3ioG45Ys2qOVqeqSbjaKg72vU+Wby3eddPsA==
 
-micromark-util-html-tag-name@^1.0.0:
-  version "1.2.0"
-  resolved "https://registry.npmjs.org/micromark-util-html-tag-name/-/micromark-util-html-tag-name-1.2.0.tgz"
-  integrity sha512-VTQzcuQgFUD7yYztuQFKXT49KghjtETQ+Wv/zUjGSGBioZnkA4P1XXZPT1FHeJA6RwRXSF47yvJ1tsJdoxwO+Q==
-
-micromark-util-normalize-identifier@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.npmjs.org/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-1.1.0.tgz"
-  integrity sha512-N+w5vhqrBihhjdpM8+5Xsxy71QWqGn7HYNUvch71iV2PM7+E3uWGox1Qp90loa1ephtCxG2ftRV/Conitc6P2Q==
+micromark-util-events-to-acorn@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/micromark-util-events-to-acorn/-/micromark-util-events-to-acorn-2.0.2.tgz#4275834f5453c088bd29cd72dfbf80e3327cec07"
+  integrity sha512-Fk+xmBrOv9QZnEDguL9OI9/NQQp6Hz4FuQ4YmCb/5V7+9eAh1s6AYSvL20kHkD67YIg7EpE54TiSlcsf3vyZgA==
   dependencies:
-    micromark-util-symbol "^1.0.0"
+    "@types/acorn" "^4.0.0"
+    "@types/estree" "^1.0.0"
+    "@types/unist" "^3.0.0"
+    devlop "^1.0.0"
+    estree-util-visit "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+    vfile-message "^4.0.0"
 
-micromark-util-resolve-all@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.npmjs.org/micromark-util-resolve-all/-/micromark-util-resolve-all-1.1.0.tgz"
-  integrity sha512-b/G6BTMSg+bX+xVCshPTPyAu2tmA0E4X98NSR7eIbeC6ycCqCeE7wjfDIgzEbkzdEVJXRtOG4FbEm/uGbCRouA==
+micromark-util-html-tag-name@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-util-html-tag-name/-/micromark-util-html-tag-name-2.0.0.tgz#ae34b01cbe063363847670284c6255bb12138ec4"
+  integrity sha512-xNn4Pqkj2puRhKdKTm8t1YHC/BAjx6CEwRFXntTaRf/x16aqka6ouVoutm+QdkISTlT7e2zU7U4ZdlDLJd2Mcw==
+
+micromark-util-normalize-identifier@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-2.0.0.tgz#91f9a4e65fe66cc80c53b35b0254ad67aa431d8b"
+  integrity sha512-2xhYT0sfo85FMrUPtHcPo2rrp1lwbDEEzpx7jiH2xXJLqBuy4H0GgXk5ToU8IEwoROtXuL8ND0ttVa4rNqYK3w==
   dependencies:
-    micromark-util-types "^1.0.0"
+    micromark-util-symbol "^2.0.0"
 
-micromark-util-sanitize-uri@^1.0.0, micromark-util-sanitize-uri@^1.1.0:
-  version "1.2.0"
-  resolved "https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-1.2.0.tgz"
-  integrity sha512-QO4GXv0XZfWey4pYFndLUKEAktKkG5kZTdUNaTAkzbuJxn2tNBOr+QtxR2XpWaMhbImT2dPzyLrPXLlPhph34A==
+micromark-util-resolve-all@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-util-resolve-all/-/micromark-util-resolve-all-2.0.0.tgz#189656e7e1a53d0c86a38a652b284a252389f364"
+  integrity sha512-6KU6qO7DZ7GJkaCgwBNtplXCvGkJToU86ybBAUdavvgsCiG8lSSvYxr9MhwmQ+udpzywHsl4RpGJsYWG1pDOcA==
   dependencies:
-    micromark-util-character "^1.0.0"
-    micromark-util-encode "^1.0.0"
-    micromark-util-symbol "^1.0.0"
+    micromark-util-types "^2.0.0"
 
-micromark-util-subtokenize@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.npmjs.org/micromark-util-subtokenize/-/micromark-util-subtokenize-1.1.0.tgz"
-  integrity sha512-kUQHyzRoxvZO2PuLzMt2P/dwVsTiivCK8icYTeR+3WgbuPqfHgPPy7nFKbeqRivBvn/3N3GBiNC+JRTMSxEC7A==
+micromark-util-sanitize-uri@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-2.0.0.tgz#ec8fbf0258e9e6d8f13d9e4770f9be64342673de"
+  integrity sha512-WhYv5UEcZrbAtlsnPuChHUAsu/iBPOVaEVsntLBIdpibO0ddy8OzavZz3iL2xVvBZOpolujSliP65Kq0/7KIYw==
   dependencies:
-    micromark-util-chunked "^1.0.0"
-    micromark-util-symbol "^1.0.0"
-    micromark-util-types "^1.0.0"
-    uvu "^0.5.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-encode "^2.0.0"
+    micromark-util-symbol "^2.0.0"
 
-micromark-util-symbol@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.npmjs.org/micromark-util-symbol/-/micromark-util-symbol-1.1.0.tgz"
-  integrity sha512-uEjpEYY6KMs1g7QfJ2eX1SQEV+ZT4rUD3UcF6l57acZvLNK7PBZL+ty82Z1qhK1/yXIY4bdx04FKMgR0g4IAag==
+micromark-util-subtokenize@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-subtokenize/-/micromark-util-subtokenize-2.0.1.tgz#76129c49ac65da6e479c09d0ec4b5f29ec6eace5"
+  integrity sha512-jZNtiFl/1aY73yS3UGQkutD0UbhTt68qnRpw2Pifmz5wV9h8gOVsN70v+Lq/f1rKaU/W8pxRe8y8Q9FX1AOe1Q==
+  dependencies:
+    devlop "^1.0.0"
+    micromark-util-chunked "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
 
-micromark-util-types@^1.0.0, micromark-util-types@^1.0.1:
-  version "1.1.0"
-  resolved "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-1.1.0.tgz"
-  integrity sha512-ukRBgie8TIAcacscVHSiddHjO4k/q3pnedmzMQ4iwDcK0FtFCohKOlFbaOL/mPgfnPsL3C1ZyxJa4sbWrBl3jg==
+micromark-util-symbol@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-util-symbol/-/micromark-util-symbol-2.0.0.tgz#12225c8f95edf8b17254e47080ce0862d5db8044"
+  integrity sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw==
 
-micromark@^3.0.0:
-  version "3.2.0"
-  resolved "https://registry.npmjs.org/micromark/-/micromark-3.2.0.tgz"
-  integrity sha512-uD66tJj54JLYq0De10AhWycZWGQNUvDI55xPgk2sQM5kn1JYlhbCMTtEeT27+vAhW2FBQxLlOmS3pmA7/2z4aA==
+micromark-util-types@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-util-types/-/micromark-util-types-2.0.0.tgz#63b4b7ffeb35d3ecf50d1ca20e68fc7caa36d95e"
+  integrity sha512-oNh6S2WMHWRZrmutsRmDDfkzKtxF+bc2VxLC9dvtrDIRFln627VsFP6fLMgTryGDljgLPjkrzQSDcPrjPyDJ5w==
+
+micromark@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/micromark/-/micromark-4.0.0.tgz#84746a249ebd904d9658cfabc1e8e5f32cbc6249"
+  integrity sha512-o/sd0nMof8kYff+TqcDx3VSrgBTcZpSvYcAHIfHhv5VAuNmisCxjhx6YmxS8PFEpb9z5WKWKPdzf0jM23ro3RQ==
   dependencies:
     "@types/debug" "^4.0.0"
     debug "^4.0.0"
     decode-named-character-reference "^1.0.0"
-    micromark-core-commonmark "^1.0.1"
-    micromark-factory-space "^1.0.0"
-    micromark-util-character "^1.0.0"
-    micromark-util-chunked "^1.0.0"
-    micromark-util-combine-extensions "^1.0.0"
-    micromark-util-decode-numeric-character-reference "^1.0.0"
-    micromark-util-encode "^1.0.0"
-    micromark-util-normalize-identifier "^1.0.0"
-    micromark-util-resolve-all "^1.0.0"
-    micromark-util-sanitize-uri "^1.0.0"
-    micromark-util-subtokenize "^1.0.0"
-    micromark-util-symbol "^1.0.0"
-    micromark-util-types "^1.0.1"
-    uvu "^0.5.0"
+    devlop "^1.0.0"
+    micromark-core-commonmark "^2.0.0"
+    micromark-factory-space "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-chunked "^2.0.0"
+    micromark-util-combine-extensions "^2.0.0"
+    micromark-util-decode-numeric-character-reference "^2.0.0"
+    micromark-util-encode "^2.0.0"
+    micromark-util-normalize-identifier "^2.0.0"
+    micromark-util-resolve-all "^2.0.0"
+    micromark-util-sanitize-uri "^2.0.0"
+    micromark-util-subtokenize "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
 
 micromatch@^4.0.4, micromatch@^4.0.5:
   version "4.0.5"
@@ -11610,11 +11858,6 @@ moment@^2.29.4:
   resolved "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz"
   integrity sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==
 
-mri@^1.1.0:
-  version "1.2.0"
-  resolved "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz"
-  integrity sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==
-
 mrmime@^1.0.0:
   version "1.0.1"
   resolved "https://registry.npmjs.org/mrmime/-/mrmime-1.0.1.tgz"
@@ -11714,6 +11957,18 @@ next-i18next@^13.0.3:
     hoist-non-react-statics "^3.3.2"
     i18next-fs-backend "^2.1.1"
 
+next-mdx-remote@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/next-mdx-remote/-/next-mdx-remote-5.0.0.tgz#028a2cf5cf7f814d988d7ab11a401bed0f31b4ee"
+  integrity sha512-RNNbqRpK9/dcIFZs/esQhuLA8jANqlH694yqoDBK8hkVdJUndzzGmnPHa2nyi90N4Z9VmzuSWNRpr5ItT3M7xQ==
+  dependencies:
+    "@babel/code-frame" "^7.23.5"
+    "@mdx-js/mdx" "^3.0.1"
+    "@mdx-js/react" "^3.0.1"
+    unist-util-remove "^3.1.0"
+    vfile "^6.0.1"
+    vfile-matter "^5.0.0"
+
 next-seo@^6.1.0:
   version "6.1.0"
   resolved "https://registry.npmjs.org/next-seo/-/next-seo-6.1.0.tgz"
@@ -12189,6 +12444,20 @@ parent-module@^1.0.0:
   dependencies:
     callsites "^3.0.0"
 
+parse-entities@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/parse-entities/-/parse-entities-4.0.1.tgz#4e2a01111fb1c986549b944af39eeda258fc9e4e"
+  integrity sha512-SWzvYcSJh4d/SGLIOQfZ/CoNv6BTlI6YEQ7Nj82oDVnRpwe/Z/F1EMx42x3JAOwGBlCjeCH0BRJQbQ/opHL17w==
+  dependencies:
+    "@types/unist" "^2.0.0"
+    character-entities "^2.0.0"
+    character-entities-legacy "^3.0.0"
+    character-reference-invalid "^2.0.0"
+    decode-named-character-reference "^1.0.0"
+    is-alphanumerical "^2.0.0"
+    is-decimal "^2.0.0"
+    is-hexadecimal "^2.0.0"
+
 parse-json@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-4.0.0.tgz#be35f5425be1f7f6c747184f98a788cb99477ee0"
@@ -12331,6 +12600,15 @@ peberminta@^0.9.0:
   resolved "https://registry.npmjs.org/peberminta/-/peberminta-0.9.0.tgz"
   integrity sha512-XIxfHpEuSJbITd1H3EeQwpcZbTLHc+VVr8ANI9t5sit565tsI4/xK3KWTUFE2e6QiangUkh3B0jihzmGnNrRsQ==
 
+periscopic@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/periscopic/-/periscopic-3.1.0.tgz#7e9037bf51c5855bd33b48928828db4afa79d97a"
+  integrity sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==
+  dependencies:
+    "@types/estree" "^1.0.0"
+    estree-walker "^3.0.0"
+    is-reference "^3.0.0"
+
 pg-int8@1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/pg-int8/-/pg-int8-1.0.1.tgz#943bd463bf5b71b4170115f80f8efc9a0c0eb78c"
@@ -13293,44 +13571,34 @@ regjsparser@^0.9.1:
   dependencies:
     jsesc "~0.5.0"
 
-remark-html@^15.0.2:
-  version "15.0.2"
-  resolved "https://registry.npmjs.org/remark-html/-/remark-html-15.0.2.tgz"
-  integrity sha512-/CIOI7wzHJzsh48AiuIyIe1clxVkUtreul73zcCXLub0FmnevQE0UMFDQm7NUx8/3rl/4zCshlMfqBdWScQthw==
+remark-mdx@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/remark-mdx/-/remark-mdx-3.0.1.tgz#8f73dd635c1874e44426e243f72c0977cf60e212"
+  integrity sha512-3Pz3yPQ5Rht2pM5R+0J2MrGoBSrzf+tJG94N+t/ilfdh8YLyyKYtidAYwTveB20BoHAcwIopOUqhcmh2F7hGYA==
   dependencies:
-    "@types/mdast" "^3.0.0"
-    hast-util-sanitize "^4.0.0"
-    hast-util-to-html "^8.0.0"
-    mdast-util-to-hast "^12.0.0"
-    unified "^10.0.0"
+    mdast-util-mdx "^3.0.0"
+    micromark-extension-mdxjs "^3.0.0"
 
-remark-parse@^10.0.0:
-  version "10.0.2"
-  resolved "https://registry.npmjs.org/remark-parse/-/remark-parse-10.0.2.tgz"
-  integrity sha512-3ydxgHa/ZQzG8LvC7jTXccARYDcRld3VfcgIIFs7bI6vbRSxJJmzgLEIIoYKyrfhaY+ujuWaf/PJiMZXoiCXgw==
+remark-parse@^11.0.0:
+  version "11.0.0"
+  resolved "https://registry.yarnpkg.com/remark-parse/-/remark-parse-11.0.0.tgz#aa60743fcb37ebf6b069204eb4da304e40db45a1"
+  integrity sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==
   dependencies:
-    "@types/mdast" "^3.0.0"
-    mdast-util-from-markdown "^1.0.0"
-    unified "^10.0.0"
+    "@types/mdast" "^4.0.0"
+    mdast-util-from-markdown "^2.0.0"
+    micromark-util-types "^2.0.0"
+    unified "^11.0.0"
 
-remark-stringify@^10.0.0:
-  version "10.0.3"
-  resolved "https://registry.npmjs.org/remark-stringify/-/remark-stringify-10.0.3.tgz"
-  integrity sha512-koyOzCMYoUHudypbj4XpnAKFbkddRMYZHwghnxd7ue5210WzGw6kOBwauJTRUMq16jsovXx8dYNvSSWP89kZ3A==
+remark-rehype@^11.0.0:
+  version "11.1.1"
+  resolved "https://registry.yarnpkg.com/remark-rehype/-/remark-rehype-11.1.1.tgz#f864dd2947889a11997c0a2667cd6b38f685bca7"
+  integrity sha512-g/osARvjkBXb6Wo0XvAeXQohVta8i84ACbenPpoSsxTOQH/Ae0/RGP4WZgnMH5pMLpsj4FG7OHmcIcXxpza8eQ==
   dependencies:
-    "@types/mdast" "^3.0.0"
-    mdast-util-to-markdown "^1.0.0"
-    unified "^10.0.0"
-
-remark@^14.0.3:
-  version "14.0.3"
-  resolved "https://registry.npmjs.org/remark/-/remark-14.0.3.tgz"
-  integrity sha512-bfmJW1dmR2LvaMJuAnE88pZP9DktIFYXazkTfOIKZzi3Knk9lT0roItIA24ydOucI3bV/g/tXBA6hzqq3FV9Ew==
-  dependencies:
-    "@types/mdast" "^3.0.0"
-    remark-parse "^10.0.0"
-    remark-stringify "^10.0.0"
-    unified "^10.0.0"
+    "@types/hast" "^3.0.0"
+    "@types/mdast" "^4.0.0"
+    mdast-util-to-hast "^13.0.0"
+    unified "^11.0.0"
+    vfile "^6.0.0"
 
 remove-bom-buffer@^3.0.0:
   version "3.0.0"
@@ -13525,13 +13793,6 @@ rxjs@^7.5.4:
   dependencies:
     tslib "^2.1.0"
 
-sade@^1.7.3:
-  version "1.8.1"
-  resolved "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz"
-  integrity sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==
-  dependencies:
-    mri "^1.1.0"
-
 safe-array-concat@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.1.tgz"
@@ -13845,6 +14106,11 @@ source-map@^0.6.0, source-map@^0.6.1:
   resolved "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
+source-map@^0.7.0:
+  version "0.7.4"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.4.tgz#a9bbe705c9d8846f4e08ff6765acf0f1b0898656"
+  integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==
+
 sourcemap-codec@^1.4.8:
   version "1.4.8"
   resolved "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz"
@@ -14169,6 +14435,20 @@ strnum@^1.0.5:
   resolved "https://registry.npmjs.org/strnum/-/strnum-1.0.5.tgz"
   integrity sha512-J8bbNyKKXl5qYcR36TIO8W3mVGVHrmmxsd5PAItGkmyzwJvybiw2IVq5nqd0i4LSNSkB/sx9VHllbfFdr9k1JA==
 
+style-to-object@^0.4.0:
+  version "0.4.4"
+  resolved "https://registry.yarnpkg.com/style-to-object/-/style-to-object-0.4.4.tgz#266e3dfd56391a7eefb7770423612d043c3f33ec"
+  integrity sha512-HYNoHZa2GorYNyqiCaBgsxvcJIn7OHq6inEga+E6Ke3m5JkoqpQbnFssk4jwe+K7AhGa2fcha4wSOf1Kn01dMg==
+  dependencies:
+    inline-style-parser "0.1.1"
+
+style-to-object@^1.0.0:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/style-to-object/-/style-to-object-1.0.8.tgz#67a29bca47eaa587db18118d68f9d95955e81292"
+  integrity sha512-xT47I/Eo0rwJmaXC4oilDGDWLohVhR6o/xAQcPQN8q6QBuZVL8qMYL85kLmST5cPjAorwvqIA4qXTRQoYHaL6g==
+  dependencies:
+    inline-style-parser "0.2.4"
+
 styled-jsx@5.1.1:
   version "5.1.1"
   resolved "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz"
@@ -14791,18 +15071,18 @@ unicode-property-aliases-ecmascript@^2.0.0:
   resolved "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz"
   integrity sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==
 
-unified@^10.0.0:
-  version "10.1.2"
-  resolved "https://registry.npmjs.org/unified/-/unified-10.1.2.tgz"
-  integrity sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==
+unified@^11.0.0:
+  version "11.0.5"
+  resolved "https://registry.yarnpkg.com/unified/-/unified-11.0.5.tgz#f66677610a5c0a9ee90cab2b8d4d66037026d9e1"
+  integrity sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==
   dependencies:
-    "@types/unist" "^2.0.0"
+    "@types/unist" "^3.0.0"
     bail "^2.0.0"
+    devlop "^1.0.0"
     extend "^3.0.0"
-    is-buffer "^2.0.0"
     is-plain-obj "^4.0.0"
     trough "^2.0.0"
-    vfile "^5.0.0"
+    vfile "^6.0.0"
 
 unique-stream@^2.0.2:
   version "2.3.1"
@@ -14812,11 +15092,6 @@ unique-stream@^2.0.2:
     json-stable-stringify-without-jsonify "^1.0.1"
     through2-filter "^3.0.0"
 
-unist-util-generated@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.npmjs.org/unist-util-generated/-/unist-util-generated-2.0.1.tgz"
-  integrity sha512-qF72kLmPxAw0oN2fwpWIqbXAVyEqUzDHMsbtPvOudIlUzXYFIeQIuxXQCRCFh22B7cixvU0MG7m3MW8FTq/S+A==
-
 unist-util-is@^5.0.0:
   version "5.2.1"
   resolved "https://registry.npmjs.org/unist-util-is/-/unist-util-is-5.2.1.tgz"
@@ -14824,21 +15099,44 @@ unist-util-is@^5.0.0:
   dependencies:
     "@types/unist" "^2.0.0"
 
-unist-util-position@^4.0.0:
-  version "4.0.4"
-  resolved "https://registry.npmjs.org/unist-util-position/-/unist-util-position-4.0.4.tgz"
-  integrity sha512-kUBE91efOWfIVBo8xzh/uZQ7p9ffYRtUbMRZBNFYwf0RK8koUMx6dGUfwylLOKmaT2cs4wSW96QoYUSXAyEtpg==
+unist-util-is@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/unist-util-is/-/unist-util-is-6.0.0.tgz#b775956486aff107a9ded971d996c173374be424"
+  integrity sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==
+  dependencies:
+    "@types/unist" "^3.0.0"
+
+unist-util-position-from-estree@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/unist-util-position-from-estree/-/unist-util-position-from-estree-2.0.0.tgz#d94da4df596529d1faa3de506202f0c9a23f2200"
+  integrity sha512-KaFVRjoqLyF6YXCbVLNad/eS4+OfPQQn2yOd7zF/h5T/CSL2v8NpN6a5TPvtbXthAGw5nG+PuTtq+DdIZr+cRQ==
+  dependencies:
+    "@types/unist" "^3.0.0"
+
+unist-util-position@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/unist-util-position/-/unist-util-position-5.0.0.tgz#678f20ab5ca1207a97d7ea8a388373c9cf896be4"
+  integrity sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==
+  dependencies:
+    "@types/unist" "^3.0.0"
+
+unist-util-remove@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/unist-util-remove/-/unist-util-remove-3.1.1.tgz#8bfa181aff916bd32a4ed30b3ed76d0c21c077df"
+  integrity sha512-kfCqZK5YVY5yEa89tvpl7KnBBHu2c6CzMkqHUrlOqaRgGOMp0sMvwWOVrbAtj03KhovQB7i96Gda72v/EFE0vw==
   dependencies:
     "@types/unist" "^2.0.0"
+    unist-util-is "^5.0.0"
+    unist-util-visit-parents "^5.0.0"
 
-unist-util-stringify-position@^3.0.0:
-  version "3.0.3"
-  resolved "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-3.0.3.tgz"
-  integrity sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg==
+unist-util-stringify-position@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz#449c6e21a880e0855bf5aabadeb3a740314abac2"
+  integrity sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==
   dependencies:
-    "@types/unist" "^2.0.0"
+    "@types/unist" "^3.0.0"
 
-unist-util-visit-parents@^5.1.1:
+unist-util-visit-parents@^5.0.0:
   version "5.1.3"
   resolved "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-5.1.3.tgz"
   integrity sha512-x6+y8g7wWMyQhL1iZfhIPhDAs7Xwbn9nRosDXl7qoPTSCy0yNxnKc+hWokFifWQIDGi154rdUqKvbCa4+1kLhg==
@@ -14846,14 +15144,22 @@ unist-util-visit-parents@^5.1.1:
     "@types/unist" "^2.0.0"
     unist-util-is "^5.0.0"
 
-unist-util-visit@^4.0.0:
-  version "4.1.2"
-  resolved "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.2.tgz"
-  integrity sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==
+unist-util-visit-parents@^6.0.0:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/unist-util-visit-parents/-/unist-util-visit-parents-6.0.1.tgz#4d5f85755c3b8f0dc69e21eca5d6d82d22162815"
+  integrity sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==
   dependencies:
-    "@types/unist" "^2.0.0"
-    unist-util-is "^5.0.0"
-    unist-util-visit-parents "^5.1.1"
+    "@types/unist" "^3.0.0"
+    unist-util-is "^6.0.0"
+
+unist-util-visit@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/unist-util-visit/-/unist-util-visit-5.0.0.tgz#a7de1f31f72ffd3519ea71814cccf5fd6a9217d6"
+  integrity sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==
+  dependencies:
+    "@types/unist" "^3.0.0"
+    unist-util-is "^6.0.0"
+    unist-util-visit-parents "^6.0.0"
 
 unpipe@1.0.0:
   version "1.0.0"
@@ -14941,16 +15247,6 @@ uuid@^9.0.0, uuid@^9.0.1:
   resolved "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz"
   integrity sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==
 
-uvu@^0.5.0:
-  version "0.5.6"
-  resolved "https://registry.npmjs.org/uvu/-/uvu-0.5.6.tgz"
-  integrity sha512-+g8ENReyr8YsOc6fv/NVJs2vFdHBnBNdfE49rshrTzDWOlUx4Gq7KOS2GD8eqhy2j+Ejq29+SbKH8yjkAqXqoA==
-  dependencies:
-    dequal "^2.0.0"
-    diff "^5.0.0"
-    kleur "^4.0.3"
-    sade "^1.7.3"
-
 validate-npm-package-license@^3.0.1:
   version "3.0.4"
   resolved "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz"
@@ -14969,31 +15265,29 @@ vary@^1:
   resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
   integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
 
-vfile-location@^4.0.0:
-  version "4.1.0"
-  resolved "https://registry.npmjs.org/vfile-location/-/vfile-location-4.1.0.tgz"
-  integrity sha512-YF23YMyASIIJXpktBa4vIGLJ5Gs88UB/XePgqPmTa7cDA+JeO3yclbpheQYCHjVHBn/yePzrXuygIL+xbvRYHw==
+vfile-matter@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/vfile-matter/-/vfile-matter-5.0.0.tgz#4f8d6476a432f9556784a8b538f7da0ba25e053d"
+  integrity sha512-jhPSqlj8hTSkTXOqyxbUeZAFFVq/iwu/jukcApEqc/7DOidaAth6rDc0Zgg0vWpzUnWkwFP7aK28l6nBmxMqdQ==
   dependencies:
-    "@types/unist" "^2.0.0"
-    vfile "^5.0.0"
+    vfile "^6.0.0"
+    yaml "^2.0.0"
 
-vfile-message@^3.0.0:
-  version "3.1.4"
-  resolved "https://registry.npmjs.org/vfile-message/-/vfile-message-3.1.4.tgz"
-  integrity sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw==
+vfile-message@^4.0.0:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/vfile-message/-/vfile-message-4.0.2.tgz#c883c9f677c72c166362fd635f21fc165a7d1181"
+  integrity sha512-jRDZ1IMLttGj41KcZvlrYAaI3CfqpLpfpf+Mfig13viT6NKvRzWZ+lXz0Y5D60w6uJIBAOGq9mSHf0gktF0duw==
   dependencies:
-    "@types/unist" "^2.0.0"
-    unist-util-stringify-position "^3.0.0"
+    "@types/unist" "^3.0.0"
+    unist-util-stringify-position "^4.0.0"
 
-vfile@^5.0.0:
-  version "5.3.7"
-  resolved "https://registry.npmjs.org/vfile/-/vfile-5.3.7.tgz"
-  integrity sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g==
+vfile@^6.0.0, vfile@^6.0.1:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/vfile/-/vfile-6.0.3.tgz#3652ab1c496531852bf55a6bac57af981ebc38ab"
+  integrity sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==
   dependencies:
-    "@types/unist" "^2.0.0"
-    is-buffer "^2.0.0"
-    unist-util-stringify-position "^3.0.0"
-    vfile-message "^3.0.0"
+    "@types/unist" "^3.0.0"
+    vfile-message "^4.0.0"
 
 vinyl-fs@^3.0.1:
   version "3.0.3"
@@ -15164,11 +15458,6 @@ wcwidth@^1.0.1:
   dependencies:
     defaults "^1.0.3"
 
-web-namespaces@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.npmjs.org/web-namespaces/-/web-namespaces-2.0.1.tgz"
-  integrity sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==
-
 web-vitals@^4.0.1:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/web-vitals/-/web-vitals-4.2.1.tgz#67eec387ddd0ef4c25574a01ab9dae723eee2b97"
@@ -15413,6 +15702,11 @@ yaml@^1.10.0:
   resolved "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz"
   integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
 
+yaml@^2.0.0:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.5.1.tgz#c9772aacf62cb7494a95b0c4f1fb065b563db130"
+  integrity sha512-bLQOjaX/ADgQ20isPJRvF0iRUHIxVhYvr53Of7wGcWlO2jvtUlH5m87DsmulFVxRpNLOnI4tB6p/oh8D7kpn9Q==
+
 yaml@^2.1.1:
   version "2.3.1"
   resolved "https://registry.npmjs.org/yaml/-/yaml-2.3.1.tgz"
@@ -15454,7 +15748,7 @@ zod@^3.23.8:
   resolved "https://registry.yarnpkg.com/zod/-/zod-3.23.8.tgz#e37b957b5d52079769fb8097099b592f0ef4067d"
   integrity sha512-XBx9AXhXktjUqnepgTiE5flcKIYWi/rme0Eaj+5Y0lftuGBq+jyRu/md4WnuxqgP1ubdpNCsYEYPxrzVHD8d6g==
 
-zwitch@^2.0.0, zwitch@^2.0.4:
+zwitch@^2.0.0:
   version "2.0.4"
   resolved "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz"
   integrity sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==