From dbf43d792c783119cf3779b148d1b232ff81905d Mon Sep 17 00:00:00 2001
From: "Abdullah." <125115953+mabdullahabaid@users.noreply.github.com>
Date: Sun, 19 Apr 2026 14:12:59 +0500
Subject: [PATCH] [Website] Fix testimonials shape, diamond direction, and
 integrate partner application form. (#19835)

Closes the following issues.

https://github.com/twentyhq/core-team-issues/issues/2368
https://github.com/twentyhq/core-team-issues/issues/2369
https://github.com/twentyhq/core-team-issues/issues/2374
https://github.com/twentyhq/core-team-issues/issues/2375
---
 packages/twenty-website-new/.env.example      |   1 +
 packages/twenty-website-new/.gitignore        |   1 +
 packages/twenty-website-new/package.json      |   3 +-
 .../home/testimonials/background-shape.webp   | Bin 41078 -> 0 bytes
 .../testimonials/background-shape.webp        | Bin 23538 -> 0 bytes
 .../src/app/(home)/page.tsx                   |   1 -
 .../src/app/api/partner-application/route.ts  |  79 +++++++
 .../_constants/partner-application-modal.ts   |   9 +-
 .../PartnerApplicationModal.tsx               | 213 ++++++++++++------
 .../src/app/partner/page.tsx                  |   2 +-
 .../components/Button/BaseButton.tsx          |   5 +-
 .../ThreeCards/PartnerThreeCard.tsx           |  29 ++-
 .../__tests__/split-full-name.test.ts         |  43 ++++
 .../partner-application/split-full-name.ts    |  13 ++
 .../PlanTable/components/Content/Content.tsx  |   7 +-
 .../Testimonials/TestimonialsShape.tsx        |  45 ++++
 .../Testimonials/components/Root/Root.tsx     |  22 +-
 yarn.lock                                     |   1 +
 18 files changed, 375 insertions(+), 99 deletions(-)
 create mode 100644 packages/twenty-website-new/.env.example
 delete mode 100644 packages/twenty-website-new/public/images/home/testimonials/background-shape.webp
 delete mode 100644 packages/twenty-website-new/public/images/partner/testimonials/background-shape.webp
 create mode 100644 packages/twenty-website-new/src/app/api/partner-application/route.ts
 create mode 100644 packages/twenty-website-new/src/lib/partner-application/__tests__/split-full-name.test.ts
 create mode 100644 packages/twenty-website-new/src/lib/partner-application/split-full-name.ts
 create mode 100644 packages/twenty-website-new/src/sections/Testimonials/TestimonialsShape.tsx

diff --git a/packages/twenty-website-new/.env.example b/packages/twenty-website-new/.env.example
new file mode 100644
index 0000000000..d27ad4304f
--- /dev/null
+++ b/packages/twenty-website-new/.env.example
@@ -0,0 +1 @@
+PARTNER_APPLICATION_WEBHOOK_URL=
diff --git a/packages/twenty-website-new/.gitignore b/packages/twenty-website-new/.gitignore
index 301c67f0cd..b23d143603 100644
--- a/packages/twenty-website-new/.gitignore
+++ b/packages/twenty-website-new/.gitignore
@@ -26,6 +26,7 @@ yarn-debug.log*
 yarn-error.log*
 
 # local env files
+.env
 .env*.local
 
 # vercel
diff --git a/packages/twenty-website-new/package.json b/packages/twenty-website-new/package.json
index 8e5ddc718a..67b684a8b5 100644
--- a/packages/twenty-website-new/package.json
+++ b/packages/twenty-website-new/package.json
@@ -29,7 +29,8 @@
     "react-dom": "19.2.3",
     "react-markdown": "^10.1.0",
     "remark-gfm": "^4.0.1",
-    "three": "^0.183.2"
+    "three": "^0.183.2",
+    "zod": "^4.1.11"
   },
   "devDependencies": {
     "@types/node": "^20",
diff --git a/packages/twenty-website-new/public/images/home/testimonials/background-shape.webp b/packages/twenty-website-new/public/images/home/testimonials/background-shape.webp
deleted file mode 100644
index 0e85b2351e381fbfbeea3fbcef51ae6ad87118be..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 41078
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
Y+V5a7vW=gp04jhApaQ7C|Gfgg0qs5g!~g&Q

diff --git a/packages/twenty-website-new/public/images/partner/testimonials/background-shape.webp b/packages/twenty-website-new/public/images/partner/testimonials/background-shape.webp
deleted file mode 100644
index 10a44697d2a8828ab74266983c549c1623b509aa..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 23538
zcmeI43rtg27{^Z;&)U&SE|W1zwL*3avREJ!1!O!Y1hXO&D3w9%gjQipG8r#v7svY{
z%ep2g4`Hw=Fp3N5nAp)G8>YD6Kr)`iEjSp$j1!m$^sc}rV1(#QmL>ac+uNLb?m74L
zyXXHuzuTVP1O9$~<2-~yeZ4p#9G5UMLWrh&4b#w&3Gxi&?9-ScWU#|2ZouXzYO|#{
zV)I8$;+R`bUV@kWi=5}V&Zpin<Qkr!j9W}?OEQae-OMJv_QCzR(@f^J#sZstc7_bY
zVM_grf$Xv9omUu~IG>T>Sy{p#_v=J6DV?>Rg7HWLy$oqj`r8WX`TEE$YWCQ6g#k`n
z3aaE<OSJv%c>j)5!Hm=we67sYsVCxW>A^Pc<)LcVfj8pY?zv&9c**2gGd?c}zficV
zfLX-){m^8Xzo1yNb(C*U3vy{qmScH7tmYr?aa<gIkMcV!vl}Ue$1V#c65Q&>(ROm+
z;cUTP8Fu#CdoH@_%A~4_{BQCcvF<|tM4Y6mjn<aLH?VV}tI}d`)mWD(+;{<@6mrCr
zo8;o4_u%2q%Bmxo-*Ybuv8I%FTWjd{@3V2<Y^?psV&=hQYjsp~ue0y4Z%}^g?p#HI
zUNPAg*Mxn24ePtm9<pb^`c-FL>$>m~=~yyeBMjf2<DRE?mStuZZ~3i!^7CDmJ%#4O
zxK(bN-27)BmT9teZo+3*J*OhDF{z4_ttd#KXM9SHuS<G4^LjVmex#WBTap}`ma5oU
zWm#s7Zc~>Du4Jx_7MIkGFBJdE33d%3PpE|7#qhXA!cmJ(@0{!I`W6pfQD;Q=j<jn0
z?lu_3Nc%4yU{XIcPZ?C_c5L?|4|U^?^;2PeRr9y~`i@u2LXPWSN{_%_@4sDsGVwIu
z$oQOA5KvBN=kByDu88S1Z==NMQhISES`aNP?i5KZ?JLrX{w~x){HS}Zq&CR;>o5;1
zT|O!#Aug-?4@3i^0nV_>P(ctN2oMAa0ze6z5S;K4CzR22*S%YR2}G!fW>QMByGhfS
z>}6qD-W3(blyel4S2(XJf)H;}GQ`i@P?ej8oDU&NP5{v({e-A>uqQ&oL$!5{vIVX%
z^1+u~Ez?J;MH;={MCDb<nr-798x~p4&ikhYSDI3bGLScQKfAQSJ>5_E1jk${T9^ME
zPoAih>+fIrC{NVvRaGnn;w^E8Q7qY*8idY_c0M*j>sGtdL7Y~GNCVH@2HnYM)5l$-
zIC~s26We3|yHBN@-r#8abWvLFX6ptKvNsSXL=F1dDzAp_0Nnw)g9u~*G5{HX3?6?$
z1MUFs0PX<p0Pe8*YaVb#a7A!Ma7A!MaK&nn0muMk05VwTCqZCEU`1d>7$jkkgh3Jp
zNf;!bes0jClWZQ&HUhK&v;edKv;edKv;edKv;efwO~D2z0w@9~0vP}l0TjV#08j)_
z1W>fz-}QhMffa!jffa!jffa!jffa!jffa!j*WS_s7#SED7#SED82Mje<OYPaL~aS<
z&3)1F)#MFNY?H^#d4w1qDEb(2#rVySGqsC%>eVfJ-m?kKcS^+wk$SsSXgms$4$c^7
i5$35Lt-6hi3r!St_Y859uCGuorC|jTfC&6wBk(6paC6N7

diff --git a/packages/twenty-website-new/src/app/(home)/page.tsx b/packages/twenty-website-new/src/app/(home)/page.tsx
index 829b77b352..e62baaf2a0 100644
--- a/packages/twenty-website-new/src/app/(home)/page.tsx
+++ b/packages/twenty-website-new/src/app/(home)/page.tsx
@@ -210,7 +210,6 @@ export default async function HomePage() {
 
       <Testimonials.Root
         backgroundColor={theme.colors.secondary.background[5]}
-        backgroundShapeSrc="/images/home/testimonials/background-shape.webp"
         color={theme.colors.primary.text[100]}
       >
         <Testimonials.Carousel
diff --git a/packages/twenty-website-new/src/app/api/partner-application/route.ts b/packages/twenty-website-new/src/app/api/partner-application/route.ts
new file mode 100644
index 0000000000..b47110a831
--- /dev/null
+++ b/packages/twenty-website-new/src/app/api/partner-application/route.ts
@@ -0,0 +1,79 @@
+import { splitFullName } from '@/lib/partner-application/split-full-name';
+import { NextResponse } from 'next/server';
+import { z } from 'zod';
+
+const partnerApplicationRequestSchema = z.strictObject({
+  email: z
+    .string()
+    .trim()
+    .min(1, { error: 'Email is required.' })
+    .pipe(z.email({ error: 'Invalid email address.' })),
+  name: z.string().trim().min(1, { error: 'Name is required.' }),
+});
+
+const webhookUrlSchema = z
+  .string()
+  .trim()
+  .pipe(z.httpUrl({ error: 'Invalid webhook URL.' }));
+
+export async function POST(request: Request) {
+  const webhookUrlResult = webhookUrlSchema.safeParse(
+    process.env.PARTNER_APPLICATION_WEBHOOK_URL,
+  );
+
+  if (!webhookUrlResult.success) {
+    return NextResponse.json(
+      { error: 'Partner application webhook is not configured.' },
+      { status: 503 },
+    );
+  }
+
+  const webhookUrl = webhookUrlResult.data;
+
+  let raw: unknown;
+
+  try {
+    raw = await request.json();
+  } catch {
+    return NextResponse.json({ error: 'Invalid JSON body.' }, { status: 400 });
+  }
+
+  const bodyResult = partnerApplicationRequestSchema.safeParse(raw);
+
+  if (!bodyResult.success) {
+    const message =
+      bodyResult.error.issues[0]?.message ?? 'Invalid request body.';
+    return NextResponse.json({ error: message }, { status: 400 });
+  }
+
+  const { name, email } = bodyResult.data;
+  const { firstName, lastName } = splitFullName(name);
+
+  const webhookPayload = {
+    Email: email,
+    FirstName: firstName,
+    LastName: lastName,
+  };
+
+  try {
+    const upstreamResponse = await fetch(webhookUrl, {
+      body: JSON.stringify(webhookPayload),
+      headers: { 'Content-Type': 'application/json' },
+      method: 'POST',
+    });
+
+    if (!upstreamResponse.ok) {
+      return NextResponse.json(
+        { error: 'Partner application could not be submitted.' },
+        { status: 502 },
+      );
+    }
+
+    return NextResponse.json({ success: true });
+  } catch {
+    return NextResponse.json(
+      { error: 'Partner application could not be submitted.' },
+      { status: 502 },
+    );
+  }
+}
diff --git a/packages/twenty-website-new/src/app/partner/_constants/partner-application-modal.ts b/packages/twenty-website-new/src/app/partner/_constants/partner-application-modal.ts
index bbc5257037..df0ba99d85 100644
--- a/packages/twenty-website-new/src/app/partner/_constants/partner-application-modal.ts
+++ b/packages/twenty-website-new/src/app/partner/_constants/partner-application-modal.ts
@@ -26,7 +26,12 @@ export const PARTNER_APPLICATION_MODAL_COPY = {
     messageHint:
       'Tell us about the custom solutions or integrations you plan to build.',
   },
-  footnote:
-    "Our partner team typically reviews applications within 48 hours. Once approved, you'll get access to our partner portal and developer resources.",
   submit: 'Submit application',
+  submitInFlight: 'Submitting…',
+  validation: {
+    incompleteForm: 'Please complete all required fields before submitting.',
+    invalidEmail: 'Enter a valid email address.',
+    submitFailed:
+      'We could not submit your application. Please try again in a moment.',
+  },
 } as const;
diff --git a/packages/twenty-website-new/src/app/partner/components/PartnerApplication/PartnerApplicationModal.tsx b/packages/twenty-website-new/src/app/partner/components/PartnerApplication/PartnerApplicationModal.tsx
index d400c1cd5a..6d7611961c 100644
--- a/packages/twenty-website-new/src/app/partner/components/PartnerApplication/PartnerApplicationModal.tsx
+++ b/packages/twenty-website-new/src/app/partner/components/PartnerApplication/PartnerApplicationModal.tsx
@@ -7,6 +7,7 @@ import {
 } from '@/app/partner/_constants/partner-application-modal';
 import { buttonBaseStyles } from '@/design-system/components/Button/BaseButton';
 import { ButtonShape } from '@/design-system/components/Button/ButtonShape';
+import { Body, Heading } from '@/design-system/components';
 import { theme } from '@/theme';
 import { styled } from '@linaria/react';
 import { IconChevronDown } from '@tabler/icons-react';
@@ -23,10 +24,7 @@ const Overlay = styled.div`
   display: flex;
   inset: 0;
   justify-content: center;
-  padding-bottom: ${theme.spacing(4)};
-  padding-left: ${theme.spacing(4)};
-  padding-right: ${theme.spacing(4)};
-  padding-top: ${theme.spacing(4)};
+  padding: ${theme.spacing(3)};
   position: fixed;
   z-index: 300;
 `;
@@ -41,18 +39,14 @@ const Panel = styled.div`
   max-height: 100%;
   max-width: 100%;
   overflow-y: auto;
-  padding-bottom: clamp(16px, 4vh, 40px);
-  padding-left: ${theme.spacing(4)};
-  padding-right: ${theme.spacing(4)};
-  padding-top: clamp(12px, 2vh, 16px);
+  padding-block: clamp(12px, 2vh, 24px);
+  padding-inline: ${theme.spacing(3)};
   position: relative;
   width: min(360px, 100%);
 
   @media (min-width: ${theme.breakpoints.md}px) {
-    padding-bottom: clamp(16px, 4vh, 40px);
-    padding-left: ${theme.spacing(6)};
-    padding-right: ${theme.spacing(6)};
-    padding-top: clamp(16px, 4vh, 40px);
+    padding-block: clamp(12px, 2.5vh, 28px);
+    padding-inline: ${theme.spacing(4)};
     width: min(902px, 100%);
   }
 `;
@@ -63,37 +57,15 @@ const TitleBlock = styled.div`
   gap: clamp(8px, 2vh, 24px);
 `;
 
-const Title = styled.h2`
+const TitleHeadingWrapper = styled.div`
   color: ${theme.colors.secondary.text[100]};
-  font-family: ${theme.font.family.serif};
-  font-size: clamp(${theme.font.size(12)}, 8vw, ${theme.font.size(15)});
-  font-weight: ${theme.font.weight.light};
-  line-height: 1.12;
-  margin: 0;
-
-  @media (min-width: ${theme.breakpoints.md}px) {
-    font-size: clamp(${theme.font.size(15)}, 4vw, ${theme.font.size(20)});
-    line-height: 1.05;
-  }
 `;
 
-const TitleAccent = styled.span`
-  display: block;
-  font-family: ${theme.font.family.sans};
-  font-weight: ${theme.font.weight.light};
-  letter-spacing: -0.04em;
-`;
-
-const Subtitle = styled.div`
+const SubtitleStack = styled.div`
   color: ${theme.colors.secondary.text[60]};
-  font-family: ${theme.font.family.sans};
-  font-size: ${theme.font.size(4)};
-  font-weight: ${theme.font.weight.regular};
-  line-height: ${theme.lineHeight(5.5)};
-
-  & p {
-    margin: 0;
-  }
+  display: flex;
+  flex-direction: column;
+  gap: 0;
 `;
 
 const Segments = styled.div`
@@ -107,22 +79,24 @@ const Segments = styled.div`
 `;
 
 const SegmentButton = styled.button`
+  align-items: center;
   background: rgba(255, 255, 255, 0.1);
   border: 1px solid ${theme.colors.secondary.border[10]};
   border-radius: ${theme.radius(2)};
   box-sizing: border-box;
   color: ${theme.colors.secondary.text[100]};
   cursor: pointer;
+  display: flex;
   flex: 1 1 0;
   font-family: ${theme.font.family.sans};
   font-size: ${theme.font.size(3.5)};
   font-weight: ${theme.font.weight.regular};
+  height: clamp(40px, 5.5vh, 56px);
+  justify-content: center;
   line-height: ${theme.lineHeight(3.5)};
   min-width: 0;
-  padding-bottom: ${theme.spacing(1.5)};
   padding-left: ${theme.spacing(2)};
   padding-right: ${theme.spacing(2)};
-  padding-top: ${theme.spacing(1.5)};
 
   &[data-active='true'] {
     background: ${theme.colors.primary.background[100]};
@@ -326,8 +300,8 @@ const TextArea = styled.textarea`
   }
 `;
 
-const Footnote = styled.p`
-  color: ${theme.colors.secondary.text[40]};
+const SubmitError = styled.p`
+  color: #ff9a9a;
   font-family: ${theme.font.family.sans};
   font-size: ${theme.font.size(3)};
   font-weight: ${theme.font.weight.regular};
@@ -339,6 +313,11 @@ const SubmitButton = styled.button`
   ${buttonBaseStyles}
   position: relative;
   width: 100%;
+
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.65;
+  }
 `;
 
 const SubmitLabel = styled.span`
@@ -374,9 +353,12 @@ export function PartnerApplicationModal({
 }: PartnerApplicationModalProps) {
   const titleId = useId();
   const panelRef = useRef<HTMLDivElement>(null);
+  const formRef = useRef<HTMLFormElement>(null);
   const dropdownRef = useRef<HTMLDivElement>(null);
   const [programId, setProgramId] = useState<PartnerProgramId>('technology');
   const [dropdownOpen, setDropdownOpen] = useState(false);
+  const [submitError, setSubmitError] = useState<string | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
   const handleOverlayPointerDown = useCallback(
     (event: React.PointerEvent<HTMLDivElement>) => {
@@ -387,6 +369,19 @@ export function PartnerApplicationModal({
     [onClose],
   );
 
+  useEffect(() => {
+    if (open) {
+      setSubmitError(null);
+      return;
+    }
+
+    formRef.current?.reset();
+    setProgramId('technology');
+    setDropdownOpen(false);
+    setSubmitError(null);
+    setIsSubmitting(false);
+  }, [open]);
+
   useEffect(() => {
     if (!open) {
       return;
@@ -427,10 +422,67 @@ export function PartnerApplicationModal({
   );
 
   const handleSubmit = useCallback(
-    (event: React.FormEvent<HTMLFormElement>) => {
+    async (event: React.FormEvent<HTMLFormElement>) => {
       event.preventDefault();
+
+      if (isSubmitting) {
+        return;
+      }
+
+      const formData = new FormData(event.currentTarget);
+
+      const nameValue = formData.get('name');
+      const emailValue = formData.get('email');
+      const companyValue = formData.get('company');
+      const websiteValue = formData.get('website');
+      const messageValue = formData.get('message');
+
+      const name = typeof nameValue === 'string' ? nameValue.trim() : '';
+      const email = typeof emailValue === 'string' ? emailValue.trim() : '';
+      const company =
+        typeof companyValue === 'string' ? companyValue.trim() : '';
+      const website =
+        typeof websiteValue === 'string' ? websiteValue.trim() : '';
+      const message =
+        typeof messageValue === 'string' ? messageValue.trim() : '';
+
+      const validationCopy = PARTNER_APPLICATION_MODAL_COPY.validation;
+      const emailLooksValid = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
+
+      setSubmitError(null);
+
+      if (!name || !email || !company || !website || !message) {
+        setSubmitError(validationCopy.incompleteForm);
+        return;
+      }
+
+      if (!emailLooksValid) {
+        setSubmitError(validationCopy.invalidEmail);
+        return;
+      }
+
+      setIsSubmitting(true);
+
+      try {
+        const response = await fetch('/api/partner-application', {
+          body: JSON.stringify({ email, name }),
+          headers: { 'Content-Type': 'application/json' },
+          method: 'POST',
+        });
+
+        if (!response.ok) {
+          setSubmitError(validationCopy.submitFailed);
+          return;
+        }
+
+        onClose();
+      } catch {
+        setSubmitError(validationCopy.submitFailed);
+      } finally {
+        setIsSubmitting(false);
+      }
     },
-    [],
+    [isSubmitting, onClose],
   );
 
   if (!open) {
@@ -448,17 +500,34 @@ export function PartnerApplicationModal({
         role="dialog"
       >
         <TitleBlock>
-          <Title id={titleId}>
-            {copy.titleSerif}
-            <TitleAccent>{copy.titleSans}</TitleAccent>
-          </Title>
-          <Subtitle>
-            <p>{copy.subtitleLine1}</p>
-            <p>{copy.subtitleLine2}</p>
-          </Subtitle>
+          <TitleHeadingWrapper id={titleId}>
+            <Heading
+              as="h2"
+              segments={[
+                { fontFamily: 'serif', text: copy.titleSerif, fontWeight: 'light' },
+                {
+                  fontFamily: 'sans',
+                  text: copy.titleSans,
+                  fontWeight: 'light',
+                  newLine: true,
+                },
+              ]}
+              size="lg"
+              weight="light"
+            />
+          </TitleHeadingWrapper>
+          <SubtitleStack>
+            <Body body={{ text: copy.subtitleLine1 }} size="md" />
+            <Body body={{ text: copy.subtitleLine2 }} size="md" />
+          </SubtitleStack>
         </TitleBlock>
 
-        <form onSubmit={handleSubmit}>
+        <form
+          ref={formRef}
+          autoComplete="off"
+          noValidate
+          onSubmit={handleSubmit}
+        >
           <FormFields>
             <Segments role="radiogroup" aria-label={copy.selectLabel}>
               {PARTNER_PROGRAM_OPTIONS.map((option) => (
@@ -524,57 +593,69 @@ export function PartnerApplicationModal({
             </MobileProgramField>
 
             <TextInput
-              autoComplete="name"
+              aria-required="true"
+              autoComplete="off"
               name="name"
               placeholder={copy.fields.name}
-              required
               type="text"
             />
 
             <FieldRow>
               <TextInput
-                autoComplete="email"
+                aria-required="true"
+                autoComplete="off"
+                inputMode="email"
                 name="email"
                 placeholder={copy.fields.email}
-                required
-                type="email"
+                type="text"
               />
               <TextInput
-                autoComplete="organization"
+                aria-required="true"
+                autoComplete="off"
                 name="company"
                 placeholder={copy.fields.company}
-                required
                 type="text"
               />
             </FieldRow>
 
             <TextInput
+              aria-required="true"
+              autoComplete="off"
               name="website"
               placeholder={copy.fields.website}
-              required
               type="text"
             />
 
             <TextInput
+              autoComplete="off"
               name="opportunities"
               placeholder={copy.fields.opportunities}
               type="text"
             />
 
             <TextArea
+              aria-required="true"
+              autoComplete="off"
               name="message"
               placeholder={`${copy.fields.messageLabel}\n\n${copy.fields.messageHint}`}
-              required
             />
 
             <FooterBlock>
-              <Footnote>{copy.footnote}</Footnote>
-              <SubmitButton type="submit">
+              {submitError ? (
+                <SubmitError role="alert">{submitError}</SubmitError>
+              ) : null}
+              <SubmitButton
+                type="submit"
+                disabled={isSubmitting}
+                aria-busy={isSubmitting}
+              >
                 <ButtonShape
                   fillColor={theme.colors.primary.background[100]}
                   strokeColor="none"
                 />
-                <SubmitLabel>{copy.submit}</SubmitLabel>
+                <SubmitLabel>
+                  {isSubmitting ? copy.submitInFlight : copy.submit}
+                </SubmitLabel>
               </SubmitButton>
             </FooterBlock>
           </FormFields>
diff --git a/packages/twenty-website-new/src/app/partner/page.tsx b/packages/twenty-website-new/src/app/partner/page.tsx
index 23bbb27258..08ff5da9c1 100644
--- a/packages/twenty-website-new/src/app/partner/page.tsx
+++ b/packages/twenty-website-new/src/app/partner/page.tsx
@@ -112,8 +112,8 @@ export default async function PartnerPage() {
 
       <Testimonials.Root
         backgroundColor={theme.colors.secondary.background[5]}
-        backgroundShapeSrc="/images/partner/testimonials/background-shape.webp"
         color={theme.colors.secondary.text[100]}
+        shapeFillColor={theme.colors.secondary.background[100]}
       >
         <Testimonials.PartnerCarousel
           eyebrow={TESTIMONIALS_DATA.eyebrow}
diff --git a/packages/twenty-website-new/src/design-system/components/Button/BaseButton.tsx b/packages/twenty-website-new/src/design-system/components/Button/BaseButton.tsx
index ec0a2e0dac..5202003f1a 100644
--- a/packages/twenty-website-new/src/design-system/components/Button/BaseButton.tsx
+++ b/packages/twenty-website-new/src/design-system/components/Button/BaseButton.tsx
@@ -48,7 +48,7 @@ export const buttonBaseStyles = `
 
   &[data-variant='outlined'][data-color='primary'] {
     --button-label-color: ${theme.colors.secondary.text[100]};
-    --button-label-hover-color: ${theme.colors.primary.text[100]};
+    --button-label-hover-color: ${theme.colors.secondary.text[100]};
   }
 
   &:is(:hover, :focus-visible) {
@@ -73,7 +73,7 @@ const Label = styled.span`
   color: var(--button-label-color);
   position: relative;
   transition: color 220ms ease;
-  z-index: 1;
+  z-index: 2;
 `;
 
 export type BaseButtonProps = {
@@ -126,6 +126,7 @@ export function BaseButton({
     case 'outlined.primary':
       fillColor = 'none';
       hoverFillColor = theme.colors.primary.background[100];
+      hoverFillOpacity = 0.05;
       strokeColor = theme.colors.primary.background[100];
       break;
     case 'outlined.secondary':
diff --git a/packages/twenty-website-new/src/illustrations/ThreeCards/PartnerThreeCard.tsx b/packages/twenty-website-new/src/illustrations/ThreeCards/PartnerThreeCard.tsx
index 19efc9284b..2cc395c7ea 100644
--- a/packages/twenty-website-new/src/illustrations/ThreeCards/PartnerThreeCard.tsx
+++ b/packages/twenty-website-new/src/illustrations/ThreeCards/PartnerThreeCard.tsx
@@ -1,13 +1,13 @@
 // @ts-nocheck
 'use client';
 
+import { createSiteWebGlRenderer } from '@/lib/webgl';
 import { useEffect, useRef, type CSSProperties } from 'react';
 import * as THREE from 'three';
 import { RoomEnvironment } from 'three/examples/jsm/environments/RoomEnvironment.js';
 import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader.js';
 import { FBXLoader } from 'three/examples/jsm/loaders/FBXLoader.js';
 import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
-import { createSiteWebGlRenderer } from '@/lib/webgl';
 
 const DRACO_DECODER_PATH =
   'https://www.gstatic.com/draco/versioned/decoders/1.5.6/';
@@ -118,6 +118,7 @@ const DIAMOND_MODEL_URL = '/illustrations/home/three-cards/diamond.glb';
 const LEGACY_IMPORTED_GEOMETRY_SCALE_TARGET = 2.75;
 const previewDistance = 4.5;
 const VIRTUAL_RENDER_HEIGHT = 768;
+
 const passThroughVertexShader =
   '\n  varying vec2 vUv;\n\n  void main() {\n    vUv = uv;\n    gl_Position = vec4(position, 1.0);\n  }\n';
 const blurFragmentShader =
@@ -134,19 +135,23 @@ function getModelOverrides(modelUrl) {
   }
 
   return {
-    animation: {
-      autoRotateEnabled: false,
-    },
     importedGeometry: {
       useLegacyNormalization: true,
+      // The diamond GLB ships off-axis; baking this Z rotation into the
+      // geometry lets it auto-rotate around the world Y axis like the other
+      // models while still reading as a symmetric diamond on screen.
+      postRotateZ: 1,
     },
     initialPose: {
       ...initialPose,
-      autoElapsed: 42.43333333333221,
-      rotateElapsed: 89.98333333332951,
-      rotationX: -8.99639917695435,
-      rotationY: -8.99639917695435,
-      timeElapsed: 851.4676000003166,
+      autoElapsed: 0,
+      rotateElapsed: 0,
+      rotationX: 0,
+      rotationY: 0,
+      rotationZ: 0,
+      targetRotationX: 0,
+      targetRotationY: 0,
+      timeElapsed: 0,
     },
   };
 }
@@ -870,7 +875,7 @@ function createLoadingManager() {
 }
 
 function normalizeImportedGeometry(geometry, options = {}) {
-  const { useLegacyNormalization = false } = options;
+  const { useLegacyNormalization = false, postRotateZ = 0 } = options;
   geometry.computeBoundingBox();
 
   let boundingBox = geometry.boundingBox;
@@ -907,6 +912,10 @@ function normalizeImportedGeometry(geometry, options = {}) {
   boundingBox?.getCenter(center);
   geometry.translate(-center.x, -center.y, -center.z);
 
+  if (postRotateZ !== 0) {
+    geometry.rotateZ(postRotateZ);
+  }
+
   geometry.computeVertexNormals();
   geometry.computeBoundingBox();
   geometry.computeBoundingSphere();
diff --git a/packages/twenty-website-new/src/lib/partner-application/__tests__/split-full-name.test.ts b/packages/twenty-website-new/src/lib/partner-application/__tests__/split-full-name.test.ts
new file mode 100644
index 0000000000..143a08c3e4
--- /dev/null
+++ b/packages/twenty-website-new/src/lib/partner-application/__tests__/split-full-name.test.ts
@@ -0,0 +1,43 @@
+import { splitFullName } from '@/lib/partner-application/split-full-name';
+
+describe('splitFullName', () => {
+  it('splits a standard "first last" name', () => {
+    expect(splitFullName('John Doe')).toEqual({
+      firstName: 'John',
+      lastName: 'Doe',
+    });
+  });
+
+  it('returns an empty lastName for a single-token name', () => {
+    expect(splitFullName('Madonna')).toEqual({
+      firstName: 'Madonna',
+      lastName: '',
+    });
+  });
+
+  it('keeps middle and additional names in lastName', () => {
+    expect(splitFullName('John Michael Doe')).toEqual({
+      firstName: 'John',
+      lastName: 'Michael Doe',
+    });
+  });
+
+  it('collapses arbitrary whitespace between tokens', () => {
+    expect(splitFullName('  John   Doe  ')).toEqual({
+      firstName: 'John',
+      lastName: 'Doe',
+    });
+  });
+
+  it('treats tabs and newlines as separators', () => {
+    expect(splitFullName('John\t\nDoe')).toEqual({
+      firstName: 'John',
+      lastName: 'Doe',
+    });
+  });
+
+  it('returns empty fields for an empty or whitespace-only string', () => {
+    expect(splitFullName('')).toEqual({ firstName: '', lastName: '' });
+    expect(splitFullName('   ')).toEqual({ firstName: '', lastName: '' });
+  });
+});
diff --git a/packages/twenty-website-new/src/lib/partner-application/split-full-name.ts b/packages/twenty-website-new/src/lib/partner-application/split-full-name.ts
new file mode 100644
index 0000000000..5a5bf89f83
--- /dev/null
+++ b/packages/twenty-website-new/src/lib/partner-application/split-full-name.ts
@@ -0,0 +1,13 @@
+export function splitFullName(fullName: string): {
+  firstName: string;
+  lastName: string;
+} {
+  const tokens = fullName.trim().split(/\s+/).filter(Boolean);
+
+  if (tokens.length === 0) {
+    return { firstName: '', lastName: '' };
+  }
+
+  const [firstName, ...rest] = tokens;
+  return { firstName, lastName: rest.join(' ') };
+}
diff --git a/packages/twenty-website-new/src/sections/PlanTable/components/Content/Content.tsx b/packages/twenty-website-new/src/sections/PlanTable/components/Content/Content.tsx
index ebd9d9eaaa..829306eadf 100644
--- a/packages/twenty-website-new/src/sections/PlanTable/components/Content/Content.tsx
+++ b/packages/twenty-website-new/src/sections/PlanTable/components/Content/Content.tsx
@@ -250,7 +250,12 @@ export function Content({ data }: ContentProps) {
 
       {hasMoreRows && (
         <CtaRow>
-          <ToggleButton onClick={() => setExpanded((prev) => !prev)}>
+          <ToggleButton
+            data-color="primary"
+            data-variant="outlined"
+            type="button"
+            onClick={() => setExpanded((prev) => !prev)}
+          >
             <BaseButton
               color="primary"
               label={toggleLabel}
diff --git a/packages/twenty-website-new/src/sections/Testimonials/TestimonialsShape.tsx b/packages/twenty-website-new/src/sections/Testimonials/TestimonialsShape.tsx
new file mode 100644
index 0000000000..7a508699b9
--- /dev/null
+++ b/packages/twenty-website-new/src/sections/Testimonials/TestimonialsShape.tsx
@@ -0,0 +1,45 @@
+const TESTIMONIALS_SHAPE_PATH =
+  'M0 4a4 4 0 0 1 4-4h344.32c4.197 0 8.369.66 12.361 1.958l49.5 16.084A40 40 0 0 0 422.542 20h517.7c4.293 0 8.559-.691 12.633-2.047l47.785-15.906A40 40 0 0 1 1013.29 0H1356a4 4 0 0 1 4 4v16H0z';
+
+type TestimonialsShapeProps = {
+  fillColor: string;
+};
+
+export function TestimonialsShape({ fillColor }: TestimonialsShapeProps) {
+  return (
+    <div
+      aria-hidden
+      style={{
+        width: '100%',
+        height: '100%',
+        position: 'absolute',
+        inset: 0,
+        pointerEvents: 'none',
+      }}
+    >
+      <svg
+        width="100%"
+        height="20"
+        viewBox="0 0 1360 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        preserveAspectRatio="none"
+        style={{ display: 'block' }}
+      >
+        <path d={TESTIMONIALS_SHAPE_PATH} fill={fillColor} />
+      </svg>
+      <div
+        style={{
+          position: 'absolute',
+          top: 19,
+          bottom: 0,
+          left: 0,
+          right: 0,
+          backgroundColor: fillColor,
+          borderBottomLeftRadius: 4,
+          borderBottomRightRadius: 4,
+        }}
+      />
+    </div>
+  );
+}
diff --git a/packages/twenty-website-new/src/sections/Testimonials/components/Root/Root.tsx b/packages/twenty-website-new/src/sections/Testimonials/components/Root/Root.tsx
index de1bc37eaa..988c6b5804 100644
--- a/packages/twenty-website-new/src/sections/Testimonials/components/Root/Root.tsx
+++ b/packages/twenty-website-new/src/sections/Testimonials/components/Root/Root.tsx
@@ -1,7 +1,7 @@
 import { Container } from '@/design-system/components';
+import { TestimonialsShape } from '@/sections/Testimonials/TestimonialsShape';
 import { theme } from '@/theme';
 import { styled } from '@linaria/react';
-import NextImage from 'next/image';
 import type { ReactNode } from 'react';
 
 const StyledSection = styled.section`
@@ -12,6 +12,7 @@ const StyledSection = styled.section`
 `;
 
 const BackgroundShape = styled.div`
+  bottom: 0;
   left: 0;
   pointer-events: none;
   position: absolute;
@@ -38,31 +39,22 @@ const StyledContainer = styled(Container)`
 
 type RootProps = {
   backgroundColor: string;
-  backgroundShapeSrc?: string;
   children: ReactNode;
   color: string;
+  shapeFillColor?: string;
 };
 
 export function Root({
   backgroundColor,
-  backgroundShapeSrc,
   children,
   color,
+  shapeFillColor = theme.colors.primary.background[100],
 }: RootProps) {
   return (
     <StyledSection style={{ backgroundColor, color }}>
-      {backgroundShapeSrc ? (
-        <BackgroundShape>
-          <NextImage
-            alt=""
-            sizes="100vw"
-            src={backgroundShapeSrc}
-            style={{ height: 'auto', width: '100%' }}
-            width={1440}
-            height={842}
-          />
-        </BackgroundShape>
-      ) : null}
+      <BackgroundShape>
+        <TestimonialsShape fillColor={shapeFillColor} />
+      </BackgroundShape>
       <StyledContainer>{children}</StyledContainer>
     </StyledSection>
   );
diff --git a/yarn.lock b/yarn.lock
index c1921ac876..ef6580b220 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -60946,6 +60946,7 @@ __metadata:
     remark-gfm: "npm:^4.0.1"
     sharp: "npm:^0.33.5"
     three: "npm:^0.183.2"
+    zod: "npm:^4.1.11"
   languageName: unknown
   linkType: soft