feat: one call to action for the hero and the end, and a copyright in the footer

src/components/actions.astro

@@ -0,0 +1,41 @@
+---
+import Install from "./install.astro";
+
+// The page's one call to action, the same where the hero ends and where the page does.
+const attributes = Astro.props;
+---
+
+<div class="actions" {...attributes}>
+  <Install />
+  <div class="links">
+    <a class="text-link" href="https://docs.bounda.dev/getting-started/">Read the docs</a>
+    <a class="text-link dim" href="https://github.com/bounda-dev/bounda">GitHub</a>
+  </div>
+</div>
+
+<style>
+  .actions {
+    display: inline-flex;
+    flex-direction: column;
+    gap: 16px;
+    align-items: center;
+    max-width: 100%;
+  }
+
+  .links {
+    display: flex;
+    gap: 24px;
+    align-items: center;
+  }
+
+  @media (max-width: 760px) {
+    .actions {
+      display: flex;
+      align-items: stretch;
+    }
+
+    .links {
+      justify-content: center;
+    }
+  }
+</style>

src/components/footer.astro

@@ -1,10 +1,15 @@
 ---
 import Lockup from "./lockup.astro";
+
+const year = new Date().getFullYear();
 ---
 
 <footer class="footer">
   <div class="wrap">
-    <a class="brand" href="/" aria-label="Bounda home"><Lockup /></a>
+    <div class="mark">
+      <a class="brand" href="/" aria-label="Bounda home"><Lockup /></a>
+      <small class="link">© {year} Bounda</small>
+    </div>
     <ul>
       <li><a class="link" href="https://docs.bounda.dev/getting-started/">Documentation</a></li>
       <li><a class="link" href="https://github.com/bounda-dev/bounda">GitHub</a></li>
@@ -31,6 +36,12 @@ import Lockup from "./lockup.astro";
     justify-content: space-between;
   }
 
+  .mark {
+    display: flex;
+    gap: 20px;
+    align-items: center;
+  }
+
   .brand {
     color: var(--text);
     line-height: 0;

src/components/landing/cta.astro

@@ -1,21 +1,14 @@
 ---
-import Install from "../install.astro";
+import Actions from "../actions.astro";
 ---
 
 <section class="cta" id="cta">
   <div class="wrap">
     <div class="box" data-reveal>
       <p class="label eyebrow">Start</p>
       <h2 class="display">Start with one aggregate.</h2>
-      <p>Scaffold a project with a domain, a read model and a test, on SQLite, PostgreSQL or Cloudflare.</p>
-      <Install />
-      <div class="links">
-        <a class="text-link" href="https://docs.bounda.dev/getting-started/">Documentation</a>
-        <a class="text-link" href="https://github.com/bounda-dev/bounda">GitHub</a>
-      </div>
-      <p class="note">
-        Before 1.0 a minor release can change the API. <a href="https://www.npmjs.com/org/bounda-dev">The packages on npm</a>.
-      </p>
+      <p>One command scaffolds a working app: an aggregate, a read model and a test that already passes.</p>
+      <Actions />
     </div>
   </div>
 </section>
@@ -66,24 +59,6 @@ import Install from "../install.astro";
     color: var(--muted);
   }
 
-  .links {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 22px 28px;
-    margin-top: 32px;
-  }
-
-  .box > .note {
-    margin: 28px 0 0;
-    font-size: 0.875rem;
-  }
-
-  .note a {
-    color: var(--text);
-    text-decoration-color: var(--accent);
-    text-underline-offset: 3px;
-  }
-
   @media (max-width: 760px) {
     .cta {
       align-items: flex-end;

src/components/landing/hero.astro

@@ -1,5 +1,5 @@
 ---
-import Install from "../install.astro";
+import Actions from "../actions.astro";
 ---
 
 <section class="hero">
@@ -19,13 +19,7 @@ import Install from "../install.astro";
       <b>Your tables keep the last write. Bounda keeps every change.</b> Rebuild any view, explain any past state. Plain
       TypeScript modules, inferred types, one database, no broker.
     </p>
-    <div class="actions" data-enter style="--enter-delay: 0.46s">
-      <Install />
-      <div class="links">
-        <a class="text-link" href="https://docs.bounda.dev/getting-started/">Read the docs</a>
-        <a class="text-link dim" href="https://github.com/bounda-dev/bounda">GitHub</a>
-      </div>
-    </div>
+    <Actions data-enter style="--enter-delay: 0.46s" />
   </div>
 </section>
 
@@ -120,19 +114,6 @@ import Install from "../install.astro";
     color: var(--text);
   }
 
-  .actions {
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-    align-items: flex-start;
-  }
-
-  .links {
-    display: flex;
-    gap: 24px;
-    align-items: center;
-  }
-
   @media (max-width: 1100px) {
     .foot {
       grid-template-columns: minmax(0, 1fr) auto;
@@ -162,9 +143,5 @@ import Install from "../install.astro";
       line-height: 1.45;
       color: var(--muted);
     }
-
-    .actions {
-      align-items: stretch;
-    }
   }
 </style>