diff --git a/website/.firebaserc b/website/.firebaserc
index 53d576ea4..a07c651b3 100644
--- a/website/.firebaserc
+++ b/website/.firebaserc
@@ -1,5 +1,5 @@
 {
   "projects": {
-    "default": "firecms-demo-27150"
+    "default": "firecms-backend"
   }
 }
diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index 7584d8e56..ec460753a 100644
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -74,11 +74,6 @@ module.exports = {
                     ],
                     position: "left"
                 },
-                {
-                    to: "enterprise",
-                    label: "Enterprise",
-                    position: "left"
-                },
                 {
                     to: "pricing",
                     label: "Pricing",
@@ -110,18 +105,18 @@ module.exports = {
                 {
                     to: "https://demo.firecms.co",
                     label: "Demo",
-                    // className: "btn shadow-none mr-2 px-6 py-2  uppercase",
-                    className: "btn mr-3 px-6 py-2 text-white  uppercase bg-primary hover:text-white hover:bg-blue-700",
+                    className: "btn shadow-none mr-2 px-6 py-2  uppercase",
+                    // className: "btn mr-3 px-6 py-2 text-white  uppercase bg-primary hover:text-white hover:bg-blue-700",
                     "aria-label": "Open the demo project",
                     position: "right"
                 },
-                // {
-                //     to: "https://app.firecms.co",
-                //     label: "Sign in",
-                //     className: "btn mr-3 px-6 py-2 text-white  uppercase bg-primary hover:text-white hover:bg-blue-700",
-                //     "aria-label": "Go to FireCMS Cloud",
-                //     position: "right"
-                // },
+                {
+                    to: "https://app.firecms.co",
+                    label: "Sign in",
+                    className: "btn mr-3 px-6 py-2 text-white  uppercase bg-primary hover:text-white hover:bg-blue-700",
+                    "aria-label": "Go to FireCMS Cloud",
+                    position: "right"
+                },
             ]
         },
         footer: {
@@ -140,6 +135,11 @@ module.exports = {
                     // Label of the section of these links
                     title: "Links",
                     items: [
+                        {
+                            to: "enterprise",
+                            label: "Enterprise",
+                            position: "left"
+                        },
                         {
                             label: "Demo",
                             to: "https://demo.firecms.co"
diff --git a/website/firebase.json b/website/firebase.json
index b25eadc95..3546ef1c7 100644
--- a/website/firebase.json
+++ b/website/firebase.json
@@ -1,7 +1,7 @@
 {
     "hosting": {
         "public": "build",
-        "site": "firecms-landing",
+        "site": "firecms-landing-2",
         "trailingSlash": false,
         "ignore": [
             "firebase.json",
diff --git a/website/src/pages/enterprise.tsx b/website/src/pages/enterprise.tsx
index 727630e30..85472d546 100644
--- a/website/src/pages/enterprise.tsx
+++ b/website/src/pages/enterprise.tsx
@@ -6,6 +6,8 @@ import { EnterpriseFeatures } from "../partials/enterprise/EnterpriseFeatures";
 import {
     EnterpriseArchitectures
 } from "../partials/enterprise/EnterpriseArchitectures";
+import { CTAButtonMixin, CTAOutlinedButtonWhiteMixin } from "../partials/utils";
+import { Panel } from "../partials/general/Panel";
 
 function Enterprise() {
     return (
@@ -17,8 +19,17 @@ function Enterprise() {
                     <EnterpriseHero/>
                     <EnterpriseFeatures/>
                     <EnterpriseArchitectures/>
-                    {/*<EnterpriseContact />*/}
-
+                    <Panel color={"primary"} centered={true}>
+                        <h2 className="h3 text-center mb-4">
+                            Happy to help you build your next product
+                        </h2>
+                        <a href="mailto:hello@firecms.co?subject=FireCMS%20consulting"
+                           rel="noopener noreferrer"
+                           target="_blank"
+                           className={CTAOutlinedButtonWhiteMixin + " mb-8"}>
+                            Get in touch
+                        </a>
+                    </Panel>
                 </main>
 
             </div>
diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx
index d7199a0c8..b769ca3a8 100644
--- a/website/src/pages/index.tsx
+++ b/website/src/pages/index.tsx
@@ -12,6 +12,7 @@ import FirebaseIntro from "../partials/home/FirebaseIntro";
 import { Companies } from "../partials/home/Companies";
 import FeaturesTeaser from "../partials/home/FeaturesTeaser";
 import EnterpriseTeaser from "../partials/home/EnterpriseTeaser";
+import { FireCMSCloudIntro } from "../partials/home/FireCMSCloudIntro";
 
 function Home() {
     const context = useDocusaurusContext();
@@ -35,7 +36,7 @@ function Home() {
                     {/*<Separator/>*/}
                     <FirebaseIntro/>
 
-                    {/*<FireCMSCloudIntro/>*/}
+                    <FireCMSCloudIntro/>
 
                     <FeaturesPanels/>
 
diff --git a/website/src/pages/pricing.tsx b/website/src/pages/pricing.tsx
index 3670e9c83..6462da6ea 100644
--- a/website/src/pages/pricing.tsx
+++ b/website/src/pages/pricing.tsx
@@ -1,12 +1,9 @@
 import React from "react";
 
 import Layout from "@theme/Layout";
-
-import Features from "../partials/features/Features";
 import { Hero } from "../partials/general/Hero";
-import { DeveloperFeatures } from "../partials/features/DeveloperFeatures";
 import { VersionsComparison } from "../partials/pricing/VersionsComparison";
-import { PricingIntro } from "../partials/pricing/PricingIntro";
+import { SelfHosted } from "../partials/pricing/SelfHosted";
 import { FireCMSCloudVersions } from "../partials/pricing/FireCMSCloudVersions";
 
 function FeaturesPage() {
@@ -23,7 +20,10 @@ function FeaturesPage() {
                     </>}
                 subtitle={
                     <>
-                        <p>Experience the power of our CMS platform with a free, <b>self-hosted</b> option or upgrade to <b>FireCMS Cloud</b> for a premium, full-service solution.</p>
+                        <p>Experience the power of our CMS platform with a
+                            free, <b>self-hosted</b> option or upgrade to <b>FireCMS
+                                Cloud</b> for a premium, full-service solution.
+                        </p>
                     </>}
                 // cta={<a
                 //     href="mailto:hello@firecms.co?subject=FireCMS%20consulting"
@@ -35,7 +35,7 @@ function FeaturesPage() {
             />
 
             <FireCMSCloudVersions/>
-            <PricingIntro/>
+            <SelfHosted/>
             <VersionsComparison/>
 
 
diff --git a/website/src/partials/features/DeveloperFeatures.tsx b/website/src/partials/features/DeveloperFeatures.tsx
index 292073142..59e3bb607 100644
--- a/website/src/partials/features/DeveloperFeatures.tsx
+++ b/website/src/partials/features/DeveloperFeatures.tsx
@@ -36,7 +36,7 @@ export function DeveloperFeatures() {
     const isDarkTheme = colorMode === "dark";
 
     return (
-        <Panel color={"gray"} includeMargin={true}>
+        <Panel color={"gray"} includeMargin={false}>
 
             <p className="text-center text-secondary uppercase font-bold ">
                 For developers
diff --git a/website/src/partials/general/EnterpriseTeaser.tsx b/website/src/partials/general/EnterpriseTeaser.tsx
new file mode 100644
index 000000000..7fd65fe01
--- /dev/null
+++ b/website/src/partials/general/EnterpriseTeaser.tsx
@@ -0,0 +1,40 @@
+import React from "react";
+
+import useBaseUrl from "@docusaurus/useBaseUrl";
+
+export function EnterpriseTeaser() {
+    return (
+        <section
+            className="relative ">
+            <div
+                className={"mx-auto px-4 sm:px-6 bg-primary text-white "}>
+                <div
+                    className="relative flex flex-col items-center px-6 py-12">
+                    <h4 className="h2 mb-4 text-white uppercase">
+                        Enterprise?
+                    </h4>
+
+                    <div
+                        className="flex flex-col space-y-2 items-center text-lg">
+                        <div className={"text-center mb-4"}>
+                            Learn how to get the most out of your
+                            project with the help of our consulting team.
+                        </div>
+                        <a href={useBaseUrl("enterprise")}
+                           className={"btn mx-auto sm:mb-0  py-4 bg-black text-white  hover:text-white uppercase border border-solid w-full sm:w-auto rounded"}>
+                            Get in touch
+                        </a>
+                    </div>
+
+                    <div className="flex flex-wrap">
+                        <div
+                            className="w-full py-2 border-b-2 border-gray-400 flex justify-between gap-2">
+                        </div>
+
+                    </div>
+
+                </div>
+            </div>
+        </section>
+    )
+}
diff --git a/website/src/partials/general/Panel.tsx b/website/src/partials/general/Panel.tsx
index 39c40fefc..d518b114e 100644
--- a/website/src/partials/general/Panel.tsx
+++ b/website/src/partials/general/Panel.tsx
@@ -4,12 +4,12 @@ import { ContainerMixin } from "../utils";
 export function Panel({
                           children,
                           color = "gray",
-                          centered = true,
+                          centered = false,
                           includeMargin = false,
                           contained = false
                       }: {
     children: React.ReactNode,
-    color: "gray" | "primary" | "secondary",
+    color?: "gray" | "primary" | "secondary",
     centered?: boolean,
     includeMargin?: boolean,
     contained?: boolean
@@ -22,9 +22,10 @@ export function Panel({
     return (
         <section
             className={"max-w-full relative flex flex-col items " + colorClass
-                + (includeMargin ? " mt-16" : "")}>
+                + (includeMargin ? " my-16" : "")}>
             <div className={ContainerMixin
-                + (contained ? " my-16 max-w-3xl" : " my-12")}>
+                + (contained ? " my-16 max-w-3xl" : " my-12")
+                + (centered ? " mx-auto flex flex-col items-center" : "")}>
                 {children}
             </div>
         </section>
diff --git a/website/src/partials/home/FeaturesPanels.tsx b/website/src/partials/home/FeaturesPanels.tsx
index 9f1dbfd82..aa188b689 100644
--- a/website/src/partials/home/FeaturesPanels.tsx
+++ b/website/src/partials/home/FeaturesPanels.tsx
@@ -99,7 +99,7 @@ function FeaturesPanels() {
                             Advanced editing
                         </h4>
                         <p className="text-gray-600 dark:text-gray-200 text-center">
-                            Spreadsheet-like inline editing, powerful
+                            Spreadsheet-like editing, powerful
                             forms, files storage, entity references...
                         </p>
                     </div>
diff --git a/website/src/partials/home/FireCMSCloudIntro.tsx b/website/src/partials/home/FireCMSCloudIntro.tsx
index 538e44bc5..f2500fe13 100644
--- a/website/src/partials/home/FireCMSCloudIntro.tsx
+++ b/website/src/partials/home/FireCMSCloudIntro.tsx
@@ -3,7 +3,13 @@ import React from "react"
 import collectionEditorVideo
 // @ts-ignore
     from "@site/static/img/collection_editor_preview.mp4";
-import { ContainerMixin } from "../utils";
+import {
+    ContainerMixin,
+    CTAButtonMixin,
+    CTACaret,
+    CTAOutlinedButtonMixin, CTAOutlinedButtonWhiteMixin
+} from "../utils";
+import useBaseUrl from "@docusaurus/useBaseUrl";
 
 export const FireCMSCloudIntro = () => {
 
@@ -14,18 +20,19 @@ export const FireCMSCloudIntro = () => {
                 className={"px-4 sm:px-6 mb-16 bg-pink-400 text-white pb-16"}>
                 <div
                     className={ContainerMixin + " flex flex-col py-20"}>
+
                     <h2 className="h1 mb-4 text-gray-900 uppercase">
-                        New content-schema editor
+                        New No-code FireCMS
                     </h2>
 
                     <div className={"mt-4 mx-auto text-xl"}>
-                        <div>
-                            FireCMS Cloud is a hosted version of FireCMS that
-                            allows you to create your own headless CMS in
-                            minutes. It includes a new content schema editor
-                            that allows you to create your own content models
-                            and collections.
-                        </div>
+                        <p>
+                            <b>FireCMS Cloud</b> is a hosted version of FireCMS
+                            that allows you to create your own headless CMS
+                            in minutes. It includes a new content schema
+                            editor that allows you to create your own
+                            content models and collections.
+                        </p>
                         <p>If you have an <strong>existing Firebase
                             project</strong>, let FireCMS Cloud
                             set-up the collections for you based on your
@@ -36,8 +43,27 @@ export const FireCMSCloudIntro = () => {
                             new ones,
                             since it sets up a complete Google Cloud Project for
                             you.</p>
+
+                        <div >
+                            Note that you can always use the <a
+                            href={useBaseUrl("docs")}>self-hosted version</a> of
+                            FireCMS
+                        </div>
+
                     </div>
 
+
+                    <div className={"my-8"}>
+                        <a
+                            className={CTAOutlinedButtonWhiteMixin}
+                            href="http://app.firecms.co"
+                            rel="noopener noreferrer"
+                            target="_blank"
+                        >
+                            Go to FireCMS Cloud
+                            <CTACaret/>
+                        </a>
+                    </div>
                 </div>
             </div>
             <div
@@ -54,8 +80,3 @@ export const FireCMSCloudIntro = () => {
         </section>
     )
 }
-
-function validateEmail(email: string) {
-    const regex = /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/;
-    return regex.test(email);
-}
diff --git a/website/src/partials/pricing/FireCMSCloudVersions.tsx b/website/src/partials/pricing/FireCMSCloudVersions.tsx
index 98b67d544..c1018b4cd 100644
--- a/website/src/partials/pricing/FireCMSCloudVersions.tsx
+++ b/website/src/partials/pricing/FireCMSCloudVersions.tsx
@@ -1,6 +1,11 @@
 import React from "react";
 import { ThreeColumns } from "../general/ThreeColumns";
-import { CTAButtonMixin, CTACaret, CTAOutlinedButtonMixin } from "../utils";
+import {
+    ContainerMixin,
+    CTAButtonMixin,
+    CTACaret,
+    CTAOutlinedButtonMixin
+} from "../utils";
 
 export function FireCMSCloudVersions() {
 
@@ -80,7 +85,7 @@ export function FireCMSCloudVersions() {
             </div>
             <div className={"text-center mt-4 text-primary w-full"}>
                 <a
-                    className={ CTAOutlinedButtonMixin}
+                    className={CTAOutlinedButtonMixin}
                     href="mailto:hello@firecms.co?subject=FireCMS%20Cloud%20Pro"
                     rel="noopener noreferrer"
                     target="_blank"
@@ -92,11 +97,21 @@ export function FireCMSCloudVersions() {
         </div>
     );
 
-    return <section className={"flex flex-col items-center"}>
+    return <section
+        className={ContainerMixin + " flex flex-col items-center my-16 text-lg"}>
 
-        <h2 className={"text-3xl md:text-4xl font-bold mb-2 text-center"}>
-            FireCMS Cloud Versions
+        <h2 className={"text-3xl md:text-4xl font-bold mb-4 text-center"}>
+            Full no-code solution
         </h2>
+
+        <p>
+            <strong>FireCMS Cloud</strong> offers a complete, end-to-end
+            solution for businesses that require the highest level of
+            support and security. With dedicated hosting, advanced features, and
+            expert support, you'll have everything you need to take your project
+            to the next level.
+        </p>
+
         <ThreeColumns
             left={freeTier}
             center={plusTier}
@@ -104,7 +119,7 @@ export function FireCMSCloudVersions() {
         />
 
         <a
-            className={ CTAButtonMixin}
+            className={CTAButtonMixin}
             href="http://app.firecms.co"
             rel="noopener noreferrer"
             target="_blank"
diff --git a/website/src/partials/pricing/PricingIntro.tsx b/website/src/partials/pricing/PricingIntro.tsx
deleted file mode 100644
index 5e2e3b692..000000000
--- a/website/src/partials/pricing/PricingIntro.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react";
-import { ContainerMixin } from "../utils";
-
-export function PricingIntro() {
-    return <section className={ContainerMixin}>
-        <p>Self-Hosted Option: With our self-hosted option, you'll have access
-            to all of our core features at no cost. Simply download and install
-            on your own server, and enjoy complete control and
-            customization.</p>
-
-        <p>FireCMS Cloud: Our enterprise tier offers a complete, end-to-end
-            solution for businesses that require the highest level of support
-            and security. With dedicated hosting, advanced features, and expert
-            support, you'll have everything you need to take your website to the
-            next level.</p>
-    </section>
-}
diff --git a/website/src/partials/pricing/SelfHosted.tsx b/website/src/partials/pricing/SelfHosted.tsx
new file mode 100644
index 000000000..a8e77059e
--- /dev/null
+++ b/website/src/partials/pricing/SelfHosted.tsx
@@ -0,0 +1,41 @@
+import React from "react";
+import { ThreeColumns } from "../general/ThreeColumns";
+import {
+    ContainerMixin,
+    CTAButtonMixin,
+    CTACaret,
+    CTAOutlinedButtonMixin
+} from "../utils";
+import { Panel } from "../general/Panel";
+import useBaseUrl from "@docusaurus/useBaseUrl";
+
+export function SelfHosted() {
+
+    return <Panel includeMargin={true} centered={false}>
+
+        <h2 className={"text-3xl md:text-4xl font-bold my-2"}>
+            Self-hosted mode
+        </h2>
+
+        <p className={"text-lg"}>
+            With our self-hosted option, you'll have
+            access to all of our open-source core features at <b>no cost</b>.
+            Simply download and install on your own infrastructure,
+            and enjoy complete control and customization.
+        </p>
+
+        <p className={"text-lg"}>
+            Self-hosted mode is perfect for developers who want to
+            build <b>custom features</b>.
+        </p>
+
+        <a
+            className={CTAOutlinedButtonMixin}
+            href={useBaseUrl("docs/")}
+        >
+            Go to docs
+            <CTACaret/>
+        </a>
+    </Panel>;
+
+}
diff --git a/website/src/partials/pricing/VersionsComparison.tsx b/website/src/partials/pricing/VersionsComparison.tsx
index 8020496ea..5f8cc1921 100644
--- a/website/src/partials/pricing/VersionsComparison.tsx
+++ b/website/src/partials/pricing/VersionsComparison.tsx
@@ -47,13 +47,7 @@ const data = [{
         cloud: "Yes",
         cloudPlus: "Yes",
         cloudPro: "Yes"
-    }, {
-        feature: "Support",
-        selfHosted: "Enterprise",
-        cloud: "Yes",
-        cloudPlus: "Yes",
-        cloudPro: "Yes"
-    }, {
+    },  {
         feature: "Data export",
         selfHosted: "Yes",
         cloud: "Yes",
@@ -66,6 +60,12 @@ const data = [{
         cloudPlus: "Yes",
         cloudPro: "Yes"
     }, {
+        feature: "Support",
+        selfHosted: "Enterprise",
+        cloud: "No",
+        cloudPlus: "Yes",
+        cloudPro: "Yes"
+    },{
         feature: "Text search",
         selfHosted: "Dev managed",
         cloud: "No",
@@ -154,7 +154,7 @@ export function VersionsComparison() {
             <thead
                 className="text-xs text-gray-800 uppercase bg-gray-50 dark:bg-gray-800 dark:text-gray-300 font-bold">
             <tr>
-                <th colSpan={2} scope="col"
+                <th colSpan={1} scope="col"
                     className="border-none rounded-lg md:px-6 md:py-4 invisible">
                 </th>
                 <th scope="col"
@@ -171,10 +171,6 @@ export function VersionsComparison() {
                 <th scope="col"
                     className="border-none rounded-lg md:px-6 py-6 invisible">
                 </th>
-                <th scope="col"
-                    className="border-none rounded-lg text-base md:px-6 md:py-4 text-center ">
-                    Self-hosted
-                </th>
                 <th scope="col"
                     className="border-none rounded-lg text-base md:px-6 md:py-4 text-center ">
                     Free
@@ -187,6 +183,10 @@ export function VersionsComparison() {
                     className="border-none rounded-lg text-base md:px-6 md:py-4 text-center ">
                     Pro
                 </th>
+                <th scope="col"
+                    className="border-none rounded-lg text-base md:px-6 md:py-4 text-center ">
+                    Self-hosted
+                </th>
             </tr>
             </thead>
 
@@ -198,9 +198,6 @@ export function VersionsComparison() {
                             className="bg-gray-50 mx-2 dark:bg-gray-900 border-none rounded-lg px-4 py-2 text-gray-800 dark:text-gray-300 font-bold">
                             {row.feature}
                         </td>
-                        <td className={"bg-gray-50 mx-2 dark:bg-gray-800 border-none rounded-lg px-4 py-2 text-gray-800 dark:text-gray-200 text-center " + getEntryClass(row.selfHosted)}>
-                            {getFeatureComponent(row.selfHosted)}
-                        </td>
                         <td className={"bg-gray-50 mx-2 dark:bg-gray-800 border-none rounded-lg px-4 py-2 text-gray-800 dark:text-gray-200 text-center " + getEntryClass(row.cloud)}>
                             {getFeatureComponent(row.cloud)}
                         </td>
@@ -210,6 +207,9 @@ export function VersionsComparison() {
                         <td className={"bg-gray-50 mx-2 dark:bg-gray-800 border-none rounded-lg px-4 py-2 text-gray-800 dark:text-gray-200 text-center " + getEntryClass(row.cloudPro)}>
                             {getFeatureComponent(row.cloudPro)}
                         </td>
+                        <td className={"bg-gray-50 mx-2 dark:bg-gray-800 border-none rounded-lg px-4 py-2 text-gray-800 dark:text-gray-200 text-center " + getEntryClass(row.selfHosted)}>
+                            {getFeatureComponent(row.selfHosted)}
+                        </td>
                     </tr>
                 ))
             }
@@ -221,33 +221,34 @@ export function VersionsComparison() {
                 <th scope="col"
                     className="border-none rounded-lg px-6 py-3 invisible">
                 </th>
-                <a
-                    className={CTAOutlinedButtonMixin + " table-cell"}
-                    href={useBaseUrl("docs/")}
-                >
-                    More details
-                </a>
-                <th
-                    className={" table-cell p-0 border-none"}
-                >
-                    <a className={CTAButtonMixin + " w-full"} href={"https://app.firecms.co"}>
-                    Get started
-                    </a>
-                </th>
                 <th
                     className={" table-cell p-0 border-none"}
+                    colSpan={3}
                 >
                     <a className={CTAButtonMixin + " w-full"} href={"https://app.firecms.co"}>
                     Get started
                     </a>
                 </th>
-                <th
-                    className={" table-cell p-0 border-none"}
+                <a
+                    className={CTAOutlinedButtonMixin + " table-cell md:px-4"}
+                    href={useBaseUrl("docs/")}
                 >
-                    <a className={CTAButtonMixin + " w-full"} href={"https://app.firecms.co"}>
-                    Get started
-                    </a>
-                </th>
+                    More details
+                </a>
+                {/*<th*/}
+                {/*    className={" table-cell p-0 border-none"}*/}
+                {/*>*/}
+                {/*    <a className={CTAButtonMixin + " w-full"} href={"https://app.firecms.co"}>*/}
+                {/*    Get started*/}
+                {/*    </a>*/}
+                {/*</th>*/}
+                {/*<th*/}
+                {/*    className={" table-cell p-0 border-none"}*/}
+                {/*>*/}
+                {/*    <a className={CTAButtonMixin + " w-full"} href={"https://app.firecms.co"}>*/}
+                {/*    Get started*/}
+                {/*    </a>*/}
+                {/*</th>*/}
             </tr>
             </tfoot>
         </table>
diff --git a/website/src/partials/utils.tsx b/website/src/partials/utils.tsx
index c86ccf7dd..7c7d28616 100644
--- a/website/src/partials/utils.tsx
+++ b/website/src/partials/utils.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 
-export const CTAOutlinedButtonMixin = "btn px-8 py-3 md:px-12 md:py-4 border-1 border-gray-600 dark:border-gray-700  uppercase rounded border-solid dark:text-white text-gray-800 hover:text-gray-700 dark:hover:text-gray-100 hover:bg-gray-200 dark:hover:bg-gray-900 h dark:hover:border-gray-800 text-center";
+export const CTAOutlinedButtonMixin = "btn px-8 py-3 md:px-12 md:py-4 border-1 border-gray-600 dark:border-gray-700  uppercase rounded border-solid dark:text-white text-gray-800 hover:text-gray-700 dark:hover:text-gray-100 hover:bg-gray-100 dark:hover:bg-gray-900 h dark:hover:border-gray-800 text-center";
 export const CTAOutlinedButtonWhiteMixin = "btn px-8 py-3 md:px-12 md:py-4  border-1 border-white  uppercase rounded border-solid text-white hover:bg-gray-200 hover:border-gray-200 text-center";
 export const CTAButtonMixin = "btn px-8 py-3 md:px-12 md:py-4  text-white bg-primary hover:text-white hover:bg-blue-700  hover:text-white uppercase border-solid rounded text-center";
 
diff --git a/website/src/theme/Footer/Layout/index.js b/website/src/theme/Footer/Layout/index.js
index 9d860b60f..b18845163 100644
--- a/website/src/theme/Footer/Layout/index.js
+++ b/website/src/theme/Footer/Layout/index.js
@@ -1,44 +1,18 @@
 import React from "react";
 import Layout from "@theme-original/Footer/Layout";
 import { Newsletter } from "../../../partials/general/Newsletter";
+import useBaseUrl from "@docusaurus/useBaseUrl";
+import { EnterpriseTeaser } from "../../../partials/general/EnterpriseTeaser";
+import { useLocation } from "@docusaurus/router";
 
 export default function LayoutWrapper(props) {
-    return (
-        <>
-            <section
-                className="relative ">
-                <div
-                    className={"mx-auto px-4 sm:px-6 bg-primary text-white "}>
-                    <div
-                        className="relative flex flex-col items-center px-6 py-12">
-                        <h4 className="h2 mb-4 text-white uppercase">
-                            Need a hand?
-                        </h4>
-
-                        <div
-                            className="flex flex-col space-y-2 items-center text-lg">
-                            <div className={"text-center mb-4"}>
-                                Learn how to get the most out of your
-                                project with the help of our consulting team.
-                            </div>
-                            <a href="mailto:hello@firecms.co?subject=FireCMS%20consulting"
-                               rel="noopener noreferrer"
-                               target="_blank"
-                               className={"btn mx-auto sm:mb-0  py-4 bg-black text-white  hover:text-white uppercase border border-solid w-full sm:w-auto rounded"}>
-                                Get in touch
-                            </a>
-                        </div>
 
-                        <div className="flex flex-wrap">
-                            <div
-                                className="w-full py-2 border-b-2 border-gray-400 flex justify-between gap-2">
-                            </div>
+    const { pathname } = useLocation();
+    const includeEnterpriseTeaser = !pathname.startsWith("/enterprise");
 
-                        </div>
-
-                    </div>
-                </div>
-            </section>
+    return (
+        <>
+            {includeEnterpriseTeaser && <EnterpriseTeaser/>}
             <Newsletter/>
             <Layout {...props} />
         </>