From 27cc9b8fed539907d1b7e2c32bdcbac7daf66c44 Mon Sep 17 00:00:00 2001 From: Waleed Latif Date: Mon, 3 Aug 2026 14:32:23 -0700 Subject: [PATCH] chore(landing): remove the Russell Investments logo --- .../app/(landing)/components/logos/logos.tsx | 41 +++++++++---------- .../landing/logos/russell-investments.svg | 22 ---------- 2 files changed, 19 insertions(+), 44 deletions(-) delete mode 100644 apps/sim/public/landing/logos/russell-investments.svg diff --git a/apps/sim/app/(landing)/components/logos/logos.tsx b/apps/sim/app/(landing)/components/logos/logos.tsx index 6f2c4f55f3d..c8aa37cedcb 100644 --- a/apps/sim/app/(landing)/components/logos/logos.tsx +++ b/apps/sim/app/(landing)/components/logos/logos.tsx @@ -32,10 +32,9 @@ interface Logo { } /** - * The canonical six customer wordmarks, in row-major reading order - the 3×2 - * hero grid places them as: Rivian|VW (top-left), Russell (top-center), - * eXp Realty (top-right); Artie (bottom-left), thinkproject (bottom-center), - * Mobile Health (bottom-right). + * The canonical five customer wordmarks, in reading order - the card grid places + * them 3-up (Rivian|VW, eXp Realty, Artie) with the remaining two + * (thinkproject, Mobile Health) centered beneath. */ const LOGOS: readonly Logo[] = [ { @@ -44,12 +43,6 @@ const LOGOS: readonly Logo[] = [ aspect: 10.72, height: 17, }, - { - name: 'Russell Investments', - src: '/landing/logos/russell-investments.svg', - aspect: 4.29, - height: 21, - }, { name: 'eXp Realty', src: '/landing/logos/exp-realty.svg', aspect: 1.84, height: 28 }, { name: 'Artie', src: '/landing/logos/artie.svg', aspect: 3.65, height: 24 }, { @@ -69,12 +62,16 @@ const LOGOS: readonly Logo[] = [ interface LogosProps { /** * Layout intent. - * - `grid` - the hero's logo wall: each wordmark sits in its own bordered + * - `grid` - the logo wall: each wordmark sits in its own bordered * `--surface-1` card (the platform card chrome - `rounded-lg`, `--border-1`, - * `h-24`) on a `gap-3` 3-up grid. On desktop (`xl+`) the grid hugs its content - * with fixed `w-[180px]` cards; below `xl` (where the hero/demo split collapses - * to a stacked column) the grid stretches full-width and the cards flex to fill - * it, dropping to 2-up on phones (`max-sm`) so the wall never wraps early. + * `h-24`) wrapping 3-up on a `gap-3` row. Because the set is an odd five, the + * wall is a centered flex wrap rather than a grid, so the trailing row of two + * sits centered under the row of three instead of leaving a hole. On desktop + * (`xl+`) the wall is pinned to `w-[564px]` - exactly three `w-[180px]` cards + * plus their two 12px `gap-3` gutters - so it always breaks after the third + * card; below `xl` (where the hero/demo split collapses to a stacked + * column) it stretches full-width and the cards take an even share of the row, + * dropping to 2-up on phones (`max-sm`) so the wall never wraps early. * Wordmarks render at {@link GRID_ICON_SCALE} of their optical row size. * - `row` - the platform page's single centered row of bare wordmarks. */ @@ -83,11 +80,11 @@ interface LogosProps { /** * Renders the shared customer logos. In the `grid` layout each wordmark is boxed - * in a bordered `--surface-1` card (the platform card chrome) on a 3-up grid and - * renders at {@link GRID_ICON_SCALE} of its optical size; in the `row` layout the - * bare wordmarks wrap at full optical size in a centered row. Either way a logo - * scales down to fit when it would otherwise overflow (`max-w-full h-auto`), so - * wide marks never break the box. + * in a bordered `--surface-1` card (the platform card chrome) on a centered 3-up + * wrap and renders at {@link GRID_ICON_SCALE} of its optical size; in the `row` + * layout the bare wordmarks wrap at full optical size in a centered row. Either + * way a logo scales down to fit when it would otherwise overflow + * (`max-w-full h-auto`), so wide marks never break the box. */ export function Logos({ layout }: LogosProps) { const isGrid = layout === 'grid' @@ -96,7 +93,7 @@ export function Logos({ layout }: LogosProps) { aria-label='Companies building AI agents with Sim' className={ isGrid - ? 'grid w-fit grid-cols-3 gap-3 max-sm:grid-cols-2 max-xl:w-full' + ? 'flex w-[564px] flex-wrap justify-center gap-3 max-xl:w-full' : 'flex flex-wrap items-center justify-center gap-x-24 gap-y-12' } > @@ -107,7 +104,7 @@ export function Logos({ layout }: LogosProps) { key={logo.name} className={ isGrid - ? 'flex h-24 w-[180px] items-center justify-center rounded-lg border border-[var(--border-1)] bg-[var(--surface-1)] px-3 max-xl:w-full' + ? 'flex h-24 w-[180px] items-center justify-center rounded-lg border border-[var(--border-1)] bg-[var(--surface-1)] px-3 max-sm:w-[calc(50%-0.375rem)] max-xl:w-[calc(33.333%-0.5rem)]' : undefined } > diff --git a/apps/sim/public/landing/logos/russell-investments.svg b/apps/sim/public/landing/logos/russell-investments.svg deleted file mode 100644 index 8100eee2e31..00000000000 --- a/apps/sim/public/landing/logos/russell-investments.svg +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - -