diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index d3e8d0f5627..9c1d4ddb3fe 100644
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -7,52 +7,52 @@ import styles from "./index.module.css";
 import HomepageFeatures from "../components/HomepageFeatures";
 
 function HomepageHeader() {
-  const { siteConfig } = useDocusaurusContext();
-  return (
-    <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}>
-          <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>
-  );
+    const { siteConfig } = useDocusaurusContext();
+    return (
+        <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}>
+                    <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="https://microsoft.github.io/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();
-  return (
-    <Layout
-      title={`AutoGen`}
-      description="Enabling Next-Gen LLM Applications via Multi-Agent Conversation Framework"
-    >
-      <HomepageHeader />
-      <main>
-        <HomepageFeatures />
-      </main>
-    </Layout>
-  );
+    const { siteConfig } = useDocusaurusContext();
+    return (
+        <Layout
+            title={`AutoGen`}
+            description="Enabling Next-Gen LLM Applications via Multi-Agent Conversation Framework"
+        >
+            <HomepageHeader />
+            <main>
+                <HomepageFeatures />
+            </main>
+        </Layout>
+    );
 }