From 37efa753a4a82ac693a1eb777dd4b75ee1959cb5 Mon Sep 17 00:00:00 2001
From: Jack Gerrits <jackgerrits@users.noreply.github.com>
Date: Thu, 9 Jan 2025 11:19:40 -0500
Subject: [PATCH] Update 0.2 site for 0.4 (#4942)

* Update links and wording for new release

* Update
---
 website/docusaurus.config.js       |  6 +++---
 website/src/pages/index.js         | 25 ++++++++++++-------------
 website/src/pages/index.module.css |  2 +-
 3 files changed, 16 insertions(+), 17 deletions(-)

diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index 1a2de465f1f6..ac32a491799d 100644
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -13,7 +13,7 @@ customPostCssPlugin = () => {
 };
 
 module.exports = {
-  title: "AutoGen",
+  title: "AutoGen 0.2",
   tagline: "An Open-Source Programming Framework for Agentic AI",
   url: "https://microsoft.github.io",
   baseUrl: "/autogen/0.2/",
@@ -21,7 +21,7 @@ module.exports = {
   onBrokenMarkdownLinks: "warn",
   favicon: "img/ag.ico",
   organizationName: "Microsoft", // Usually your GitHub org/user name.
-  projectName: "AutoGen", // Usually your repo name.
+  projectName: "AutoGen 0.2", // Usually your repo name.
   scripts: [
     {
       src: "/autogen/js/custom.js",
@@ -187,7 +187,7 @@ module.exports = {
     announcementBar: {
       id: "newdocs",
       content:
-        'Go <a href="/autogen/dev">here</a> to view the documentation for the work in progress version of AutoGen 0.4.',
+        '<a href="https://microsoft.github.io/autogen/stable/">AutoGen 0.4</a> has been released. Read the migration guide <a href="https://microsoft.github.io/autogen/stable/user-guide/agentchat-user-guide/migration-guide.html">here</a>.',
       backgroundColor: "#fafbfc",
       textColor: "#091E42",
       isCloseable: true,
diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index 99d423e03705..8cd802dc456e 100644
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -14,30 +14,29 @@ function HomepageHeader() {
         <h1 className="hero__title">{siteConfig.title}</h1>
         <p className="hero__subtitle">{siteConfig.tagline}</p>
         <div className={styles.buttons}>
+
           <div className={styles.buttonWrapper}>
             <Link
-              className="button button--secondary button--lg"
-              to="/docs/Getting-Started"
+              className={clsx(
+                "button button--secondary button--lg",
+                styles.buttonLink
+              )}
+              to="https://microsoft.github.io/autogen/stable/"
             >
-              Get Started
+              Get started with 0.4
             </Link>
             <p className={styles.buttonTagline}>
-              Current stable version of AutoGen (autogen-agentchat~=0.2)
+            The new event driven, asynchronous architecture for AutoGen
             </p>
           </div>
           <div className={styles.buttonWrapper}>
             <Link
-              className={clsx(
-                "button button--secondary button--lg",
-                styles.buttonLink
-              )}
-              to="https://microsoft.github.io/autogen/dev/"
+              className="button button--secondary button--lg"
+              to="/docs/Getting-Started"
             >
-              Preview v0.4
+              Continue with 0.2
             </Link>
-            <p className={styles.buttonTagline}>
-              A new event driven, asynchronous architecture for AutoGen
-            </p>
+            <p className={styles.buttonTagline}></p>
           </div>
         </div>
       </div>
diff --git a/website/src/pages/index.module.css b/website/src/pages/index.module.css
index 883ab870aaea..8eb6f54b533d 100644
--- a/website/src/pages/index.module.css
+++ b/website/src/pages/index.module.css
@@ -29,7 +29,7 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  width: 200px;
+  width: 250px;
 }
 
 .buttonLink {