Merge pull request #103 from lastmile-ai/pr103

[Docs][3/n] AIConfig landing page
lastmile-ai · Nov 8, 2023 · 6be7285 · 6be7285
2 parents 47b6fcd + ab8ae1e
commit 6be7285
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 22 deletions.
diff --git a/aiconfig-docs/docs/introduction/getting-started.md b/aiconfig-docs/docs/introduction/getting-started.md
@@ -305,6 +305,10 @@ config.save('updated.aiconfig.json', include_output=True)
 
 ## AI Workbook playground
 
+:::tip
+Try out this workbook yourself here: **[NYC Travel Workbook](https://lastmileai.dev/workbooks/clooqs3p200kkpe53u6n2rhr9)**
+:::
+
 We can iterate on an `aiconfig` using a notebook-like editor called an **AI Workbook**. Now that we have an `aiconfig` file artifact that encapsulates the generative AI part of our application, the application code doesn't need to change even as the `aiconfig` is updated.
 
 :::note
@@ -313,10 +317,6 @@ We are currently working on a local editor that you can run yourself. For now, p
 
 <video controls><source src="https://s3.amazonaws.com/publicdata.lastmileai.com/workbook_editor_480.mov"/></video>
 
-:::tip
-Try out this workbook yourself here: **[NYC Travel Workbook](https://lastmileai.dev/workbooks/clooqs3p200kkpe53u6n2rhr9)**
-:::
-
 ## Using OpenAI API introspection
 
 ```

diff --git a/aiconfig-docs/src/components/HomepageFeatures/index.tsx b/aiconfig-docs/src/components/HomepageFeatures/index.tsx
@@ -1,49 +1,49 @@
-import React from 'react';
-import clsx from 'clsx';
-import styles from './styles.module.css';
+import React from "react";
+import clsx from "clsx";
+import styles from "./styles.module.css";
 
 type FeatureItem = {
   title: string;
-  Svg: React.ComponentType<React.ComponentProps<'svg'>>;
+  Svg: React.ComponentType<React.ComponentProps<"svg">>;
   description: JSX.Element;
 };
 
 const FeatureList: FeatureItem[] = [
   {
-    title: 'Easy to Use',
-    Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default,
+    title: "Prompts as Config",
+    Svg: require("@site/static/img/undraw_docusaurus_mountain.svg").default,
     description: (
       <>
-        Docusaurus was designed from the ground up to be easily installed and
-        used to get your website up and running quickly.
+        Iterate on prompts and model parameters separately from application
+        code, making the overall development faster and more collaborative.
       </>
     ),
   },
   {
-    title: 'Focus on What Matters',
-    Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default,
+    title: "Source Control Friendly",
+    Svg: require("@site/static/img/undraw_docusaurus_tree.svg").default,
     description: (
       <>
-        Docusaurus lets you focus on your docs, and we&apos;ll do the chores. Go
-        ahead and move your docs into the <code>docs</code> directory.
+        Better AI governance and reproducibility with a standardized JSON format
+        to store generative AI model settings, prompt inputs and outputs.
       </>
     ),
   },
   {
-    title: 'Powered by React',
-    Svg: require('@site/static/img/undraw_docusaurus_react.svg').default,
+    title: "Multi-modal and model-agnostic",
+    Svg: require("@site/static/img/undraw_docusaurus_react.svg").default,
     description: (
       <>
-        Extend or customize your website layout by reusing React. Docusaurus can
-        be extended while reusing the same header and footer.
+        Extensible SDK allows you to use aiconfig with any model from any
+        provider for any modality, including text, image and audio.
       </>
     ),
   },
 ];
 
-function Feature({title, Svg, description}: FeatureItem) {
+function Feature({ title, Svg, description }: FeatureItem) {
   return (
-    <div className={clsx('col col--4')}>
+    <div className={clsx("col col--4")}>
       <div className="text--center">
         <Svg className={styles.featureSvg} role="img" />
       </div>