Match Home, top nav, hero, and logo wall to the current marketing frames.

Puts Workshops in the header, pairs the hero with a static rule card and breakpoint CTAs, and shows the three pilot marks with no wall label.

Co-authored-by: Cursor <cursoragent@cursor.com>

app/components/sections/LogoWall/LogoWall.view.tsx

@@ -4,41 +4,31 @@ import { memo } from "react";
 import Image from "next/image";
 import type { LogoWallViewProps } from "./LogoWall.types";
 
-function LogoWallView({
-  heading,
-  displayLogos,
-  className,
-}: LogoWallViewProps) {
+function LogoWallView({ displayLogos, className }: LogoWallViewProps) {
   return (
     <section
       className={`bg-[var(--color-surface-default-primary)] p-[var(--space-800)] md:px-[var(--space-600)] md:py-[var(--space-800)] lg:px-[var(--space-1800)] lg:py-[var(--space-1200)] xl:px-[160px] xl:py-[var(--space-1800)] ${className}`}
+      data-figma-node="18483-18425"
     >
-      <div className="flex flex-col items-center gap-[var(--space-800)] md:gap-[var(--space-600)] xl:gap-[var(--space-800)]">
-        <p className="font-inter text-center text-[10px] font-medium uppercase leading-[12px] text-[var(--color-content-default-primary)] xl:text-[14px] xl:leading-[12px]">
-          {heading}
-        </p>
-        <div className="w-full opacity-60">
-          <div className="grid grid-cols-2 grid-rows-3 sm:grid-cols-3 sm:grid-rows-2 md:flex md:w-full md:flex-nowrap md:items-center md:justify-between gap-[38.4px] lg:gap-[var(--space-1200)]">
-            {displayLogos.map((logo, index) => (
-              <div
-                key={index}
-                className={`flex items-center justify-center md:shrink-0 ${
-                  logo.order || ""
-                }`}
-              >
-                <Image
-                  src={logo.src}
-                  alt={logo.alt}
-                  className={`${logo.size || "h-8"} w-auto object-contain`}
-                  priority={index < 2} // Prioritize first 2 logos for above-the-fold loading
-                  unoptimized // Skip optimization for local images
-                  width={0}
-                  height={0}
-                  sizes="100vw"
-                />
-              </div>
-            ))}
-          </div>
+      <div className="w-full opacity-60">
+        <div className="flex w-full flex-col items-center gap-[38.4px] sm:flex-row sm:flex-wrap sm:justify-around md:flex-nowrap md:justify-between lg:gap-[var(--space-1200)]">
+          {displayLogos.map((logo, index) => (
+            <div
+              key={logo.alt || index}
+              className="flex items-center justify-center md:shrink-0"
+            >
+              <Image
+                src={logo.src}
+                alt={logo.alt}
+                className={`${logo.size || "h-8"} w-auto object-contain`}
+                priority={index < 2}
+                unoptimized
+                width={0}
+                height={0}
+                sizes="100vw"
+              />
+            </div>
+          ))}
         </div>
       </div>
     </section>