summaryrefslogtreecommitdiffhomepage
path: root/packages/console/app/src/routes
diff options
context:
space:
mode:
Diffstat (limited to 'packages/console/app/src/routes')
-rw-r--r--packages/console/app/src/routes/index.css1
-rw-r--r--packages/console/app/src/routes/index.tsx17
2 files changed, 17 insertions, 1 deletions
diff --git a/packages/console/app/src/routes/index.css b/packages/console/app/src/routes/index.css
index ae329b98b..f100acf8f 100644
--- a/packages/console/app/src/routes/index.css
+++ b/packages/console/app/src/routes/index.css
@@ -206,6 +206,7 @@ body {
[data-component="top"] {
padding: 24px var(--padding);
height: 80px;
+ min-height: 80px;
position: sticky;
top: 0;
display: flex;
diff --git a/packages/console/app/src/routes/index.tsx b/packages/console/app/src/routes/index.tsx
index 9948551e4..90bdfffdc 100644
--- a/packages/console/app/src/routes/index.tsx
+++ b/packages/console/app/src/routes/index.tsx
@@ -52,6 +52,21 @@ export default function Home() {
<div data-component="content">
<section data-component="hero">
+ <div data-component="desktop-app-banner">
+ <span data-slot="badge">New</span>
+ <div data-slot="content">
+ <span data-slot="text">
+ Desktop app available in beta<span data-slot="platforms"> on macOS, Windows, and Linux</span>.
+ </span>
+ <a href="/download" data-slot="link">
+ Download now
+ </a>
+ <a href="/download" data-slot="link-mobile">
+ Download the desktop beta now
+ </a>
+ </div>
+ </div>
+
<div data-slot="hero-copy">
{/*<a data-slot="releases"*/}
{/* href={release()?.url ?? `${config.github.repoUrl}/releases`}*/}
@@ -213,7 +228,7 @@ export default function Home() {
<span>[*]</span>
<p>
With over <strong>{config.github.starsFormatted.full}</strong> GitHub stars,{" "}
- <strong>{config.stats.contributors}</strong> contributors, and almost{" "}
+ <strong>{config.stats.contributors}</strong> contributors, and over{" "}
<strong>{config.stats.commits}</strong> commits, OpenCode is used and trusted by over{" "}
<strong>{config.stats.monthlyUsers}</strong> developers every month.
</p>