wip

dust-tt · Oct 25, 2023 · 824529f · 824529f
1 parent 1f7bbb6
commit 824529f
Show file tree

Hide file tree

Showing 5 changed files with 58 additions and 51 deletions.
diff --git a/front/components/assistant_builder/AssistantBuilder.tsx b/front/components/assistant_builder/AssistantBuilder.tsx
@@ -72,7 +72,7 @@ const usedModelConfigs = [
 const ACTION_MODES = ["GENERIC", "RETRIEVAL", "DUST_APP_RUN"] as const;
 type ActionMode = (typeof ACTION_MODES)[number];
 const ACTION_MODE_TO_LABEL: Record<ActionMode, string> = {
-  GENERIC: "No action (Generic model)",
+  GENERIC: "No action",
   RETRIEVAL: "Search Data Sources",
   DUST_APP_RUN: "Execute Dust App",
 };

diff --git a/front/pages/index.tsx b/front/pages/index.tsx
@@ -1,5 +1,6 @@
 import {
   AnthropicLogo,
+  Button,
   DriveLogo,
   GithubLogo,
   GoogleLogo,
@@ -328,21 +329,20 @@ export default function Home({
               )}
             >
               <P>
-                Team members can{" "}
-                <Strong>imagine and build new workflows</Strong>, package them
-                in an <Strong>easy to&nbsp;use / easy to&nbsp;share</Strong>{" "}
-                assistants.
+                Team members <Strong>imagine new workflows</Strong> and{" "}
+                <Strong>package them with assistants</Strong> that&nbsp;others
+                can and effortlessly&nbsp;use.
               </P>
               <Separator color="sky" />
               <P>
-                Spread good practices &&nbsp;encourage collaboration with
+                Spread good practices &&nbsp;encourage collaboration with{" "}
                 <Strong>@mentions in&nbsp;Dust conversations</Strong> and{" "}
                 <Strong>Slack&nbsp;integration</Strong>.
               </P>
               <Separator color="emerald" />
               <P>
-                Seamlessly manage workspace invitations with{" "}
-                <Strong>single sign-on</Strong>&nbsp;(SSO).
+                Manage workspace invitations seamlessly&nbsp;with{" "}
+                <Strong>single sign&nbsp;on</Strong>&nbsp;(SSO).
               </P>
               <Separator color="amber" />
             </div>
@@ -390,11 +390,15 @@ export default function Home({
                 </H2>
               </H2>
               <P>
-                Built for <Strong>developers</Strong> and{" "}
-                <Strong>tinkerers</Strong> with powerful{" "}
-                <Strong>actions and application orchestration</Strong> to fit
-                your exact needs. Build <Strong>custom actions</Strong>, connect
-                them with 3rd party APIs, chain them with assistants.
+                Provide{" "}
+                <Strong>developers and tinkerers with a&nbsp;framework</Strong>{" "}
+                to&nbsp;build custom actions and&nbsp;application orchestration
+                to&nbsp;fit your team’s&nbsp;exact&nbsp;needs.
+              </P>
+              <P>
+                Support <Strong>custom plugins</Strong> for assistants to
+                interact with your{" "}
+                <Strong>own databases on advanced use cases</Strong>.
               </P>
             </div>
             <div
@@ -422,77 +426,77 @@ export default function Home({
                 <PriceTable
                   title="Free"
                   price="$0"
-                  priceLabel="/ month"
+                  priceLabel=""
                   color="emerald"
                 >
                   <PriceTable.Item label="One user" variant="dash" />
                   <PriceTable.Item label="One workspace" variant="dash" />
+                  <PriceTable.Item label="Privacy and Data Security" />
+                  <PriceTable.Item label="Advanced LLM models (GPT-4, Claude, …)" />
                   <PriceTable.Item label="Unlimited custom assistants" />
-                  <PriceTable.Item label="100 messages" variant="xmark" />
                   <PriceTable.Item
-                    label="50 documents as data sources"
+                    label="100 messages with Assistants"
                     variant="dash"
                   />
                   <PriceTable.Item
-                    label="No connections
-(GitHub, Google Drive, Notion, Slack)"
-                    variant="xmark"
+                    label="50 documents as data sources"
+                    variant="dash"
                   />
-                  <PriceTable.Item label="Privacy and Data Security" />
-                  <PriceTable.Item label="State of the art LLM models (GPT-4, Claude, …)" />
-                  <PriceTable.Item label="Dust Developer Platform" />
+                  <PriceTable.Item label="No connections" variant="xmark" />
+                  <PriceTable.ActionContainer>
+                    <Button variant="primary" label="Start testing" />
+                  </PriceTable.ActionContainer>
                 </PriceTable>
+
                 <PriceTable
                   title="Pro"
                   price="$29"
                   color="sky"
                   priceLabel="/ month / seat"
                 >
-                  <PriceTable.Item label="Up to 500 users" />
+                  <PriceTable.Item label="From 1 user" />
                   <PriceTable.Item label="One workspace" variant="dash" />
+                  <PriceTable.Item label="Privacy and Data Security" />
+                  <PriceTable.Item label="Advanced LLM models (GPT-4, Claude, …)" />
                   <PriceTable.Item label="Unlimited custom assistants" />
                   <PriceTable.Item label="Unlimited messages" />
-                  <PriceTable.Item label="Unlimited data sources (fair use)" />
+                  <PriceTable.Item label="Up to 1Go/user of data sources" />
                   <PriceTable.Item
                     label="Connections
 (GitHub, Google Drive, Notion, Slack)"
                   />
-                  <PriceTable.Item label="Privacy and Data Security" />
-                  <PriceTable.Item label="State of the art LLM models (GPT-4, Claude, …)" />
-                  <PriceTable.Item label="Dust Developer Platform" />
-
                   <PriceTable.Item label="Single Sign-on (Google, GitHub)" />
+                  <PriceTable.Item label="Dust Slackbot" />
+                  <PriceTable.Item label="Assistants can execute actions" />
                   <PriceTable.Item
                     label="Workspace role and permissions"
                     variant="dash"
                   />
-                  <PriceTable.Item label="Centralize billing" variant="dash" />
-
-                  <PriceTable.Item label="Assistants available via Slackbot" />
-                  <PriceTable.Item label="Assistants can execute Dust Apps" />
+                  <PriceTable.ActionContainer>
+                    <Button variant="primary" label="Start now" />
+                  </PriceTable.ActionContainer>
                 </PriceTable>
+
                 <PriceTable title="Enterprise" price="Custom">
                   <PriceTable.Item label="From 100 users" />
-                  <PriceTable.Item label="Multiple workspaces" variant="dash" />
+                  <PriceTable.Item label="Multiple workspaces" />
+                  <PriceTable.Item label="Privacy and Data Security" />
+                  <PriceTable.Item label="Advanced LLM models (GPT-4, Claude, …)" />
                   <PriceTable.Item label="Unlimited custom assistants" />
                   <PriceTable.Item label="Unlimited messages" />
-                  <PriceTable.Item label="Unlimited data sources (fair use)" />
+                  <PriceTable.Item label="Unlimited data sources" />
                   <PriceTable.Item
                     label="Connections
 (GitHub, Google Drive, Notion, Slack)"
                   />
-                  <PriceTable.Item label="Privacy and Data Security" />
-                  <PriceTable.Item label="State of the art LLM models (GPT-4, Claude, …)" />
-                  <PriceTable.Item label="Dust Developer Platform" />
-
-                  <PriceTable.Item label="Single Sign-on (Google, GitHub)" />
+                  <PriceTable.Item label="Single Sign-on" />
+                  <PriceTable.Item label="Dust Slackbot" />
+                  <PriceTable.Item label="Assistants can execute actions" />
                   <PriceTable.Item label="Advanced workspace role and permissions" />
-                  <PriceTable.Item label="Centralize billing" />
-
-                  <PriceTable.Item label="Assistants available via Slackbot" />
-                  <PriceTable.Item label="Assistants can execute Dust Apps" />
-                  <PriceTable.Item label="Assistant design and evaluation" />
                   <PriceTable.Item label="Dedicated account support" />
+                  <PriceTable.ActionContainer>
+                    <Button variant="secondary" label="Contact us" />
+                  </PriceTable.ActionContainer>
                 </PriceTable>
               </PriceTable.Container>
             </div>

diff --git a/front/public/static/landing/slack.png b/front/public/static/landing/slack.png
diff --git a/sparkle/src/components/PriceTable.tsx b/sparkle/src/components/PriceTable.tsx
@@ -97,27 +97,32 @@ const iconColorTable = {
 
 interface PriceTableItemProps {
   label: string;
+  size?: "xs" | "sm";
   variant?: "check" | "dash" | "xmark";
   className?: string;
 }
 
 PriceTable.Item = function ({
   label,
   variant = "check",
+  size = "xs",
   className = "",
 }: PriceTableItemProps) {
   return (
     <div
       className={classNames(
-        "s-flex s-items-center s-gap-1.5 s-border-b s-px-2 s-py-2.5 s-text-sm",
+        size === "xs"
+          ? " s-gap-2 s-p-2.5 s-text-sm"
+          : "s-gap-3 s-p-4 s-text-base",
+        "s-flex s-items-start s-border-b",
         "s-border-structure-100 s-text-element-800",
         "dark:s-border-structure-200-dark/50 dark:s-text-element-800-dark",
         className
       )}
     >
-      <div>
+      <div className="s-pt-0.5">
         <Icon
-          size="xs"
+          size={size}
           visual={iconTable[variant]}
           className={iconColorTable[variant]}
         />
@@ -127,7 +132,7 @@ PriceTable.Item = function ({
           variant === "xmark"
             ? "s-text-element-600 dark:s-text-element-600-dark"
             : "",
-          "s-overflow-hidden s-overflow-ellipsis s-whitespace-nowrap"
+          "s-overflow-hidden"
         )}
       >
         {label}

diff --git a/sparkle/src/stories/PriceTable.stories.tsx b/sparkle/src/stories/PriceTable.stories.tsx
@@ -19,7 +19,6 @@ export const Pricing = () => {
           price="0€"
           priceLabel="/ month"
           color="emerald"
-          className="s-w-64"
         >
           <PriceTable.Item label="Single member / workspace" variant="dash" />
           <PriceTable.Item label="Unlimited custom assistants" />
@@ -38,7 +37,6 @@ export const Pricing = () => {
           price="0€"
           color="sky"
           priceLabel="/ month / seat"
-          className="s-w-64"
         >
           <PriceTable.Item label="Unlimited members / workspace" />
           <PriceTable.Item label="Unlimited custom assistants" />
@@ -51,7 +49,7 @@ export const Pricing = () => {
             <Button size="sm" variant="primary" label="Select this plan" />
           </PriceTable.ActionContainer>
         </PriceTable>
-        <PriceTable title="Enterprise" price="Custom" className="s-w-64">
+        <PriceTable title="Enterprise" price="Custom">
           <PriceTable.Item label="Unlimited members / workspace" />
           <PriceTable.Item label="Unlimited workspaces" />
           <PriceTable.Item label="Unlimited custom assistants" />