add 'companies using logstruct' page

Author: ndbroadbent

site/app/docs/companies/page.tsx

@@ -0,0 +1,61 @@
+import { HeadingWithAnchor } from '@/components/heading-with-anchor';
+import { EditPageLink } from '@/components/edit-page-link';
+interface ProductionCompany {
+  name: string;
+  url: string;
+  summary: string;
+}
+
+const productionCompanies: ProductionCompany[] = [
+  {
+    name: 'DocSpring',
+    url: 'https://www.docspring.com',
+    summary:
+      'DocSpring is a PDF filling API that makes it easy to fill out PDF forms, ' +
+      'convert HTML to PDFs, or collect legally-binding e-signatures. ' +
+      'We built LogStruct to keep our production logs structured and secure.',
+  },
+
+  {
+    name: 'Your Company',
+    url: 'https://www.example.com',
+    summary: 'Add your company to the list!',
+  },
+];
+
+export default function CompaniesUsingLogStructPage() {
+  return (
+    <div className="space-y-6">
+      <HeadingWithAnchor id="companies-using-logstruct-in-production" level={1}>
+        Companies Using LogStruct
+      </HeadingWithAnchor>
+
+      <p className="text-neutral-600 dark:text-neutral-400">
+        Does your team run LogStruct in production? Click the edit link below to
+        add your company to the list.
+      </p>
+
+      <hr className="my-14" />
+
+      <ul className="space-y-14 list-inside">
+        {productionCompanies.map((company) => (
+          <li key={company.name}>
+            <a
+              href={`${company.url}?utm_source=logstruct&utm_medium=referral`}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="font-semibold text-xl hover:underline"
+            >
+              {company.name}
+            </a>
+            <div className="text-neutral-600 dark:text-neutral-400 pt-3">
+              {company.summary}
+            </div>
+          </li>
+        ))}
+      </ul>
+
+      <EditPageLink />
+    </div>
+  );
+}

site/app/docs/layout.tsx

@@ -186,6 +186,11 @@ export default function DocsLayout({
                     title="Supported Versions"
                     active={pathname.startsWith('/docs/supported-versions')}
                   />
+                  <DocNavItem
+                    href="/docs/companies"
+                    title="Companies Using LogStruct"
+                    active={pathname.startsWith('/docs/companies')}
+                  />
                 </nav>
 
                 <h2 className="mt-6 mb-3 text-lg font-semibold">Reference</h2>