Rebuild the About page from the current marketing frames, and leave the unapproved sentences off the page.

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

app/components/sections/QuoteBlock/QuoteBlock.view.tsx

@@ -11,6 +11,7 @@ function QuoteBlockView({
   className,
   quote,
   quoteSecondary,
+  statementStacked,
   author,
   source,
   quoteId,
@@ -41,13 +42,25 @@ function QuoteBlockView({
           <div className="relative z-10 flex w-full min-w-0 shrink-0 flex-col items-center text-center">
             <p
               id={quoteId}
-              className={`${statementTextClass} mb-0 flex w-full min-w-0 flex-col gap-9 text-center md:gap-[length:var(--text-xx-large-heading--line-height)] lg:block lg:gap-0`}
+              className={
+                statementStacked
+                  ? `${statementTextClass} mb-0 flex w-full min-w-0 flex-col gap-[1lh] text-center`
+                  : `${statementTextClass} mb-0 flex w-full min-w-0 flex-col gap-9 text-center md:gap-[length:var(--text-xx-large-heading--line-height)] lg:block lg:gap-0`
+              }
             >
-              <span className="block lg:inline">{quote}</span>
+              <span className={statementStacked ? "block" : "block lg:inline"}>
+                {quote}
+              </span>
               {quoteSecondary ? (
                 <>
-                  <span className="hidden lg:inline">{" "}</span>
-                  <span className="block lg:inline">{quoteSecondary}</span>
+                  {statementStacked ? (
+                    " "
+                  ) : (
+                    <span className="hidden lg:inline">{" "}</span>
+                  )}
+                  <span className={statementStacked ? "block" : "block lg:inline"}>
+                    {quoteSecondary}
+                  </span>
                 </>
               ) : null}
             </p>