Move the use-case index onto Learn so the pilot stories stay reachable, and make share images resolve on the host that serves the page.

Co-authored-by: Cursor <cursoragent@cursor.com>

app/components/sections/Accordion/Accordion.types.ts

@@ -9,6 +9,8 @@ export interface FaqAccordionItem {
 export interface FaqAccordionProps {
   title: string;
   items: FaqAccordionItem[];
+  /** In-page target, such as the Learn FAQ. */
+  id?: string;
   size?: AccordionSizeValue;
   /** Layout accordion size from `lg` (default **m**, Figma 22135-890258). */
   lgSize?: AccordionSizeValue;

app/components/sections/Accordion/Accordion.view.tsx

@@ -17,10 +17,12 @@ function FaqAccordionView({
   lgSize,
   xlSize,
   headingId,
+  id,
   className = "",
 }: FaqAccordionViewProps) {
   return (
     <section
+      id={id}
       aria-labelledby={headingId}
       className={`bg-[var(--color-surface-default-secondary)] px-[var(--space-100)] py-[var(--space-800)] md:px-[var(--space-2400)] md:py-[var(--space-1800)] lg:px-[var(--space-4000)] lg:py-[var(--space-2400)] ${className}`.trim()}
     >
@@ -40,6 +42,7 @@ function FaqAccordionView({
               size={size}
               lgSize={lgSize}
               xlSize={xlSize}
+              defaultOpen={index === 0}
             >
               {item.answer}
             </LayoutAccordion>