Address Documentation Feedback and Add Reusable Components (#820)

documentation/src/components/RateLimits.js

@@ -0,0 +1,29 @@
+import React from "react";
+import Admonition from "@theme/Admonition";
+
+const RateLimits = () => {
+  return (
+    <Admonition type="info" title="Billing">
+      <a
+        href="https://aistudio.google.com/app/apikey"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        Google Gemini
+      </a>{" "}
+      offers a free tier you can get started with. Otherwise, you'll need to
+      ensure that you have credits available in your LLM Provider account to
+      successfully make requests.
+      <br />
+      <br />
+      Some providers also have rate limits on API usage, which can affect your
+      experience. Check out our{" "}
+      <a href="/docs/guides/handling-llm-rate-limits" target="_blank">
+        Handling Rate Limits
+      </a>{" "}
+      guide to learn how to efficiently manage these limits while using Goose.
+    </Admonition>
+  );
+};
+
+export default RateLimits;

documentation/src/components/SupportedEnvironments.js

@@ -0,0 +1,19 @@
+import React from "react";
+import Admonition from "@theme/Admonition";
+
+const SupportedEnvironments = () => {
+  return (
+    <Admonition type="info" title="Supported Environments">
+      Goose currently works on <strong>macOS</strong> and <strong>Linux</strong> systems and supports both <strong>ARM</strong> and <strong>x86</strong> architectures. If you'd like to request support for additional operating systems, please{" "}
+      <a
+        href="https://github.com/block/goose/issues/new?template=Blank+issue"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        open an issue on GitHub
+      </a>.
+    </Admonition>
+  );
+};
+
+export default SupportedEnvironments;