fix: address landing PR feedback

Author: thymikee

landing/src/app/agentic-development/opengraph-image.tsx

@@ -9,8 +9,8 @@ export const alt = seo.pages.agenticDevelopment.ogTitle;
 export const contentType = ogImageContentType;
 export const size = ogImageSize;
 
-export default function Image() {
-  return createOgImage({
+export default async function Image() {
+  return await createOgImage({
     eyebrow: "Agentic Development",
     title: seo.pages.agenticDevelopment.ogTitle,
     description: seo.pages.agenticDevelopment.description,

landing/src/app/agentic-qa/opengraph-image.tsx

@@ -9,8 +9,8 @@ export const alt = seo.pages.agenticQa.ogTitle;
 export const contentType = ogImageContentType;
 export const size = ogImageSize;
 
-export default function Image() {
-  return createOgImage({
+export default async function Image() {
+  return await createOgImage({
     eyebrow: "Agentic QA",
     title: seo.pages.agenticQa.ogTitle,
     description: seo.pages.agenticQa.description,

landing/src/app/llms-full.txt/route.ts

@@ -1,6 +1,6 @@
 import { createLlmsFullTxt } from "@/lib/llms";
 
-export const dynamic = "force-dynamic";
+export const dynamic = "force-static";
 
 export function GET() {
   return new Response(createLlmsFullTxt(), {

landing/src/app/llms.txt/route.ts

@@ -1,6 +1,6 @@
 import { createLlmsTxt } from "@/lib/llms";
 
-export const dynamic = "force-dynamic";
+export const dynamic = "force-static";
 
 export function GET() {
   return new Response(createLlmsTxt(), {

landing/src/app/opengraph-image.tsx

@@ -9,8 +9,8 @@ export const alt = seo.pages.home.ogTitle;
 export const contentType = ogImageContentType;
 export const size = ogImageSize;
 
-export default function Image() {
-  return createOgImage({
+export default async function Image() {
+  return await createOgImage({
     eyebrow: "Agent Device",
     title: seo.pages.home.ogTitle,
     description: seo.pages.home.description,

landing/src/components/home/footer.tsx

@@ -12,7 +12,7 @@ const footerGroups = [
   {
     title: "Documentation",
     links: [
-      { href: "https://github.com/callstackincubator/agent-device", label: "Documentation" },
+      { href: "https://oss.callstack.com/agent-device/", label: "Documentation" },
       { href: "https://github.com/callstackincubator/agent-device", label: "GitHub" },
     ],
   },

landing/src/components/prompt-copy-button.tsx

@@ -11,26 +11,30 @@ type PromptCopyButtonProps = {
 };
 
 async function copyText(text: string) {
+  if (navigator.clipboard?.writeText) {
+    try {
+      await navigator.clipboard.writeText(text);
+      return;
+    } catch {
+      // Fall back to the legacy selection path below.
+    }
+  }
+
   const textarea = document.createElement("textarea");
   textarea.value = text;
   textarea.setAttribute("readonly", "");
   textarea.style.position = "fixed";
   textarea.style.opacity = "0";
   document.body.appendChild(textarea);
   textarea.select();
-  let copied = false;
 
   try {
-    copied = document.execCommand("copy");
+    document.execCommand("copy");
   } catch {
-    copied = false;
+    // The visual confirmation is optimistic; copy failures are non-fatal here.
   }
 
   document.body.removeChild(textarea);
-
-  if (!copied && navigator.clipboard?.writeText) {
-    await navigator.clipboard.writeText(text).catch(() => undefined);
-  }
 }
 
 export function PromptCopyButton({ prompt, className }: PromptCopyButtonProps) {

landing/src/components/stack-support-section.tsx

@@ -16,7 +16,12 @@ export function StackSupportSection() {
             to CI, hosted agents, React Native tooling, device infrastructure,
             and release process.
           </LeadText>
-          <ButtonLink href="#demo" size="compact" variant="dark" className="mt-8">
+          <ButtonLink
+            href="https://www.callstack.com/contact?message=%22I%20want%20to%20chat%20about%20agent-device%22"
+            size="compact"
+            variant="dark"
+            className="mt-8"
+          >
             Book consultation
           </ButtonLink>
         </div>

landing/src/lib/og-image.tsx

@@ -1,3 +1,6 @@
+import { readFile } from "node:fs/promises";
+import { join } from "node:path";
+
 import { ImageResponse } from "next/og";
 
 type OgImageOptions = {
@@ -13,7 +16,31 @@ export const ogImageSize = {
 
 export const ogImageContentType = "image/png";
 
-export function createOgImage({ eyebrow, title, description }: OgImageOptions) {
+const fontsDirectory = join(process.cwd(), "src", "app", "fonts");
+
+async function getOgFonts() {
+  const [regular, semiBold] = await Promise.all([
+    readFile(join(fontsDirectory, "AllianceNo2-Regular.ttf")),
+    readFile(join(fontsDirectory, "AllianceNo2-SemiBold.ttf")),
+  ]);
+
+  return [
+    {
+      data: regular,
+      name: "Alliance No.2",
+      style: "normal" as const,
+      weight: 400 as const,
+    },
+    {
+      data: semiBold,
+      name: "Alliance No.2",
+      style: "normal" as const,
+      weight: 600 as const,
+    },
+  ];
+}
+
+export async function createOgImage({ eyebrow, title, description }: OgImageOptions) {
   return new ImageResponse(
     (
       <div
@@ -62,7 +89,7 @@ export function createOgImage({ eyebrow, title, description }: OgImageOptions) {
           <div
             style={{
               color: "rgba(255,255,255,0.52)",
-              fontFamily: "monospace",
+              fontFamily: "Alliance No.2",
               fontSize: 24,
               fontWeight: 700,
               letterSpacing: 0,
@@ -74,6 +101,7 @@ export function createOgImage({ eyebrow, title, description }: OgImageOptions) {
           <div
             style={{
               fontSize: 84,
+              fontFamily: "Alliance No.2",
               fontWeight: 600,
               letterSpacing: 0,
               lineHeight: 0.98,
@@ -86,6 +114,7 @@ export function createOgImage({ eyebrow, title, description }: OgImageOptions) {
           <div
             style={{
               color: "rgba(255,255,255,0.72)",
+              fontFamily: "Alliance No.2",
               fontSize: 30,
               lineHeight: 1.35,
               marginTop: 36,
@@ -107,6 +136,7 @@ export function createOgImage({ eyebrow, title, description }: OgImageOptions) {
                 background: "#ffffff",
                 borderRadius: 4,
                 color: "#000000",
+                fontFamily: "Alliance No.2",
                 fontSize: 24,
                 fontWeight: 700,
                 padding: "18px 28px",
@@ -119,6 +149,7 @@ export function createOgImage({ eyebrow, title, description }: OgImageOptions) {
                 border: "1px solid rgba(255,255,255,0.28)",
                 borderRadius: 4,
                 color: "rgba(255,255,255,0.84)",
+                fontFamily: "Alliance No.2",
                 fontSize: 24,
                 fontWeight: 600,
                 padding: "18px 28px",
@@ -130,6 +161,9 @@ export function createOgImage({ eyebrow, title, description }: OgImageOptions) {
         </div>
       </div>
     ),
-    ogImageSize,
+    {
+      ...ogImageSize,
+      fonts: await getOgFonts(),
+    },
   );
 }