From 7ac801597ab81a4e300ae92e1f9726c0a28fffaa Mon Sep 17 00:00:00 2001
From: Victor Dibia <victor.dibia@gmail.com>
Date: Fri, 11 Oct 2024 12:18:52 -0700
Subject: [PATCH 1/3] update docs, add link to v0.4

---
 website/src/pages/index.js         | 47 ++++++++++++++++++++----------
 website/src/pages/index.module.css | 14 +++++++++
 2 files changed, 45 insertions(+), 16 deletions(-)

diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index 203c72c02223..812735f5e37a 100644
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -1,24 +1,38 @@
-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="../dev">
+              Preview v0.4
+            </Link>
+            <p className={styles.buttonTagline}>
+              A new event-driven architecture for AutoGen
+            </p>
+          </div>
         </div>
       </div>
     </header>
@@ -26,11 +40,12 @@ function HomepageHeader() {
 }
 
 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
index 5c0d4f6e20c4..dc827fa4c423 100644
--- 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;
 }

From 201825d2fad84a9199027168c3a4728766ec7c8f Mon Sep 17 00:00:00 2001
From: Victor Dibia <victor.dibia@gmail.com>
Date: Fri, 11 Oct 2024 12:46:58 -0700
Subject: [PATCH 2/3] update homepage text

---
 website/src/pages/index.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index 812735f5e37a..90cf54de49e3 100644
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -26,11 +26,14 @@ function HomepageHeader() {
             </p>
           </div>
           <div className={styles.buttonWrapper}>
-            <Link className="button button--secondary button--lg" to="../dev">
+            <Link
+              className="button button--secondary button--lg"
+              to="/docs/Preview-v0.4"
+            >
               Preview v0.4
             </Link>
             <p className={styles.buttonTagline}>
-              A new event-driven architecture for AutoGen
+              A new event driven architecture for AutoGen
             </p>
           </div>
         </div>

From 347aa828f28decae7ed746e82b92ab44810eaebc Mon Sep 17 00:00:00 2001
From: Eric Zhu <ekzhu@users.noreply.github.com>
Date: Fri, 11 Oct 2024 18:20:14 -0700
Subject: [PATCH 3/3] Update website/src/pages/index.js

---
 website/src/pages/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index 90cf54de49e3..d3e8d0f5627e 100644
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -28,7 +28,7 @@ function HomepageHeader() {
           <div className={styles.buttonWrapper}>
             <Link
               className="button button--secondary button--lg"
-              to="/docs/Preview-v0.4"
+              to="/autogen/dev/"
             >
               Preview v0.4
             </Link>