diff --git a/packages/console/app/src/routes/index.css b/packages/console/app/src/routes/index.css
index 5cb91a6fb..92de172e1 100644
--- a/packages/console/app/src/routes/index.css
+++ b/packages/console/app/src/routes/index.css
@@ -617,6 +617,25 @@ body {
padding: var(--vertical-padding) var(--padding);
color: var(--color-text);
+ a {
+ background: var(--color-background-strong);
+ padding: 8px 12px 8px 20px;
+ color: var(--color-text-inverted);
+ border: none;
+ border-radius: 4px;
+ font-weight: 500;
+ cursor: pointer;
+ margin-top: 40px;
+ display: flex;
+ width: fit-content;
+ gap: 12px;
+ text-decoration: none;
+ }
+
+ a:hover {
+ background: var(--color-background-strong-hover);
+ }
+
ul {
padding: 0;
li {
diff --git a/packages/console/app/src/routes/index.tsx b/packages/console/app/src/routes/index.tsx
index b04fe5094..be8003edc 100644
--- a/packages/console/app/src/routes/index.tsx
+++ b/packages/console/app/src/routes/index.tsx
@@ -64,18 +64,6 @@ export default function Home() {
to
use other models, including Claude, GPT, Gemini and more.
Install and use. No account, no email, and no credit card.
@@ -179,52 +167,72 @@ export default function Home() {
OpenCode is an open source agent that helps you write and run code directly from the terminal. OpenCode is an open source agent that helps you write and run
+ code directly from the terminal.
- With over {config.github.starsFormatted.full} GitHub stars,{" "}
- {config.stats.contributors} contributors, and almost{" "}
+ With
+ over {config.github.starsFormatted.full} GitHub
+ stars,{" "}
+ {config.stats.contributors} contributors, and
+ almost{" "}
{config.stats.commits} commits, OpenCode is used and trusted by over{" "}
{config.stats.monthlyUsers} developers every month.
What is OpenCode?
-
+
+ Read docs
+
+