Update 0.2 site for 0.4

website/docusaurus.config.js

@@ -13,15 +13,15 @@ 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/",
   onBrokenLinks: "throw",
   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,

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>

website/src/pages/index.module.css

@@ -29,7 +29,7 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  width: 200px;
+  width: 250px;
 }
 
 .buttonLink {