diff --git a/src/app/(landing)/[locale]/community-edition/page.tsx b/src/app/(landing)/[locale]/community-edition/page.tsx
index 7d2fb2e6..a4a14fab 100644
--- a/src/app/(landing)/[locale]/community-edition/page.tsx
+++ b/src/app/(landing)/[locale]/community-edition/page.tsx
@@ -1,8 +1,4 @@
-import { CtaSection } from "@/components/sections/CtaSection"
-import { EditionFeatureSection } from "@/components/sections/EditionFeatureSection"
-import { EditionHeroSection } from "@/components/sections/EditionHeroSection"
-import { EditionInstallSection } from "@/components/sections/EditionInstallSection"
-import { EditionUseCaseSection } from "@/components/sections/EditionUseCaseSection"
+import { PageBlocks } from "@/components/PageBlockRenderer"
 import { LandingContainer } from "@/components/ui/LandingContainer"
 import { getLandingPage } from "@/lib/cms"
 import { isSupportedLocale } from "@/lib/i18n"
@@ -20,31 +16,11 @@ export default async function CommunityEditionPage({ params }: { params: Promise
     if (!isSupportedLocale(locale)) notFound()
 
     const page = await getLandingPage("community-edition", locale)
-    const heroBlock = page?.layout?.find((item) => item.blockType === "editionHero") ?? null
-    const featuresBlock = page?.layout?.find((item) => item.blockType === "editionFeatures") ?? null
-    const installBlock = page?.layout?.find((item) => item.blockType === "editionInstall") ?? null
-    const useCaseBlock = page?.layout?.find((item) => item.blockType === "editionUseCases") ?? null
-    const ctaBlock = page?.layout?.find((item) => item.blockType === "cta") ?? null
 
     return (
         <LandingContainer>
             <div className="h-12 lg:h-16" aria-hidden="true" />
-            <EditionHeroSection
-                content={heroBlock}
-                locale={locale}
-                grainientColors={{
-                    color1: "#10213a",
-                    color2: "#f872e2",
-                    color3: "#f8f172",
-                    backgroundColor: "#0b1324",
-                }}
-            />
-            <div className="h-32" aria-hidden="true" />
-            <EditionFeatureSection content={featuresBlock} />
-            <div className="h-32" aria-hidden="true" />
-            <EditionInstallSection content={installBlock} />
-            <div className="h-32" aria-hidden="true" />
-            <CtaSection content={ctaBlock} />
+            <PageBlocks blocks={page?.layout} locale={locale} />
         </LandingContainer>
     )
 }
diff --git a/src/app/(landing)/[locale]/enterprise-edition/page.tsx b/src/app/(landing)/[locale]/enterprise-edition/page.tsx
index 8bd5c82a..28fe3d9d 100644
--- a/src/app/(landing)/[locale]/enterprise-edition/page.tsx
+++ b/src/app/(landing)/[locale]/enterprise-edition/page.tsx
@@ -1,15 +1,10 @@
-import { CtaSection } from "@/components/sections/CtaSection"
-import { EditionFeatureSection } from "@/components/sections/EditionFeatureSection"
-import { EditionHeroSection } from "@/components/sections/EditionHeroSection"
-import { EditionUseCaseSection } from "@/components/sections/EditionUseCaseSection"
+import { PageBlocks } from "@/components/PageBlockRenderer"
 import { LandingContainer } from "@/components/ui/LandingContainer"
 import { getLandingPage } from "@/lib/cms"
-import type { CtaLayoutBlock } from "@/lib/cms"
 import { isSupportedLocale } from "@/lib/i18n"
 import { getLandingPageMetadata } from "@/lib/pageMetadata"
 import type { Metadata } from "next"
 import { notFound } from "next/navigation"
-import React from "react"
 
 export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
     const { locale } = await params
@@ -21,35 +16,11 @@ export default async function EnterpriseEditionPage({ params }: { params: Promis
     if (!isSupportedLocale(locale)) notFound()
 
     const page = await getLandingPage("enterprise-edition", locale)
-    const heroBlock = page?.layout?.find((item) => item.blockType === "editionHero") ?? null
-    const ctaBlock = (page?.layout?.find((item) => item.blockType === "cta") ?? null) as CtaLayoutBlock | null
-    const blocks = page?.layout?.filter((item) => item.blockType === "editionUseCases" || item.blockType === "editionFeatures") ?? []
 
     return (
         <LandingContainer>
             <div className="h-12 lg:h-16" aria-hidden="true" />
-            <EditionHeroSection
-                content={heroBlock}
-                locale={locale}
-                grainientColors={{
-                    color1: "#13102d",
-                    color2: "#7472f8",
-                    color3: "#72c9f8",
-                    backgroundColor: "#140c22",
-                }}
-            />
-            {blocks.map((block, index) => (
-                <React.Fragment key={index}>
-                    <div className="h-32" aria-hidden="true" />
-                    {block.blockType === "editionFeatures" ? (
-                        <EditionFeatureSection content={block} />
-                    ) : block.blockType === "editionUseCases" ? (
-                        <EditionUseCaseSection content={block} />
-                    ) : null}
-                </React.Fragment>
-            ))}
-            <div className="h-32" aria-hidden="true" />
-            <CtaSection content={ctaBlock} floatingCta locale={locale} />
+            <PageBlocks blocks={page?.layout} ctaFloating locale={locale} />
         </LandingContainer>
     )
 }
diff --git a/src/app/(landing)/[locale]/layout.tsx b/src/app/(landing)/[locale]/layout.tsx
index 6e28415f..7a0565b2 100644
--- a/src/app/(landing)/[locale]/layout.tsx
+++ b/src/app/(landing)/[locale]/layout.tsx
@@ -1,6 +1,5 @@
 import ConsentManager from "@/components/providers/ConsentManager"
 import { Navigation } from "@/components/navigation/Navigation"
-import { SectionsProvider } from "@/components/providers/SectionsProvider"
 import { FooterSection } from "@/components/sections/FooterSection"
 import { getFooter } from "@/lib/cms"
 import { getNavbarItems } from "@/lib/cms"
@@ -23,21 +22,18 @@ export default async function LocaleLayout({ children, params }: LocaleLayoutPro
         notFound()
     }
 
-    const [items, footer, sections] = await Promise.all([
+    const [items, footer] = await Promise.all([
         getNavbarItems(locale),
         getFooter(locale),
-        getSections(locale),
     ])
 
     return (
         <ConsentManager locale={locale}>
             <div className="relative bg-primary overflow-x-hidden">
                 <Navigation locale={locale} items={items} footer={footer} />
-                <SectionsProvider sections={sections}>
-                    <main id="main-content" className="bg-primary">
-                        {children}
-                    </main>
-                </SectionsProvider>
+                <main id="main-content" className="bg-primary">
+                    {children}
+                </main>
                 <FooterSection locale={locale} footer={footer} />
                 <div className="pointer-events-none absolute inset-x-0 bottom-0 z-50 flex justify-center" aria-hidden="true">
                     <div className="h-16 w-full bg-blue/20 blur-3xl" />
diff --git a/src/app/(landing)/[locale]/page.tsx b/src/app/(landing)/[locale]/page.tsx
index e5ddd309..a3f4f9b4 100644
--- a/src/app/(landing)/[locale]/page.tsx
+++ b/src/app/(landing)/[locale]/page.tsx
@@ -1,13 +1,6 @@
+import { DeploymentImage } from "@/components/DeploymentImage"
+import { PageBlocks } from "@/components/PageBlockRenderer"
 import { LandingContainer } from "@/components/ui/LandingContainer"
-import { HeroSection } from "@/components/sections/HeroSection"
-import { BrandSection } from "@/components/sections/BrandSection"
-import { UseCaseSection } from "@/components/sections/UseCaseSection"
-import { AppFeatureSection } from "@/components/sections/AppFeatureSection"
-import { DeploymentSection } from "@/components/sections/DeploymentSection"
-import { RuntimeFeatureSection } from "@/components/sections/RuntimeFeatureSection"
-import { RoadmapSection } from "@/components/sections/RoadmapSection"
-import { FaqSection } from "@/components/sections/FaqSection"
-import { CtaSection } from "@/components/sections/CtaSection"
 import { getLandingPage } from "@/lib/cms"
 import type { DeploymentLayoutBlock, HeroLayoutBlock } from "@/lib/cms"
 import type { BrandLayoutBlock } from "@/lib/cms"
@@ -26,38 +19,22 @@ export async function generateMetadata({ params }: { params: Promise<{ locale: s
 
 export default async function Page({ params }: { params: Promise<{ locale: string }> }) {
     const { locale } = await params
-    if (!isSupportedLocale(locale)) {
-        notFound()
-    }
+    if (!isSupportedLocale(locale)) notFound()
 
     const page = await getLandingPage("main", locale)
-    const layout = page?.layout ?? []
-    const heroBlock = layout.find((block): block is HeroLayoutBlock => block.blockType === "hero") ?? null
-    const brandBlock = layout.find((block): block is BrandLayoutBlock => block.blockType === "brand") ?? null
-    const useCaseBlock = layout.find((block): block is UseCaseLayoutBlock => block.blockType === "usecase") ?? null
-    const faqBlock = layout.find((block): block is FaqLayoutBlock => block.blockType === "faq") ?? null
-    const ctaBlock = layout.find((block): block is CtaLayoutBlock => block.blockType === "cta") ?? null
-    const deploymentBlock = layout.find((block): block is DeploymentLayoutBlock => block.blockType === "deployment") ?? null
 
     return (
         <LandingContainer>
             <div className="h-12 lg:h-16" aria-hidden="true" />
-            <HeroSection content={heroBlock} />
-            <BrandSection content={brandBlock} />
-            <div className="h-32" aria-hidden="true" />
-            <UseCaseSection content={useCaseBlock} />
-            <div className="h-32" aria-hidden="true" />
-            <AppFeatureSection locale={locale} />
-            <div className="h-32" aria-hidden="true" />
-            <DeploymentSection content={deploymentBlock} />
-            <div className="h-32" aria-hidden="true" />
-            <RuntimeFeatureSection locale={locale} />
-            <div className="h-32" aria-hidden="true" />
-            <RoadmapSection locale={locale} />
-            <div className="h-32" aria-hidden="true" />
-            <FaqSection content={faqBlock} />
-            <div className="h-32" aria-hidden="true" />
-            <CtaSection content={ctaBlock} />
+            <PageBlocks
+                blocks={page?.layout}
+                locale={locale}
+                cardRowChildren={[
+                    <DeploymentImage key="cloud" color="aqua" icon="cloud" text="Cloud" />,
+                    <DeploymentImage key="selfhost" color="pink" icon="server" text="Selfhost" />,
+                    <DeploymentImage key="dynamic" color="brand" icon="cloud-computing" text="Dynamic" />,
+                ]}
+            />
         </LandingContainer>
     )
 }
diff --git a/src/blocks/BentoBlock.ts b/src/blocks/BentoBlock.ts
new file mode 100644
index 00000000..2f6d8382
--- /dev/null
+++ b/src/blocks/BentoBlock.ts
@@ -0,0 +1,66 @@
+import type { Block } from "payload"
+
+export const BentoBlock: Block = {
+  slug: "bento",
+  labels: {
+    singular: "Bento",
+    plural: "Bento Blocks",
+  },
+  fields: [
+    {
+      type: "collapsible",
+      label: "Section",
+      fields: [
+        {
+          name: "sectionHeading",
+          label: "Section Heading",
+          type: "text",
+          required: false,
+          localized: true,
+        },
+        {
+          name: "sectionDescription",
+          label: "Section Description",
+          type: "textarea",
+          required: false,
+          localized: true,
+        },
+        {
+          name: "sectionLinkButton",
+          label: "Section Link Button",
+          type: "group",
+          fields: [
+            {
+              name: "label",
+              type: "text",
+              required: false,
+              localized: true,
+            },
+            {
+              name: "url",
+              type: "text",
+              required: false,
+            },
+          ],
+        },
+      ],
+    },
+    {
+      name: "variant",
+      label: "Variant",
+      type: "select",
+      required: true,
+      defaultValue: "feature",
+      options: [
+        {
+          label: "Feature",
+          value: "feature",
+        },
+        {
+          label: "Runtime",
+          value: "runtime",
+        },
+      ],
+    },
+  ],
+}
diff --git a/src/blocks/CardRowBlock.ts b/src/blocks/CardRowBlock.ts
new file mode 100644
index 00000000..768c75f9
--- /dev/null
+++ b/src/blocks/CardRowBlock.ts
@@ -0,0 +1,92 @@
+import type { Block } from "payload"
+
+export const CardRowBlock: Block = {
+  slug: "cardRow",
+  labels: {
+    singular: "Card Row",
+    plural: "Card Rows",
+  },
+  fields: [
+    {
+      type: "collapsible",
+      label: "Section",
+      fields: [
+        {
+          name: "sectionHeading",
+          label: "Section Heading",
+          type: "text",
+          required: false,
+          localized: true,
+        },
+        {
+          name: "sectionDescription",
+          label: "Section Description",
+          type: "textarea",
+          required: false,
+          localized: true,
+        },
+        {
+          name: "sectionLinkButton",
+          label: "Section Link Button",
+          type: "group",
+          fields: [
+            {
+              name: "label",
+              type: "text",
+              required: false,
+              localized: true,
+            },
+            {
+              name: "url",
+              type: "text",
+              required: false,
+            },
+          ],
+        },
+      ],
+    },
+    {
+      name: "cards",
+      label: "Cards",
+      type: "array",
+      required: false,
+      fields: [
+        {
+          name: "title",
+          type: "text",
+          required: true,
+          localized: true,
+        },
+        {
+          name: "description",
+          type: "textarea",
+          required: false,
+          localized: true,
+        },
+        {
+          name: "link",
+          type: "group",
+          fields: [
+            {
+              name: "label",
+              type: "text",
+              required: false,
+              localized: true,
+            },
+            {
+              name: "url",
+              type: "text",
+              required: false,
+            },
+          ],
+        },
+        {
+          name: "image",
+          type: "upload",
+          relationTo: "media",
+          required: false,
+        },
+      ],
+    },
+  ],
+}
diff --git a/src/blocks/DeploymentBlock.ts b/src/blocks/DeploymentBlock.ts
deleted file mode 100644
index e7412e0d..00000000
--- a/src/blocks/DeploymentBlock.ts
+++ /dev/null
@@ -1,101 +0,0 @@
-import type { Block } from "payload"
-
-export const DeploymentBlock: Block = {
-  slug: "deployment",
-  labels: {
-    singular: "Deployment",
-    plural: "Deployment Blocks",
-  },
-  fields: [
-    {
-      name: "cloudTitle",
-      type: "text",
-      required: false,
-      localized: true,
-    },
-    {
-      name: "cloudDescription",
-      type: "textarea",
-      required: false,
-      localized: true,
-    },
-    {
-      name: "cloudLink",
-      label: "Cloud Link",
-      type: "group",
-      fields: [
-        {
-          name: "label",
-          type: "text",
-          required: false,
-          localized: true,
-        },
-        {
-          name: "url",
-          type: "text",
-          required: false,
-        },
-      ],
-    },
-    {
-      name: "selfhostTitle",
-      type: "text",
-      required: false,
-      localized: true,
-    },
-    {
-      name: "selfhostDescription",
-      type: "textarea",
-      required: false,
-      localized: true,
-    },
-    {
-      name: "selfhostLink",
-      label: "Selfhost Link",
-      type: "group",
-      fields: [
-        {
-          name: "label",
-          type: "text",
-          required: false,
-          localized: true,
-        },
-        {
-          name: "url",
-          type: "text",
-          required: false,
-        },
-      ],
-    },
-    {
-      name: "dynamicTitle",
-      type: "text",
-      required: false,
-      localized: true,
-    },
-    {
-      name: "dynamicDescription",
-      type: "textarea",
-      required: false,
-      localized: true,
-    },
-    {
-      name: "dynamicLink",
-      label: "Dynamic Link",
-      type: "group",
-      fields: [
-        {
-          name: "label",
-          type: "text",
-          required: false,
-          localized: true,
-        },
-        {
-          name: "url",
-          type: "text",
-          required: false,
-        },
-      ],
-    },
-  ],
-}
diff --git a/src/blocks/EditionHeroBlock.ts b/src/blocks/EditionHeroBlock.ts
deleted file mode 100644
index 4bbafaca..00000000
--- a/src/blocks/EditionHeroBlock.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-import type { Block } from "payload"
-
-export const EditionHeroBlock: Block = {
-  slug: "editionHero",
-  labels: {
-    singular: "Edition Hero",
-    plural: "Edition Hero Blocks",
-  },
-  fields: [
-    {
-      name: "heading",
-      type: "text",
-      required: true,
-      localized: true,
-    },
-    {
-      name: "texts",
-      label: "Texts",
-      type: "array",
-      required: false,
-      fields: [
-        {
-          name: "text",
-          type: "text",
-          required: true,
-          localized: true,
-        },
-      ],
-    },
-    {
-      name: "buttons",
-      label: "Buttons",
-      type: "array",
-      required: false,
-      maxRows: 3,
-      fields: [
-        {
-          name: "label",
-          type: "text",
-          required: true,
-          localized: true,
-        },
-        {
-          name: "url",
-          type: "text",
-          required: true,
-        },
-        {
-          name: "variant",
-          type: "select",
-          required: false,
-          defaultValue: "normal",
-          options: [
-            {
-              label: "None",
-              value: "none",
-            },
-            {
-              label: "Normal",
-              value: "normal",
-            },
-            {
-              label: "Outlined",
-              value: "outlined",
-            },
-            {
-              label: "Filled",
-              value: "filled",
-            },
-          ],
-        },
-      ],
-    },
-    {
-      name: "imageAlt",
-      type: "text",
-      required: true,
-      localized: true,
-    },
-  ],
-}
diff --git a/src/blocks/FaqBlock.ts b/src/blocks/FaqBlock.ts
index d2100f3d..8a0d0e0c 100644
--- a/src/blocks/FaqBlock.ts
+++ b/src/blocks/FaqBlock.ts
@@ -7,6 +7,44 @@ export const FaqBlock: Block = {
     plural: "FAQ Blocks",
   },
   fields: [
+    {
+      type: "collapsible",
+      label: "Section",
+      fields: [
+        {
+          name: "sectionHeading",
+          label: "Section Heading",
+          type: "text",
+          required: false,
+          localized: true,
+        },
+        {
+          name: "sectionDescription",
+          label: "Section Description",
+          type: "textarea",
+          required: false,
+          localized: true,
+        },
+        {
+          name: "sectionLinkButton",
+          label: "Section Link Button",
+          type: "group",
+          fields: [
+            {
+              name: "label",
+              type: "text",
+              required: false,
+              localized: true,
+            },
+            {
+              name: "url",
+              type: "text",
+              required: false,
+            },
+          ],
+        },
+      ],
+    },
     {
       name: "items",
       label: "FAQ Items",
diff --git a/src/blocks/HeroBlock.ts b/src/blocks/HeroBlock.ts
index 485b444b..9e57e7e9 100644
--- a/src/blocks/HeroBlock.ts
+++ b/src/blocks/HeroBlock.ts
@@ -24,6 +24,39 @@ export const HeroBlock: Block = {
       required: true,
       localized: true,
     },
+    {
+      name: "centered",
+      label: "Centered layout",
+      type: "checkbox",
+      defaultValue: false,
+    },
+    {
+      name: "grainientColors",
+      label: "Grainient Colors",
+      type: "group",
+      fields: [
+        {
+          name: "color1",
+          type: "text",
+          required: false,
+        },
+        {
+          name: "color2",
+          type: "text",
+          required: false,
+        },
+        {
+          name: "color3",
+          type: "text",
+          required: false,
+        },
+        {
+          name: "backgroundColor",
+          type: "text",
+          required: false,
+        },
+      ],
+    },
     {
       name: "texts",
       label: "Texts",
diff --git a/src/blocks/EditionInstallBlock.ts b/src/blocks/InstallBlock.ts
similarity index 78%
rename from src/blocks/EditionInstallBlock.ts
rename to src/blocks/InstallBlock.ts
index df76cce3..7a2bc955 100644
--- a/src/blocks/EditionInstallBlock.ts
+++ b/src/blocks/InstallBlock.ts
@@ -1,10 +1,10 @@
 import type { Block } from "payload"
 
-export const EditionInstallBlock: Block = {
-  slug: "editionInstall",
+export const InstallBlock: Block = {
+  slug: "install",
   labels: {
-    singular: "Edition Install",
-    plural: "Edition Install Blocks",
+    singular: "Install",
+    plural: "Install Blocks",
   },
   fields: [
     {
diff --git a/src/blocks/EditionFeaturesBlock.ts b/src/blocks/OffsetCardsBlock.ts
similarity index 55%
rename from src/blocks/EditionFeaturesBlock.ts
rename to src/blocks/OffsetCardsBlock.ts
index 85332192..2bda514c 100644
--- a/src/blocks/EditionFeaturesBlock.ts
+++ b/src/blocks/OffsetCardsBlock.ts
@@ -1,15 +1,53 @@
 import type { Block } from "payload"
 
-export const EditionFeaturesBlock: Block = {
-  slug: "editionFeatures",
+export const OffsetCardsBlock: Block = {
+  slug: "offsetCards",
   labels: {
-    singular: "Edition Feature",
-    plural: "Edition Feature Blocks",
+    singular: "Offset Cards",
+    plural: "Offset Cards Blocks",
   },
   fields: [
     {
-      name: "features",
-      label: "Features",
+      type: "collapsible",
+      label: "Section",
+      fields: [
+        {
+          name: "sectionHeading",
+          label: "Section Heading",
+          type: "text",
+          required: false,
+          localized: true,
+        },
+        {
+          name: "sectionDescription",
+          label: "Section Description",
+          type: "textarea",
+          required: false,
+          localized: true,
+        },
+        {
+          name: "sectionLinkButton",
+          label: "Section Link Button",
+          type: "group",
+          fields: [
+            {
+              name: "label",
+              type: "text",
+              required: false,
+              localized: true,
+            },
+            {
+              name: "url",
+              type: "text",
+              required: false,
+            },
+          ],
+        },
+      ],
+    },
+    {
+      name: "cards",
+      label: "Cards",
       type: "array",
       required: true,
       fields: [
diff --git a/src/blocks/UseCaseBlock.ts b/src/blocks/RoadmapBlock.ts
similarity index 64%
rename from src/blocks/UseCaseBlock.ts
rename to src/blocks/RoadmapBlock.ts
index 6f187f56..0f6129cf 100644
--- a/src/blocks/UseCaseBlock.ts
+++ b/src/blocks/RoadmapBlock.ts
@@ -1,54 +1,33 @@
 import type { Block } from "payload"
 
-export const UseCaseBlock: Block = {
-  slug: "usecase",
+export const RoadmapBlock: Block = {
+  slug: "roadmap",
   labels: {
-    singular: "Use Case",
-    plural: "Use Case Blocks",
+    singular: "Roadmap",
+    plural: "Roadmap Blocks",
   },
   fields: [
     {
-      name: "useCases",
-      label: "Use Cases",
-      type: "array",
-      required: true,
+      type: "collapsible",
+      label: "Section",
       fields: [
         {
-          name: "label",
+          name: "sectionHeading",
+          label: "Section Heading",
           type: "text",
-          required: true,
-          localized: true,
-        },
-        {
-          name: "title",
-          type: "text",
-          required: true,
+          required: false,
           localized: true,
         },
         {
-          name: "description",
+          name: "sectionDescription",
+          label: "Section Description",
           type: "textarea",
-          required: true,
-          localized: true,
-        },
-        {
-          name: "image",
-          label: "Image",
-          type: "upload",
-          relationTo: "media",
-          required: false,
-        },
-        {
-          name: "bulletPoints",
-          label: "Bullet Points",
-          type: "text",
           required: false,
-          hasMany: true,
           localized: true,
         },
         {
-          name: "link",
-          label: "Link",
+          name: "sectionLinkButton",
+          label: "Section Link Button",
           type: "group",
           fields: [
             {
@@ -66,5 +45,31 @@ export const UseCaseBlock: Block = {
         },
       ],
     },
+    {
+      name: "items",
+      label: "Items",
+      type: "array",
+      required: true,
+      fields: [
+        {
+          name: "time",
+          type: "text",
+          required: true,
+          localized: true,
+        },
+        {
+          name: "title",
+          type: "text",
+          required: true,
+          localized: true,
+        },
+        {
+          name: "description",
+          type: "text",
+          required: true,
+          localized: true,
+        },
+      ],
+    },
   ],
 }
diff --git a/src/blocks/ScrollCardBlock.ts b/src/blocks/ScrollCardBlock.ts
new file mode 100644
index 00000000..1270e38b
--- /dev/null
+++ b/src/blocks/ScrollCardBlock.ts
@@ -0,0 +1,145 @@
+import type { Block } from "payload"
+
+export const ScrollCardBlock: Block = {
+  slug: "scrollCards",
+  labels: {
+    singular: "Scroll Cards",
+    plural: "Scroll Cards Blocks",
+  },
+  fields: [
+    {
+      name: "items",
+      label: "Items",
+      type: "array",
+      required: true,
+      fields: [
+        {
+          name: "title",
+          type: "text",
+          required: true,
+          localized: true,
+        },
+        {
+          name: "description",
+          type: "textarea",
+          required: true,
+          localized: true,
+        },
+        {
+          name: "showImageBorder",
+          label: "Show Image Border",
+          type: "checkbox",
+          defaultValue: true,
+        },
+        {
+          name: "sectionLayout",
+          label: "Section Layout",
+          type: "select",
+          required: true,
+          defaultValue: "imageRight",
+          options: [
+            {
+              label: "Image right",
+              value: "imageRight",
+            },
+            {
+              label: "Image left",
+              value: "imageLeft",
+            },
+          ],
+        },
+        {
+          name: "gradient",
+          label: "Gradient",
+          type: "select",
+          required: false,
+          defaultValue: "blue",
+          options: [
+            {
+              label: "Blue",
+              value: "blue",
+            },
+            {
+              label: "Yellow",
+              value: "yellow",
+            },
+            {
+              label: "Pink",
+              value: "pink",
+            },
+            {
+              label: "Aqua",
+              value: "aqua",
+            },
+            {
+              label: "Brand",
+              value: "brand",
+            },
+            {
+              label: "Neutral",
+              value: "neutral",
+            },
+          ],
+        },
+        {
+          name: "gradientDirection",
+          label: "Gradient Direction",
+          type: "select",
+          required: false,
+          defaultValue: "topLeft",
+          options: [
+            {
+              label: "Top left",
+              value: "topLeft",
+            },
+            {
+              label: "Top right",
+              value: "topRight",
+            },
+            {
+              label: "Bottom left",
+              value: "bottomLeft",
+            },
+            {
+              label: "Bottom right",
+              value: "bottomRight",
+            },
+          ],
+        },
+        {
+          name: "bulletPoints",
+          label: "Bullet Points",
+          type: "text",
+          required: false,
+          hasMany: true,
+          localized: true,
+        },
+        {
+          name: "image",
+          label: "Image",
+          type: "upload",
+          relationTo: "media",
+          required: false,
+        },
+        {
+          name: "link",
+          label: "Link",
+          type: "group",
+          fields: [
+            {
+              name: "label",
+              type: "text",
+              required: false,
+              localized: true,
+            },
+            {
+              name: "url",
+              type: "text",
+              required: false,
+            },
+          ],
+        },
+      ],
+    },
+  ],
+}
diff --git a/src/blocks/EditionUseCaseBlock.ts b/src/blocks/SwipeCardBlock.ts
similarity index 67%
rename from src/blocks/EditionUseCaseBlock.ts
rename to src/blocks/SwipeCardBlock.ts
index b9d7514e..9d4fdb88 100644
--- a/src/blocks/EditionUseCaseBlock.ts
+++ b/src/blocks/SwipeCardBlock.ts
@@ -1,27 +1,27 @@
 import type { Block } from "payload"
 
-export const EditionUseCaseBlock: Block = {
-  slug: "editionUseCases",
+export const SwipeCardBlock: Block = {
+  slug: "swipeCards",
   labels: {
-    singular: "Edition UseCases",
-    plural: "Edition UseCase Blocks",
+    singular: "Swipe Cards",
+    plural: "Swipe Cards Blocks",
   },
-    fields: [
-        {
-          name: "heading",
-          type: "text",
-          required: true,
-          localized: true,
-        },
-        {
-          name: "subheading",
-          type: "textarea",
-          required: true,
-          localized: true,
-        },
+  fields: [
+    {
+      name: "heading",
+      type: "text",
+      required: false,
+      localized: true,
+    },
+    {
+      name: "subheading",
+      type: "textarea",
+      required: false,
+      localized: true,
+    },
     {
-      name: "useCases",
-      label: "UseCases",
+      name: "cards",
+      label: "Cards",
       type: "array",
       required: true,
       fields: [
diff --git a/src/collections/pages.ts b/src/collections/pages.ts
index 17f4bd0f..b0ec96ba 100644
--- a/src/collections/pages.ts
+++ b/src/collections/pages.ts
@@ -1,18 +1,19 @@
 import { ActionBlock } from "@/blocks/ActionBlock"
-import { EditionUseCaseBlock } from "@/blocks/EditionUseCaseBlock"
+import { SwipeCardBlock } from "@/blocks/SwipeCardBlock"
 import { BlogBlock } from "../blocks/BlogBlock"
 import { BrandBlock } from "../blocks/BrandBlock"
+import { CardRowBlock } from "../blocks/CardRowBlock"
 import { ContactBlock } from "../blocks/ContactBlock"
 import { CtaBlock } from "../blocks/CtaBlock"
-import { DeploymentBlock } from "../blocks/DeploymentBlock"
-import { EditionFeaturesBlock } from "../blocks/EditionFeaturesBlock"
-import { EditionHeroBlock } from "../blocks/EditionHeroBlock"
-import { EditionInstallBlock } from "../blocks/EditionInstallBlock"
 import { FaqBlock } from "../blocks/FaqBlock"
+import { BentoBlock } from "../blocks/BentoBlock"
 import { HeroBlock } from "../blocks/HeroBlock"
+import { InstallBlock } from "../blocks/InstallBlock"
 import { JobsBlock } from "../blocks/JobsBlock"
 import { MarkdownBlock } from "../blocks/MarkdownBlock"
-import { UseCaseBlock } from "../blocks/UseCaseBlock"
+import { OffsetCardsBlock } from "../blocks/OffsetCardsBlock"
+import { RoadmapBlock } from "../blocks/RoadmapBlock"
+import { ScrollCardBlock } from "../blocks/ScrollCardBlock"
 import type { CollectionConfig } from "payload"
 
 export const Pages: CollectionConfig = {
@@ -60,7 +61,7 @@ export const Pages: CollectionConfig = {
       name: "layout",
       label: "Layout",
       type: "blocks",
-      blocks: [HeroBlock, EditionHeroBlock, EditionFeaturesBlock, EditionInstallBlock, EditionUseCaseBlock, BrandBlock, UseCaseBlock, FaqBlock, CtaBlock, JobsBlock, BlogBlock, ActionBlock, MarkdownBlock, ContactBlock, DeploymentBlock],
+      blocks: [HeroBlock, BentoBlock, OffsetCardsBlock, InstallBlock, SwipeCardBlock, BrandBlock, FaqBlock, CtaBlock, JobsBlock, BlogBlock, ActionBlock, MarkdownBlock, ContactBlock, CardRowBlock, RoadmapBlock, ScrollCardBlock],
       required: false,
       localized: true,
     },
diff --git a/src/collections/roadmapItems.ts b/src/collections/roadmapItems.ts
deleted file mode 100644
index d64262e0..00000000
--- a/src/collections/roadmapItems.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import type { CollectionConfig } from "payload"
-
-export const RoadmapItems: CollectionConfig = {
-  slug: "roadmapItems",
-  admin: {
-    useAsTitle: "title",
-    defaultColumns: ["time", "title", "updatedAt"],
-  },
-  access: {
-    read: () => true,
-    create: ({ req }) => Boolean(req.user),
-    update: ({ req }) => Boolean(req.user),
-    delete: ({ req }) => Boolean(req.user),
-  },
-  fields: [
-    {
-      name: "time",
-      type: "text",
-        required: true,
-        localized: true,
-    },
-    {
-      name: "title",
-      type: "text",
-        required: true,
-        localized: true,
-    },
-    {
-      name: "description",
-      type: "text",
-        required: true,
-        localized: true,
-    },
-  ],
-}
diff --git a/src/collections/sections.ts b/src/collections/sections.ts
deleted file mode 100644
index e7c26cf2..00000000
--- a/src/collections/sections.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { CollectionConfig } from 'payload'
-
-export const Sections: CollectionConfig = {
-    slug: 'sections',
-    admin: {
-      useAsTitle: 'heading',
-    },
-    fields: [
-        {
-            name: 'heading',
-            type: 'text',
-            required: true,
-            localized: true,
-        },
-        {
-            name: 'subheading',
-            type: 'text',
-            required: false,
-            localized: true,
-        },
-        {
-            name: 'sectionType',
-            label: 'Section Type',
-            type: 'select',
-            required: true,
-            options: [
-                {
-                    label: 'AppFeatureSection',
-                    value: 'AppFeatureSection',
-                },
-                {
-                    label: 'FaqSection',
-                    value: 'FaqSection',
-                },
-                {
-                    label: 'RoadmapSection',
-                    value: 'RoadmapSection',
-                },
-                {
-                    label: 'RuntimeFeatureSection',
-                    value: 'RuntimeFeatureSection',
-                },
-                {
-                    label: 'UseCaseSection',
-                    value: 'UseCaseSection',
-                },
-                {
-                    label: 'DeploymentSection',
-                    value: 'DeploymentSection',
-                },
-            ],
-        },
-        {
-            name: 'link_button',
-            label: 'Link Button',
-            type: 'group',
-            fields: [
-                {
-                    name: 'label',
-                    type: 'text',
-                    required: false,
-                    localized: true,
-                },
-                {
-                    name: 'url',
-                    type: 'text',
-                    required: false,
-                },
-            ],
-        },
-    ],
-}
diff --git a/src/components/PageBlockRenderer.tsx b/src/components/PageBlockRenderer.tsx
new file mode 100644
index 00000000..94b11f27
--- /dev/null
+++ b/src/components/PageBlockRenderer.tsx
@@ -0,0 +1,67 @@
+import { BrandSection } from "@/components/sections/BrandSection"
+import { CardRowSection } from "@/components/sections/CardRowSection"
+import { CtaSection } from "@/components/sections/CtaSection"
+import { FaqSection } from "@/components/sections/FaqSection"
+import { BentoSection } from "@/components/sections/BentoSection"
+import { HeroSection } from "@/components/sections/HeroSection"
+import { InstallSection } from "@/components/sections/InstallSection"
+import { OffsetCardsSection } from "@/components/sections/OffsetCardsSection"
+import { RoadmapSection } from "@/components/sections/RoadmapSection"
+import { ScrollCardSection } from "@/components/sections/ScrollCardSection"
+import { SwipeCardSection } from "@/components/sections/SwipeCardSection"
+import type { AppLocale } from "@/lib/i18n"
+import type { Page } from "@/payload-types"
+import React, { type ReactNode } from "react"
+
+type PageBlock = NonNullable<Page["layout"]>[number]
+
+interface PageBlocksRendererProps {
+    blocks?: PageBlock[] | null
+    cardRowChildren?: ReactNode
+    ctaFloating?: boolean
+    locale?: AppLocale
+}
+
+function renderPageBlock(block: PageBlock, options: Pick<PageBlocksRendererProps, "cardRowChildren" | "ctaFloating" | "locale">) {
+    switch (block.blockType) {
+        case "hero":
+            return <HeroSection content={block} />
+        case "bento":
+            return <BentoSection content={block} locale={options.locale} />
+        case "brand":
+            return <BrandSection content={block} />
+        case "offsetCards":
+            return <OffsetCardsSection content={block} />
+        case "cardRow":
+            return <CardRowSection content={block}>{options.cardRowChildren}</CardRowSection>
+        case "faq":
+            return <FaqSection content={block} />
+        case "cta":
+            return <CtaSection content={block} floatingCta={options.ctaFloating} />
+        case "install":
+            return <InstallSection content={block} />
+        case "roadmap":
+            return <RoadmapSection content={block} />
+        case "scrollCards":
+            return <ScrollCardSection content={block} />
+        case "swipeCards":
+            return <SwipeCardSection content={block} />
+        default:
+            return null
+    }
+}
+
+export function PageBlocks({ blocks, cardRowChildren, ctaFloating = false, locale }: PageBlocksRendererProps) {
+    const renderableBlocks = blocks?.filter((block) => renderPageBlock(block, { cardRowChildren, ctaFloating, locale }) !== null) ?? []
+
+    return (
+        <>
+            {renderableBlocks.map((block, index) => (
+                <React.Fragment key={block.id ?? index}>
+                    {index > 0 && <div className="h-32" aria-hidden="true" />}
+                    {renderPageBlock(block, { cardRowChildren, ctaFloating, locale })}
+                </React.Fragment>
+            ))}
+        </>
+    )
+}
diff --git a/src/components/bentos/FeatureBento.tsx b/src/components/bentos/FeatureBento.tsx
new file mode 100644
index 00000000..72d67b92
--- /dev/null
+++ b/src/components/bentos/FeatureBento.tsx
@@ -0,0 +1,21 @@
+import { type AppLocale } from "@/lib/i18n"
+import { BentoGrid } from "../ui/BentoGrid"
+import { ProjectsCard } from "../cards/ProjectsCard"
+import { RoleSystemCard } from "../cards/RoleSystemCard"
+import { OrganizationCard } from "../cards/OrganizationCard"
+import { MemberManagementCard } from "../cards/MemberManagementCard"
+
+interface FeatureBentoProps {
+    locale: AppLocale
+}
+
+export function FeatureBento({ locale }: FeatureBentoProps) {
+    return (
+        <BentoGrid>
+            <ProjectsCard locale={locale} animationDelay={0} />
+            <RoleSystemCard locale={locale} animationDelay={120} />
+            <OrganizationCard locale={locale} animationDelay={240} />
+            <MemberManagementCard locale={locale} animationDelay={360} />
+        </BentoGrid>
+    )
+}
diff --git a/src/components/bentos/RuntimeBento.tsx b/src/components/bentos/RuntimeBento.tsx
new file mode 100644
index 00000000..0fac284d
--- /dev/null
+++ b/src/components/bentos/RuntimeBento.tsx
@@ -0,0 +1,21 @@
+import { type AppLocale } from "@/lib/i18n"
+import { ActionListCard } from "../cards/ActionListCard"
+import { NodeCard } from "../cards/NodeCard"
+import { RuntimeTypesCard } from "../cards/RuntimeTypesCard"
+import { SuggestionMenuCard } from "../cards/SuggestionMenuCard"
+import { BentoGrid } from "../ui/BentoGrid"
+
+interface RuntimeFeatureSectionProps {
+    locale: AppLocale
+}
+
+export function RuntimeBento({ locale }: RuntimeFeatureSectionProps) {
+    return (
+        <BentoGrid columns={3}>
+            <NodeCard locale={locale} animationDelay={0} />
+            <SuggestionMenuCard locale={locale} animationDelay={120} />
+            <ActionListCard locale={locale} animationDelay={240} />
+            <RuntimeTypesCard locale={locale} animationDelay={360} />
+        </BentoGrid>
+    )
+}
diff --git a/src/components/cards/EditionUseCaseCard.tsx b/src/components/cards/EditionUseCaseCard.tsx
index 13d27d39..f9412258 100644
--- a/src/components/cards/EditionUseCaseCard.tsx
+++ b/src/components/cards/EditionUseCaseCard.tsx
@@ -30,20 +30,17 @@ export function EditionUseCaseCard({
     return (
         <div
             className={cn(
-                "glass-card-shell group relative h-full rounded-[1.6rem] shadow-[0_14px_42px_rgba(0,0,0,0.3)] transition-all duration-500 ease-out before:pointer-events-none before:absolute before:inset-1px before:rounded-[calc(1.6rem-1px)] before:border before:border-white/6 before:content-['']",
-                isFocused
-                    ? "scale-100 opacity-100 z-10"
-                    : "scale-90 opacity-40 blur-[2px]",
-                className,
+                "glass-card-shell group relative flex h-full min-h-0 flex-col rounded-3xl transition-all duration-500 ease-out before:pointer-events-none before:absolute before:inset-1px before:rounded-[calc(1.6rem-1px)] before:border before:border-white/6 before:content-['']",
+                className
             )}
         >
             <div aria-hidden="true" className="glass-card-topline"/>
             <div
-                className="relative z-10 flex h-full flex-col items-stretch justify-start overflow-hidden rounded-[1.6rem]">
-                {imageUrl ? (
-                    <div className={"p-2"}>
+                className="relative flex h-full flex-col items-stretch justify-start overflow-hidden rounded-2xl">
+                <div className={"p-2"}>
+                    {imageUrl ? (
                         <div
-                            className="relative overflow-hidden aspect-video w-full rounded-[1.2rem] border border-white/8 bg-primary/40">
+                            className="relative overflow-hidden aspect-video w-full rounded-2xl border border-white/10 bg-primary/50">
                             <Image
                                 src={imageUrl}
                                 alt={title}
@@ -52,23 +49,26 @@ export function EditionUseCaseCard({
                                 className="object-cover"
                             />
                         </div>
-                    </div>
-                ) : (
-                    <div className="relative h-48 w-full bg-white/5"/>
-                )}
+                    ) : (
+                        <div className="relative w-full aspect-video bg-white/5 rounded-2xl"/>
+                    )}
+                </div>
 
-                <div className="flex flex-1 flex-col gap-2 p-4">
-                    <h3 className="text-xl font-semibold text-white">
+
+                <div className="flex min-h-0 flex-1 flex-col gap-2 p-4">
+                    <h3 className="line-clamp-2 text-xl font-semibold text-white">
                         {title}
                     </h3>
-                    <p className="mb-2 text-sm text-white/70 leading-relaxed">
+                    <p className="mb-2 text-sm text-white/75 leading-relaxed">
                         {description}
                     </p>
 
                     {link?.url && link?.label && (
-                        <LinkButton href={link.url}>
-                            {link.label}
-                        </LinkButton>
+                        <div className="mt-auto pt-2">
+                            <LinkButton href={link.url} className="my-2">
+                                {link.label}
+                            </LinkButton>
+                        </div>
                     )}
                 </div>
             </div>
diff --git a/src/components/providers/SectionsProvider.tsx b/src/components/providers/SectionsProvider.tsx
deleted file mode 100644
index 24a870c6..00000000
--- a/src/components/providers/SectionsProvider.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-"use client"
-
-import type { Section } from "@/payload-types"
-import { createContext, type ReactNode, useContext, useMemo } from "react"
-
-type SectionType = NonNullable<Section["sectionType"]>
-type SectionsMap = Partial<Record<SectionType, Section>>
-
-const SectionsContext = createContext<SectionsMap>({})
-
-interface SectionsProviderProps {
-    sections: Section[]
-    children: ReactNode
-}
-
-export function SectionsProvider({ sections, children }: SectionsProviderProps) {
-    const sectionsMap = useMemo<SectionsMap>(() => {
-        return sections.reduce<SectionsMap>((acc, section) => {
-            acc[section.sectionType] = section
-            return acc
-        }, {})
-    }, [sections])
-
-    return (
-        <SectionsContext.Provider value={sectionsMap}>
-            {children}
-        </SectionsContext.Provider>
-    )
-}
-
-export function usePreloadedSection(sectionType?: SectionType) {
-    const sections = useContext(SectionsContext)
-    if (!sectionType) return null
-    return sections[sectionType] ?? null
-}
diff --git a/src/components/sections/AppFeatureSection.tsx b/src/components/sections/AppFeatureSection.tsx
deleted file mode 100644
index e2c952ec..00000000
--- a/src/components/sections/AppFeatureSection.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Section } from "@/components/ui/Section"
-import { type AppLocale } from "@/lib/i18n"
-import { MemberManagementCard } from "../cards/MemberManagementCard"
-import { OrganizationCard } from "../cards/OrganizationCard"
-import { RoleSystemCard } from "../cards/RoleSystemCard"
-import { ProjectsCard } from "../cards/ProjectsCard"
-import { BentoGrid } from "../ui/BentoGrid"
-
-interface AppFeatureSectionProps {
-    locale: AppLocale
-}
-
-export const AppFeatureSection: React.FC<AppFeatureSectionProps> = ({ locale }) => {
-    return (
-        <Section sectionType="AppFeatureSection" fullHeight>
-            <BentoGrid>
-                <ProjectsCard locale={locale} animationDelay={0} />
-                <RoleSystemCard locale={locale} animationDelay={120} />
-                <OrganizationCard locale={locale} animationDelay={240} />
-                <MemberManagementCard locale={locale} animationDelay={360} />
-            </BentoGrid>
-        </Section>
-    )
-}
diff --git a/src/components/sections/BentoSection.tsx b/src/components/sections/BentoSection.tsx
new file mode 100644
index 00000000..6c064fa7
--- /dev/null
+++ b/src/components/sections/BentoSection.tsx
@@ -0,0 +1,29 @@
+import { FeatureBento } from "@/components/bentos/FeatureBento"
+import { RuntimeBento } from "@/components/bentos/RuntimeBento"
+import { Section } from "@/components/ui/Section"
+import { BentoLayoutBlock } from "@/lib/cms"
+import type { AppLocale } from "@/lib/i18n"
+
+interface BentoSectionProps {
+    content?: BentoLayoutBlock | null
+    locale?: AppLocale
+}
+
+export function BentoSection({ content, locale = "en" }: BentoSectionProps) {
+    const variant = content?.variant ?? "feature"
+
+    return (
+        <Section
+            heading={content?.sectionHeading}
+            description={content?.sectionDescription}
+            linkButton={content?.sectionLinkButton}
+            fullHeight
+        >
+            {variant === "runtime" ? (
+                <RuntimeBento locale={locale} />
+            ) : (
+                <FeatureBento locale={locale} />
+            )}
+        </Section>
+    )
+}
diff --git a/src/components/sections/BrandSection.tsx b/src/components/sections/BrandSection.tsx
index bf59481d..2b5e36fa 100644
--- a/src/components/sections/BrandSection.tsx
+++ b/src/components/sections/BrandSection.tsx
@@ -5,22 +5,13 @@ import { Section } from "@/components/ui/Section"
 import Image from "next/image"
 import type { Media } from "@/payload-types"
 import { m as motion, type Variants } from "motion/react"
-
-interface BrandSectionLogo {
-    logo: number | Media
-    id?: string | null
-}
-
-interface BrandSectionContent {
-    description?: string | null
-    logos?: BrandSectionLogo[] | null
-}
+import { BrandLayoutBlock } from "@/lib/cms"
 
 interface BrandSectionProps {
-    content?: BrandSectionContent | null
+    content?: BrandLayoutBlock | null
 }
 
-export const BrandSection: React.FC<BrandSectionProps> = ({ content }) => {
+export function BrandSection({ content }: BrandSectionProps) {
     if (!content) return
 
     const logos = (content.logos ?? [])
diff --git a/src/components/sections/CardRowSection.tsx b/src/components/sections/CardRowSection.tsx
new file mode 100644
index 00000000..fb78bd0f
--- /dev/null
+++ b/src/components/sections/CardRowSection.tsx
@@ -0,0 +1,104 @@
+"use client"
+
+import { LinkButton } from "@/components/ui/LinkButton"
+import { Section } from "@/components/ui/Section"
+import { CardRowLayoutBlock } from "@/lib/cms"
+import type { Media } from "@/payload-types"
+import { m as motion, type Variants } from "motion/react"
+import Image from "next/image"
+import React, { Children, type ReactNode } from "react"
+
+interface CardRowSectionProps {
+    content?: CardRowLayoutBlock | null
+    children?: ReactNode
+}
+
+function getImageUrl(image: number | Media | null | undefined) {
+    return typeof image === "object" && image?.url ? image.url : null
+}
+
+export function CardRowSection({ content, children }: CardRowSectionProps) {
+    const cards = content?.cards?.filter((card) => Boolean(card.title)) ?? []
+    const fallbackImages = Children.toArray(children)
+    if (cards.length === 0) return null
+
+    const staggerContainer: Variants = {
+        hidden: {},
+        show: {
+            transition: {
+                staggerChildren: 0.12,
+                delayChildren: 0.08,
+            },
+        },
+    }
+
+    const staggerItem: Variants = {
+        hidden: { opacity: 0, y: 20 },
+        show: {
+            opacity: 1,
+            y: 0,
+            transition: {
+                duration: 0.42,
+                ease: [0.22, 1, 0.36, 1],
+            },
+        },
+    }
+
+    return (
+        <Section
+            heading={content?.sectionHeading}
+            description={content?.sectionDescription}
+            linkButton={content?.sectionLinkButton}
+            funnelType="left"
+            animationPreset="zoom-in"
+        >
+            <div aria-hidden="true" className="pointer-events-none absolute -bottom-40 -top-16 inset-x-0 [background:radial-gradient(circle,rgba(114,201,248,0.1),transparent_50%)]" />
+
+            <motion.div
+                className="grid grid-cols-1 gap-16 lg:grid-cols-3 lg:gap-8 z-10"
+                variants={staggerContainer}
+                initial="hidden"
+                whileInView="show"
+                viewport={{ once: true, amount: 0.2 }}
+            >
+                {cards.map((card, index) => {
+                    const mediaImage = typeof card.image === "object" ? card.image : null
+                    const imageUrl = getImageUrl(card.image)
+                    const fallbackImage = fallbackImages[index]
+
+                    return (
+                        <motion.article
+                            key={card.id ?? `${card.title}-${index}`}
+                            variants={staggerItem}
+                            className="glass-card-shell group flex h-full flex-col rounded-[1.75rem] p-2 shadow-[0_18px_60px_rgba(0,0,0,0.28)] transition-transform before:pointer-events-none before:absolute before:inset-1px before:rounded-[calc(1.75rem-1px)] before:border before:border-white/6 before:content-['']"
+                        >
+                            <div aria-hidden="true" className="glass-card-topline" />
+
+                            {imageUrl ? (
+                                <div className="relative aspect-[243.476/160] overflow-hidden rounded-[1.2rem] border border-white/8 bg-primary/40">
+                                    <Image
+                                        src={imageUrl}
+                                        alt={mediaImage?.alt ?? card.title ?? ""}
+                                        fill
+                                        sizes="(min-width: 1024px) 33vw, 100vw"
+                                        className="object-cover"
+                                    />
+                                </div>
+                            ) : fallbackImage}
+
+                            <div className="relative z-10 flex h-full flex-1 flex-col px-2 pb-2 pt-4">
+                                <h3 className="text-xl font-semibold text-white">{card.title}</h3>
+                                {card.description && <p className="mt-2 text-sm text-white/75">{card.description}</p>}
+                                {card.link?.url && (
+                                    <LinkButton href={card.link.url} className="mt-auto pt-4">
+                                        {card.link.label}
+                                    </LinkButton>
+                                )}
+                            </div>
+                        </motion.article>
+                    )
+                })}
+            </motion.div>
+        </Section>
+    )
+}
diff --git a/src/components/sections/CtaSection.tsx b/src/components/sections/CtaSection.tsx
index 441dcbe2..210ef02d 100644
--- a/src/components/sections/CtaSection.tsx
+++ b/src/components/sections/CtaSection.tsx
@@ -4,28 +4,19 @@ import { InteractiveGridPattern } from "@/components/InteractiveGridPattern"
 import { HapticButtonLink } from "@/components/ui/HapticButtonLink"
 import { Section } from "@/components/ui/Section"
 import { useMediaQuery } from "@/hooks/useMediaQuery"
+import { CtaLayoutBlock } from "@/lib/cms"
 import type { AppLocale } from "@/lib/i18n"
 import { cn } from "@/lib/utils"
 import { m as motion, type Variants } from "motion/react"
 import Image from "next/image"
 import React, { useEffect, useRef, useState } from "react"
 
-interface CtaSectionContent {
-    heading: string
-    subheading: string
-    ctaLink: {
-        label: string
-        url: string
-    }
-}
-
 interface CtaSectionProps {
-    content?: CtaSectionContent | null
+    content?: CtaLayoutBlock | null
     floatingCta?: boolean
-    locale?: AppLocale
 }
 
-export const CtaSection: React.FC<CtaSectionProps> = ({ content, floatingCta = false, locale }) => {
+export function CtaSection({ content, floatingCta = false }: CtaSectionProps) {
     const isTouchDevice = useMediaQuery("(hover: none), (pointer: coarse)")
     const [mounted, setMounted] = useState(false)
     const [docked, setDocked] = useState(false)
diff --git a/src/components/sections/DeploymentSection.tsx b/src/components/sections/DeploymentSection.tsx
deleted file mode 100644
index aabd4701..00000000
--- a/src/components/sections/DeploymentSection.tsx
+++ /dev/null
@@ -1,123 +0,0 @@
-"use client"
-
-import { Section } from "@/components/ui/Section"
-import { LinkButton } from "@/components/ui/LinkButton"
-import { m as motion, type Variants } from "motion/react"
-import React from "react"
-import { DeploymentImage } from "../DeploymentImage"
-
-interface DeploymentSectionContent {
-    cloudTitle?: string | null
-    cloudDescription?: string | null
-    cloudLink?: {
-        label?: string | null
-        url?: string | null
-    }
-    selfhostTitle?: string | null
-    selfhostDescription?: string | null
-    selfhostLink?: {
-        label?: string | null
-        url?: string | null
-    }
-    dynamicTitle?: string | null
-    dynamicDescription?: string | null
-    dynamicLink?: {
-        label?: string | null
-        url?: string | null
-    }
-}
-
-interface DeploymentSectionProps {
-    content?: DeploymentSectionContent | null
-}
-
-export const DeploymentSection: React.FC<DeploymentSectionProps> = ({ content }) => {
-    if (!content) return null
-
-    const staggerContainer: Variants = {
-        hidden: {},
-        show: {
-            transition: {
-                staggerChildren: 0.12,
-                delayChildren: 0.08,
-            },
-        },
-    }
-
-    const staggerItem: Variants = {
-        hidden: { opacity: 0, y: 20 },
-        show: {
-            opacity: 1,
-            y: 0,
-            transition: {
-                duration: 0.42,
-                ease: [0.22, 1, 0.36, 1],
-            },
-        },
-    }
-
-    const deploymentCards = [
-        {
-            badge: "Cloud",
-            title: content.cloudTitle,
-            description: content.cloudDescription,
-            link: content.cloudLink,
-            imageColor: "aqua",
-            imageIcon: "cloud",
-            imageText: "Cloud",
-        },
-        {
-            badge: "Self-hosted",
-            title: content.selfhostTitle,
-            description: content.selfhostDescription,
-            link: content.selfhostLink,
-            imageColor: "pink",
-            imageIcon: "server",
-            imageText: "Selfhost",
-        },
-        {
-            badge: "Dynamic",
-            title: content.dynamicTitle,
-            description: content.dynamicDescription,
-            link: content.dynamicLink,
-            imageColor: "brand",
-            imageIcon: "cloud-computing",
-            imageText: "Dynamic",
-        },
-    ] as const
-
-    return (
-        <Section sectionType="DeploymentSection" funnelType="left" animationPreset="zoom-in">
-            <div aria-hidden="true" className="pointer-events-none absolute -bottom-40 -top-16 inset-x-0 [background:radial-gradient(circle,rgba(114,201,248,0.1),transparent_50%)]" />
-
-            <motion.div
-                className="grid grid-cols-1 gap-16 lg:grid-cols-3 lg:gap-8 z-10"
-                variants={staggerContainer}
-                initial="hidden"
-                whileInView="show"
-                viewport={{ once: true, amount: 0.2 }}
-            >
-                {deploymentCards.map((card) => (
-                    <motion.article
-                        key={card.badge}
-                        variants={staggerItem}
-                        className="glass-card-shell group flex h-full flex-col rounded-[1.75rem] p-2 shadow-[0_18px_60px_rgba(0,0,0,0.28)] transition-transform before:pointer-events-none before:absolute before:inset-1px before:rounded-[calc(1.75rem-1px)] before:border before:border-white/6 before:content-['']"
-                    >
-                        <div aria-hidden="true" className="glass-card-topline" />
-
-                        <DeploymentImage color={card.imageColor} icon={card.imageIcon} text={card.imageText} />
-                        <div className="relative z-10 flex h-full flex-1 flex-col px-2 pb-2 pt-4">
-                            <h3 className="text-xl font-semibold text-white">{card.title}</h3>
-                            <p className="mt-2 text-sm text-white/75">{card.description}</p>
-                            {card.link?.url && (
-                                <LinkButton href={card.link.url} className="mt-auto pt-4">
-                                    {card.link.label}
-                                </LinkButton>
-                            )}
-                        </div>
-                    </motion.article>
-                ))}
-            </motion.div>
-        </Section>
-    )
-}
diff --git a/src/components/sections/EditionHeroSection.tsx b/src/components/sections/EditionHeroSection.tsx
deleted file mode 100644
index 27effa86..00000000
--- a/src/components/sections/EditionHeroSection.tsx
+++ /dev/null
@@ -1,112 +0,0 @@
-"use client"
-
-import { Section } from "@/components/ui/Section"
-import type { EditionHeroLayoutBlock } from "@/lib/cms"
-import { cn } from "@/lib/utils"
-import { m as motion, type Variants } from "motion/react"
-import Image from "next/image"
-import React from "react"
-import Grainient from "../ui/Granient"
-import { HapticButtonLink } from "../ui/HapticButtonLink"
-
-type EditionHeroSectionProps = {
-    content?: EditionHeroLayoutBlock | null
-    imageSrc?: string
-    locale: "en" | "de"
-    grainientColors?: {
-        color1: string
-        color2: string
-        color3: string
-        backgroundColor?: string
-    }
-}
-
-export function EditionHeroSection({
-    content,
-    imageSrc = "/code0_software.png",
-    locale,
-    grainientColors,
-}: EditionHeroSectionProps) {
-    if (!content?.heading || !content?.imageAlt) return null
-
-    const texts = content.texts?.map((item) => item.text).filter(Boolean) ?? []
-    const buttons = content.buttons?.filter((button) => Boolean(button.label && button.url)) ?? []
-
-    const staggerContainer: Variants = {
-        hidden: {},
-        show: {
-            transition: {
-                staggerChildren: 0.08,
-                delayChildren: 0,
-            },
-        },
-    }
-
-    const staggerItem: Variants = {
-        hidden: { opacity: 0, y: 12 },
-        show: {
-            opacity: 1,
-            y: 0,
-            transition: { duration: 0.3, ease: [0.22, 1, 0.36, 1] },
-        },
-    }
-
-    return (
-        <Section showBlur={false} showFunnel={false}>
-            <div className="glass-card-shell relative isolate h-[min(85svh,918px)] md:h-[min(85dvh,918px)] rounded-4xl bg-[linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.02))]! shadow-[0_24px_80px_rgba(0,0,0,0.34)]!">
-                <Grainient {...grainientColors} />
-
-                <motion.div
-                    className="relative z-20 flex flex-col items-center justify-center gap-10 p-8 lg:p-16"
-                    variants={staggerContainer}
-                    initial="hidden"
-                    whileInView="show"
-                    viewport={{ once: true, amount: 0.25 }}
-                >
-                    <div className="flex w-full max-w-6xl flex-col items-center gap-4">
-                        <motion.h1 variants={staggerItem} className="relative z-10 text-balance text-3xl font-bold text-white lg:text-5xl text-center">
-                            {content.heading}
-                        </motion.h1>
-
-                        <motion.p variants={staggerItem} className="relative z-10 max-w-2xl text-base font-medium text-pretty text-white/75 lg:text-xl text-center">
-                            {texts.map((text, index) => (
-                                <React.Fragment key={`${text}-${index}`}>
-                                    {text}
-                                    {index < texts.length - 1 && <br />}
-                                </React.Fragment>
-                            ))}
-                        </motion.p>
-
-                        <motion.div variants={staggerItem} className="mt-4 flex w-full flex-col items-center gap-2 sm:w-auto sm:flex-row sm:flex-wrap sm:gap-4">
-                            {buttons.map((button, index) => (
-                                <HapticButtonLink
-                                    href={button.url}
-                                    key={`${button.label}-${index}`}
-                                    variant={button.variant ?? "normal"}
-                                    className={cn(button.variant === "filled" && "bg-white/80! text-primary! hover:bg-white!")}
-                                >
-                                    {button.label}
-                                </HapticButtonLink>
-                            ))}
-                        </motion.div>
-                    </div>
-
-                    <div className="w-full max-w-6xl">
-                        <div className="relative overflow-hidden rounded-2xl">
-                            <Image
-                                src={imageSrc}
-                                alt={content.imageAlt}
-                                height={620}
-                                width={1200}
-                                priority
-                                fetchPriority="high"
-                                sizes="(min-width: 1024px) 72rem, 100vw"
-                                className="rounded-2xl border border-white/10 shadow-[0_14px_38px_rgba(0,0,0,0.24)] ring-4 ring-white/5"
-                            />
-                        </div>
-                    </div>
-                </motion.div>
-            </div>
-        </Section>
-    )
-}
diff --git a/src/components/sections/EditionUseCaseSection.tsx b/src/components/sections/EditionUseCaseSection.tsx
deleted file mode 100644
index 01e4a565..00000000
--- a/src/components/sections/EditionUseCaseSection.tsx
+++ /dev/null
@@ -1,177 +0,0 @@
-"use client"
-
-import { useState } from "react"
-import { Section } from "@/components/ui/Section"
-import type { EditionUseCaseLayoutBlock } from "@/lib/cms"
-import { Media } from "@/payload-types"
-import { EditionUseCaseCard } from "@/components/cards/EditionUseCaseCard"
-import { cn } from "@/lib/utils"
-import { Button } from "@code0-tech/pictor"
-import { IconChevronLeft, IconChevronRight } from "@tabler/icons-react"
-import { useWebHaptics } from "web-haptics/react"
-import { m as motion, type PanInfo, type Variants } from "motion/react"
-
-interface EditionUseCaseSectionProps {
-    content?: EditionUseCaseLayoutBlock | null
-}
-
-export function EditionUseCaseSection({ content }: EditionUseCaseSectionProps) {
-    const [focusedIndex, setFocusedIndex] = useState(0)
-    const { trigger } = useWebHaptics()
-
-    if (!content?.heading || !content?.subheading || !content?.useCases?.length) return null
-
-    const useCases = content.useCases
-
-    const handlePrevious = () => {
-        trigger("light")
-        setFocusedIndex((prev) => (prev === 0 ? useCases.length - 1 : prev - 1))
-    }
-
-    const handleNext = () => {
-        trigger("light")
-        setFocusedIndex((prev) => (prev === useCases.length - 1 ? 0 : prev + 1))
-    }
-
-    const handleDragEnd = (_event: MouseEvent | TouchEvent | PointerEvent, info: PanInfo) => {
-        const swipeThreshold = 48
-
-        if (Math.abs(info.offset.x) < swipeThreshold) return
-
-        if (info.offset.x > 0) {
-            handlePrevious()
-            return
-        }
-
-        handleNext()
-    }
-
-    const staggerContainer: Variants = {
-        hidden: {},
-        show: {
-            transition: {
-                staggerChildren: 0.12,
-                delayChildren: 0.08,
-            },
-        },
-    }
-
-    const staggerItem: Variants = {
-        hidden: { opacity: 0, y: 16 },
-        show: {
-            opacity: 1,
-            y: 0,
-            transition: {
-                duration: 0.4,
-                ease: [0.22, 1, 0.36, 1],
-            },
-        },
-    }
-
-    const carouselVariants: Variants = {
-        hidden: { opacity: 0, scale: 0.96 },
-        show: {
-            opacity: 1,
-            scale: 1,
-            transition: {
-                duration: 0.5,
-                ease: [0.22, 1, 0.36, 1],
-                delay: 0.2,
-            },
-        },
-    }
-
-    return (
-        <Section showBlur={false} showFunnel={false} animationPreset="none">
-            <div aria-hidden="true" className="pointer-events-none absolute inset-0 [background:radial-gradient(circle,rgba(255,255,255,0.05),transparent_50%)]" />
-            <motion.div
-                className="relative flex w-full flex-col items-stretch gap-8"
-                variants={staggerContainer}
-                initial="hidden"
-                whileInView="show"
-                viewport={{ once: true, amount: 0.2 }}
-            >
-                <motion.div className="flex flex-col items-center gap-4 text-center" variants={staggerItem}>
-                    <h2 className="text-4xl font-semibold text-white">
-                        {content.heading}
-                    </h2>
-                    <p className="relative z-10 max-w-[90vw] lg:w-1/2 text-center font-medium text-white/75 text-xl">
-                        {content.subheading}
-                    </p>
-                </motion.div>
-
-                <motion.div className="relative w-full" variants={carouselVariants}>
-                    <div className="relative flex items-center justify-center gap-4 px-2 md:gap-8 md:px-16">
-                        <Button
-                            onClick={handlePrevious}
-                            variant="filled"
-                            className="absolute left-0 z-20 shrink-0 size-12! rounded-full! p-0!"
-                            aria-label="Previous use case"
-                        >
-                            <IconChevronLeft className="size-6 mr-0.5" />
-                        </Button>
-
-                        <motion.div
-                            className="relative flex w-full items-center justify-center px-0 md:px-2 touch-pan-y"
-                            drag="x"
-                            dragConstraints={{ left: 0, right: 0 }}
-                            dragElastic={0.08}
-                            onDragEnd={handleDragEnd}
-                        >
-                            <div
-                                className="relative flex w-full items-stretch justify-center"
-                            >
-                                <div className="w-full max-w-full md:max-w-md opacity-0 pointer-events-none">
-                                    <EditionUseCaseCard
-                                        title={useCases[focusedIndex]?.title ?? ""}
-                                        description={useCases[focusedIndex]?.description ?? ""}
-                                        image={useCases[focusedIndex]?.image}
-                                        link={useCases[focusedIndex]?.link}
-                                        isFocused
-                                    />
-                                </div>
-                                {useCases.map((useCase, index) => {
-                                    const offset = index - focusedIndex
-                                    const isVisibleMobile = offset === 0
-                                    const isVisibleDesktop = Math.abs(offset) <= 1
-
-                                    return (
-                                        <div
-                                            key={useCase.id || index}
-                                            className={cn(
-                                                "absolute top-0 w-full transition-all duration-500 ease-out",
-                                                "max-w-full md:max-w-md",
-                                                !isVisibleMobile && "lg:opacity-100 lg:pointer-events-auto opacity-0 pointer-events-none",
-                                                !isVisibleDesktop && "lg:opacity-0 lg:pointer-events-none"
-                                            )}
-                                            style={{
-                                                transform: `translateX(${offset * 110}%)`,
-                                            }}
-                                        >
-                                            <EditionUseCaseCard
-                                                title={useCase.title}
-                                                description={useCase.description}
-                                                image={useCase.image}
-                                                link={useCase.link}
-                                                isFocused={index === focusedIndex}
-                                            />
-                                        </div>
-                                    )
-                                })}
-                            </div>
-                        </motion.div>
-
-                        <Button
-                            onClick={handleNext}
-                            variant="filled"
-                            className="absolute right-0 z-20 shrink-0 size-12! rounded-full! p-0!"
-                            aria-label="Next use case"
-                        >
-                            <IconChevronRight className="size-6 ml-0.5" />
-                        </Button>
-                    </div>
-                </motion.div>
-            </motion.div>
-        </Section>
-    )
-}
diff --git a/src/components/sections/FaqSection.tsx b/src/components/sections/FaqSection.tsx
index 4b4e2996..05b40fbd 100644
--- a/src/components/sections/FaqSection.tsx
+++ b/src/components/sections/FaqSection.tsx
@@ -2,25 +2,16 @@
 
 import { AccordionItem } from "@/components/ui/Accordion"
 import { Section } from "@/components/ui/Section"
+import { FaqLayoutBlock } from "@/lib/cms"
 import { m as motion } from "motion/react"
 import React, { useCallback, useState } from "react"
 import { useWebHaptics } from "web-haptics/react"
 
-interface FaqItem {
-    question: string
-    answer: string
-    id?: string | null
-}
-
-interface FaqSectionContent {
-    items: FaqItem[] | null
-}
-
 interface FaqSectionProps {
-    content?: FaqSectionContent | null
+    content?: FaqLayoutBlock | null
 }
 
-export const FaqSection: React.FC<FaqSectionProps> = ({ content }) => {
+export function FaqSection({ content }: FaqSectionProps) {
     const [openItem, setOpenItem] = useState<number | null>(null)
     const { trigger } =useWebHaptics()
 
@@ -32,9 +23,15 @@ export const FaqSection: React.FC<FaqSectionProps> = ({ content }) => {
     if (!content || !content.items) return
 
     return (
-        <Section sectionType="FaqSection" showLinkButton={false} showBlur={false}>
+        <Section
+            heading={content.sectionHeading}
+            description={content.sectionDescription}
+            linkButton={content.sectionLinkButton}
+            showLinkButton={false}
+            showBlur={false}
+        >
             <div aria-hidden="true" className="pointer-events-none absolute inset-0 [background:radial-gradient(circle,rgba(255,255,255,0.05),transparent_50%)]" />
-            <div className={" md:w-[50vw] flex flex-col gap-4 mx-auto"}>
+            <div className={"md:w-[50vw] flex flex-col gap-4 mx-auto"}>
                 {content.items.map((faq, index) => (
                     <motion.div
                         key={`${faq.question}-${index}`}
diff --git a/src/components/sections/HeroSection.tsx b/src/components/sections/HeroSection.tsx
index 90c61fa2..ea8018be 100644
--- a/src/components/sections/HeroSection.tsx
+++ b/src/components/sections/HeroSection.tsx
@@ -6,39 +6,21 @@ import { IconArrowRight } from "@tabler/icons-react"
 import { m as motion, type Variants } from "motion/react"
 import Image from "next/image"
 import Link from "next/link"
-import React from "react"
+import React, { useState } from "react"
 import Grainient from "../ui/Granient"
 import { HapticButtonLink } from "../ui/HapticButtonLink"
 import { StableBadge } from "../ui/StableBadge"
-
-interface HeroSectionButton {
-    label: string
-    url: string
-    variant?: "none" | "normal" | "outlined" | "filled" | null
-    id?: string | null
-}
-
-interface HeroSectionText {
-    text: string
-    id?: string | null
-}
-
-interface HeroSectionContent {
-    badge?: string | null
-    badge_link?: string | null
-    heading?: string | null
-    texts?: HeroSectionText[] | null
-    buttons?: HeroSectionButton[] | null
-}
+import { HeroLayoutBlock } from "@/lib/cms"
 
 interface HeroSectionProps {
-    content?: HeroSectionContent | null
+    content?: HeroLayoutBlock | null
+    imageSrc?: string
 }
 
-export const HeroSection: React.FC<HeroSectionProps> = ({ content }) => {
-    const [isProductHuntBadgeVisible, setIsProductHuntBadgeVisible] = React.useState(false)
+export function HeroSection({ content, imageSrc = "/code0_software.png" }: HeroSectionProps) {
+    const [isProductHuntBadgeVisible, setIsProductHuntBadgeVisible] = useState(false)
 
-    if (!content || !content.texts || !content.buttons) return
+    if (!content?.heading) return
 
     const staggerContainer: Variants = {
         hidden: {},
@@ -59,6 +41,77 @@ export const HeroSection: React.FC<HeroSectionProps> = ({ content }) => {
         },
     }
 
+    const texts = content.texts?.map((item) => item.text).filter(Boolean) ?? []
+    const buttons = content.buttons?.filter((button) => Boolean(button.label && button.url)) ?? []
+    const centered = Boolean(content.centered)
+    const grainientColors = {
+        color1: content.grainientColors?.color1 ?? undefined,
+        color2: content.grainientColors?.color2 ?? undefined,
+        color3: content.grainientColors?.color3 ?? undefined,
+        backgroundColor: content.grainientColors?.backgroundColor ?? undefined,
+    }
+
+    if (centered) {
+        return (
+            <Section showBlur={false} showFunnel={false}>
+                <div className="glass-card-shell relative isolate h-[min(85svh,918px)] md:h-[min(85dvh,918px)] rounded-4xl bg-[linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.02))]! shadow-[0_24px_80px_rgba(0,0,0,0.34)]!">
+                    <Grainient {...grainientColors} />
+
+                    <motion.div
+                        className="relative z-20 flex flex-col items-center justify-center gap-10 p-8 lg:p-16"
+                        variants={staggerContainer}
+                        initial="hidden"
+                        whileInView="show"
+                        viewport={{ once: true, amount: 0.25 }}
+                    >
+                        <div className="flex w-full max-w-6xl flex-col items-center gap-4">
+                            <motion.h1 variants={staggerItem} className="relative z-10 text-balance text-3xl font-bold text-white lg:text-5xl text-center">
+                                {content.heading}
+                            </motion.h1>
+
+                            <motion.p variants={staggerItem} className="relative z-10 max-w-2xl text-base font-medium text-pretty text-white/75 lg:text-xl text-center">
+                                {texts.map((text, index) => (
+                                    <React.Fragment key={`${text}-${index}`}>
+                                        {text}
+                                        {index < texts.length - 1 && <br />}
+                                    </React.Fragment>
+                                ))}
+                            </motion.p>
+
+                            <motion.div variants={staggerItem} className="mt-4 flex w-full flex-col items-center gap-2 sm:w-auto sm:flex-row sm:flex-wrap sm:gap-4">
+                                {buttons.map((button, index) => (
+                                    <HapticButtonLink
+                                        href={button.url}
+                                        key={`${button.label}-${button.id ?? index}`}
+                                        variant={button.variant ?? "normal"}
+                                        className={cn(button.variant === "filled" && "bg-white/80! text-primary! hover:bg-white!")}
+                                    >
+                                        {button.label}
+                                    </HapticButtonLink>
+                                ))}
+                            </motion.div>
+                        </div>
+
+                        <div className="w-full max-w-6xl">
+                            <div className="relative overflow-hidden rounded-2xl">
+                                <Image
+                                    src={imageSrc}
+                                    alt={content.heading}
+                                    height={620}
+                                    width={1200}
+                                    priority
+                                    fetchPriority="high"
+                                    sizes="(min-width: 1024px) 72rem, 100vw"
+                                    className="rounded-2xl border border-white/10 shadow-[0_14px_38px_rgba(0,0,0,0.24)] ring-4 ring-white/5"
+                                />
+                            </div>
+                        </div>
+                    </motion.div>
+                </div>
+            </Section>
+        )
+    }
+
     return (
         <Section showBlur={false} showFunnel={false}>
             <div className="glass-card-shell relative isolate h-[min(85svh,918px)] md:h-[min(85dvh,918px)] rounded-4xl bg-[linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.02))]! shadow-[0_24px_80px_rgba(0,0,0,0.34)]!">
@@ -105,18 +158,18 @@ export const HeroSection: React.FC<HeroSectionProps> = ({ content }) => {
                         </motion.h1>
 
                         <motion.p variants={staggerItem} className="relative z-10 font-medium text-white/75 text-base lg:text-xl text-pretty">
-                            {content.texts.length > 0
-                                ? content.texts.map((item, index) => (
-                                    <React.Fragment key={`${item.id ?? item.text}-${index}`}>
-                                        {item.text}
-                                        {index < content.texts!!.length - 1 && <br />}
+                            {texts.length > 0
+                                ? texts.map((text, index) => (
+                                    <React.Fragment key={`${text}-${index}`}>
+                                        {text}
+                                        {index < texts.length - 1 && <br />}
                                     </React.Fragment>
                                 ))
                                 : <>Beschreibung1 <br /> Beschreibung2</>}
                         </motion.p>
 
                         <motion.div variants={staggerItem} className={"flex flex-col gap-2 sm:gap-4 mt-4"}>
-                            {content.buttons.map((button, index) => (
+                            {buttons.map((button, index) => (
                                 <HapticButtonLink
                                     href={button.url}
                                     key={`${button.label}-${button.id ?? index}`}
@@ -131,7 +184,7 @@ export const HeroSection: React.FC<HeroSectionProps> = ({ content }) => {
                     <div className="h-auto w-full lg:w-4/5 lg:-mr-56">
                         <div className="relative overflow-hidden rounded-2xl lg:rounded-l-2xl lg:rounded-r-none">
                             <Image
-                                src={"/code0_software.png"}
+                                src={imageSrc}
                                 alt={"Code= Example"}
                                 height={620}
                                 width={900}
diff --git a/src/components/sections/EditionInstallSection.tsx b/src/components/sections/InstallSection.tsx
similarity index 95%
rename from src/components/sections/EditionInstallSection.tsx
rename to src/components/sections/InstallSection.tsx
index ba8a1882..d9b56bb3 100644
--- a/src/components/sections/EditionInstallSection.tsx
+++ b/src/components/sections/InstallSection.tsx
@@ -2,16 +2,16 @@
 
 import { DotBackground } from "@/components/ui/DotBackground"
 import { Section } from "@/components/ui/Section"
-import type { EditionInstallLayoutBlock } from "@/lib/cms"
+import type { InstallLayoutBlock } from "@/lib/cms"
 import { IconCheck, IconCopy } from "@tabler/icons-react"
 import { AnimatePresence, m as motion, type Variants } from "motion/react"
 import { useEffect, useState } from "react"
 
-type EditionInstallSectionProps = {
-    content?: EditionInstallLayoutBlock | null
+type InstallSectionProps = {
+    content?: InstallLayoutBlock | null
 }
 
-export function EditionInstallSection({ content }: EditionInstallSectionProps) {
+export function InstallSection({ content }: InstallSectionProps) {
     const [copied, setCopied] = useState(false)
 
     if (!content?.heading || !content.subheading || !content.code) return null
diff --git a/src/components/sections/EditionFeatureSection.tsx b/src/components/sections/OffsetCardsSection.tsx
similarity index 89%
rename from src/components/sections/EditionFeatureSection.tsx
rename to src/components/sections/OffsetCardsSection.tsx
index 2ca98f81..bda6c4a2 100644
--- a/src/components/sections/EditionFeatureSection.tsx
+++ b/src/components/sections/OffsetCardsSection.tsx
@@ -2,25 +2,25 @@
 
 import { LinkButton } from "@/components/ui/LinkButton"
 import { Section } from "@/components/ui/Section"
-import type { EditionFeaturesLayoutBlock } from "@/lib/cms"
+import { OffsetCardsLayoutBlock } from "@/lib/cms"
 import { ANIMATION_PRESETS, type AnimationPreset } from "@/lib/utils"
 import type { Media } from "@/payload-types"
 import { m as motion, type Variants } from "motion/react"
 import Image from "next/image"
 import React from "react"
 
-interface EditionFeatureSectionProps {
-    content?: EditionFeaturesLayoutBlock | null
+interface OffsetCardsSectionProps {
+    content?: OffsetCardsLayoutBlock | null
 }
 
-const EDITION_FEATURE_ANIMATION_SEQUENCE: Exclude<AnimationPreset, "none">[] = [
+const OFFSET_CARD_ANIMATION_SEQUENCE: Exclude<AnimationPreset, "none">[] = [
     "slide-left",
     "slide-right",
     "slide-left",
 ]
 
-export const EditionFeatureSection: React.FC<EditionFeatureSectionProps> = ({ content }) => {
-    if (!content?.features?.length) return null
+export function OffsetCardsSection({ content }: OffsetCardsSectionProps) {
+    if (!content?.cards?.length) return null
 
     const staggerContainer: Variants = {
         hidden: {},
@@ -45,10 +45,16 @@ export const EditionFeatureSection: React.FC<EditionFeatureSectionProps> = ({ co
     }
 
     return (
-        <Section showBlur={false} showFunnel={false} animationPreset="none">
+        <Section
+            heading={content.sectionHeading}
+            description={content.sectionDescription}
+            linkButton={content.sectionLinkButton}
+            showBlur={false}
+            animationPreset="none"
+        >
             <div className="relative flex w-full flex-col items-stretch gap-32">
-                {content.features.map((item, index) => {
-                    const animationPreset = EDITION_FEATURE_ANIMATION_SEQUENCE[index % EDITION_FEATURE_ANIMATION_SEQUENCE.length]
+                {content.cards.map((item, index) => {
+                    const animationPreset = OFFSET_CARD_ANIMATION_SEQUENCE[index % OFFSET_CARD_ANIMATION_SEQUENCE.length]
                     const animationConfig = ANIMATION_PRESETS[animationPreset]
                     const image = item.image as Media
 
diff --git a/src/components/sections/RoadmapSection.tsx b/src/components/sections/RoadmapSection.tsx
index 452fb77b..5dff59b4 100644
--- a/src/components/sections/RoadmapSection.tsx
+++ b/src/components/sections/RoadmapSection.tsx
@@ -1,25 +1,30 @@
 import { Section } from "@/components/ui/Section"
-import { getRoadmapItems } from "@/lib/cms"
-import { AppLocale } from "@/lib/i18n"
 import React from "react"
 import { RoadmapItemCard } from "../cards/RoadmapItemCard"
 import { cn } from "@/lib/utils"
+import { RoadmapLayoutBlock } from "@/lib/cms"
 
 interface RoadmapSectionProps {
-    locale: AppLocale
+    content?: RoadmapLayoutBlock | null
 }
 
-export const RoadmapSection: React.FC<RoadmapSectionProps> = async ({ locale }) => {
-    const items = await getRoadmapItems(locale)
+export function RoadmapSection({ content }: RoadmapSectionProps) {
+    const items = content?.items ?? []
     if (!items?.length) return null
 
     return (
-        <Section sectionType="RoadmapSection" funnelType="left" animationPreset="zoom-in">
+        <Section
+            heading={content?.sectionHeading}
+            description={content?.sectionDescription}
+            linkButton={content?.sectionLinkButton}
+            funnelType="left"
+            animationPreset="zoom-in"
+        >
             <div className="relative w-full py-8 md:py-16">
             <div aria-hidden="true" className="pointer-events-none absolute left-3 top-0 h-full w-0.5 rounded-full bg-linear-to-b from-brand/10 via-white/20 to-blue/10 md:left-1/2 md:-translate-x-1/2" />
                 <div className="flex flex-col gap-10 md:gap-14">
                     {items.map((item, index) => (
-                        <div key={`roadmap-item-${item.id}`} className="relative">
+                        <div key={item.id ?? `roadmap-item-${index}`} className="relative">
                             <div aria-hidden="true" className="absolute left-3 top-6 h-3 w-3 -translate-x-1/2 rounded-full border border-brand/70 bg-brand md:left-1/2" />
                             <div className={cn("grid grid-cols-1 md:grid-cols-2 md:gap-12", index % 2 === 0 && "md:[&>*:first-child]:order-2 md:[&>*:last-child]:order-1")}>
                                 <div aria-hidden="true" className="hidden md:block" />
diff --git a/src/components/sections/RuntimeFeatureSection.tsx b/src/components/sections/RuntimeFeatureSection.tsx
deleted file mode 100644
index b4e9e3f6..00000000
--- a/src/components/sections/RuntimeFeatureSection.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { Section } from "@/components/ui/Section"
-import { type AppLocale } from "@/lib/i18n"
-import React from "react"
-import { ActionListCard } from "../cards/ActionListCard"
-import { NodeCard } from "../cards/NodeCard"
-import { RuntimeTypesCard } from "../cards/RuntimeTypesCard"
-import { SuggestionMenuCard } from "../cards/SuggestionMenuCard"
-import { BentoGrid } from "../ui/BentoGrid"
-
-interface RuntimeFeatureSectionProps {
-    locale: AppLocale
-}
-
-export const RuntimeFeatureSection: React.FC<RuntimeFeatureSectionProps> = ({ locale }) => {
-    return (
-        <Section sectionType="RuntimeFeatureSection" fullHeight>
-            <BentoGrid columns={3}>
-                <NodeCard locale={locale} animationDelay={0} />
-                <SuggestionMenuCard locale={locale} animationDelay={120} />
-                <ActionListCard locale={locale} animationDelay={240} />
-                <RuntimeTypesCard locale={locale} animationDelay={360} />
-            </BentoGrid>
-        </Section>
-    )
-}
diff --git a/src/components/sections/ScrollCardSection.tsx b/src/components/sections/ScrollCardSection.tsx
new file mode 100644
index 00000000..5b8a9390
--- /dev/null
+++ b/src/components/sections/ScrollCardSection.tsx
@@ -0,0 +1,222 @@
+"use client"
+
+import { LinkButton } from "@/components/ui/LinkButton"
+import { Section } from "@/components/ui/Section"
+import type { ScrollCardsLayoutBlock } from "@/lib/cms"
+import { cn } from "@/lib/utils"
+import type { Media } from "@/payload-types"
+import { m as motion } from "motion/react"
+import Image from "next/image"
+import React, { useEffect, useRef, useState } from "react"
+
+interface ScrollCardSectionProps {
+    content?: ScrollCardsLayoutBlock | null
+}
+
+interface PinState {
+    phase: "before" | "active" | "after"
+    left: number
+    width: number
+}
+
+function getImage(image: number | Media | null | undefined) {
+    return typeof image === "object" ? image : null
+}
+
+function clamp(value: number, min: number, max: number) {
+    return Math.min(Math.max(value, min), max)
+}
+
+const cardGradients = {
+    blue: "rgba(114,201,248,0.2)",
+    yellow: "rgba(248,241,114,0.2)",
+    pink: "rgba(248,114,226,0.2)",
+    aqua: "rgba(122,203,255,0.2)",
+    brand: "rgba(145,232,120,0.2)",
+    neutral: "rgba(255,255,255,0.1)",
+} as const
+
+const gradientDirections = {
+    topLeft: "top left",
+    topRight: "top right",
+    bottomLeft: "bottom left",
+    bottomRight: "bottom right",
+} as const
+
+export function ScrollCardSection({ content }: ScrollCardSectionProps) {
+    const containerRef = useRef<HTMLDivElement | null>(null)
+    const [scrollProgress, setScrollProgress] = useState(0)
+    const [viewportHeight, setViewportHeight] = useState(1)
+    const [pinState, setPinState] = useState<PinState>({
+        phase: "before",
+        left: 0,
+        width: 0,
+    })
+    const items = content?.items?.filter((item) => Boolean(item.title)) ?? []
+
+    useEffect(() => {
+        let frame = 0
+
+        const updateProgress = () => {
+            const container = containerRef.current
+            if (!container) return
+
+            const rect = container.getBoundingClientRect()
+            const topOffset = 96
+            const height = window.innerHeight
+            const containerTop = rect.top + window.scrollY
+            const rawProgress = window.scrollY - containerTop
+            const activeEnd = Math.max((items.length - 1) * height, 0)
+
+            setViewportHeight(height)
+            setScrollProgress(clamp(rawProgress, 0, activeEnd))
+            setPinState({
+                phase: rect.top > topOffset ? "before" : rect.bottom <= height ? "after" : "active",
+                left: rect.left,
+                width: rect.width,
+            })
+        }
+
+        const handleViewportChange = () => {
+            if (frame) return
+            frame = window.requestAnimationFrame(() => {
+                frame = 0
+                updateProgress()
+            })
+        }
+
+        updateProgress()
+        window.addEventListener("scroll", handleViewportChange, { passive: true })
+        window.addEventListener("resize", handleViewportChange)
+
+        return () => {
+            if (frame) window.cancelAnimationFrame(frame)
+            window.removeEventListener("scroll", handleViewportChange)
+            window.removeEventListener("resize", handleViewportChange)
+        }
+    }, [])
+
+    if (items.length === 0) return null
+    const activeShadowIndex = Math.min(
+        items.length - 1,
+        Math.floor(scrollProgress / viewportHeight) + 1,
+    )
+
+    return (
+        <Section showBlur={false} showFunnel={false} animationPreset="none">
+            <div
+                ref={containerRef}
+                className="relative"
+                style={{ height: `${Math.max(items.length, 1) * 100}vh` }}
+            >
+                <div
+                    className="h-[calc(100vh-6rem)]"
+                    style={{
+                        left: pinState.phase === "active" ? pinState.left : undefined,
+                        position: pinState.phase === "active" ? "fixed" : pinState.phase === "after" ? "absolute" : "relative",
+                        right: pinState.phase === "active" ? "auto" : undefined,
+                        top: pinState.phase === "active" ? 96 : pinState.phase === "after" ? "auto" : undefined,
+                        bottom: pinState.phase === "after" ? 0 : undefined,
+                        width: pinState.phase === "active" ? pinState.width : "100%",
+                        zIndex: 10,
+                    }}
+                >
+                {items.map((item, index) => {
+                    const image = getImage(item.image)
+                    const itemSettings = item as {
+                        gradient?: keyof typeof cardGradients | null
+                        gradientDirection?: keyof typeof gradientDirections | null
+                        sectionLayout?: "imageRight" | "imageLeft" | null
+                        showImageBorder?: boolean | null
+                    }
+                    const isImageLeft = itemSettings.sectionLayout === "imageLeft"
+                    const showImageBorder = itemSettings.showImageBorder ?? true
+                    const gradient = cardGradients[itemSettings.gradient ?? "blue"] ?? cardGradients.blue
+                    const gradientDirection = gradientDirections[itemSettings.gradientDirection ?? "topLeft"] ?? gradientDirections.topLeft
+                    const segmentProgress = index === 0
+                        ? 1
+                        : clamp((scrollProgress - (index - 1) * viewportHeight) / viewportHeight, 0, 1)
+                    const translateY = (1 - segmentProgress) * 100
+
+                    return (
+                        <motion.article
+                            key={item.id ?? `${item.title}-${index}`}
+                            className={cn(
+                                "absolute inset-0 will-change-transform [&>div]:shadow-none!",
+                                index === activeShadowIndex && "[&>div]:shadow-[0_16px_44px_rgba(0,0,0,0.3)]!",
+                            )}
+                            style={{
+                                opacity: 1,
+                                transform: `translateY(${translateY}%)`,
+                                zIndex: index + 1,
+                            }}
+                        >
+                            <div
+                                className="relative grid h-[80%] overflow-hidden rounded-3xl border border-white/10 bg-primary! p-4 md:grid-cols-[0.95fr_1.05fr] shadow-xl"
+                            >
+                                <div aria-hidden="true" className="glass-card-topline" />
+                                <div
+                                    aria-hidden="true"
+                                    className="pointer-events-none absolute inset-0"
+                                    style={{
+                                        backgroundImage: `radial-gradient(circle at ${gradientDirection}, ${gradient}, transparent 36%)`,
+                                    }}
+                                />
+
+                                <div className={cn(
+                                    "relative z-10 flex h-full flex-col justify-between gap-10 rounded-3xl p-4 md:p-8",
+                                    isImageLeft && "md:order-2",
+                                )}>
+                                    <div className="flex flex-col gap-4">
+                                        <h2 className="max-w-xl text-3xl font-semibold text-white md:text-5xl">
+                                            {item.title}
+                                        </h2>
+                                        <p className="max-w-xl text-base leading-7 text-white/75 md:text-lg">
+                                            {item.description}
+                                        </p>
+                                    </div>
+
+                                    <div className="space-y-6">
+                                        {item.bulletPoints?.length ? (
+                                            <ul className="grid gap-2 text-sm text-white/75 md:text-base">
+                                                {item.bulletPoints.map((point, pointIndex) => (
+                                                    <li key={`${item.id ?? item.title}-point-${pointIndex}`} className="flex items-start gap-3">
+                                                        <span className="mt-2 h-1.5 w-1.5 shrink-0 rounded-full bg-brand" />
+                                                        <span>{point}</span>
+                                                    </li>
+                                                ))}
+                                            </ul>
+                                        ) : null}
+
+                                        {item.link?.label && item.link?.url ? (
+                                            <LinkButton href={item.link.url}>
+                                                {item.link.label}
+                                            </LinkButton>
+                                        ) : null}
+                                    </div>
+                                </div>
+
+                                <div className={cn(
+                                    "relative z-10 aspect-video w-full self-center overflow-hidden rounded-2xl",
+                                    showImageBorder && "border border-white/10",
+                                    isImageLeft && "md:order-1",
+                                )}>
+                                    {image?.url && (
+                                        <Image
+                                            src={image.url}
+                                            alt={image.alt ?? item.title}
+                                            fill
+                                            sizes="(min-width: 768px) 50vw, 100vw"
+                                            className="object-contain object-center"
+                                        />
+                                    )}
+                                </div>
+                            </div>
+                        </motion.article>
+                    )
+                })}
+                </div>
+            </div>
+        </Section>
+    )
+}
diff --git a/src/components/sections/SwipeCardSection.tsx b/src/components/sections/SwipeCardSection.tsx
new file mode 100644
index 00000000..7abb2eb1
--- /dev/null
+++ b/src/components/sections/SwipeCardSection.tsx
@@ -0,0 +1,192 @@
+"use client"
+
+import { EditionUseCaseCard } from "@/components/cards/EditionUseCaseCard"
+import { Section } from "@/components/ui/Section"
+import { cn } from "@/lib/utils"
+import type { SwipeCardsLayoutBlock } from "@/lib/cms"
+import { Button } from "@code0-tech/pictor"
+import { IconChevronLeft, IconChevronRight } from "@tabler/icons-react"
+import { m as motion, type PanInfo, type Variants } from "motion/react"
+import { useState } from "react"
+import { useWebHaptics } from "web-haptics/react"
+
+interface SwipeCardSectionProps {
+    content?: SwipeCardsLayoutBlock | null
+}
+
+export function SwipeCardSection({ content }: SwipeCardSectionProps) {
+    const [focusedIndex, setFocusedIndex] = useState(0)
+    const { trigger } = useWebHaptics()
+
+    if (!content?.cards?.length) return null
+
+    const cards = content.cards
+    const hasHeader = Boolean(content.heading || content.subheading)
+
+    const handlePrevious = () => {
+        trigger("light")
+        setFocusedIndex((prev) => (prev === 0 ? cards.length - 1 : prev - 1))
+    }
+
+    const handleNext = () => {
+        trigger("light")
+        setFocusedIndex((prev) => (prev === cards.length - 1 ? 0 : prev + 1))
+    }
+
+    const handleDragEnd = (_event: MouseEvent | TouchEvent | PointerEvent, info: PanInfo) => {
+        const swipeThreshold = 48
+
+        if (Math.abs(info.offset.x) < swipeThreshold) return
+
+        if (info.offset.x > 0) {
+            handlePrevious()
+            return
+        }
+
+        handleNext()
+    }
+
+    const staggerContainer: Variants = {
+        hidden: {},
+        show: {
+            transition: {
+                staggerChildren: 0.12,
+                delayChildren: 0.08,
+            },
+        },
+    }
+
+    const staggerItem: Variants = {
+        hidden: { opacity: 0, y: 16 },
+        show: {
+            opacity: 1,
+            y: 0,
+            transition: {
+                duration: 0.4,
+                ease: [0.22, 1, 0.36, 1],
+            },
+        },
+    }
+
+    const carouselVariants: Variants = {
+        hidden: { opacity: 0, scale: 0.96 },
+        show: {
+            opacity: 1,
+            scale: 1,
+            transition: {
+                duration: 0.5,
+                ease: [0.22, 1, 0.36, 1],
+                delay: 0.2,
+            },
+        },
+    }
+
+    return (
+        <Section showBlur={false} showFunnel={false} animationPreset="none">
+            <div aria-hidden="true" className="pointer-events-none absolute inset-0 [background:radial-gradient(circle,rgba(255,255,255,0.05),transparent_50%)]" />
+            <motion.div
+                className="relative flex w-full flex-col items-stretch gap-8"
+                variants={staggerContainer}
+                initial="hidden"
+                whileInView="show"
+                viewport={{ once: true, amount: 0.2 }}
+            >
+                {hasHeader && (
+                    <motion.div className="flex flex-col items-center gap-4 text-center" variants={staggerItem}>
+                        {content.heading && (
+                            <h2 className="text-4xl font-semibold text-white">
+                                {content.heading}
+                            </h2>
+                        )}
+                        {content.subheading && (
+                            <p className="relative z-10 max-w-[90vw] lg:w-1/2 text-center font-medium text-white/75 text-xl">
+                                {content.subheading}
+                            </p>
+                        )}
+                    </motion.div>
+                )}
+
+                <motion.div className="relative w-full overflow-hidden" variants={carouselVariants}>
+                    <div aria-hidden="true" className="pointer-events-none absolute -inset-y-6 left-0 z-30 w-0 bg-linear-to-r from-primary via-primary/80 to-transparent lg:w-40" />
+                    <div aria-hidden="true" className="pointer-events-none absolute -inset-y-6 right-0 z-30 w-0 bg-linear-to-l from-primary via-primary/80 to-transparent lg:w-40" />
+
+                    <div className="relative flex items-center justify-center gap-4 px-2 md:gap-8">
+
+                        <motion.div
+                            className="relative flex w-full items-center justify-center px-0 touch-pan-y"
+                            drag="x"
+                            dragConstraints={{ left: 0, right: 0 }}
+                            dragElastic={0.08}
+                            onDragEnd={handleDragEnd}
+                        >
+                            <div className="relative flex w-full items-stretch justify-center">
+                                <div className="invisible pointer-events-none grid w-[60%]">
+                                    {cards.map((card, index) => (
+                                        <div key={card.id || index} className="col-start-1 row-start-1">
+                                            <EditionUseCaseCard
+                                                title={card.title}
+                                                description={card.description}
+                                                image={card.image}
+                                                link={card.link}
+                                                isFocused
+                                                className="h-auto"
+                                            />
+                                        </div>
+                                    ))}
+                                </div>
+                                {cards.map((card, index) => {
+                                    const offset = index - focusedIndex
+                                    const isVisibleMobile = offset === 0
+                                    const isVisibleDesktop = Math.abs(offset) <= 1
+
+                                    return (
+                                        <div
+                                            key={card.id || index}
+                                            className={cn(
+                                                "absolute inset-y-0 h-full w-full transition-all duration-500 ease-out",
+                                                "left-1/2 w-[60%]",
+                                                !isVisibleMobile && "lg:opacity-100 lg:pointer-events-auto opacity-0 pointer-events-none",
+                                                !isVisibleDesktop && "lg:opacity-0 lg:pointer-events-none",
+                                            )}
+                                            style={{
+                                                transform: `translateX(calc(-50% + ${offset * 104}%))`,
+                                            }}
+                                        >
+                                            <EditionUseCaseCard
+                                                title={card.title}
+                                                description={card.description}
+                                                image={card.image}
+                                                link={card.link}
+                                                isFocused={index === focusedIndex}
+                                            />
+                                        </div>
+                                    )
+                                })}
+                            </div>
+                        </motion.div>
+                    </div>
+                </motion.div>
+
+                <motion.div className="z-30 flex items-center justify-center gap-4" variants={staggerItem}>
+                    <Button
+                        onClick={handlePrevious}
+                        variant="filled"
+                        className="shrink-0 size-12! rounded-full! p-0!"
+                        aria-label="Previous card"
+                    >
+                        <IconChevronLeft className="size-6 mr-0.5" />
+                    </Button>
+
+                    <Button
+                        onClick={handleNext}
+                        variant="filled"
+                        className="shrink-0 size-12! rounded-full! p-0!"
+                        aria-label="Next card"
+                    >
+                        <IconChevronRight className="size-6 ml-0.5" />
+                    </Button>
+                </motion.div>
+            </motion.div>
+        </Section>
+    )
+}
diff --git a/src/components/sections/UseCaseSection.tsx b/src/components/sections/UseCaseSection.tsx
deleted file mode 100644
index e672f295..00000000
--- a/src/components/sections/UseCaseSection.tsx
+++ /dev/null
@@ -1,155 +0,0 @@
-"use client"
-
-import { LinkButton } from "@/components/ui/LinkButton"
-import { Section } from "@/components/ui/Section"
-import { ANIMATION_PRESETS, type AnimationPreset } from "@/lib/utils"
-import type { Media } from "@/payload-types"
-import { m as motion, type Variants } from "motion/react"
-import Image from "next/image"
-import React from "react"
-
-interface UseCaseItem {
-    label: string
-    title: string
-    description: string
-    image?: Media | number | null
-    bulletPoints?: string[] | null
-    link?: {
-        label?: string | null
-        url?: string | null
-    } | null
-    id?: string | null
-}
-
-interface UseCaseSectionContent {
-    useCases: UseCaseItem[] | null
-}
-
-interface UseCaseSectionProps {
-    content?: UseCaseSectionContent | null
-}
-
-const USE_CASE_ANIMATION_SEQUENCE: Exclude<AnimationPreset, "none">[] = [
-    "slide-left",
-    "slide-right",
-    "slide-left"
-]
-
-export const UseCaseSection: React.FC<UseCaseSectionProps> = ({ content }) => {
-    if (!content?.useCases?.length) return null
-
-    const staggerContainer: Variants = {
-        hidden: {},
-        show: {
-            transition: {
-                staggerChildren: 0.08,
-                delayChildren: 0.06,
-            },
-        },
-    }
-
-    const staggerItem: Variants = {
-        hidden: { opacity: 0, y: 14 },
-        show: {
-            opacity: 1,
-            y: 0,
-            transition: {
-                duration: 0.38,
-                ease: [0.22, 1, 0.36, 1],
-            },
-        },
-    }
-
-    return (
-        <Section sectionType="UseCaseSection" showBlur={false} animationPreset="none">
-            <div className="relative w-full flex flex-col items-stretch gap-32">
-                {content.useCases.map((item, index) => {
-                    const animationPreset = USE_CASE_ANIMATION_SEQUENCE[index % USE_CASE_ANIMATION_SEQUENCE.length]
-                    const animationConfig = ANIMATION_PRESETS[animationPreset]
-                    const image = item.image as Media
-
-                    return (
-                        <motion.div
-                            key={item.id ?? item.label}
-                            className={`w-full flex flex-col items-center gap-8 ${index % 2 === 0 ? "lg:flex-row" : "lg:flex-row-reverse"}`}
-                            initial={animationConfig.initial}
-                            whileInView={animationConfig.whileInView}
-                            viewport={{ once: true, amount: 0.2 }}
-                            transition={{
-                                ...animationConfig.transition,
-                                delay: index * 0.08,
-                            }}
-                        >
-                            <motion.div
-                                className="mt-4 hidden w-1/2 px-2 pb-2 text-center lg:block lg:text-left"
-                                variants={staggerContainer}
-                                initial="hidden"
-                                whileInView="show"
-                                viewport={{ once: true, amount: 0.35 }}
-                            >
-                                <motion.p variants={staggerItem} className="text-xl font-semibold text-white lg:text-3xl">{item.title}</motion.p>
-                                <motion.p variants={staggerItem} className="mt-3 max-w-xl text-sm leading-7 text-white/75 lg:text-base">{item.description}</motion.p>
-                                {item.bulletPoints?.length ? (
-                                    <motion.ul variants={staggerItem} className="mt-5 space-y-2.5 text-sm text-white/80 lg:text-base">
-                                        {item.bulletPoints.map((point, pointIndex) => (
-                                            <li key={`${item.id ?? item.label}-point-${pointIndex}`} className="flex items-center gap-2">
-                                                <span className="h-1.5 w-1.5 shrink-0 rounded-full bg-brand" />
-                                                <span>{point}</span>
-                                            </li>
-                                        ))}
-                                    </motion.ul>
-                                ) : null}
-                                {item.link?.label && item.link?.url ? (
-                                    <motion.div variants={staggerItem} className="mt-5">
-                                        <LinkButton href={item.link.url}>
-                                            {item.link.label}
-                                        </LinkButton>
-                                    </motion.div>
-                                ) : null}
-                            </motion.div>
-                            <div className="glass-card-shell w-full lg:w-2/3 aspect-video">
-                                <div aria-hidden="true" className="glass-card-topline" />
-                                {image?.url ? (
-                                    <Image
-                                        src={image.url}
-                                        alt={image.alt ?? item.title}
-                                        fill
-                                        sizes="(min-width: 768px) 66vw, 100vw"
-                                        className="object-contain"
-                                    />
-                                ) : null}
-                            </div>
-                            <motion.div
-                                className="w-full px-2 pb-2 text-left lg:hidden lg:text-center"
-                                variants={staggerContainer}
-                                initial="hidden"
-                                whileInView="show"
-                                viewport={{ once: true, amount: 0.35 }}
-                            >
-                                <motion.p variants={staggerItem} className="text-xl font-semibold tracking-tight text-white">{item.title}</motion.p>
-                                <motion.p variants={staggerItem} className="mt-3 text-sm leading-7 text-white/75">{item.description}</motion.p>
-                                {item.bulletPoints?.length ? (
-                                    <motion.ul variants={staggerItem} className="mt-5 space-y-2.5 text-left text-sm text-white/80">
-                                        {item.bulletPoints.map((point, pointIndex) => (
-                                            <li key={`${item.id ?? item.label}-mobile-point-${pointIndex}`} className="flex items-start gap-3">
-                                                <span className="mt-2 h-1.5 w-1.5 shrink-0 rounded-full bg-brand" />
-                                                <span>{point}</span>
-                                            </li>
-                                        ))}
-                                    </motion.ul>
-                                ) : null}
-                                {item.link?.label && item.link?.url ? (
-                                    <motion.div variants={staggerItem} className="mt-5">
-                                        <LinkButton href={item.link.url}>
-                                            {item.link.label}
-                                        </LinkButton>
-                                    </motion.div>
-                                ) : null}
-                            </motion.div>
-                        </motion.div>
-                    )
-                })}
-            </div>
-        </Section>
-    )
-}
diff --git a/src/components/ui/Section.tsx b/src/components/ui/Section.tsx
index a8325ace..3f0904c2 100644
--- a/src/components/ui/Section.tsx
+++ b/src/components/ui/Section.tsx
@@ -1,19 +1,24 @@
 "use client"
 
-import { usePreloadedSection } from "@/components/providers/SectionsProvider"
 import { LinkButton } from "@/components/ui/LinkButton"
 import { getLocaleFromPath, localizeHref } from "@/lib/i18n"
 import { ANIMATION_PRESETS, cn, type AnimationPreset } from "@/lib/utils"
-import { Section as SectionDocument } from "@/payload-types"
 import { m as motion, type Variants } from "motion/react"
 import { usePathname } from "next/navigation"
 import { createElement, ReactNode, useEffect, useRef, useState } from "react"
 
+interface SectionLinkButton {
+    label?: string | null
+    url?: string | null
+}
+
 interface SectionProps {
     children: ReactNode
     funnelType?: "center" | "left"
     className?: string
-    sectionType?: NonNullable<SectionDocument["sectionType"]>
+    heading?: string | null
+    description?: string | null
+    linkButton?: SectionLinkButton | null
     showBlur?: boolean
     showFunnel?: boolean
     showLinkButton?: boolean
@@ -28,7 +33,9 @@ interface SectionProps {
 }
 
 export function Section({
-    sectionType,
+    heading,
+    description,
+    linkButton,
     children,
     className,
     funnelType = "center",
@@ -44,13 +51,13 @@ export function Section({
     animationViewportMargin,
     headingLevel = 2,
 }: SectionProps) {
-    const sectionData = usePreloadedSection(sectionType) as SectionDocument | null
     const sectionRef = useRef<HTMLElement | null>(null)
     const pathname = usePathname()
     const locale = getLocaleFromPath(pathname)
     const [isInView, setIsInView] = useState(false)
-    const rawLinkUrl = sectionData?.link_button?.url?.trim()
+    const rawLinkUrl = linkButton?.url?.trim()
     const linkUrl = rawLinkUrl ? localizeHref(rawLinkUrl, locale) : undefined
+    const shouldShowFunnel = showFunnel && Boolean(heading || description || (showLinkButton && linkUrl && linkButton?.label))
     const animationConfig = animationPreset === "none" ? null : ANIMATION_PRESETS[animationPreset]
     const staggerContainer: Variants = {
         hidden: {},
@@ -116,7 +123,7 @@ export function Section({
             {showBlur && funnelType === "center" && (
                 <div aria-hidden="true" className="pointer-events-none absolute -bottom-60 -top-24 left-1/2 w-[120vw] max-w-none -translate-x-1/2 [background:radial-gradient(circle,rgba(255,255,255,0.1),transparent_70%)] md:inset-x-0 md:w-auto md:translate-x-0" />
             )}
-            {showFunnel && (
+            {shouldShowFunnel && (
                 funnelType === "center" ? (
                     <motion.div
                         className={"flex flex-col gap-4 items-center justify-center text-center"}
@@ -128,15 +135,17 @@ export function Section({
                         {createElement(
                             motion[headingTag],
                             { variants: staggerItem, className: "text-4xl text-white font-semibold" },
-                            sectionData?.heading,
+                            heading,
+                        )}
+                        {description && (
+                            <motion.p variants={staggerItem} className="relative z-10 max-w-[90vw] lg:w-1/2 text-center font-medium text-white/75 text-xl">
+                                {description}
+                            </motion.p>
                         )}
-                        <motion.p variants={staggerItem} className="relative z-10 max-w-[90vw] lg:w-1/2 text-center font-medium text-white/75 text-xl">
-                            {sectionData?.subheading}
-                        </motion.p>
                         {showLinkButton && linkUrl &&
                             <motion.div variants={staggerItem}>
                                 <LinkButton href={linkUrl}>
-                                    {sectionData?.link_button?.label}
+                                    {linkButton?.label}
                                 </LinkButton>
                             </motion.div>
                         }
@@ -152,15 +161,17 @@ export function Section({
                         {createElement(
                             motion[headingTag],
                             { variants: staggerItem, className: "text-4xl text-white font-semibold" },
-                            sectionData?.heading,
+                            heading,
+                        )}
+                        {description && (
+                            <motion.p variants={staggerItem} className="relative z-10 max-w-[90vw] lg:w-1/2 font-medium text-white/75 text-xl">
+                                {description}
+                            </motion.p>
                         )}
-                        <motion.p variants={staggerItem} className="relative z-10 max-w-[90vw] lg:w-1/2 font-medium text-white/75 text-xl">
-                            {sectionData?.subheading}
-                        </motion.p>
                         {showLinkButton && linkUrl &&
                             <motion.div variants={staggerItem}>
                                 <LinkButton href={linkUrl}>
-                                    {sectionData?.link_button?.label}
+                                    {linkButton?.label}
                                 </LinkButton>
                             </motion.div>
                         }
diff --git a/src/lib/cms.ts b/src/lib/cms.ts
index c71dd55f..13207974 100644
--- a/src/lib/cms.ts
+++ b/src/lib/cms.ts
@@ -2,7 +2,7 @@
 
 import { DEFAULT_LOCALE, type AppLocale } from "@/lib/i18n"
 import { getPayloadClient } from "@/lib/payloadClient"
-import type { Action, Blog, CookieBanner, Feature, Footer, Job, Media, NavbarItem, Page, RoadmapItem as PayloadRoadmapItem, Section, TeamMember } from "@/payload-types"
+import type { Action, Blog, CookieBanner, Feature, Footer, Job, Media, NavbarItem, Page, TeamMember } from "@/payload-types"
 import { cache } from "react"
 
 const isBuildPhase = process.env.NEXT_PHASE === "phase-production-build" || process.env.npm_lifecycle_event === "build"
@@ -11,20 +11,21 @@ const hasDatabaseUrl = Boolean(process.env.DATABASE_URL?.trim())
 type PageLayoutBlock = NonNullable<Page["layout"]>[number]
 
 export type HeroLayoutBlock = Extract<PageLayoutBlock, { blockType: "hero" }>
-export type EditionHeroLayoutBlock = Extract<PageLayoutBlock, { blockType: "editionHero" }>
-export type EditionFeaturesLayoutBlock = Extract<PageLayoutBlock, { blockType: "editionFeatures" }>
-export type EditionInstallLayoutBlock = Extract<PageLayoutBlock, { blockType: "editionInstall" }>
-export type EditionUseCaseLayoutBlock = Extract<PageLayoutBlock, { blockType: "editionUseCases" }>
+export type BentoLayoutBlock = Extract<PageLayoutBlock, { blockType: "bento" }>
+export type OffsetCardsLayoutBlock = Extract<PageLayoutBlock, { blockType: "offsetCards" }>
+export type InstallLayoutBlock = Extract<PageLayoutBlock, { blockType: "install" }>
+export type SwipeCardsLayoutBlock = Extract<PageLayoutBlock, { blockType: "swipeCards" }>
 export type BrandLayoutBlock = Extract<PageLayoutBlock, { blockType: "brand" }>
 export type CtaLayoutBlock = Extract<PageLayoutBlock, { blockType: "cta" }>
 export type FaqLayoutBlock = Extract<PageLayoutBlock, { blockType: "faq" }>
-export type UseCaseLayoutBlock = Extract<PageLayoutBlock, { blockType: "usecase" }>
-export type DeploymentLayoutBlock = Extract<PageLayoutBlock, { blockType: "deployment" }>
+export type CardRowLayoutBlock = Extract<PageLayoutBlock, { blockType: "cardRow" }>
 export type JobsLayoutBlock = Extract<PageLayoutBlock, { blockType: "jobs" }>
 export type ActionsLayoutBlock = Extract<PageLayoutBlock, { blockType: "actions" }>
 export type MarkdownLayoutBlock = Extract<PageLayoutBlock, { blockType: "markdown" }>
 export type ContactLayoutBlock = Extract<PageLayoutBlock, { blockType: "contact" }>
 export type BlogLayoutBlock = Extract<PageLayoutBlock, { blockType: "blog" }>
+export type RoadmapLayoutBlock = Extract<PageLayoutBlock, { blockType: "roadmap" }>
+export type ScrollCardsLayoutBlock = Extract<PageLayoutBlock, { blockType: "scrollCards" }>
 
 
 type FeatureSlug = Feature["slug"]
@@ -59,8 +60,6 @@ type ActionDetailItem = Pick<Action, "id" | "slug" | "title" | "shortDescription
 export type JobItem = Pick<Job, "id" | "title" | "slug" | "category" | "type" | "location" | "description" | "order">
 type JobDetailItem = Pick<Job, "id" | "title" | "slug" | "category" | "type" | "location" | "description" | "order" | "content">
 export type TeamMemberItem = Pick<TeamMember, "id" | "name" | "image" | "shortDescription" | "about" | "role" | "joinedAt">
-type RoadmapItem = Pick<PayloadRoadmapItem, "id" | "time" | "title" | "description">
-
 export type BlogPostItem = Pick<Blog, "id" | "title" | "slug" | "content" | "createdAt" | "shortDescription" | "isPinned"> & {
     heroImage?: (number | null) | Media
     meta?: Blog["meta"]
@@ -519,37 +518,6 @@ const getBlogSlugsCached = cache(async (locale: AppLocale): Promise<string[]> =>
     })
 })
 
-const getRoadmapItemsCached = cache(async (locale: AppLocale): Promise<RoadmapItem[]> => {
-    return withCmsFallback(`getRoadmapItems(${locale})`, [], async () => {
-        const payload = await getPayloadClient()
-        const result = await payload.find({
-            collection: "roadmapItems",
-            locale,
-            fallbackLocale: DEFAULT_LOCALE,
-            pagination: false,
-            sort: "-createdAt",
-            depth: 0,
-        })
-
-        return (result.docs as RoadmapItem[]) ?? []
-    })
-})
-
-const getSectionsCached = cache(async (locale: AppLocale): Promise<Section[]> => {
-    return withCmsFallback(`getSections(${locale})`, [], async () => {
-        const payload = await getPayloadClient()
-        const result = await payload.find({
-            collection: "sections",
-            locale,
-            fallbackLocale: DEFAULT_LOCALE,
-            pagination: false,
-            depth: 0,
-        })
-
-        return result.docs as Section[]
-    })
-})
-
 const getSubscriptionConfigCached = cache(async (locale: AppLocale): Promise<SubscriptionConfigData | null> => {
     return withCmsFallback(`getSubscriptionConfig(${locale})`, null, async () => {
         const payload = await getPayloadClient()
@@ -630,14 +598,6 @@ export async function getBlogSlugs(locale: AppLocale = DEFAULT_LOCALE): Promise<
     return getBlogSlugsCached(locale)
 }
 
-export async function getRoadmapItems(locale: AppLocale = DEFAULT_LOCALE): Promise<RoadmapItem[]> {
-    return getRoadmapItemsCached(locale)
-}
-
-export async function getSections(locale: AppLocale = DEFAULT_LOCALE): Promise<Section[]> {
-    return getSectionsCached(locale)
-}
-
 export async function getSubscriptionConfig(locale: AppLocale = DEFAULT_LOCALE): Promise<SubscriptionConfigData | null> {
     return getSubscriptionConfigCached(locale)
 }
diff --git a/src/migrations/20260427_010_remove_edition_hero_block.ts b/src/migrations/20260427_010_remove_edition_hero_block.ts
new file mode 100644
index 00000000..e8ba47ce
--- /dev/null
+++ b/src/migrations/20260427_010_remove_edition_hero_block.ts
@@ -0,0 +1,1136 @@
+import { MigrateDownArgs, MigrateUpArgs, sql } from '@payloadcms/db-postgres'
+
+export async function up({ db }: MigrateUpArgs): Promise<void> {
+  await db.execute(sql`
+    ALTER TABLE "pages_blocks_hero" ADD COLUMN IF NOT EXISTS "centered" boolean DEFAULT false;
+    ALTER TABLE "pages_blocks_hero" ADD COLUMN IF NOT EXISTS "grainient_colors_color1" varchar;
+    ALTER TABLE "pages_blocks_hero" ADD COLUMN IF NOT EXISTS "grainient_colors_color2" varchar;
+    ALTER TABLE "pages_blocks_hero" ADD COLUMN IF NOT EXISTS "grainient_colors_color3" varchar;
+    ALTER TABLE "pages_blocks_hero" ADD COLUMN IF NOT EXISTS "grainient_colors_background_color" varchar;
+
+    INSERT INTO "pages_blocks_hero" (
+      "_order",
+      "_parent_id",
+      "_path",
+      "_locale",
+      "id",
+      "heading",
+      "centered",
+      "grainient_colors_color1",
+      "grainient_colors_color2",
+      "grainient_colors_color3",
+      "grainient_colors_background_color",
+      "block_name"
+    )
+    SELECT
+      "_order",
+      "_parent_id",
+      "_path",
+      "_locale",
+      "id",
+      "heading",
+      true,
+      CASE WHEN "_path" LIKE '%community-edition%' THEN '#10213a' ELSE '#13102d' END,
+      CASE WHEN "_path" LIKE '%community-edition%' THEN '#f872e2' ELSE '#7472f8' END,
+      CASE WHEN "_path" LIKE '%community-edition%' THEN '#f8f172' ELSE '#72c9f8' END,
+      CASE WHEN "_path" LIKE '%community-edition%' THEN '#0b1324' ELSE '#140c22' END,
+      "block_name"
+    FROM "pages_blocks_edition_hero"
+    ON CONFLICT ("id") DO NOTHING;
+
+    INSERT INTO "pages_blocks_hero_texts" (
+      "_order",
+      "_parent_id",
+      "_locale",
+      "id",
+      "text"
+    )
+    SELECT
+      "_order",
+      "_parent_id",
+      "_locale",
+      "id",
+      "text"
+    FROM "pages_blocks_edition_hero_texts"
+    ON CONFLICT ("id") DO NOTHING;
+
+    INSERT INTO "pages_blocks_hero_buttons" (
+      "_order",
+      "_parent_id",
+      "_locale",
+      "id",
+      "label",
+      "url",
+      "variant"
+    )
+    SELECT
+      "_order",
+      "_parent_id",
+      "_locale",
+      "id",
+      "label",
+      "url",
+      "variant"::text::"enum_pages_blocks_hero_buttons_variant"
+    FROM "pages_blocks_edition_hero_buttons"
+    ON CONFLICT ("id") DO NOTHING;
+
+    DROP TABLE IF EXISTS "pages_blocks_edition_hero_texts" CASCADE;
+    DROP TABLE IF EXISTS "pages_blocks_edition_hero_buttons" CASCADE;
+    DROP TABLE IF EXISTS "pages_blocks_edition_hero" CASCADE;
+    DROP TYPE IF EXISTS "public"."enum_pages_blocks_edition_hero_buttons_variant";
+  `)
+
+  await db.execute(sql`
+    CREATE TABLE IF NOT EXISTS "pages_blocks_card_row" (
+      "_order" integer NOT NULL,
+      "_parent_id" integer NOT NULL,
+      "_path" text NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "id" varchar PRIMARY KEY NOT NULL,
+      "block_name" varchar
+    );
+
+    CREATE TABLE IF NOT EXISTS "pages_blocks_card_row_cards" (
+      "_order" integer NOT NULL,
+      "_parent_id" varchar NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "id" varchar PRIMARY KEY NOT NULL,
+      "title" varchar NOT NULL,
+      "description" varchar,
+      "link_label" varchar,
+      "link_url" varchar,
+      "image_id" integer
+    );
+
+    ALTER TABLE "pages_blocks_card_row"
+      ADD CONSTRAINT "pages_blocks_card_row_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "public"."pages"("id")
+      ON DELETE cascade ON UPDATE no action;
+
+    ALTER TABLE "pages_blocks_card_row_cards"
+      ADD CONSTRAINT "pages_blocks_card_row_cards_image_id_media_id_fk"
+      FOREIGN KEY ("image_id") REFERENCES "public"."media"("id")
+      ON DELETE set null ON UPDATE no action;
+
+    ALTER TABLE "pages_blocks_card_row_cards"
+      ADD CONSTRAINT "pages_blocks_card_row_cards_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "public"."pages_blocks_card_row"("id")
+      ON DELETE cascade ON UPDATE no action;
+
+    CREATE INDEX IF NOT EXISTS "pages_blocks_card_row_order_idx" ON "pages_blocks_card_row" USING btree ("_order");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_card_row_parent_id_idx" ON "pages_blocks_card_row" USING btree ("_parent_id");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_card_row_path_idx" ON "pages_blocks_card_row" USING btree ("_path");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_card_row_locale_idx" ON "pages_blocks_card_row" USING btree ("_locale");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_card_row_cards_order_idx" ON "pages_blocks_card_row_cards" USING btree ("_order");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_card_row_cards_parent_id_idx" ON "pages_blocks_card_row_cards" USING btree ("_parent_id");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_card_row_cards_locale_idx" ON "pages_blocks_card_row_cards" USING btree ("_locale");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_card_row_cards_image_idx" ON "pages_blocks_card_row_cards" USING btree ("image_id");
+
+    INSERT INTO "pages_blocks_card_row" (
+      "_order", "_parent_id", "_path", "_locale", "id", "block_name"
+    )
+    SELECT "_order", "_parent_id", "_path", "_locale", "id", "block_name"
+    FROM "pages_blocks_deployment"
+    ON CONFLICT ("id") DO NOTHING;
+
+    INSERT INTO "pages_blocks_card_row_cards" (
+      "_order", "_parent_id", "_locale", "id", "title", "description", "link_label", "link_url"
+    )
+    SELECT 0, "id", "_locale", "id" || '-cloud', COALESCE("cloud_title", ''), "cloud_description", "cloud_link_label", "cloud_link_url"
+    FROM "pages_blocks_deployment"
+    ON CONFLICT ("id") DO NOTHING;
+
+    INSERT INTO "pages_blocks_card_row_cards" (
+      "_order", "_parent_id", "_locale", "id", "title", "description", "link_label", "link_url"
+    )
+    SELECT 1, "id", "_locale", "id" || '-selfhost', COALESCE("selfhost_title", ''), "selfhost_description", "selfhost_link_label", "selfhost_link_url"
+    FROM "pages_blocks_deployment"
+    ON CONFLICT ("id") DO NOTHING;
+
+    INSERT INTO "pages_blocks_card_row_cards" (
+      "_order", "_parent_id", "_locale", "id", "title", "description", "link_label", "link_url"
+    )
+    SELECT 2, "id", "_locale", "id" || '-dynamic', COALESCE("dynamic_title", ''), "dynamic_description", "dynamic_link_label", "dynamic_link_url"
+    FROM "pages_blocks_deployment"
+    ON CONFLICT ("id") DO NOTHING;
+
+    DROP TABLE IF EXISTS "pages_blocks_deployment" CASCADE;
+  `)
+
+  await db.execute(sql`
+    CREATE TABLE IF NOT EXISTS "pages_blocks_offset_cards" (
+      "_order" integer NOT NULL,
+      "_parent_id" integer NOT NULL,
+      "_path" text NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "id" varchar PRIMARY KEY NOT NULL,
+      "show_section_header" boolean DEFAULT false,
+      "block_name" varchar
+    );
+
+    CREATE TABLE IF NOT EXISTS "pages_blocks_offset_cards_cards" (
+      "_order" integer NOT NULL,
+      "_parent_id" varchar NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "id" varchar PRIMARY KEY NOT NULL,
+      "label" varchar NOT NULL,
+      "title" varchar NOT NULL,
+      "description" varchar NOT NULL,
+      "image_id" integer,
+      "bullet_points" jsonb,
+      "link_label" varchar,
+      "link_url" varchar
+    );
+
+    ALTER TABLE "pages_blocks_offset_cards"
+      ADD CONSTRAINT "pages_blocks_offset_cards_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "public"."pages"("id")
+      ON DELETE cascade ON UPDATE no action;
+
+    ALTER TABLE "pages_blocks_offset_cards_cards"
+      ADD CONSTRAINT "pages_blocks_offset_cards_cards_image_id_media_id_fk"
+      FOREIGN KEY ("image_id") REFERENCES "public"."media"("id")
+      ON DELETE set null ON UPDATE no action;
+
+    ALTER TABLE "pages_blocks_offset_cards_cards"
+      ADD CONSTRAINT "pages_blocks_offset_cards_cards_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "public"."pages_blocks_offset_cards"("id")
+      ON DELETE cascade ON UPDATE no action;
+
+    CREATE INDEX IF NOT EXISTS "pages_blocks_offset_cards_order_idx" ON "pages_blocks_offset_cards" USING btree ("_order");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_offset_cards_parent_id_idx" ON "pages_blocks_offset_cards" USING btree ("_parent_id");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_offset_cards_path_idx" ON "pages_blocks_offset_cards" USING btree ("_path");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_offset_cards_locale_idx" ON "pages_blocks_offset_cards" USING btree ("_locale");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_offset_cards_cards_order_idx" ON "pages_blocks_offset_cards_cards" USING btree ("_order");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_offset_cards_cards_parent_id_idx" ON "pages_blocks_offset_cards_cards" USING btree ("_parent_id");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_offset_cards_cards_locale_idx" ON "pages_blocks_offset_cards_cards" USING btree ("_locale");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_offset_cards_cards_image_idx" ON "pages_blocks_offset_cards_cards" USING btree ("image_id");
+
+    INSERT INTO "pages_blocks_offset_cards" (
+      "_order", "_parent_id", "_path", "_locale", "id", "show_section_header", "block_name"
+    )
+    SELECT "_order", "_parent_id", "_path", "_locale", "id", true, "block_name"
+    FROM "pages_blocks_usecase"
+    ON CONFLICT ("id") DO NOTHING;
+
+    INSERT INTO "pages_blocks_offset_cards_cards" (
+      "_order", "_parent_id", "_locale", "id", "label", "title", "description", "image_id", "link_label", "link_url"
+    )
+    SELECT "_order", "_parent_id", "_locale", "id", "label", "title", "description", "image_id", "link_label", "link_url"
+    FROM "pages_blocks_usecase_use_cases"
+    ON CONFLICT ("id") DO NOTHING;
+
+    INSERT INTO "pages_blocks_offset_cards" (
+      "_order", "_parent_id", "_path", "_locale", "id", "show_section_header", "block_name"
+    )
+    SELECT "_order", "_parent_id", "_path", "_locale", "id", false, "block_name"
+    FROM "pages_blocks_edition_features"
+    ON CONFLICT ("id") DO NOTHING;
+
+    INSERT INTO "pages_blocks_offset_cards_cards" (
+      "_order", "_parent_id", "_locale", "id", "label", "title", "description", "image_id", "link_label", "link_url"
+    )
+    SELECT "_order", "_parent_id", "_locale", "id", "label", "title", "description", "image_id", "link_label", "link_url"
+    FROM "pages_blocks_edition_features_features"
+    ON CONFLICT ("id") DO NOTHING;
+
+    DROP TABLE IF EXISTS "pages_blocks_usecase_use_cases" CASCADE;
+    DROP TABLE IF EXISTS "pages_blocks_usecase" CASCADE;
+    DROP TABLE IF EXISTS "pages_blocks_edition_features_features" CASCADE;
+    DROP TABLE IF EXISTS "pages_blocks_edition_features" CASCADE;
+  `)
+
+  await db.execute(sql`
+    CREATE TABLE IF NOT EXISTS "pages_blocks_install" (
+      "_order" integer NOT NULL,
+      "_parent_id" integer NOT NULL,
+      "_path" text NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "id" varchar PRIMARY KEY NOT NULL,
+      "heading" varchar NOT NULL,
+      "subheading" varchar NOT NULL,
+      "label" varchar,
+      "code" varchar NOT NULL,
+      "block_name" varchar
+    );
+
+    CREATE TABLE IF NOT EXISTS "pages_blocks_swipe_cards" (
+      "_order" integer NOT NULL,
+      "_parent_id" integer NOT NULL,
+      "_path" text NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "id" varchar PRIMARY KEY NOT NULL,
+      "heading" varchar,
+      "subheading" varchar,
+      "block_name" varchar
+    );
+
+    CREATE TABLE IF NOT EXISTS "pages_blocks_swipe_cards_cards" (
+      "_order" integer NOT NULL,
+      "_parent_id" varchar NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "id" varchar PRIMARY KEY NOT NULL,
+      "title" varchar NOT NULL,
+      "description" varchar NOT NULL,
+      "image_id" integer,
+      "link_label" varchar,
+      "link_url" varchar
+    );
+
+    ALTER TABLE "pages_blocks_install"
+      ADD CONSTRAINT "pages_blocks_install_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "public"."pages"("id")
+      ON DELETE cascade ON UPDATE no action;
+
+    ALTER TABLE "pages_blocks_swipe_cards"
+      ADD CONSTRAINT "pages_blocks_swipe_cards_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "public"."pages"("id")
+      ON DELETE cascade ON UPDATE no action;
+
+    ALTER TABLE "pages_blocks_swipe_cards_cards"
+      ADD CONSTRAINT "pages_blocks_swipe_cards_cards_image_id_media_id_fk"
+      FOREIGN KEY ("image_id") REFERENCES "public"."media"("id")
+      ON DELETE set null ON UPDATE no action;
+
+    ALTER TABLE "pages_blocks_swipe_cards_cards"
+      ADD CONSTRAINT "pages_blocks_swipe_cards_cards_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "public"."pages_blocks_swipe_cards"("id")
+      ON DELETE cascade ON UPDATE no action;
+
+    CREATE INDEX IF NOT EXISTS "pages_blocks_install_order_idx" ON "pages_blocks_install" USING btree ("_order");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_install_parent_id_idx" ON "pages_blocks_install" USING btree ("_parent_id");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_install_path_idx" ON "pages_blocks_install" USING btree ("_path");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_install_locale_idx" ON "pages_blocks_install" USING btree ("_locale");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_swipe_cards_order_idx" ON "pages_blocks_swipe_cards" USING btree ("_order");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_swipe_cards_parent_id_idx" ON "pages_blocks_swipe_cards" USING btree ("_parent_id");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_swipe_cards_path_idx" ON "pages_blocks_swipe_cards" USING btree ("_path");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_swipe_cards_locale_idx" ON "pages_blocks_swipe_cards" USING btree ("_locale");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_swipe_cards_cards_order_idx" ON "pages_blocks_swipe_cards_cards" USING btree ("_order");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_swipe_cards_cards_parent_id_idx" ON "pages_blocks_swipe_cards_cards" USING btree ("_parent_id");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_swipe_cards_cards_locale_idx" ON "pages_blocks_swipe_cards_cards" USING btree ("_locale");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_swipe_cards_cards_image_idx" ON "pages_blocks_swipe_cards_cards" USING btree ("image_id");
+
+    INSERT INTO "pages_blocks_install" (
+      "_order", "_parent_id", "_path", "_locale", "id", "heading", "subheading", "label", "code", "block_name"
+    )
+    SELECT "_order", "_parent_id", "_path", "_locale", "id", "heading", "subheading", "label", "code", "block_name"
+    FROM "pages_blocks_edition_install"
+    ON CONFLICT ("id") DO NOTHING;
+
+    INSERT INTO "pages_blocks_swipe_cards" (
+      "_order", "_parent_id", "_path", "_locale", "id", "heading", "subheading", "block_name"
+    )
+    SELECT "_order", "_parent_id", "_path", "_locale", "id", "heading", "subheading", "block_name"
+    FROM "pages_blocks_edition_use_cases"
+    ON CONFLICT ("id") DO NOTHING;
+
+    INSERT INTO "pages_blocks_swipe_cards_cards" (
+      "_order", "_parent_id", "_locale", "id", "title", "description", "image_id", "link_label", "link_url"
+    )
+    SELECT "_order", "_parent_id", "_locale", "id", "title", "description", "image_id", "link_label", "link_url"
+    FROM "pages_blocks_edition_use_cases_use_cases"
+    ON CONFLICT ("id") DO NOTHING;
+
+    DROP TABLE IF EXISTS "pages_blocks_edition_install" CASCADE;
+    DROP TABLE IF EXISTS "pages_blocks_edition_use_cases_use_cases" CASCADE;
+    DROP TABLE IF EXISTS "pages_blocks_edition_use_cases" CASCADE;
+  `)
+
+  await db.execute(sql`
+    DO $$ BEGIN
+      CREATE TYPE "public"."enum_pages_blocks_bento_variant" AS ENUM('feature', 'runtime');
+    EXCEPTION
+      WHEN duplicate_object THEN null;
+    END $$;
+
+    CREATE TABLE IF NOT EXISTS "pages_blocks_bento" (
+      "_order" integer NOT NULL,
+      "_parent_id" integer NOT NULL,
+      "_path" text NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "id" varchar PRIMARY KEY NOT NULL,
+      "variant" "enum_pages_blocks_bento_variant" DEFAULT 'feature' NOT NULL,
+      "block_name" varchar
+    );
+
+    ALTER TABLE "pages_blocks_bento"
+      ADD CONSTRAINT "pages_blocks_bento_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "public"."pages"("id")
+      ON DELETE cascade ON UPDATE no action;
+
+    CREATE INDEX IF NOT EXISTS "pages_blocks_bento_order_idx" ON "pages_blocks_bento" USING btree ("_order");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_bento_parent_id_idx" ON "pages_blocks_bento" USING btree ("_parent_id");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_bento_path_idx" ON "pages_blocks_bento" USING btree ("_path");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_bento_locale_idx" ON "pages_blocks_bento" USING btree ("_locale");
+  `)
+
+  await db.execute(sql`
+    CREATE TABLE IF NOT EXISTS "pages_blocks_roadmap" (
+      "_order" integer NOT NULL,
+      "_parent_id" integer NOT NULL,
+      "_path" text NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "id" varchar PRIMARY KEY NOT NULL,
+      "block_name" varchar
+    );
+
+    CREATE TABLE IF NOT EXISTS "pages_blocks_roadmap_items" (
+      "_order" integer NOT NULL,
+      "_parent_id" varchar NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "id" varchar PRIMARY KEY NOT NULL,
+      "time" varchar NOT NULL,
+      "title" varchar NOT NULL,
+      "description" varchar NOT NULL
+    );
+
+    ALTER TABLE "pages_blocks_roadmap"
+      ADD CONSTRAINT "pages_blocks_roadmap_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "public"."pages"("id")
+      ON DELETE cascade ON UPDATE no action;
+
+    ALTER TABLE "pages_blocks_roadmap_items"
+      ADD CONSTRAINT "pages_blocks_roadmap_items_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "public"."pages_blocks_roadmap"("id")
+      ON DELETE cascade ON UPDATE no action;
+
+    CREATE INDEX IF NOT EXISTS "pages_blocks_roadmap_order_idx" ON "pages_blocks_roadmap" USING btree ("_order");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_roadmap_parent_id_idx" ON "pages_blocks_roadmap" USING btree ("_parent_id");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_roadmap_path_idx" ON "pages_blocks_roadmap" USING btree ("_path");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_roadmap_locale_idx" ON "pages_blocks_roadmap" USING btree ("_locale");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_roadmap_items_order_idx" ON "pages_blocks_roadmap_items" USING btree ("_order");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_roadmap_items_parent_id_idx" ON "pages_blocks_roadmap_items" USING btree ("_parent_id");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_roadmap_items_locale_idx" ON "pages_blocks_roadmap_items" USING btree ("_locale");
+
+    INSERT INTO "pages_blocks_roadmap" (
+      "_order",
+      "_parent_id",
+      "_path",
+      "_locale",
+      "id"
+    )
+    SELECT
+      COALESCE((
+        SELECT MAX("_order") + 1
+        FROM (
+          SELECT "_order", "_parent_id", "_locale" FROM "pages_blocks_hero"
+          UNION ALL SELECT "_order", "_parent_id", "_locale" FROM "pages_blocks_brand"
+          UNION ALL SELECT "_order", "_parent_id", "_locale" FROM "pages_blocks_faq"
+          UNION ALL SELECT "_order", "_parent_id", "_locale" FROM "pages_blocks_cta"
+          UNION ALL SELECT "_order", "_parent_id", "_locale" FROM "pages_blocks_jobs"
+          UNION ALL SELECT "_order", "_parent_id", "_locale" FROM "pages_blocks_blog"
+          UNION ALL SELECT "_order", "_parent_id", "_locale" FROM "pages_blocks_actions"
+          UNION ALL SELECT "_order", "_parent_id", "_locale" FROM "pages_blocks_markdown"
+          UNION ALL SELECT "_order", "_parent_id", "_locale" FROM "pages_blocks_contact"
+          UNION ALL SELECT "_order", "_parent_id", "_locale" FROM "pages_blocks_bento"
+          UNION ALL SELECT "_order", "_parent_id", "_locale" FROM "pages_blocks_offset_cards"
+          UNION ALL SELECT "_order", "_parent_id", "_locale" FROM "pages_blocks_install"
+          UNION ALL SELECT "_order", "_parent_id", "_locale" FROM "pages_blocks_swipe_cards"
+          UNION ALL SELECT "_order", "_parent_id", "_locale" FROM "pages_blocks_card_row"
+        ) layout_orders
+        WHERE layout_orders."_parent_id" = pages."id"
+          AND layout_orders."_locale" = locale_values."_locale"
+      ), 0),
+      pages."id",
+      'layout',
+      locale_values."_locale",
+      'roadmap-' || pages."id" || '-' || locale_values."_locale"::text
+    FROM "pages" pages
+    CROSS JOIN (
+      SELECT DISTINCT "_locale" FROM "roadmap_items_locales"
+    ) locale_values
+    WHERE pages."slug" = 'main'
+      AND EXISTS (
+        SELECT 1 FROM "roadmap_items_locales"
+        WHERE "roadmap_items_locales"."_locale" = locale_values."_locale"
+      )
+    ON CONFLICT ("id") DO NOTHING;
+
+    INSERT INTO "pages_blocks_roadmap_items" (
+      "_order",
+      "_parent_id",
+      "_locale",
+      "id",
+      "time",
+      "title",
+      "description"
+    )
+    SELECT
+      ROW_NUMBER() OVER (PARTITION BY roadmap_locale."_locale" ORDER BY roadmap."created_at" DESC, roadmap."id" DESC) - 1,
+      'roadmap-' || pages."id" || '-' || roadmap_locale."_locale"::text,
+      roadmap_locale."_locale",
+      'roadmap-item-' || roadmap."id" || '-' || roadmap_locale."_locale"::text,
+      roadmap_locale."time",
+      roadmap_locale."title",
+      roadmap_locale."description"
+    FROM "roadmap_items" roadmap
+    INNER JOIN "roadmap_items_locales" roadmap_locale ON roadmap_locale."_parent_id" = roadmap."id"
+    INNER JOIN "pages" pages ON pages."slug" = 'main'
+    ON CONFLICT ("id") DO NOTHING;
+
+    ALTER TABLE "payload_locked_documents_rels" DROP CONSTRAINT IF EXISTS "payload_locked_documents_rels_roadmap_items_fk";
+    DROP INDEX IF EXISTS "payload_locked_documents_rels_roadmap_items_id_idx";
+    ALTER TABLE "payload_locked_documents_rels" DROP COLUMN IF EXISTS "roadmap_items_id";
+
+    DROP TABLE IF EXISTS "roadmap_items_locales" CASCADE;
+    DROP TABLE IF EXISTS "roadmap_items" CASCADE;
+  `)
+
+  await db.execute(sql`
+    ALTER TABLE "pages_blocks_bento" ADD COLUMN IF NOT EXISTS "section_heading" varchar;
+    ALTER TABLE "pages_blocks_bento" ADD COLUMN IF NOT EXISTS "section_description" varchar;
+    ALTER TABLE "pages_blocks_bento" ADD COLUMN IF NOT EXISTS "section_link_button_label" varchar;
+    ALTER TABLE "pages_blocks_bento" ADD COLUMN IF NOT EXISTS "section_link_button_url" varchar;
+
+    ALTER TABLE "pages_blocks_roadmap" ADD COLUMN IF NOT EXISTS "section_heading" varchar;
+    ALTER TABLE "pages_blocks_roadmap" ADD COLUMN IF NOT EXISTS "section_description" varchar;
+    ALTER TABLE "pages_blocks_roadmap" ADD COLUMN IF NOT EXISTS "section_link_button_label" varchar;
+    ALTER TABLE "pages_blocks_roadmap" ADD COLUMN IF NOT EXISTS "section_link_button_url" varchar;
+
+    ALTER TABLE "pages_blocks_faq" ADD COLUMN IF NOT EXISTS "section_heading" varchar;
+    ALTER TABLE "pages_blocks_faq" ADD COLUMN IF NOT EXISTS "section_description" varchar;
+    ALTER TABLE "pages_blocks_faq" ADD COLUMN IF NOT EXISTS "section_link_button_label" varchar;
+    ALTER TABLE "pages_blocks_faq" ADD COLUMN IF NOT EXISTS "section_link_button_url" varchar;
+
+    ALTER TABLE "pages_blocks_offset_cards" ADD COLUMN IF NOT EXISTS "section_heading" varchar;
+    ALTER TABLE "pages_blocks_offset_cards" ADD COLUMN IF NOT EXISTS "section_description" varchar;
+    ALTER TABLE "pages_blocks_offset_cards" ADD COLUMN IF NOT EXISTS "section_link_button_label" varchar;
+    ALTER TABLE "pages_blocks_offset_cards" ADD COLUMN IF NOT EXISTS "section_link_button_url" varchar;
+
+    ALTER TABLE "pages_blocks_card_row" ADD COLUMN IF NOT EXISTS "section_heading" varchar;
+    ALTER TABLE "pages_blocks_card_row" ADD COLUMN IF NOT EXISTS "section_description" varchar;
+    ALTER TABLE "pages_blocks_card_row" ADD COLUMN IF NOT EXISTS "section_link_button_label" varchar;
+    ALTER TABLE "pages_blocks_card_row" ADD COLUMN IF NOT EXISTS "section_link_button_url" varchar;
+
+    WITH section_source AS (
+      SELECT
+        sections."section_type",
+        sections."link_button_url",
+        sections_locales."_locale",
+        sections_locales."heading",
+        sections_locales."subheading",
+        sections_locales."link_button_label"
+      FROM "sections"
+      INNER JOIN "sections_locales" ON "sections_locales"."_parent_id" = sections."id"
+    )
+    UPDATE "pages_blocks_bento" block
+    SET
+      "section_heading" = section_source."heading",
+      "section_description" = section_source."subheading",
+      "section_link_button_label" = section_source."link_button_label",
+      "section_link_button_url" = section_source."link_button_url"
+    FROM section_source
+    WHERE block."_locale" = section_source."_locale"
+      AND (
+        (block."variant" = 'feature' AND section_source."section_type" = 'AppFeatureSection')
+        OR (block."variant" = 'runtime' AND section_source."section_type" = 'RuntimeFeatureSection')
+      );
+
+    WITH section_source AS (
+      SELECT
+        sections."section_type",
+        sections."link_button_url",
+        sections_locales."_locale",
+        sections_locales."heading",
+        sections_locales."subheading",
+        sections_locales."link_button_label"
+      FROM "sections"
+      INNER JOIN "sections_locales" ON "sections_locales"."_parent_id" = sections."id"
+    )
+    UPDATE "pages_blocks_roadmap" block
+    SET
+      "section_heading" = section_source."heading",
+      "section_description" = section_source."subheading",
+      "section_link_button_label" = section_source."link_button_label",
+      "section_link_button_url" = section_source."link_button_url"
+    FROM section_source
+    WHERE block."_locale" = section_source."_locale"
+      AND section_source."section_type" = 'RoadmapSection';
+
+    WITH section_source AS (
+      SELECT
+        sections."section_type",
+        sections."link_button_url",
+        sections_locales."_locale",
+        sections_locales."heading",
+        sections_locales."subheading",
+        sections_locales."link_button_label"
+      FROM "sections"
+      INNER JOIN "sections_locales" ON "sections_locales"."_parent_id" = sections."id"
+    )
+    UPDATE "pages_blocks_faq" block
+    SET
+      "section_heading" = section_source."heading",
+      "section_description" = section_source."subheading",
+      "section_link_button_label" = section_source."link_button_label",
+      "section_link_button_url" = section_source."link_button_url"
+    FROM section_source
+    WHERE block."_locale" = section_source."_locale"
+      AND section_source."section_type" = 'FaqSection';
+
+    WITH section_source AS (
+      SELECT
+        sections."section_type",
+        sections."link_button_url",
+        sections_locales."_locale",
+        sections_locales."heading",
+        sections_locales."subheading",
+        sections_locales."link_button_label"
+      FROM "sections"
+      INNER JOIN "sections_locales" ON "sections_locales"."_parent_id" = sections."id"
+    )
+    UPDATE "pages_blocks_offset_cards" block
+    SET
+      "section_heading" = section_source."heading",
+      "section_description" = section_source."subheading",
+      "section_link_button_label" = section_source."link_button_label",
+      "section_link_button_url" = section_source."link_button_url"
+    FROM section_source
+    WHERE block."_locale" = section_source."_locale"
+      AND COALESCE(block."show_section_header", false) = true
+      AND section_source."section_type" = 'UseCaseSection';
+
+    WITH section_source AS (
+      SELECT
+        sections."section_type",
+        sections."link_button_url",
+        sections_locales."_locale",
+        sections_locales."heading",
+        sections_locales."subheading",
+        sections_locales."link_button_label"
+      FROM "sections"
+      INNER JOIN "sections_locales" ON "sections_locales"."_parent_id" = sections."id"
+    )
+    UPDATE "pages_blocks_card_row" block
+    SET
+      "section_heading" = section_source."heading",
+      "section_description" = section_source."subheading",
+      "section_link_button_label" = section_source."link_button_label",
+      "section_link_button_url" = section_source."link_button_url"
+    FROM section_source
+    WHERE block."_locale" = section_source."_locale"
+      AND section_source."section_type" IN ('CardRowSection', 'DeploymentSection');
+
+    ALTER TABLE "pages_blocks_offset_cards" DROP COLUMN IF EXISTS "show_section_header";
+
+    ALTER TABLE "payload_locked_documents_rels" DROP CONSTRAINT IF EXISTS "payload_locked_documents_rels_sections_fk";
+    DROP INDEX IF EXISTS "payload_locked_documents_rels_sections_id_idx";
+    ALTER TABLE "payload_locked_documents_rels" DROP COLUMN IF EXISTS "sections_id";
+
+    DROP TABLE IF EXISTS "sections_locales" CASCADE;
+    DROP TABLE IF EXISTS "sections" CASCADE;
+    DROP TYPE IF EXISTS "public"."enum_sections_section_type";
+  `)
+
+  await db.execute(sql`
+    CREATE TABLE IF NOT EXISTS "pages_blocks_scroll_cards" (
+      "_order" integer NOT NULL,
+      "_parent_id" integer NOT NULL,
+      "_path" text NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "id" varchar PRIMARY KEY NOT NULL,
+      "block_name" varchar
+    );
+
+    CREATE TABLE IF NOT EXISTS "pages_blocks_scroll_cards_items" (
+      "_order" integer NOT NULL,
+      "_parent_id" varchar NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "id" varchar PRIMARY KEY NOT NULL,
+      "title" varchar NOT NULL,
+      "description" varchar NOT NULL,
+      "show_image_border" boolean DEFAULT true,
+      "section_layout" varchar DEFAULT 'imageRight' NOT NULL,
+      "gradient" varchar DEFAULT 'blue',
+      "gradient_direction" varchar DEFAULT 'topLeft',
+      "bullet_points" jsonb,
+      "image_id" integer,
+      "link_label" varchar,
+      "link_url" varchar
+    );
+
+    ALTER TABLE "pages_blocks_scroll_cards"
+      ADD CONSTRAINT "pages_blocks_scroll_cards_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "public"."pages"("id")
+      ON DELETE cascade ON UPDATE no action;
+
+    ALTER TABLE "pages_blocks_scroll_cards_items"
+      ADD CONSTRAINT "pages_blocks_scroll_cards_items_image_id_media_id_fk"
+      FOREIGN KEY ("image_id") REFERENCES "public"."media"("id")
+      ON DELETE set null ON UPDATE no action;
+
+    ALTER TABLE "pages_blocks_scroll_cards_items"
+      ADD CONSTRAINT "pages_blocks_scroll_cards_items_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "public"."pages_blocks_scroll_cards"("id")
+      ON DELETE cascade ON UPDATE no action;
+
+    CREATE INDEX IF NOT EXISTS "pages_blocks_scroll_cards_order_idx" ON "pages_blocks_scroll_cards" USING btree ("_order");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_scroll_cards_parent_id_idx" ON "pages_blocks_scroll_cards" USING btree ("_parent_id");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_scroll_cards_path_idx" ON "pages_blocks_scroll_cards" USING btree ("_path");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_scroll_cards_locale_idx" ON "pages_blocks_scroll_cards" USING btree ("_locale");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_scroll_cards_items_order_idx" ON "pages_blocks_scroll_cards_items" USING btree ("_order");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_scroll_cards_items_parent_id_idx" ON "pages_blocks_scroll_cards_items" USING btree ("_parent_id");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_scroll_cards_items_locale_idx" ON "pages_blocks_scroll_cards_items" USING btree ("_locale");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_scroll_cards_items_image_idx" ON "pages_blocks_scroll_cards_items" USING btree ("image_id");
+  `)
+}
+
+export async function down({ db }: MigrateDownArgs): Promise<void> {
+  await db.execute(sql`
+    DROP TABLE IF EXISTS "pages_blocks_scroll_cards_items" CASCADE;
+    DROP TABLE IF EXISTS "pages_blocks_scroll_cards" CASCADE;
+  `)
+
+  await db.execute(sql`
+    DO $$ BEGIN
+      CREATE TYPE "public"."enum_sections_section_type" AS ENUM('AppFeatureSection', 'FaqSection', 'RoadmapSection', 'RuntimeFeatureSection', 'UseCaseSection', 'DeploymentSection', 'CardRowSection');
+    EXCEPTION
+      WHEN duplicate_object THEN null;
+    END $$;
+
+    CREATE TABLE IF NOT EXISTS "sections" (
+      "id" serial PRIMARY KEY NOT NULL,
+      "section_type" "enum_sections_section_type" NOT NULL,
+      "link_button_url" varchar,
+      "updated_at" timestamp(3) with time zone DEFAULT now() NOT NULL,
+      "created_at" timestamp(3) with time zone DEFAULT now() NOT NULL
+    );
+
+    CREATE TABLE IF NOT EXISTS "sections_locales" (
+      "heading" varchar NOT NULL,
+      "subheading" varchar,
+      "link_button_label" varchar,
+      "id" serial PRIMARY KEY NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "_parent_id" integer NOT NULL
+    );
+
+    ALTER TABLE "sections_locales"
+      ADD CONSTRAINT "sections_locales_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "public"."sections"("id")
+      ON DELETE cascade ON UPDATE no action;
+
+    CREATE INDEX IF NOT EXISTS "sections_updated_at_idx" ON "sections" USING btree ("updated_at");
+    CREATE INDEX IF NOT EXISTS "sections_created_at_idx" ON "sections" USING btree ("created_at");
+    CREATE UNIQUE INDEX IF NOT EXISTS "sections_locales_locale_parent_id_unique" ON "sections_locales" USING btree ("_locale","_parent_id");
+
+    ALTER TABLE "payload_locked_documents_rels" ADD COLUMN IF NOT EXISTS "sections_id" integer;
+    ALTER TABLE "payload_locked_documents_rels"
+      ADD CONSTRAINT "payload_locked_documents_rels_sections_fk"
+      FOREIGN KEY ("sections_id") REFERENCES "public"."sections"("id")
+      ON DELETE cascade ON UPDATE no action;
+    CREATE INDEX IF NOT EXISTS "payload_locked_documents_rels_sections_id_idx" ON "payload_locked_documents_rels" USING btree ("sections_id");
+
+    ALTER TABLE "pages_blocks_offset_cards" ADD COLUMN IF NOT EXISTS "show_section_header" boolean DEFAULT false;
+    ALTER TABLE "pages_blocks_bento" DROP COLUMN IF EXISTS "section_heading";
+    ALTER TABLE "pages_blocks_bento" DROP COLUMN IF EXISTS "section_description";
+    ALTER TABLE "pages_blocks_bento" DROP COLUMN IF EXISTS "section_link_button_label";
+    ALTER TABLE "pages_blocks_bento" DROP COLUMN IF EXISTS "section_link_button_url";
+    ALTER TABLE "pages_blocks_roadmap" DROP COLUMN IF EXISTS "section_heading";
+    ALTER TABLE "pages_blocks_roadmap" DROP COLUMN IF EXISTS "section_description";
+    ALTER TABLE "pages_blocks_roadmap" DROP COLUMN IF EXISTS "section_link_button_label";
+    ALTER TABLE "pages_blocks_roadmap" DROP COLUMN IF EXISTS "section_link_button_url";
+    ALTER TABLE "pages_blocks_faq" DROP COLUMN IF EXISTS "section_heading";
+    ALTER TABLE "pages_blocks_faq" DROP COLUMN IF EXISTS "section_description";
+    ALTER TABLE "pages_blocks_faq" DROP COLUMN IF EXISTS "section_link_button_label";
+    ALTER TABLE "pages_blocks_faq" DROP COLUMN IF EXISTS "section_link_button_url";
+    ALTER TABLE "pages_blocks_offset_cards" DROP COLUMN IF EXISTS "section_heading";
+    ALTER TABLE "pages_blocks_offset_cards" DROP COLUMN IF EXISTS "section_description";
+    ALTER TABLE "pages_blocks_offset_cards" DROP COLUMN IF EXISTS "section_link_button_label";
+    ALTER TABLE "pages_blocks_offset_cards" DROP COLUMN IF EXISTS "section_link_button_url";
+    ALTER TABLE "pages_blocks_card_row" DROP COLUMN IF EXISTS "section_heading";
+    ALTER TABLE "pages_blocks_card_row" DROP COLUMN IF EXISTS "section_description";
+    ALTER TABLE "pages_blocks_card_row" DROP COLUMN IF EXISTS "section_link_button_label";
+    ALTER TABLE "pages_blocks_card_row" DROP COLUMN IF EXISTS "section_link_button_url";
+  `)
+
+  await db.execute(sql`
+    CREATE TABLE IF NOT EXISTS "roadmap_items" (
+      "id" serial PRIMARY KEY NOT NULL,
+      "updated_at" timestamp(3) with time zone DEFAULT now() NOT NULL,
+      "created_at" timestamp(3) with time zone DEFAULT now() NOT NULL
+    );
+
+    CREATE TABLE IF NOT EXISTS "roadmap_items_locales" (
+      "time" varchar NOT NULL,
+      "title" varchar NOT NULL,
+      "description" varchar NOT NULL,
+      "id" serial PRIMARY KEY NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "_parent_id" integer NOT NULL
+    );
+
+    ALTER TABLE "roadmap_items_locales"
+      ADD CONSTRAINT "roadmap_items_locales_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "public"."roadmap_items"("id")
+      ON DELETE cascade ON UPDATE no action;
+
+    CREATE INDEX IF NOT EXISTS "roadmap_items_updated_at_idx" ON "roadmap_items" USING btree ("updated_at");
+    CREATE INDEX IF NOT EXISTS "roadmap_items_created_at_idx" ON "roadmap_items" USING btree ("created_at");
+    CREATE UNIQUE INDEX IF NOT EXISTS "roadmap_items_locales_locale_parent_id_unique" ON "roadmap_items_locales" USING btree ("_locale","_parent_id");
+
+    ALTER TABLE "payload_locked_documents_rels" ADD COLUMN IF NOT EXISTS "roadmap_items_id" integer;
+    ALTER TABLE "payload_locked_documents_rels"
+      ADD CONSTRAINT "payload_locked_documents_rels_roadmap_items_fk"
+      FOREIGN KEY ("roadmap_items_id") REFERENCES "public"."roadmap_items"("id")
+      ON DELETE cascade ON UPDATE no action;
+    CREATE INDEX IF NOT EXISTS "payload_locked_documents_rels_roadmap_items_id_idx" ON "payload_locked_documents_rels" USING btree ("roadmap_items_id");
+
+    DROP TABLE IF EXISTS "pages_blocks_roadmap_items" CASCADE;
+    DROP TABLE IF EXISTS "pages_blocks_roadmap" CASCADE;
+  `)
+
+  await db.execute(sql`
+    DROP TABLE IF EXISTS "pages_blocks_bento" CASCADE;
+    DROP TYPE IF EXISTS "public"."enum_pages_blocks_bento_variant";
+  `)
+
+  await db.execute(sql`
+    CREATE TABLE IF NOT EXISTS "pages_blocks_edition_install" (
+      "_order" integer NOT NULL,
+      "_parent_id" integer NOT NULL,
+      "_path" text NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "id" varchar PRIMARY KEY NOT NULL,
+      "heading" varchar NOT NULL,
+      "subheading" varchar NOT NULL,
+      "label" varchar,
+      "code" varchar NOT NULL,
+      "block_name" varchar
+    );
+
+    CREATE TABLE IF NOT EXISTS "pages_blocks_edition_use_cases" (
+      "_order" integer NOT NULL,
+      "_parent_id" integer NOT NULL,
+      "_path" text NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "id" varchar PRIMARY KEY NOT NULL,
+      "heading" varchar NOT NULL,
+      "subheading" varchar NOT NULL,
+      "block_name" varchar
+    );
+
+    CREATE TABLE IF NOT EXISTS "pages_blocks_edition_use_cases_use_cases" (
+      "_order" integer NOT NULL,
+      "_parent_id" varchar NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "id" varchar PRIMARY KEY NOT NULL,
+      "title" varchar NOT NULL,
+      "description" varchar NOT NULL,
+      "image_id" integer,
+      "link_label" varchar,
+      "link_url" varchar
+    );
+
+    ALTER TABLE "pages_blocks_edition_install"
+      ADD CONSTRAINT "pages_blocks_edition_install_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "public"."pages"("id")
+      ON DELETE cascade ON UPDATE no action;
+
+    ALTER TABLE "pages_blocks_edition_use_cases"
+      ADD CONSTRAINT "pages_blocks_edition_use_cases_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "public"."pages"("id")
+      ON DELETE cascade ON UPDATE no action;
+
+    ALTER TABLE "pages_blocks_edition_use_cases_use_cases"
+      ADD CONSTRAINT "pages_blocks_edition_use_cases_use_cases_image_id_media_id_fk"
+      FOREIGN KEY ("image_id") REFERENCES "public"."media"("id")
+      ON DELETE set null ON UPDATE no action;
+
+    ALTER TABLE "pages_blocks_edition_use_cases_use_cases"
+      ADD CONSTRAINT "pages_blocks_edition_use_cases_use_cases_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "public"."pages_blocks_edition_use_cases"("id")
+      ON DELETE cascade ON UPDATE no action;
+
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_install_order_idx" ON "pages_blocks_edition_install" USING btree ("_order");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_install_parent_id_idx" ON "pages_blocks_edition_install" USING btree ("_parent_id");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_install_path_idx" ON "pages_blocks_edition_install" USING btree ("_path");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_install_locale_idx" ON "pages_blocks_edition_install" USING btree ("_locale");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_use_cases_order_idx" ON "pages_blocks_edition_use_cases" USING btree ("_order");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_use_cases_parent_id_idx" ON "pages_blocks_edition_use_cases" USING btree ("_parent_id");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_use_cases_path_idx" ON "pages_blocks_edition_use_cases" USING btree ("_path");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_use_cases_locale_idx" ON "pages_blocks_edition_use_cases" USING btree ("_locale");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_use_cases_use_cases_order_idx" ON "pages_blocks_edition_use_cases_use_cases" USING btree ("_order");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_use_cases_use_cases_parent_id_idx" ON "pages_blocks_edition_use_cases_use_cases" USING btree ("_parent_id");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_use_cases_use_cases_locale_idx" ON "pages_blocks_edition_use_cases_use_cases" USING btree ("_locale");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_use_cases_use_cases_image_idx" ON "pages_blocks_edition_use_cases_use_cases" USING btree ("image_id");
+
+    INSERT INTO "pages_blocks_edition_install" (
+      "_order", "_parent_id", "_path", "_locale", "id", "heading", "subheading", "label", "code", "block_name"
+    )
+    SELECT "_order", "_parent_id", "_path", "_locale", "id", "heading", "subheading", "label", "code", "block_name"
+    FROM "pages_blocks_install"
+    ON CONFLICT ("id") DO NOTHING;
+
+    INSERT INTO "pages_blocks_edition_use_cases" (
+      "_order", "_parent_id", "_path", "_locale", "id", "heading", "subheading", "block_name"
+    )
+    SELECT "_order", "_parent_id", "_path", "_locale", "id", COALESCE("heading", ''), COALESCE("subheading", ''), "block_name"
+    FROM "pages_blocks_swipe_cards"
+    ON CONFLICT ("id") DO NOTHING;
+
+    INSERT INTO "pages_blocks_edition_use_cases_use_cases" (
+      "_order", "_parent_id", "_locale", "id", "title", "description", "image_id", "link_label", "link_url"
+    )
+    SELECT "_order", "_parent_id", "_locale", "id", "title", "description", "image_id", "link_label", "link_url"
+    FROM "pages_blocks_swipe_cards_cards"
+    ON CONFLICT ("id") DO NOTHING;
+
+    DROP TABLE IF EXISTS "pages_blocks_swipe_cards_cards" CASCADE;
+    DROP TABLE IF EXISTS "pages_blocks_swipe_cards" CASCADE;
+    DROP TABLE IF EXISTS "pages_blocks_install" CASCADE;
+  `)
+
+  await db.execute(sql`
+    CREATE TABLE IF NOT EXISTS "pages_blocks_usecase" (
+      "_order" integer NOT NULL,
+      "_parent_id" integer NOT NULL,
+      "_path" text NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "id" varchar PRIMARY KEY NOT NULL,
+      "block_name" varchar
+    );
+
+    CREATE TABLE IF NOT EXISTS "pages_blocks_usecase_use_cases" (
+      "_order" integer NOT NULL,
+      "_parent_id" varchar NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "id" varchar PRIMARY KEY NOT NULL,
+      "label" varchar NOT NULL,
+      "title" varchar NOT NULL,
+      "description" varchar NOT NULL,
+      "image_id" integer,
+      "link_label" varchar,
+      "link_url" varchar
+    );
+
+    CREATE TABLE IF NOT EXISTS "pages_blocks_edition_features" (
+      "_order" integer NOT NULL,
+      "_parent_id" integer NOT NULL,
+      "_path" text NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "id" varchar PRIMARY KEY NOT NULL,
+      "block_name" varchar
+    );
+
+    CREATE TABLE IF NOT EXISTS "pages_blocks_edition_features_features" (
+      "_order" integer NOT NULL,
+      "_parent_id" varchar NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "id" varchar PRIMARY KEY NOT NULL,
+      "label" varchar NOT NULL,
+      "title" varchar NOT NULL,
+      "description" varchar NOT NULL,
+      "image_id" integer,
+      "link_label" varchar,
+      "link_url" varchar
+    );
+
+    ALTER TABLE "pages_blocks_usecase"
+      ADD CONSTRAINT "pages_blocks_usecase_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "public"."pages"("id")
+      ON DELETE cascade ON UPDATE no action;
+
+    ALTER TABLE "pages_blocks_usecase_use_cases"
+      ADD CONSTRAINT "pages_blocks_usecase_use_cases_image_id_media_id_fk"
+      FOREIGN KEY ("image_id") REFERENCES "public"."media"("id")
+      ON DELETE set null ON UPDATE no action;
+
+    ALTER TABLE "pages_blocks_usecase_use_cases"
+      ADD CONSTRAINT "pages_blocks_usecase_use_cases_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "public"."pages_blocks_usecase"("id")
+      ON DELETE cascade ON UPDATE no action;
+
+    ALTER TABLE "pages_blocks_edition_features"
+      ADD CONSTRAINT "pages_blocks_edition_features_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "public"."pages"("id")
+      ON DELETE cascade ON UPDATE no action;
+
+    ALTER TABLE "pages_blocks_edition_features_features"
+      ADD CONSTRAINT "pages_blocks_edition_features_features_image_id_media_id_fk"
+      FOREIGN KEY ("image_id") REFERENCES "public"."media"("id")
+      ON DELETE set null ON UPDATE no action;
+
+    ALTER TABLE "pages_blocks_edition_features_features"
+      ADD CONSTRAINT "pages_blocks_edition_features_features_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "public"."pages_blocks_edition_features"("id")
+      ON DELETE cascade ON UPDATE no action;
+
+    CREATE INDEX IF NOT EXISTS "pages_blocks_usecase_order_idx" ON "pages_blocks_usecase" USING btree ("_order");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_usecase_parent_id_idx" ON "pages_blocks_usecase" USING btree ("_parent_id");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_usecase_path_idx" ON "pages_blocks_usecase" USING btree ("_path");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_usecase_locale_idx" ON "pages_blocks_usecase" USING btree ("_locale");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_usecase_use_cases_order_idx" ON "pages_blocks_usecase_use_cases" USING btree ("_order");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_usecase_use_cases_parent_id_idx" ON "pages_blocks_usecase_use_cases" USING btree ("_parent_id");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_usecase_use_cases_locale_idx" ON "pages_blocks_usecase_use_cases" USING btree ("_locale");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_usecase_use_cases_image_idx" ON "pages_blocks_usecase_use_cases" USING btree ("image_id");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_features_order_idx" ON "pages_blocks_edition_features" USING btree ("_order");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_features_parent_id_idx" ON "pages_blocks_edition_features" USING btree ("_parent_id");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_features_path_idx" ON "pages_blocks_edition_features" USING btree ("_path");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_features_locale_idx" ON "pages_blocks_edition_features" USING btree ("_locale");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_features_features_order_idx" ON "pages_blocks_edition_features_features" USING btree ("_order");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_features_features_parent_id_idx" ON "pages_blocks_edition_features_features" USING btree ("_parent_id");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_features_features_locale_idx" ON "pages_blocks_edition_features_features" USING btree ("_locale");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_features_features_image_idx" ON "pages_blocks_edition_features_features" USING btree ("image_id");
+
+    INSERT INTO "pages_blocks_usecase" (
+      "_order", "_parent_id", "_path", "_locale", "id", "block_name"
+    )
+    SELECT "_order", "_parent_id", "_path", "_locale", "id", "block_name"
+    FROM "pages_blocks_offset_cards"
+    WHERE "show_section_header" = true
+    ON CONFLICT ("id") DO NOTHING;
+
+    INSERT INTO "pages_blocks_usecase_use_cases" (
+      "_order", "_parent_id", "_locale", "id", "label", "title", "description", "image_id", "link_label", "link_url"
+    )
+    SELECT card."_order", card."_parent_id", card."_locale", card."id", card."label", card."title", card."description", card."image_id", card."link_label", card."link_url"
+    FROM "pages_blocks_offset_cards_cards" card
+    INNER JOIN "pages_blocks_offset_cards" block ON block."id" = card."_parent_id"
+    WHERE block."show_section_header" = true
+    ON CONFLICT ("id") DO NOTHING;
+
+    INSERT INTO "pages_blocks_edition_features" (
+      "_order", "_parent_id", "_path", "_locale", "id", "block_name"
+    )
+    SELECT "_order", "_parent_id", "_path", "_locale", "id", "block_name"
+    FROM "pages_blocks_offset_cards"
+    WHERE COALESCE("show_section_header", false) = false
+    ON CONFLICT ("id") DO NOTHING;
+
+    INSERT INTO "pages_blocks_edition_features_features" (
+      "_order", "_parent_id", "_locale", "id", "label", "title", "description", "image_id", "link_label", "link_url"
+    )
+    SELECT card."_order", card."_parent_id", card."_locale", card."id", card."label", card."title", card."description", card."image_id", card."link_label", card."link_url"
+    FROM "pages_blocks_offset_cards_cards" card
+    INNER JOIN "pages_blocks_offset_cards" block ON block."id" = card."_parent_id"
+    WHERE COALESCE(block."show_section_header", false) = false
+    ON CONFLICT ("id") DO NOTHING;
+
+    DROP TABLE IF EXISTS "pages_blocks_offset_cards_cards" CASCADE;
+    DROP TABLE IF EXISTS "pages_blocks_offset_cards" CASCADE;
+  `)
+
+  await db.execute(sql`
+    CREATE TABLE IF NOT EXISTS "pages_blocks_deployment" (
+      "_order" integer NOT NULL,
+      "_parent_id" integer NOT NULL,
+      "_path" text NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "id" varchar PRIMARY KEY NOT NULL,
+      "cloud_title" varchar,
+      "cloud_description" varchar,
+      "cloud_link_label" varchar,
+      "cloud_link_url" varchar,
+      "selfhost_title" varchar,
+      "selfhost_description" varchar,
+      "selfhost_link_label" varchar,
+      "selfhost_link_url" varchar,
+      "dynamic_title" varchar,
+      "dynamic_description" varchar,
+      "dynamic_link_label" varchar,
+      "dynamic_link_url" varchar,
+      "block_name" varchar
+    );
+
+    ALTER TABLE "pages_blocks_deployment"
+      ADD CONSTRAINT "pages_blocks_deployment_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "public"."pages"("id")
+      ON DELETE cascade ON UPDATE no action;
+
+    CREATE INDEX IF NOT EXISTS "pages_blocks_deployment_order_idx" ON "pages_blocks_deployment" USING btree ("_order");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_deployment_parent_id_idx" ON "pages_blocks_deployment" USING btree ("_parent_id");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_deployment_path_idx" ON "pages_blocks_deployment" USING btree ("_path");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_deployment_locale_idx" ON "pages_blocks_deployment" USING btree ("_locale");
+
+    INSERT INTO "pages_blocks_deployment" (
+      "_order", "_parent_id", "_path", "_locale", "id",
+      "cloud_title", "cloud_description", "cloud_link_label", "cloud_link_url",
+      "selfhost_title", "selfhost_description", "selfhost_link_label", "selfhost_link_url",
+      "dynamic_title", "dynamic_description", "dynamic_link_label", "dynamic_link_url",
+      "block_name"
+    )
+    SELECT
+      card_row."_order", card_row."_parent_id", card_row."_path", card_row."_locale", card_row."id",
+      cloud."title", cloud."description", cloud."link_label", cloud."link_url",
+      selfhost."title", selfhost."description", selfhost."link_label", selfhost."link_url",
+      dynamic."title", dynamic."description", dynamic."link_label", dynamic."link_url",
+      card_row."block_name"
+    FROM "pages_blocks_card_row" card_row
+    LEFT JOIN "pages_blocks_card_row_cards" cloud
+      ON cloud."_parent_id" = card_row."id" AND cloud."_order" = 0
+    LEFT JOIN "pages_blocks_card_row_cards" selfhost
+      ON selfhost."_parent_id" = card_row."id" AND selfhost."_order" = 1
+    LEFT JOIN "pages_blocks_card_row_cards" dynamic
+      ON dynamic."_parent_id" = card_row."id" AND dynamic."_order" = 2
+    ON CONFLICT ("id") DO NOTHING;
+
+    DROP TABLE IF EXISTS "pages_blocks_card_row_cards" CASCADE;
+    DROP TABLE IF EXISTS "pages_blocks_card_row" CASCADE;
+  `)
+
+  await db.execute(sql`
+    ALTER TABLE "pages_blocks_hero" DROP COLUMN IF EXISTS "grainient_colors_background_color";
+    ALTER TABLE "pages_blocks_hero" DROP COLUMN IF EXISTS "grainient_colors_color3";
+    ALTER TABLE "pages_blocks_hero" DROP COLUMN IF EXISTS "grainient_colors_color2";
+    ALTER TABLE "pages_blocks_hero" DROP COLUMN IF EXISTS "grainient_colors_color1";
+    ALTER TABLE "pages_blocks_hero" DROP COLUMN IF EXISTS "centered";
+
+    CREATE TYPE "public"."enum_pages_blocks_edition_hero_buttons_variant" AS ENUM('none', 'normal', 'outlined', 'filled');
+
+    CREATE TABLE IF NOT EXISTS "pages_blocks_edition_hero" (
+      "_order" integer NOT NULL,
+      "_parent_id" integer NOT NULL,
+      "_path" text NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "id" varchar PRIMARY KEY NOT NULL,
+      "heading" varchar NOT NULL,
+      "image_alt" varchar DEFAULT '' NOT NULL,
+      "block_name" varchar
+    );
+
+    CREATE TABLE IF NOT EXISTS "pages_blocks_edition_hero_texts" (
+      "_order" integer NOT NULL,
+      "_parent_id" varchar NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "id" varchar PRIMARY KEY NOT NULL,
+      "text" varchar NOT NULL
+    );
+
+    CREATE TABLE IF NOT EXISTS "pages_blocks_edition_hero_buttons" (
+      "_order" integer NOT NULL,
+      "_parent_id" varchar NOT NULL,
+      "_locale" "_locales" NOT NULL,
+      "id" varchar PRIMARY KEY NOT NULL,
+      "label" varchar NOT NULL,
+      "url" varchar NOT NULL,
+      "variant" "enum_pages_blocks_edition_hero_buttons_variant" DEFAULT 'normal'
+    );
+
+    ALTER TABLE "pages_blocks_edition_hero"
+      ADD CONSTRAINT "pages_blocks_edition_hero_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "public"."pages"("id")
+      ON DELETE cascade ON UPDATE no action;
+
+    ALTER TABLE "pages_blocks_edition_hero_texts"
+      ADD CONSTRAINT "pages_blocks_edition_hero_texts_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "public"."pages_blocks_edition_hero"("id")
+      ON DELETE cascade ON UPDATE no action;
+
+    ALTER TABLE "pages_blocks_edition_hero_buttons"
+      ADD CONSTRAINT "pages_blocks_edition_hero_buttons_parent_id_fk"
+      FOREIGN KEY ("_parent_id") REFERENCES "public"."pages_blocks_edition_hero"("id")
+      ON DELETE cascade ON UPDATE no action;
+
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_hero_order_idx" ON "pages_blocks_edition_hero" USING btree ("_order");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_hero_parent_id_idx" ON "pages_blocks_edition_hero" USING btree ("_parent_id");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_hero_path_idx" ON "pages_blocks_edition_hero" USING btree ("_path");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_hero_locale_idx" ON "pages_blocks_edition_hero" USING btree ("_locale");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_hero_texts_order_idx" ON "pages_blocks_edition_hero_texts" USING btree ("_order");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_hero_texts_parent_id_idx" ON "pages_blocks_edition_hero_texts" USING btree ("_parent_id");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_hero_texts_locale_idx" ON "pages_blocks_edition_hero_texts" USING btree ("_locale");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_hero_buttons_order_idx" ON "pages_blocks_edition_hero_buttons" USING btree ("_order");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_hero_buttons_parent_id_idx" ON "pages_blocks_edition_hero_buttons" USING btree ("_parent_id");
+    CREATE INDEX IF NOT EXISTS "pages_blocks_edition_hero_buttons_locale_idx" ON "pages_blocks_edition_hero_buttons" USING btree ("_locale");
+  `)
+}
diff --git a/src/migrations/index.ts b/src/migrations/index.ts
index 31277611..f1f21361 100644
--- a/src/migrations/index.ts
+++ b/src/migrations/index.ts
@@ -9,6 +9,7 @@ import * as migration_20260412_174023_006_contact_page_description from './20260
 import * as migration_20260415_025537_007_subscription_workflow_executions from './20260415_025537_007_subscription_workflow_executions';
 import * as migration_20260425_134031_009_actions from './20260425_134031_009_actions';
 import * as migration_20260424_151900_008_footer_contact_legal_fields from './20260424_151900_008_footer_contact_legal_fields';
+import * as migration_20260427_010_remove_edition_hero_block from './20260427_010_remove_edition_hero_block';
 
 export const migrations = [
   {
@@ -66,4 +67,9 @@ export const migrations = [
     down: migration_20260424_151900_008_footer_contact_legal_fields.down,
     name: '20260424_151900_008_footer_contact_legal_fields'
   },
+  {
+    up: migration_20260427_010_remove_edition_hero_block.up,
+    down: migration_20260427_010_remove_edition_hero_block.down,
+    name: '20260427_010_remove_edition_hero_block'
+  },
 ];
diff --git a/src/payload-types.ts b/src/payload-types.ts
index 711bdfcb..a7719e71 100644
--- a/src/payload-types.ts
+++ b/src/payload-types.ts
@@ -70,7 +70,6 @@ export interface Config {
     users: User;
     media: Media;
     navbarItems: NavbarItem;
-    sections: Section;
     footer: Footer;
     'cookie-banner': CookieBanner;
     pages: Page;
@@ -78,7 +77,6 @@ export interface Config {
     actions: Action;
     jobs: Job;
     blog: Blog;
-    roadmapItems: RoadmapItem;
     'team-members': TeamMember;
     subscriptionConfig: SubscriptionConfig;
     exports: Export;
@@ -94,7 +92,6 @@ export interface Config {
     users: UsersSelect<false> | UsersSelect<true>;
     media: MediaSelect<false> | MediaSelect<true>;
     navbarItems: NavbarItemsSelect<false> | NavbarItemsSelect<true>;
-    sections: SectionsSelect<false> | SectionsSelect<true>;
     footer: FooterSelect<false> | FooterSelect<true>;
     'cookie-banner': CookieBannerSelect<false> | CookieBannerSelect<true>;
     pages: PagesSelect<false> | PagesSelect<true>;
@@ -102,7 +99,6 @@ export interface Config {
     actions: ActionsSelect<false> | ActionsSelect<true>;
     jobs: JobsSelect<false> | JobsSelect<true>;
     blog: BlogSelect<false> | BlogSelect<true>;
-    roadmapItems: RoadmapItemsSelect<false> | RoadmapItemsSelect<true>;
     'team-members': TeamMembersSelect<false> | TeamMembersSelect<true>;
     subscriptionConfig: SubscriptionConfigSelect<false> | SubscriptionConfigSelect<true>;
     exports: ExportsSelect<false> | ExportsSelect<true>;
@@ -229,28 +225,6 @@ export interface NavbarItem {
   updatedAt: string;
   createdAt: string;
 }
-/**
- * This interface was referenced by `Config`'s JSON-Schema
- * via the `definition` "sections".
- */
-export interface Section {
-  id: number;
-  heading: string;
-  subheading?: string | null;
-  sectionType:
-    | 'AppFeatureSection'
-    | 'FaqSection'
-    | 'RoadmapSection'
-    | 'RuntimeFeatureSection'
-    | 'UseCaseSection'
-    | 'DeploymentSection';
-  link_button?: {
-    label?: string | null;
-    url?: string | null;
-  };
-  updatedAt: string;
-  createdAt: string;
-}
 /**
  * This interface was referenced by `Config`'s JSON-Schema
  * via the `definition` "footer".
@@ -363,6 +337,13 @@ export interface Page {
             badge?: string | null;
             badge_link?: string | null;
             heading: string;
+            centered?: boolean | null;
+            grainientColors?: {
+              color1?: string | null;
+              color2?: string | null;
+              color3?: string | null;
+              backgroundColor?: string | null;
+            };
             texts?:
               | {
                   text: string;
@@ -382,28 +363,25 @@ export interface Page {
             blockType: 'hero';
           }
         | {
-            heading: string;
-            texts?:
-              | {
-                  text: string;
-                  id?: string | null;
-                }[]
-              | null;
-            buttons?:
-              | {
-                  label: string;
-                  url: string;
-                  variant?: ('none' | 'normal' | 'outlined' | 'filled') | null;
-                  id?: string | null;
-                }[]
-              | null;
-            imageAlt: string;
+            sectionHeading?: string | null;
+            sectionDescription?: string | null;
+            sectionLinkButton?: {
+              label?: string | null;
+              url?: string | null;
+            };
+            variant: 'feature' | 'runtime';
             id?: string | null;
             blockName?: string | null;
-            blockType: 'editionHero';
+            blockType: 'bento';
           }
         | {
-            features: {
+            sectionHeading?: string | null;
+            sectionDescription?: string | null;
+            sectionLinkButton?: {
+              label?: string | null;
+              url?: string | null;
+            };
+            cards: {
               label: string;
               title: string;
               description: string;
@@ -417,7 +395,7 @@ export interface Page {
             }[];
             id?: string | null;
             blockName?: string | null;
-            blockType: 'editionFeatures';
+            blockType: 'offsetCards';
           }
         | {
             heading: string;
@@ -426,12 +404,12 @@ export interface Page {
             code: string;
             id?: string | null;
             blockName?: string | null;
-            blockType: 'editionInstall';
+            blockType: 'install';
           }
         | {
-            heading: string;
-            subheading: string;
-            useCases: {
+            heading?: string | null;
+            subheading?: string | null;
+            cards: {
               title: string;
               description: string;
               image?: (number | null) | Media;
@@ -443,7 +421,7 @@ export interface Page {
             }[];
             id?: string | null;
             blockName?: string | null;
-            blockType: 'editionUseCases';
+            blockType: 'swipeCards';
           }
         | {
             description: string;
@@ -458,23 +436,12 @@ export interface Page {
             blockType: 'brand';
           }
         | {
-            useCases: {
-              label: string;
-              title: string;
-              description: string;
-              image?: (number | null) | Media;
-              bulletPoints?: string[] | null;
-              link?: {
-                label?: string | null;
-                url?: string | null;
-              };
-              id?: string | null;
-            }[];
-            id?: string | null;
-            blockName?: string | null;
-            blockType: 'usecase';
-          }
-        | {
+            sectionHeading?: string | null;
+            sectionDescription?: string | null;
+            sectionLinkButton?: {
+              label?: string | null;
+              url?: string | null;
+            };
             items: {
               question: string;
               answer: string;
@@ -568,27 +535,64 @@ export interface Page {
             blockType: 'contact';
           }
         | {
-            cloudTitle?: string | null;
-            cloudDescription?: string | null;
-            cloudLink?: {
+            sectionHeading?: string | null;
+            sectionDescription?: string | null;
+            sectionLinkButton?: {
               label?: string | null;
               url?: string | null;
             };
-            selfhostTitle?: string | null;
-            selfhostDescription?: string | null;
-            selfhostLink?: {
-              label?: string | null;
-              url?: string | null;
-            };
-            dynamicTitle?: string | null;
-            dynamicDescription?: string | null;
-            dynamicLink?: {
+            cards?:
+              | {
+                  title: string;
+                  description?: string | null;
+                  link?: {
+                    label?: string | null;
+                    url?: string | null;
+                  };
+                  image?: (number | null) | Media;
+                  id?: string | null;
+                }[]
+              | null;
+            id?: string | null;
+            blockName?: string | null;
+            blockType: 'cardRow';
+          }
+        | {
+            sectionHeading?: string | null;
+            sectionDescription?: string | null;
+            sectionLinkButton?: {
               label?: string | null;
               url?: string | null;
             };
+            items: {
+              time: string;
+              title: string;
+              description: string;
+              id?: string | null;
+            }[];
             id?: string | null;
             blockName?: string | null;
-            blockType: 'deployment';
+            blockType: 'roadmap';
+          }
+        | {
+            items: {
+              title: string;
+              description: string;
+              showImageBorder?: boolean | null;
+              sectionLayout: 'imageRight' | 'imageLeft';
+              gradient?: ('blue' | 'yellow' | 'pink' | 'aqua' | 'brand' | 'neutral') | null;
+              gradientDirection?: ('topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight') | null;
+              bulletPoints?: string[] | null;
+              image?: (number | null) | Media;
+              link?: {
+                label?: string | null;
+                url?: string | null;
+              };
+              id?: string | null;
+            }[];
+            id?: string | null;
+            blockName?: string | null;
+            blockType: 'scrollCards';
           }
       )[]
     | null;
@@ -739,18 +743,6 @@ export interface TeamMember {
   updatedAt: string;
   createdAt: string;
 }
-/**
- * This interface was referenced by `Config`'s JSON-Schema
- * via the `definition` "roadmapItems".
- */
-export interface RoadmapItem {
-  id: number;
-  time: string;
-  title: string;
-  description: string;
-  updatedAt: string;
-  createdAt: string;
-}
 /**
  * This interface was referenced by `Config`'s JSON-Schema
  * via the `definition` "subscriptionConfig".
@@ -1086,10 +1078,6 @@ export interface PayloadLockedDocument {
         relationTo: 'navbarItems';
         value: number | NavbarItem;
       } | null)
-    | ({
-        relationTo: 'sections';
-        value: number | Section;
-      } | null)
     | ({
         relationTo: 'footer';
         value: number | Footer;
@@ -1118,10 +1106,6 @@ export interface PayloadLockedDocument {
         relationTo: 'blog';
         value: number | Blog;
       } | null)
-    | ({
-        relationTo: 'roadmapItems';
-        value: number | RoadmapItem;
-      } | null)
     | ({
         relationTo: 'team-members';
         value: number | TeamMember;
@@ -1236,23 +1220,6 @@ export interface NavbarItemsSelect<T extends boolean = true> {
   updatedAt?: T;
   createdAt?: T;
 }
-/**
- * This interface was referenced by `Config`'s JSON-Schema
- * via the `definition` "sections_select".
- */
-export interface SectionsSelect<T extends boolean = true> {
-  heading?: T;
-  subheading?: T;
-  sectionType?: T;
-  link_button?:
-    | T
-    | {
-        label?: T;
-        url?: T;
-      };
-  updatedAt?: T;
-  createdAt?: T;
-}
 /**
  * This interface was referenced by `Config`'s JSON-Schema
  * via the `definition` "footer_select".
@@ -1382,6 +1349,15 @@ export interface PagesSelect<T extends boolean = true> {
               badge?: T;
               badge_link?: T;
               heading?: T;
+              centered?: T;
+              grainientColors?:
+                | T
+                | {
+                    color1?: T;
+                    color2?: T;
+                    color3?: T;
+                    backgroundColor?: T;
+                  };
               texts?:
                 | T
                 | {
@@ -1399,32 +1375,33 @@ export interface PagesSelect<T extends boolean = true> {
               id?: T;
               blockName?: T;
             };
-        editionHero?:
+        bento?:
           | T
           | {
-              heading?: T;
-              texts?:
-                | T
-                | {
-                    text?: T;
-                    id?: T;
-                  };
-              buttons?:
+              sectionHeading?: T;
+              sectionDescription?: T;
+              sectionLinkButton?:
                 | T
                 | {
                     label?: T;
                     url?: T;
-                    variant?: T;
-                    id?: T;
                   };
-              imageAlt?: T;
+              variant?: T;
               id?: T;
               blockName?: T;
             };
-        editionFeatures?:
+        offsetCards?:
           | T
           | {
-              features?:
+              sectionHeading?: T;
+              sectionDescription?: T;
+              sectionLinkButton?:
+                | T
+                | {
+                    label?: T;
+                    url?: T;
+                  };
+              cards?:
                 | T
                 | {
                     label?: T;
@@ -1443,7 +1420,7 @@ export interface PagesSelect<T extends boolean = true> {
               id?: T;
               blockName?: T;
             };
-        editionInstall?:
+        install?:
           | T
           | {
               heading?: T;
@@ -1453,12 +1430,12 @@ export interface PagesSelect<T extends boolean = true> {
               id?: T;
               blockName?: T;
             };
-        editionUseCases?:
+        swipeCards?:
           | T
           | {
               heading?: T;
               subheading?: T;
-              useCases?:
+              cards?:
                 | T
                 | {
                     title?: T;
@@ -1488,31 +1465,17 @@ export interface PagesSelect<T extends boolean = true> {
               id?: T;
               blockName?: T;
             };
-        usecase?:
+        faq?:
           | T
           | {
-              useCases?:
+              sectionHeading?: T;
+              sectionDescription?: T;
+              sectionLinkButton?:
                 | T
                 | {
                     label?: T;
-                    title?: T;
-                    description?: T;
-                    image?: T;
-                    bulletPoints?: T;
-                    link?:
-                      | T
-                      | {
-                          label?: T;
-                          url?: T;
-                        };
-                    id?: T;
+                    url?: T;
                   };
-              id?: T;
-              blockName?: T;
-            };
-        faq?:
-          | T
-          | {
               items?:
                 | T
                 | {
@@ -1600,33 +1563,78 @@ export interface PagesSelect<T extends boolean = true> {
               id?: T;
               blockName?: T;
             };
-        deployment?:
+        cardRow?:
           | T
           | {
-              cloudTitle?: T;
-              cloudDescription?: T;
-              cloudLink?:
+              sectionHeading?: T;
+              sectionDescription?: T;
+              sectionLinkButton?:
                 | T
                 | {
                     label?: T;
                     url?: T;
                   };
-              selfhostTitle?: T;
-              selfhostDescription?: T;
-              selfhostLink?:
+              cards?:
                 | T
                 | {
-                    label?: T;
-                    url?: T;
+                    title?: T;
+                    description?: T;
+                    link?:
+                      | T
+                      | {
+                          label?: T;
+                          url?: T;
+                        };
+                    image?: T;
+                    id?: T;
                   };
-              dynamicTitle?: T;
-              dynamicDescription?: T;
-              dynamicLink?:
+              id?: T;
+              blockName?: T;
+            };
+        roadmap?:
+          | T
+          | {
+              sectionHeading?: T;
+              sectionDescription?: T;
+              sectionLinkButton?:
                 | T
                 | {
                     label?: T;
                     url?: T;
                   };
+              items?:
+                | T
+                | {
+                    time?: T;
+                    title?: T;
+                    description?: T;
+                    id?: T;
+                  };
+              id?: T;
+              blockName?: T;
+            };
+        scrollCards?:
+          | T
+          | {
+              items?:
+                | T
+                | {
+                    title?: T;
+                    description?: T;
+                    showImageBorder?: T;
+                    sectionLayout?: T;
+                    gradient?: T;
+                    gradientDirection?: T;
+                    bulletPoints?: T;
+                    image?: T;
+                    link?:
+                      | T
+                      | {
+                          label?: T;
+                          url?: T;
+                        };
+                    id?: T;
+                  };
               id?: T;
               blockName?: T;
             };
@@ -1719,17 +1727,6 @@ export interface BlogSelect<T extends boolean = true> {
   updatedAt?: T;
   createdAt?: T;
 }
-/**
- * This interface was referenced by `Config`'s JSON-Schema
- * via the `definition` "roadmapItems_select".
- */
-export interface RoadmapItemsSelect<T extends boolean = true> {
-  time?: T;
-  title?: T;
-  description?: T;
-  updatedAt?: T;
-  createdAt?: T;
-}
 /**
  * This interface was referenced by `Config`'s JSON-Schema
  * via the `definition` "team-members_select".
@@ -2025,7 +2022,6 @@ export interface TaskCreateCollectionExport {
       | 'users'
       | 'media'
       | 'navbarItems'
-      | 'sections'
       | 'footer'
       | 'cookie-banner'
       | 'pages'
@@ -2033,7 +2029,6 @@ export interface TaskCreateCollectionExport {
       | 'actions'
       | 'jobs'
       | 'blog'
-      | 'roadmapItems'
       | 'team-members'
       | 'subscriptionConfig'
       | 'exports'
diff --git a/src/payload.config.ts b/src/payload.config.ts
index c711e92e..fe0f891d 100644
--- a/src/payload.config.ts
+++ b/src/payload.config.ts
@@ -16,8 +16,6 @@ import { Jobs } from './collections/jobs'
 import { Media } from './collections/media'
 import { NavbarItems } from './collections/navbarItems'
 import { Pages } from './collections/pages'
-import { RoadmapItems } from './collections/roadmapItems'
-import { Sections } from './collections/sections'
 import { SubscriptionCollection } from './collections/subscriptionConfig'
 import { TeamMembers } from './collections/teamMembers'
 import { Users } from './collections/users'
@@ -27,7 +25,9 @@ const filename = fileURLToPath(import.meta.url)
 const dirname = path.dirname(filename)
 const smtpHost = process.env.SMTP_HOST
 const isBuildPhase = process.env.NEXT_PHASE === "phase-production-build" || process.env.npm_lifecycle_event === "build"
+const isDevelopment = process.env.NODE_ENV === "development"
 const shouldSkipEmailVerify =
+    isDevelopment ||
     isBuildPhase ||
     process.env.PAYLOAD_SKIP_EMAIL_VERIFY === "true" ||
     !smtpHost
@@ -43,7 +43,7 @@ export default buildConfig({
         locales: ['en', 'de'],
         defaultLocale: 'en',
     },
-    collections: [Users, Media, NavbarItems, Sections, Footer, CookieBanner, Pages, Features, Actions, Jobs, Blog, RoadmapItems, TeamMembers, SubscriptionCollection],
+    collections: [Users, Media, NavbarItems, Footer, CookieBanner, Pages, Features, Actions, Jobs, Blog, TeamMembers, SubscriptionCollection],
     jobs: {
         autoRun: [{
             cron: '*/5 * * * *', // Check every 5 minutes
@@ -89,7 +89,6 @@ export default buildConfig({
                 { slug: 'users', },
                 { slug: 'media', },
                 { slug: 'navbarItems' },
-                { slug: 'sections' },
                 { slug: 'footer' },
                 { slug: 'cookie-banner' },
                 { slug: 'pages' },
@@ -97,7 +96,6 @@ export default buildConfig({
                 { slug: 'actions' },
                 { slug: 'jobs' },
                 { slug: 'blog' },
-                { slug: 'roadmapItems' },
                 { slug: 'team-members' },
                 { slug: 'subscriptionConfig' }
             ]