From 11ff47c57ebb110030999da662a1fe316c9c7900 Mon Sep 17 00:00:00 2001 From: Ayush Rodrigues Date: Wed, 29 Apr 2026 13:55:23 +0100 Subject: [PATCH] Redesign logo wall with responsive layout and updated styling Update Browser Use SVG color to match other logos, rework mobile layout to show 3+2 centered grid, match background and typography to hero section, and add per-logo scale overrides for mobile/desktop. Made-with: Cursor --- apps/website/components/hero.tsx | 2 +- apps/website/components/home-sections.tsx | 11 +-- apps/website/components/logo-wall.tsx | 90 ++++++++----------- .../public/images/logos/Browser use.svg | 11 +-- 4 files changed, 40 insertions(+), 74 deletions(-) diff --git a/apps/website/components/hero.tsx b/apps/website/components/hero.tsx index 1986381b7..856cf9976 100755 --- a/apps/website/components/hero.tsx +++ b/apps/website/components/hero.tsx @@ -128,7 +128,7 @@ export default function Hero() { return (
-
+

diff --git a/apps/website/components/home-sections.tsx b/apps/website/components/home-sections.tsx index 7942384d2..4d54cb02c 100755 --- a/apps/website/components/home-sections.tsx +++ b/apps/website/components/home-sections.tsx @@ -46,15 +46,8 @@ export default function HomeSections() { return ( <> - {/* -
-
-
-
-
-
-
- */} + + diff --git a/apps/website/components/logo-wall.tsx b/apps/website/components/logo-wall.tsx index e027e2b18..06f6c6ecc 100644 --- a/apps/website/components/logo-wall.tsx +++ b/apps/website/components/logo-wall.tsx @@ -3,70 +3,52 @@ import { cn } from "@/lib/utils"; const LOGOS = [ - { id: 1, name: "Mintlify", src: "/images/logos/mintlify_logo.svg.svg" }, - { id: 2, name: "Browser Use", src: "/images/logos/Browser use.svg" }, - { id: 3, name: "Firecrawl", src: "/images/logos/Firecrawl.svg.svg" }, - { id: 4, name: "Mastra", src: "/images/logos/Mastra.svg.svg" }, - { id: 5, name: "T3.chat", src: "/images/logos/T3_svg.svg" }, - { id: 6, name: "", src: null }, + { id: 1, name: "Mintlify", src: "/images/logos/mintlify_logo.svg.svg", className: "scale-90 md:scale-70" }, + { id: 3, name: "Firecrawl", src: "/images/logos/Firecrawl.svg.svg", className: "scale-95 md:scale-75 -translate-y-0.5" }, + { id: 4, name: "Mastra", src: "/images/logos/Mastra.svg.svg", className: "scale-105 md:scale-95" }, + { id: 2, name: "Browser Use", src: "/images/logos/Browser use.svg", className: "scale-85 md:scale-65" }, + { id: 5, name: "T3.chat", src: "/images/logos/T3_svg.svg", className: "scale-65 md:scale-55" }, ]; -const NUM_MOBILE_COLS = 2; -const NUM_DESKTOP_COLS = 3; +const NUM_MOBILE_COLS = 3; +const NUM_DESKTOP_COLS = 5; export default function LogoWall() { return ( -
-
- {/* Left heading — full width on mobile, 42% on desktop */} -
-
-

- Trusted by - AI teams -

-

- shipping fast -

-
+
+
+
+ + Powering millions of customers for growing startups +
{/* Logo grid — 2 cols on mobile, 3 cols on desktop */} -
- {LOGOS.map((logo, i) => { - const isLastMobileCol = (i + 1) % NUM_MOBILE_COLS === 0; - const isLastDesktopCol = (i + 1) % NUM_DESKTOP_COLS === 0; - const isLastMobileRow = i >= LOGOS.length - NUM_MOBILE_COLS; - const isLastDesktopRow = i >= LOGOS.length - NUM_DESKTOP_COLS; - - return ( -
+ {LOGOS.map((logo) => ( +
+ {logo.src && ( + {logo.name} - {logo.src && ( - {logo.name} - )} -
- ); - })} -
+ loading="lazy" + /> + )} +
+ ))} +
); diff --git a/apps/website/public/images/logos/Browser use.svg b/apps/website/public/images/logos/Browser use.svg index 628d09c55..bf1e2876a 100644 --- a/apps/website/public/images/logos/Browser use.svg +++ b/apps/website/public/images/logos/Browser use.svg @@ -1,10 +1 @@ - - - - - - - - - - + \ No newline at end of file