Update Docs to Point to 0.4 (#3764)

* update docs, add link to v0.4 * update homepage text * Update website/src/pages/index.js --------- Co-authored-by: Eric Zhu <[email protected]>
microsoft · Oct 12, 2024 · 8a66f03 · 8a66f03
1 parent 4f060e5
commit 8a66f03
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 16 deletions.
diff --git a/website/src/pages/index.js b/website/src/pages/index.js
@@ -1,36 +1,54 @@
-import React from 'react';
-import clsx from 'clsx';
-import Layout from '@theme/Layout';
-import Link from '@docusaurus/Link';
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
-import styles from './index.module.css';
-import HomepageFeatures from '../components/HomepageFeatures';
+import React from "react";
+import clsx from "clsx";
+import Layout from "@theme/Layout";
+import Link from "@docusaurus/Link";
+import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
+import styles from "./index.module.css";
+import HomepageFeatures from "../components/HomepageFeatures";
 
 function HomepageHeader() {
-  const {siteConfig} = useDocusaurusContext();
+  const { siteConfig } = useDocusaurusContext();
   return (
-    <header className={clsx('hero hero--primary', styles.heroBanner)}>
+    <header className={clsx("hero hero--primary", styles.heroBanner)}>
       <div className="container">
         <h1 className="hero__title">{siteConfig.title}</h1>
         <p className="hero__subtitle">{siteConfig.tagline}</p>
         <div className={styles.buttons}>
-          <Link
-            className="button button--secondary button--lg"
-            to="/docs/Getting-Started">
-            Getting Started - 3min ⏱️
-          </Link>
+          <div className={styles.buttonWrapper}>
+            <Link
+              className="button button--secondary button--lg"
+              to="/docs/Getting-Started"
+            >
+              Get Started
+            </Link>
+            <p className={styles.buttonTagline}>
+              Current stable version of AutoGen
+            </p>
+          </div>
+          <div className={styles.buttonWrapper}>
+            <Link
+              className="button button--secondary button--lg"
+              to="/autogen/dev/"
+            >
+              Preview v0.4
+            </Link>
+            <p className={styles.buttonTagline}>
+              A new event driven architecture for AutoGen
+            </p>
+          </div>
         </div>
       </div>
     </header>
   );
 }
 
 export default function Home() {
-  const {siteConfig} = useDocusaurusContext();
+  const { siteConfig } = useDocusaurusContext();
   return (
     <Layout
       title={`AutoGen`}
-      description="Enabling Next-Gen LLM Applications via Multi-Agent Conversation Framework">
+      description="Enabling Next-Gen LLM Applications via Multi-Agent Conversation Framework"
+    >
       <HomepageHeader />
       <main>
         <HomepageFeatures />

diff --git a/website/src/pages/index.module.css b/website/src/pages/index.module.css
@@ -22,4 +22,18 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  gap: 10px;
+}
+
+.buttonWrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.buttonTagline {
+  font-size: 0.8rem;
+  margin-top: 5px;
+  text-align: center;
+  max-width: 200px;
 }