Hero 2.0 (#19846)

and a few fixes

---------

Co-authored-by: Abdullah. <125115953+mabdullahabaid@users.noreply.github.com>

packages/twenty-website-new/src/sections/Hero/components/HomeVisual/windowShadows.ts

@@ -0,0 +1,16 @@
+// Shared box-shadow tokens for floating windows inside the hero (Terminal +
+// Twenty app window). Defined once so both shells stay visually consistent.
+export const WINDOW_SHADOWS = {
+  // Default resting state — the window is on-screen but not being interacted
+  // with and not the frontmost window.
+  resting: '0 10px 64px 0 rgba(0, 0, 0, 0.2)',
+  // Elevated state — applied while the window is being dragged or resized, or
+  // when it's the active / frontmost window. Slightly stronger diffuse shadow
+  // plus a tight close shadow for depth.
+  elevated:
+    '0 14px 80px 0 rgba(0, 0, 0, 0.26), 0 4px 12px 0 rgba(0, 0, 0, 0.08)',
+  // Mobile resting shadow — lighter so the stacked window underneath isn't
+  // washed out to a grey by the overlapping shadow.
+  mobileResting: '0 4px 16px 0 rgba(0, 0, 0, 0.08)',
+  mobileElevated: '0 6px 20px 0 rgba(0, 0, 0, 0.12)',
+} as const;