diff --git a/docs/src/components/Homepage/banner.js b/docs/src/components/Homepage/banner.js
new file mode 100644
index 000000000..20e2fdc6c
--- /dev/null
+++ b/docs/src/components/Homepage/banner.js
@@ -0,0 +1,35 @@
+import React from "react";
+import { useColorMode } from "@docusaurus/theme-common";
+import { XMarkIcon } from "@heroicons/react/20/solid";
+
+export default function HomepageBanner() {
+  const { isDarkTheme } = useColorMode();
+
+  return (
+    <div className="flex items-center gap-x-6 bg-gray-900 px-6 py-2.5 sm:px-3.5 sm:before:flex-1">
+      <p className="text-sm leading-6 text-white">
+        <a href="#">
+          <strong className="font-semibold">GeneriCon 2023</strong>
+          <svg
+            viewBox="0 0 2 2"
+            className="mx-2 inline h-0.5 w-0.5 fill-current"
+            aria-hidden="true"
+          >
+            <circle cx={1} cy={1} r={1} />
+          </svg>
+          Join us in Denver from June 7 – 9 to see what’s coming next&nbsp;
+          <span aria-hidden="true">&rarr;</span>
+        </a>
+      </p>
+      <div className="flex flex-1 justify-end">
+        <button
+          type="button"
+          className="-m-3 p-3 focus-visible:outline-offset-[-4px]"
+        >
+          <span className="sr-only">Dismiss</span>
+          <XMarkIcon className="h-5 w-5 text-white" aria-hidden="true" />
+        </button>
+      </div>
+    </div>
+  );
+}
diff --git a/docs/src/components/Homepage/downloads.js b/docs/src/components/Homepage/downloads.js
new file mode 100644
index 000000000..1bd14df4e
--- /dev/null
+++ b/docs/src/components/Homepage/downloads.js
@@ -0,0 +1,8 @@
+import React from "react";
+import { useColorMode } from "@docusaurus/theme-common";
+
+export default function HomepageDownloads() {
+  const { isDarkTheme } = useColorMode();
+
+  return <div>Downloads section</div>;
+}
diff --git a/docs/src/components/Homepage/homepageFeatures.js b/docs/src/components/Homepage/features.js
similarity index 82%
rename from docs/src/components/Homepage/homepageFeatures.js
rename to docs/src/components/Homepage/features.js
index 0410a4a8c..e710f57e5 100644
--- a/docs/src/components/Homepage/homepageFeatures.js
+++ b/docs/src/components/Homepage/features.js
@@ -4,5 +4,5 @@ import { useColorMode } from "@docusaurus/theme-common";
 export default function HomepageFeatures() {
   const { isDarkTheme } = useColorMode();
 
-  return <div>hi</div>;
+  return <div>Features section</div>;
 }
diff --git a/docs/src/components/Homepage/homepageHero.js b/docs/src/components/Homepage/hero.js
similarity index 97%
rename from docs/src/components/Homepage/homepageHero.js
rename to docs/src/components/Homepage/hero.js
index 27104d1eb..37c5d2f44 100644
--- a/docs/src/components/Homepage/homepageHero.js
+++ b/docs/src/components/Homepage/hero.js
@@ -107,8 +107,8 @@ export default function HomepageHero() {
           </h1>
           {/* Hero Subtitle */}
           <p className="mt-6 text-lg leading-8 text-gray-600 dark:text-gray-300">
-            Jan is the private and flexible way to run your own AI. Jan is the
-            private and flexible way to run your own AI.
+            Free. Source available. Runs on your CPU and GPU with hardware
+            acceleration and collaboration mode.
           </p>
           {/* Download CTAs */}
           <div className="mt-10 flex items-center gap-x-6">
diff --git a/docs/src/components/Homepage/index.js b/docs/src/components/Homepage/index.js
index 20baade73..b349aaaa7 100644
--- a/docs/src/components/Homepage/index.js
+++ b/docs/src/components/Homepage/index.js
@@ -1,2 +1,5 @@
-export { default as HomepageFeatures } from "./homepageFeatures";
-export { default as HomepageHero } from "./homepageHero";
+export { default as HomepageBanner } from "./banner";
+export { default as HomepageFeatures } from "./features";
+export { default as HomepageHero } from "./hero";
+export { default as HomepageUseCases } from "./usecases";
+export { default as HomepageDownloads } from "./downloads";
diff --git a/docs/src/components/Homepage/usecases.js b/docs/src/components/Homepage/usecases.js
new file mode 100644
index 000000000..676d355a9
--- /dev/null
+++ b/docs/src/components/Homepage/usecases.js
@@ -0,0 +1,8 @@
+import React from "react";
+import { useColorMode } from "@docusaurus/theme-common";
+
+export default function HomepageUseCases() {
+  const { isDarkTheme } = useColorMode();
+
+  return <div>Use Cases Section</div>;
+}
diff --git a/docs/src/pages/index.js b/docs/src/pages/index.js
index 9187dd602..64f768fe0 100644
--- a/docs/src/pages/index.js
+++ b/docs/src/pages/index.js
@@ -1,7 +1,13 @@
 import React from "react";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import Layout from "@theme/Layout";
-import { HomepageFeatures, HomepageHero } from "@site/src/components/Homepage";
+import {
+  HomepageFeatures,
+  HomepageHero,
+  HomepageBanner,
+  HomepageUseCases,
+  HomepageDownloads,
+} from "@site/src/components/Homepage";
 
 import styles from "./index.module.css";
 
@@ -12,8 +18,13 @@ export default function Home() {
       title={`${siteConfig.tagline}`}
       description="Description will go into a meta tag in <head />"
     >
-      <HomepageHero />
-      <HomepageFeatures />
+      {/* <HomepageBanner /> */}
+      <main className={styles.main}>
+        <HomepageHero />
+        <HomepageFeatures />
+        <HomepageUseCases />
+        <HomepageDownloads />
+      </main>
     </Layout>
   );
 }