From 40eb40d660d5fbe0a12c6f5def05e58c6e40f74b Mon Sep 17 00:00:00 2001
From: thib-martin <168569391+thib-martin@users.noreply.github.com>
Date: Fri, 20 Dec 2024 09:30:51 +0100
Subject: [PATCH] Changing pricing page and adding request demo button (#9539)

* changing pricing page and adding request demo

* fix capital letter

* few fixes

* order

* add salesforce

* fixing linting
---
 front/components/home/LandingLayout.tsx |   9 +-
 front/components/plans/PlansTables.tsx  | 128 ++++++++----------------
 2 files changed, 50 insertions(+), 87 deletions(-)

diff --git a/front/components/home/LandingLayout.tsx b/front/components/home/LandingLayout.tsx
index 0d0c1ef2d765..0c5b968f85c2 100644
--- a/front/components/home/LandingLayout.tsx
+++ b/front/components/home/LandingLayout.tsx
@@ -98,7 +98,14 @@ export default function LandingLayout({
             <LogoHorizontalColorLogo className="h-[24px] w-[96px]" />
           </div>
           <MainNavigation />
-          <div className="flex flex-grow justify-end">
+          <div className="flex flex-grow justify-end gap-4">
+            <Button
+              variant="highlight"
+              size="sm"
+              label="Request a demo"
+              href="https://forms.gle/dGaQ1AZuDCbXY1ft9"
+              target="_blank"
+            />
             <Button
               variant="highlight"
               size="sm"
diff --git a/front/components/plans/PlansTables.tsx b/front/components/plans/PlansTables.tsx
index d1f584d20f99..6de6b118f624 100644
--- a/front/components/plans/PlansTables.tsx
+++ b/front/components/plans/PlansTables.tsx
@@ -31,74 +31,59 @@ type PriceTableItem = {
 
 const ENTERPRISE_PLAN_ITEMS: PriceTableItem[] = [
   {
-    label: "From 100 users",
+    label: "Everything in Pro, plus:",
     variant: "check",
     display: ["landing", "subscribe"],
   },
   {
-    label: "Multiple workspaces",
+    label: "Multiple private spaces",
     variant: "check",
     display: ["landing", "subscribe"],
   },
   {
-    label: "Privacy and Data Security",
+    label: "Larger storage and file size limits",
     variant: "check",
     display: ["landing", "subscribe"],
   },
   {
-    label: "Advanced models (GPT-4, Claude…)",
+    label: "Custom price on programmatic usage (API, GSheet, Zapier)",
     variant: "check",
     display: ["landing", "subscribe"],
   },
   {
-    label: "Unlimited custom assistants",
+    label: "Single Sign-On (SSO) (Okta, Entra ID, Jumpcloud)",
     variant: "check",
     display: ["landing", "subscribe"],
   },
   {
-    label: "Unlimited messages",
+    label: "Flexible payment options (SEPA, Credit Card)",
     variant: "check",
     display: ["landing", "subscribe"],
   },
   {
-    label: "Custom programmatic usage (API)",
+    label: "Priority support & dedicated account management",
     variant: "check",
     display: ["landing", "subscribe"],
   },
   {
-    label: "Unlimited data sources",
+    label: "Priority access to new features",
     variant: "check",
     display: ["landing", "subscribe"],
   },
   {
-    label: "Connections (GitHub, Google Drive, Notion, Slack, ...)",
+    label: "(soon) User provisioning",
     variant: "check",
-    display: ["landing", "subscribe"],
-  },
-  {
-    label: "Single Sign-On (SSO)",
-    variant: "check",
-    display: ["landing", "subscribe"],
-  },
-  {
-    label: "Dust Slackbot",
-    variant: "check",
-    display: ["landing", "subscribe"],
+    display: ["landing"],
   },
   {
-    label: "Assistants can execute actions",
+    label: "(soon) EU data hosting",
     variant: "check",
-    display: ["landing", "subscribe"],
+    display: ["landing"],
   },
   {
-    label: "Unlimited spaces",
+    label: "(soon) Salesforce Connection",
     variant: "check",
-    display: ["landing", "subscribe"],
-  },
-  {
-    label: "Dedicated account support",
-    variant: "check",
-    display: ["landing", "subscribe"],
+    display: ["landing"],
   },
 ];
 
@@ -126,25 +111,35 @@ export function ProPriceTable({
       display: ["landing", "subscribe"],
     },
     {
-      label: "One workspace",
-      variant: "dash",
-      display: ["landing"],
+      label: "Advanced models (GPT-4, Claude…)",
+      variant: "check",
+      display: ["landing", "subscribe"],
     },
     {
-      label: "Privacy and Data Security",
+      label: "Custom assistants which can execute actions",
       variant: "check",
-      display: ["landing"],
+      display: ["landing", "subscribe"],
     },
     {
-      label: "Advanced models (GPT-4, Claude…)",
+      label: "Custom actions (Dust Apps)",
+      variant: "check",
+      display: ["landing", "subscribe"],
+    },
+    {
+      label: "Connections (GitHub, Google Drive, Notion, Slack, ...)",
       variant: "check",
       display: ["landing", "subscribe"],
     },
     {
-      label: "Unlimited custom assistants",
+      label: "Native integrations (Zendesk, Slack, Chrome Extension)",
       variant: "check",
       display: ["landing", "subscribe"],
     },
+    {
+      label: "Privacy and Data Security (SOC2, Zero Data Retention)",
+      variant: "check",
+      display: ["landing"],
+    },
     {
       label: (
         <>
@@ -159,37 +154,17 @@ export function ProPriceTable({
       display: ["landing", "subscribe"],
     },
     {
-      label: "Limited Programmatic usage (API)",
+      label: "Fixed price on programmatic usage (API, GSheet, Zapier)",
       variant: "dash",
       display: ["landing", "subscribe"],
     },
     {
       label: "Up to 1Gb/user of data sources",
-      variant: "check",
-      display: ["landing", "subscribe"],
-    },
-    {
-      label: "Connections (GitHub, Google Drive, Notion, Slack, ...)",
-      variant: "check",
-      display: ["landing", "subscribe"],
-    },
-    {
-      label: "Google & GitHub Authentication",
       variant: "dash",
       display: ["landing", "subscribe"],
     },
     {
-      label: "Dust Slackbot",
-      variant: "check",
-      display: ["landing", "subscribe"],
-    },
-    {
-      label: "Assistants can execute actions",
-      variant: "check",
-      display: ["landing", "subscribe"],
-    },
-    {
-      label: "One space",
+      label: "One private space",
       variant: "dash",
       display: ["landing"],
     },
@@ -212,7 +187,7 @@ export function ProPriceTable({
         title="Pro"
         price={price}
         color="emerald"
-        priceLabel="/ month / user, excl. tax"
+        priceLabel="/ month / user, excl. tax."
         size={size}
         magnified={false}
       >
@@ -239,20 +214,6 @@ export function ProPriceTable({
             />
           )
         )}
-        {onClick && (!plan || plan.code !== PRO_PLAN_SEAT_29_CODE) && (
-          <PriceTable.ActionContainer>
-            <Button
-              variant="highlight"
-              size={biggerButtonSize}
-              label={
-                display === "landing" ? "Start now, 15 days free" : "Start now"
-              }
-              icon={RocketIcon}
-              disabled={isProcessing}
-              onClick={onClick}
-            />
-          </PriceTable.ActionContainer>
-        )}
       </PriceTable>
     </>
   );
@@ -268,13 +229,19 @@ function EnterprisePriceTable({
 }) {
   const biggerButtonSize = size === "xs" ? "sm" : "md";
   return (
-    <PriceTable title="Enterprise" price="Custom" size={size} magnified={false}>
+    <PriceTable
+      title="Enterprise"
+      price="Custom"
+      size={size}
+      priceLabel=" pay-per-use, 100+ users"
+      magnified={false}
+    >
       <PriceTable.ActionContainer position="top">
         {onClick && (
           <Button
             variant="highlight"
             size={biggerButtonSize}
-            label="Contact us"
+            label="Contact sales"
             disabled={isProcessing}
             onClick={onClick}
           />
@@ -287,17 +254,6 @@ function EnterprisePriceTable({
           variant={item.variant}
         />
       ))}
-      <PriceTable.ActionContainer>
-        {onClick && (
-          <Button
-            variant="highlight"
-            size={biggerButtonSize}
-            label="Contact us"
-            disabled={isProcessing}
-            onClick={onClick}
-          />
-        )}
-      </PriceTable.ActionContainer>
     </PriceTable>
   );
 }