add separate section for llms.txt convention

homepage/homepage/app/(docs)/docs/[framework]/[...slug]/ai-tools.mdx

@@ -1,27 +1,21 @@
-import { ContentByFramework, CodeGroup } from '@/components/forMdx'
+import { ContentByFramework, FileDownloadLink, CodeGroup } from '@/components/forMdx'
 
 # Using AI to build Jazz apps
 
 AI tools, particularly large language models (LLMs), can accelerate your development with Jazz. Searching docs, responding to questions and even helping you write code are all things that LLMs are starting to get good at.
 
-Jazz is a rapidly evolving framework, and the docs are a work in progress, and sometimes AI might get things a little wrong.
+However, Jazz is a rapidly evolving framework, so sometimes AI might get things a little wrong.
 
-To help the LLMs, we provide a number of [llms.txt](https://llmstxt.org/) files that are optimised for use with AI tools.
+To help the LLMs, we provide the Jazz documentation in a txt file that is optimized for use with AI tools, like Cursor.
 
-## Getting started with AI tools
-
-[llms.txt](https://llmstxt.org/) is a proposal to standardise the way that documentation is provided to AI tools at inference time that helps them understand the context of the code you're writing.
-
-Many AI tools are starting to support this, and we've created a [llms-full.txt](https://jazz.tools/llms-full.txt) file that is optimised for use with AI tools, like Cursor.
+<FileDownloadLink href="/llms-full.txt">llms-full.txt</FileDownloadLink>
 
 ## Setting up AI tools
 
-Every AI tool is different, but generally you'll need to either provide the contents of the [llms-full.txt](https://jazz.tools/llms-full.txt) file in your prompt, or upload the file to the tool.
+Every tool is different, but generally, you'll need to either paste the contents of the [llms-full.txt](https://jazz.tools/llms-full.txt) file directly in your prompt, or attach the file to the tool.
 
 ### ChatGPT and v0
 
-<a href="/llms-full.txt" download>Download llms-full.txt</a>
-
 Upload the txt file in your prompt.
 
 ![ChatGPT prompt with llms-full.txt attached](/chatgpt-with-llms-full-txt.jpg)
@@ -38,6 +32,10 @@ https://jazz.tools/llms-full.txt
 ```
 </CodeGroup>
 
+## llms.txt convention
+
+We follow the llms.txt [proposed standard](https://llmstxt.org/) for providing documentation to AI tools at inference time that helps them understand the context of the code you're writing.
+
 ## Limitations and considerations
 
 AI is amazing, but it's not perfect. What works well this week could break next week (or be twice as good).

homepage/homepage/components/FileDownloadLink.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import Link from "next/link";
+import { AnchorHTMLAttributes, DetailedHTMLProps } from "react";
+
+import { Button } from "gcmp-design-system/src/app/components/atoms/Button";
+import { Icon } from "gcmp-design-system/src/app/components/atoms/Icon";
+
+export function FileDownloadLink(
+  props: DetailedHTMLProps<
+    AnchorHTMLAttributes<HTMLAnchorElement>,
+    HTMLAnchorElement
+  >,
+) {
+  if (!props.href) {
+    return props.children;
+  }
+
+  const { children, href } = props;
+
+  return (
+    <div className="inline-flex items-center font-medium text-stone-900 rounded-md border p-3 shadow-sm dark:text-white dark:bg-stone-925 flex py-2 rounded-lg ">
+      <Icon name="file" size="sm" className="mr-2" />
+      {children}
+
+      <a href={href} download className="ml-12">
+        Download
+      </a>
+    </div>
+  );
+}

homepage/homepage/components/forMdx.tsx

@@ -9,6 +9,8 @@ import {
 } from "@/components/docs/ContentByFramework";
 import { JazzLogo as JazzLogoClient } from "gcmp-design-system/src/app/components/atoms/logos/JazzLogo";
 import { CodeGroup as CodeGroupClient } from "gcmp-design-system/src/app/components/molecules/CodeGroup";
+import { AnchorHTMLAttributes, DetailedHTMLProps } from "react";
+import { FileDownloadLink as FileDownloadLinkClient } from "./FileDownloadLink";
 import { ComingSoon as ComingSoonClient } from "./docs/ComingSoon";
 import { IssueTrackerPreview as IssueTrackerPreviewClient } from "./docs/IssueTrackerPreview";
 
@@ -35,3 +37,12 @@ export function IssueTrackerPreview() {
 export function JazzLogo(props: { className?: string }) {
   return <JazzLogoClient {...props} />;
 }
+
+export function FileDownloadLink(
+  props: DetailedHTMLProps<
+    AnchorHTMLAttributes<HTMLAnchorElement>,
+    HTMLAnchorElement
+  >,
+) {
+  return <FileDownloadLinkClient {...props} />;
+}