diff --git a/packages/twenty-website/public/images/product/demo/background.webp b/packages/twenty-website/public/images/product/demo/background.webp
deleted file mode 100644
index 30e570a1c9..0000000000
Binary files a/packages/twenty-website/public/images/product/demo/background.webp and /dev/null differ
diff --git a/packages/twenty-website/src/app/[locale]/(site)/product/page.tsx b/packages/twenty-website/src/app/[locale]/(site)/product/page.tsx
index 1631423e95..f7c097f65b 100644
--- a/packages/twenty-website/src/app/[locale]/(site)/product/page.tsx
+++ b/packages/twenty-website/src/app/[locale]/(site)/product/page.tsx
@@ -12,9 +12,9 @@ import {
 } from '@/platform/seo';
 import { Faq } from '@/sections/faq';
 import { Menu } from '@/sections/menu';
-import { ProductDemo } from '@/sections/product-demo';
 import { ProductFeature } from '@/sections/product-feature';
 import { ProductHero } from '@/sections/product-hero';
+import { ProductSignoff } from '@/sections/product-signoff';
 import { ProductStepper } from '@/sections/product-stepper';
 import { ProductThreeCards } from '@/sections/three-cards';
 import { TrustedBy } from '@/sections/trusted-by';
@@ -51,7 +51,7 @@ export default async function ProductPage({
           <ProductFeature />
           <ProductThreeCards />
           <ProductStepper />
-          <ProductDemo />
+          <ProductSignoff />
           <Faq />
         </main>
       </MenuStyleProvider>
diff --git a/packages/twenty-website/src/sections/case-study-detail/CustomersCaseStudySignoff.tsx b/packages/twenty-website/src/sections/case-study-detail/CustomersCaseStudySignoff.tsx
index dab9ff65ef..eedd30d0d2 100644
--- a/packages/twenty-website/src/sections/case-study-detail/CustomersCaseStudySignoff.tsx
+++ b/packages/twenty-website/src/sections/case-study-detail/CustomersCaseStudySignoff.tsx
@@ -12,7 +12,7 @@ export function CustomersCaseStudySignoff() {
       body={i18n._(
         msg`Join the teams that chose to own their CRM. Start building with Twenty today.`,
       )}
-      heading={i18n._(msg`Ready to grow\n*with Twenty?*`)}
+      heading={i18n._(msg`Ready to grow *with Twenty?*`)}
       scheme="muted"
     >
       <Button
diff --git a/packages/twenty-website/src/sections/customers-catalog-signoff/CustomersCatalogSignoff.tsx b/packages/twenty-website/src/sections/customers-catalog-signoff/CustomersCatalogSignoff.tsx
index ab61930b46..1a091302ad 100644
--- a/packages/twenty-website/src/sections/customers-catalog-signoff/CustomersCatalogSignoff.tsx
+++ b/packages/twenty-website/src/sections/customers-catalog-signoff/CustomersCatalogSignoff.tsx
@@ -12,7 +12,7 @@ export function CustomersCatalogSignoff() {
       body={i18n._(
         msg`Join the teams that chose to own their CRM. Start building with Twenty today.`,
       )}
-      heading={i18n._(msg`Ready to build\n*your own story?*`)}
+      heading={i18n._(msg`Ready to build *your own story?*`)}
       scheme="light"
     >
       <Button
diff --git a/packages/twenty-website/src/sections/partner-signoff/PartnerSignoff.tsx b/packages/twenty-website/src/sections/partner-signoff/PartnerSignoff.tsx
index aa8dda626a..d921ea5e08 100644
--- a/packages/twenty-website/src/sections/partner-signoff/PartnerSignoff.tsx
+++ b/packages/twenty-website/src/sections/partner-signoff/PartnerSignoff.tsx
@@ -12,7 +12,7 @@ export function PartnerSignoff() {
       body={i18n._(
         msg`Join our partner ecosystem and help businesses take control of their CRM.`,
       )}
-      heading={i18n._(msg`Ready to grow\n*with Twenty?*`)}
+      heading={i18n._(msg`Ready to grow *with Twenty?*`)}
       scheme="light"
     >
       <BecomePartnerButton label={msg`Become a partner`} variant="outlined" />
diff --git a/packages/twenty-website/src/sections/product-demo/ProductDemo.tsx b/packages/twenty-website/src/sections/product-demo/ProductDemo.tsx
deleted file mode 100644
index 0e511e7253..0000000000
--- a/packages/twenty-website/src/sections/product-demo/ProductDemo.tsx
+++ /dev/null
@@ -1,108 +0,0 @@
-import { msg } from '@lingui/core/macro';
-import { css } from '@linaria/core';
-import { styled } from '@linaria/react';
-import NextImage from 'next/image';
-
-import { AppPreview } from '@/app-preview/AppPreview';
-import { getServerI18n } from '@/platform/i18n/get-server-i18n';
-import { APP_PREVIEW_STAGE } from '@/tokens/app-preview/app-preview-stage';
-import { HERO_COMPOSITION, spacing } from '@/tokens';
-import { Button, Eyebrow, Heading, SectionIntro, SectionShell } from '@/ui';
-
-// The closer: the full product mockup in its static frame under a "try
-// it live" intro, with the dash pattern fading in behind the lower half
-// of the section (the shell's background slot, as on the home hero).
-const PatternLayer = styled.div`
-  bottom: 0;
-  height: 60%;
-  left: 50%;
-  opacity: 0.6;
-  pointer-events: none;
-  position: absolute;
-  transform: translateX(-50%);
-  width: 100%;
-`;
-
-const patternImageClassName = css`
-  object-fit: cover;
-  object-position: center top;
-`;
-
-/* Block flow, not grid: a grid would blockify the inline-flex eyebrow
-   and stretch it off-center. text-align centers every child as one
-   mechanism. */
-const IntroMeasure = styled.div`
-  margin-inline: auto;
-  text-align: center;
-
-  & > * + * {
-    margin-top: ${spacing(6)};
-  }
-`;
-
-// The old site hard-breaks the heading after "a"; the measure makes the
-// same two-line break emerge (hero precedent — no <br>).
-const HeadingMeasure = styled.div`
-  max-width: 560px;
-`;
-
-// The mockup hangs at the hero's CTA-to-window measure, not the stack
-// rhythm (user-ratified: the two CTA-over-mockup moments read the same).
-const PreviewRoot = styled.div`
-  margin-top: ${HERO_COMPOSITION.ctaToVisualGapPx}px;
-  width: 100%;
-`;
-
-// Fixed at the scene's full width, not a responsive fit: on viewports narrower
-// than the scene the mockup stays full-size and bleeds past the gutter, clipping
-// at the section edge (the shell's overflow: clip) — the old site's full-size
-// demo rather than a scaled-down one. The stage token is the single source.
-const SceneBox = styled.div`
-  aspect-ratio: ${APP_PREVIEW_STAGE.windowScene.widthPx} /
-    ${APP_PREVIEW_STAGE.windowScene.heightPx};
-  margin-inline: auto;
-  width: ${APP_PREVIEW_STAGE.windowScene.widthPx}px;
-`;
-
-export function ProductDemo() {
-  const i18n = getServerI18n();
-
-  return (
-    <SectionShell
-      background={
-        <PatternLayer aria-hidden>
-          <NextImage
-            alt=""
-            className={patternImageClassName}
-            fill
-            sizes="(min-width: 921px) 100vw"
-            src="/images/product/demo/background.webp"
-          />
-        </PatternLayer>
-      }
-      scheme="light"
-    >
-      <div>
-        <SectionIntro>
-          <IntroMeasure>
-            <Eyebrow>{i18n._(msg`Try it live`)}</Eyebrow>
-            <HeadingMeasure>
-              <Heading as="h2" size="lg" weight="light">
-                {i18n._(msg`A demo worth a *thousand words*`)}
-              </Heading>
-            </HeadingMeasure>
-            <Button
-              href="https://app.twenty.com/welcome"
-              label={i18n._(msg`Try Twenty Cloud`)}
-            />
-          </IntroMeasure>
-        </SectionIntro>
-        <PreviewRoot>
-          <SceneBox>
-            <AppPreview mode="static" />
-          </SceneBox>
-        </PreviewRoot>
-      </div>
-    </SectionShell>
-  );
-}
diff --git a/packages/twenty-website/src/sections/product-demo/index.ts b/packages/twenty-website/src/sections/product-demo/index.ts
deleted file mode 100644
index 0d48e29141..0000000000
--- a/packages/twenty-website/src/sections/product-demo/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { ProductDemo } from './ProductDemo';
diff --git a/packages/twenty-website/src/sections/product-signoff/ProductSignoff.tsx b/packages/twenty-website/src/sections/product-signoff/ProductSignoff.tsx
new file mode 100644
index 0000000000..d3d9830ad7
--- /dev/null
+++ b/packages/twenty-website/src/sections/product-signoff/ProductSignoff.tsx
@@ -0,0 +1,21 @@
+import { msg } from '@lingui/core/macro';
+
+import { TalkToUsButton } from '@/contact-cal';
+import { getServerI18n } from '@/platform/i18n/get-server-i18n';
+import { SITE_URLS } from '@/platform/site-urls';
+import { Button, Signoff } from '@/ui';
+
+export function ProductSignoff() {
+  const i18n = getServerI18n();
+
+  return (
+    <Signoff
+      body={i18n._(msg`Open-source, AI-ready, and set up in minutes.`)}
+      heading={i18n._(msg`Start moving *faster today.*`)}
+      scheme="light"
+    >
+      <Button href={SITE_URLS.appWelcome} label={i18n._(msg`Get started`)} />
+      <TalkToUsButton label={msg`Talk to us`} variant="outlined" />
+    </Signoff>
+  );
+}
diff --git a/packages/twenty-website/src/sections/product-signoff/index.ts b/packages/twenty-website/src/sections/product-signoff/index.ts
new file mode 100644
index 0000000000..451db92f3a
--- /dev/null
+++ b/packages/twenty-website/src/sections/product-signoff/index.ts
@@ -0,0 +1 @@
+export { ProductSignoff } from './ProductSignoff';
diff --git a/packages/twenty-website/src/sections/why-twenty-signoff/WhyTwentySignoff.tsx b/packages/twenty-website/src/sections/why-twenty-signoff/WhyTwentySignoff.tsx
index 7c95916767..8220aa305b 100644
--- a/packages/twenty-website/src/sections/why-twenty-signoff/WhyTwentySignoff.tsx
+++ b/packages/twenty-website/src/sections/why-twenty-signoff/WhyTwentySignoff.tsx
@@ -10,7 +10,7 @@ export function WhyTwentySignoff() {
     <Signoff
       body={i18n._(msg`Open-source, AI-ready, and yours to shape.`)}
       crosshairSide="left"
-      heading={i18n._(msg`Build a CRM your\ncompetitors *can't buy.*`)}
+      heading={i18n._(msg`Build a CRM your competitors *can't buy.*`)}
       scheme="dark"
     >
       <Button
diff --git a/packages/twenty-website/src/ui/Signoff.tsx b/packages/twenty-website/src/ui/Signoff.tsx
index 916fb16f72..1174c5f84f 100644
--- a/packages/twenty-website/src/ui/Signoff.tsx
+++ b/packages/twenty-website/src/ui/Signoff.tsx
@@ -30,6 +30,11 @@ const SignoffStack = styled.div`
   }
 `;
 
+const HeadingMeasure = styled.div`
+  max-width: 615px;
+  width: 100%;
+`;
+
 // Measure tuned to a clean break without coupling a <br> into the translation.
 const Subline = styled.div`
   margin-top: ${spacing(2)};
@@ -72,9 +77,11 @@ export function Signoff({
       scheme={scheme}
     >
       <SignoffStack>
-        <Heading as="h2" size="lg" weight="light">
-          {heading}
-        </Heading>
+        <HeadingMeasure>
+          <Heading as="h2" size="lg" weight="light">
+            {heading}
+          </Heading>
+        </HeadingMeasure>
         <Subline>
           <Body muted size="sm">
             {body}