regorg docs tweak lander

Author: jayair

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2025 toolbeam
+Copyright (c) 2025 SST
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -10,7 +10,7 @@
 <p align="center">
   <a href="https://sst.dev/discord"><img alt="Discord" src="https://img.shields.io/discord/983865673656705025?style=flat-square&label=Discord" /></a>
   <a href="https://www.npmjs.com/package/opencontrol"><img alt="npm" src="https://img.shields.io/npm/v/opencontrol?style=flat-square" /></a>
-  <a href="https://github.com/toolbeam/opencontrol/actions/workflows/release.yml"><img alt="Build status" src="https://img.shields.io/github/actions/workflow/status/toolbeam/opencontrol/release.yml?style=flat-square&branch=master" /></a>
+  <a href="https://github.com/sst/opencontrol/actions/workflows/release.yml"><img alt="Build status" src="https://img.shields.io/github/actions/workflow/status/sst/opencontrol/release.yml?style=flat-square&branch=master" /></a>
 </p>
 
 ---

app/web/src/pages/index.tsx

@@ -3,7 +3,6 @@ import { useAccount } from "../components/context-account"
 import { Navigate } from "@solidjs/router"
 import { useOpenAuth } from "@openauthjs/solid"
 import { IconLogo, ImageArchitecture } from "../ui/svg"
-import screenshot from "../assets/screenshot.png"
 import styles from "./lander.module.css"
 
 export default function Index() {
@@ -26,31 +25,24 @@ export default function Index() {
 
             <section data-slot="cta">
               <div data-slot="col-1">
-                <a href="/docs/how-it-works/">Learn more</a>
+                <a href={`${import.meta.env.VITE_DOCS_URL}/docs/`}>
+                  Docs
+                </a>
               </div>
               <div data-slot="col-2">
-                <span onClick={() => auth.authorize()}>Get started</span>
+                <span onClick={() => auth.authorize()}>Try it</span>
               </div>
               <div data-slot="col-3">
-                <a
-                  target="_blank"
-                  href="https://github.com/toolbeam/opencontrol"
-                >
-                  Star on GitHub
+                <a target="_blank" href="https://github.com/sst/opencontrol">
+                  GitHub
                 </a>
               </div>
             </section>
 
             <section data-slot="images">
-              <div>
-                <p>Client</p>
-                <a href="/docs/usage/">
-                  <img src={screenshot} alt="OpenControl screenshot" />
-                </a>
-              </div>
               <div>
                 <p>Architecture</p>
-                <a href="/docs/how-it-works/">
+                <a href={`${import.meta.env.VITE_DOCS_URL}/docs/how-it-works/`}>
                   <ImageArchitecture width="100%" />
                 </a>
               </div>

app/web/src/pages/lander.module.css

@@ -18,7 +18,7 @@
   [data-slot="hero"] {
     border: 2px solid var(--color-border);
 
-    max-width: 90rem;
+    max-width: 64rem;
     margin-left: auto;
     margin-right: auto;
     width: 100%;
@@ -54,7 +54,18 @@
       text-transform: uppercase;
       cursor: pointer;
       text-decoration: underline;
-      padding: calc(var(--padding) / 2) 0.5rem;
+
+      &[data-slot="col-2"] {
+        background-color: var(--color-white);
+        color: var(--color-text-invert);
+      }
+
+      & > * {
+        display: block;
+        width: 100%;
+        height: 100%;
+        padding: calc(var(--padding) / 2) 0.5rem;
+      }
     }
 
     @media (max-width: 30rem) {

app/web/src/sst-env.d.ts

@@ -3,6 +3,7 @@
 /* eslint-disable */
 /// <reference types="vite/client" />
 interface ImportMetaEnv {
+  readonly VITE_DOCS_URL: string
   readonly VITE_API_URL: string
   readonly VITE_AUTH_URL: string
   readonly VITE_ZERO_URL: string

infra/app.ts

@@ -30,6 +30,17 @@ export const api = new sst.aws.Function("Api", {
   },
 })
 
+const docs = new sst.aws.Astro("Docs", {
+  route: {
+    router,
+    path: "/docs",
+  },
+  path: "www",
+  dev: {
+    url: "http://localhost:4321",
+  },
+})
+
 new sst.aws.StaticSite("Web", {
   route: {
     router,
@@ -39,18 +50,11 @@ new sst.aws.StaticSite("Web", {
     output: "dist/client",
   },
   environment: {
+    VITE_DOCS_URL: docs.url,
     VITE_API_URL: `https://api-` + domain,
     VITE_AUTH_URL: auth.properties.url,
     VITE_ZERO_URL: zero.url,
     VITE_TEMPLATE_URL: templateUrl,
   },
   path: "app/web",
 })
-
-new sst.aws.Astro("Docs", {
-  route: {
-    router,
-    path: "/docs",
-  },
-  path: "www",
-})

www/astro.config.mjs

@@ -79,15 +79,12 @@ export default defineConfig({
       editLink: {
         baseUrl: `${config.github}/edit/master/www/`,
       },
-      components: {
-        Hero: "./src/components/Hero.astro",
-      },
-      customCss: ["./src/custom.css", "./src/styles/lander.css"],
+      customCss: ["./src/custom.css"],
       sidebar: [
-        { label: "Intro", slug: "docs" },
-        "docs/tools",
-        "docs/usage",
-        "docs/how-it-works",
+        { label: "Intro", slug: "index" },
+        "tools",
+        "usage",
+        "how-it-works",
       ],
     }),
   ],

www/config.ts

@@ -1,4 +1,4 @@
 export default {
-  github: "https://github.com/toolbeam/opencontrol",
+  github: "https://github.com/sst/opencontrol",
   discord: "https://sst.dev/discord",
 }