redesign: home & docs layout

.agents/AGENTS.md

@@ -61,7 +61,9 @@ This repository powers the Langfuse website hosted on `langfuse.com`, including
 ## Key config files
 
 - `next.config.mjs` — Next.js config and redirects.
-- `theme.config.tsx` — Nextra theme configuration.
+- `source.config.ts` — declares all Fumadocs content collections (docs, blog, changelog, integrations, marketing, …).
+- `lib/source.ts` — exports a `loader` for each collection.
+- `lib/section-registry.ts` — maps URL slugs to layout types; all derived routing sets live here. Do not hardcode slugs elsewhere.
 - `tailwind.config.js` — Tailwind setup.
 - `components.json` — shadcn/ui component config.
 

.agents/cursor/rules/_general-rules.mdc

@@ -7,11 +7,12 @@ alwaysApply: true
 # General rules
 
 - This is the documentation for the Langfuse website.
-- We use Nextra.site, v3, docs: https://nextra-v2-7hslbun8z-shud.vercel.app/
-- All pages are in the /pages folder and rendered by Nextra.site.
+- We use Fumadocs (App Router). Docs: https://www.fumadocs.dev/docs
+- Content lives in the /content folder, organized by section (docs, blog, changelog, guides, etc.).
+- App routes are in the /app folder.
 - Reusable markdown components are in the /components-mdx folder.
 - The devserver is running on http://localhost:3333.
 
 ## Frontend
 
-- When using tailwindcss, never use explicit colors, always use the default semantic color tokens introduced by shadcn/ui.
+- When using tailwindcss, never use explicit colors, always use the default semantic color tokens.

.agents/skills/customer-story-setup/SKILL.md

@@ -1,7 +1,7 @@
 ---
 name: customer-story-setup
 description: >-
-  Converts draft customer-story Markdown into Langfuse website MDX (Nextra),
+  Converts draft customer-story Markdown into Langfuse website MDX (Fumadocs),
   collects missing metadata and assets, wires meta.json and authors. Use when
   adding or converting a customer case study, user story, or /users page, or
   when the user mentions customer story setup, cresta/canva-style posts, or

.github/workflows/nextjs_bundle_analysis.yml

@@ -38,19 +38,6 @@ jobs:
 
       - run: pnpm install
 
-      # DO NOT CACHE DUE TO NEXTRA CACHING ISSUES
-      # - name: Restore next build
-      #   uses: actions/cache@v3
-      #   id: restore-build-cache
-      #   env:
-      #     cache-name: cache-next-build
-      #   with:
-      #     # if you use a custom build directory, replace all instances of `.next` in this file with your build directory
-      #     # ex: if your app builds to `dist`, replace `.next` with `dist`
-      #     path: .next/cache
-      #     # change this if you prefer a more strict cache
-      #     key: ${{ runner.os }}-build-${{ env.cache-name }}
-
       - name: Build next.js app
         # change this if your site requires a custom build command
         run: ./node_modules/.bin/next build

app/(home)/layout.tsx

@@ -1,9 +1,9 @@
-import { Layout } from "@/components/layout";
+import { HomeLayout } from "@/components/layout";
 
 export default function HomeLayoutRoute({
   children,
 }: {
   children: React.ReactNode;
 }) {
-  return <Layout>{children}</Layout>;
+  return <HomeLayout>{children}</HomeLayout>;
 }

app/(home)/page.tsx

@@ -1,46 +1,7 @@
 import { Home } from "@/components/home";
-import { usersSource, changelogSource } from "@/lib/source";
-import { sortCustomerStoriesByMetaOrder } from "@/lib/sortCustomerStoriesByMeta";
-import type { CustomerStory } from "@/components/customers/CustomerCarousel";
-import type { ChangelogItem } from "@/components/home/Changelog";
 
 export default function HomePage() {
-  const customerStories: CustomerStory[] = sortCustomerStoriesByMetaOrder(
-    usersSource.getPages().map((page) => ({
-      route: page.url,
-      frontMatter: {
-        title: page.data.title,
-        description: page.data.description,
-        customerLogo: page.data.customerLogo ?? undefined,
-        customerLogoDark: page.data.customerLogoDark ?? undefined,
-        customerQuote: page.data.customerQuote ?? undefined,
-        quoteAuthor: page.data.quoteAuthor ?? undefined,
-        quoteRole: page.data.quoteRole ?? undefined,
-        quoteCompany: page.data.quoteCompany ?? undefined,
-        quoteAuthorImage: page.data.quoteAuthorImage ?? undefined,
-        showInCustomerIndex: page.data.showInCustomerIndex ?? undefined,
-      },
-    })),
-  );
-
-  const changelogItems: ChangelogItem[] = changelogSource
-    .getPages()
-    .filter((page) => page.data.title && page.data.date)
-    .sort(
-      (a, b) =>
-        new Date(a.data.date as string).getTime() -
-        new Date(b.data.date as string).getTime()
-    )
-    .reverse()
-    .slice(0, 20)
-    .map((page) => ({
-      route: page.url,
-      title: page.data.title ?? null,
-      author: (page.data.author as string | undefined) ?? null,
-      date: new Date(page.data.date as string).toISOString(),
-    }));
-
   return (
-    <Home customerStories={customerStories} changelogItems={changelogItems} />
+    <Home />
   );
 }

app/(pricing)/layout.tsx

@@ -0,0 +1,18 @@
+import type { ReactNode } from "react";
+import { HomeLayout } from "@/components/layout";
+
+/**
+ * Shared layout for the pricing pages (/pricing and /pricing-self-host).
+ * Renders the default HomeLayout but without the right aside — the
+ * pricing content spans the full main area under the navbar.
+ */
+export default function PricingLayout({ children }: { children: ReactNode }) {
+  return (
+    <HomeLayout
+      showAside={false}
+      footerClassName="md:max-w-none xl:max-w-none px-4 sm:px-6 md:px-8"
+    >
+      {children}
+    </HomeLayout>
+  );
+}

app/(pricing)/pricing-self-host/page.tsx

@@ -0,0 +1,12 @@
+import type { Metadata } from "next";
+import { PricingPage } from "@/components/home/pricing";
+
+export const metadata: Metadata = {
+  title: "Self-Hosted Pricing",
+  description:
+    "Deploy Langfuse OSS today. Upgrade to Enterprise at any time.",
+};
+
+export default function PricingSelfHost() {
+  return <PricingPage isPricingPage initialVariant="selfHosted" />;
+}

app/(pricing)/pricing/page.tsx

@@ -0,0 +1,12 @@
+import type { Metadata } from "next";
+import { PricingPage } from "@/components/home/pricing";
+
+export const metadata: Metadata = {
+  title: "Pricing",
+  description:
+    "Simple pricing for projects of all sizes. Get started on our Hobby plan without a credit card.",
+};
+
+export default function Pricing() {
+  return <PricingPage isPricingPage />;
+}