Organize Vertex starter into reusable sections

Use remote logos and avatars, refine landing copy, and document the template structure.

components/layout/site-footer.tsx

@@ -0,0 +1,26 @@
+import { Brand } from "@/components/shared/brand"
+
+export function SiteFooter() {
+  return (
+    <footer className="px-6 py-10 sm:px-10">
+      <div className="flex flex-col gap-8 sm:flex-row sm:items-center sm:justify-between">
+        <div>
+          <Brand />
+          <p className="mt-3 max-w-sm text-xs leading-5 text-muted-foreground">
+            The unified gateway for production AI applications.
+          </p>
+        </div>
+        <div className="flex flex-wrap gap-x-6 gap-y-3 text-xs text-muted-foreground">
+          <a className="hover:text-foreground" href="#models">Models</a>
+          <a className="hover:text-foreground" href="#developers">Docs</a>
+          <a className="hover:text-foreground" href="#pricing">Pricing</a>
+          <a className="hover:text-foreground" href="#top">Status</a>
+          <a className="hover:text-foreground" href="#top">Privacy</a>
+        </div>
+      </div>
+      <div className="mt-10 text-[11px] text-muted-foreground">
+        <span>© 2026 Vertex, Inc. All rights reserved.</span>
+      </div>
+    </footer>
+  )
+}