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/cards/Rule/Rule.container.tsx

@@ -43,6 +43,7 @@ const RuleContainer = memo<RuleProps>(
     logoAlt,
     communityInitials,
     hideCategoryAddButton = false,
+    interactive,
     hasBottomLinks = false,
     bottomStatusLabel,
     bottomLinks,
@@ -53,12 +54,13 @@ const RuleContainer = memo<RuleProps>(
     surfaceColor,
   }) => {
     const size = sizeProp ?? "L";
+    const isInteractive = interactive ?? !hasBottomLinks;
     const t = useTranslation("ruleCard");
     const cardAriaLabel = t("ariaLabel")?.replace("{title}", title) || title;
     const recommendedLabel = t("recommendedLabel");
 
     const handleClick = () => {
-      if (hasBottomLinks) return;
+      if (!isInteractive || hasBottomLinks) return;
       // Basic analytics event tracking
       if (typeof window !== "undefined" && window.gtag) {
         window.gtag("event", "template_selected", {
@@ -79,7 +81,7 @@ const RuleContainer = memo<RuleProps>(
     };
 
     const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {
-      if (hasBottomLinks) return;
+      if (!isInteractive || hasBottomLinks) return;
       if (event.key === "Enter" || event.key === " ") {
         event.preventDefault();
         handleClick();
@@ -98,9 +100,11 @@ const RuleContainer = memo<RuleProps>(
         icon={icon}
         backgroundColor={backgroundColor}
         className={className}
-        href={hasBottomLinks ? undefined : href}
-        onClick={hasBottomLinks ? undefined : handleClick}
-        onKeyDown={hasBottomLinks || href ? undefined : handleKeyDown}
+        href={isInteractive && !hasBottomLinks ? href : undefined}
+        onClick={isInteractive && !hasBottomLinks ? handleClick : undefined}
+        onKeyDown={
+          isInteractive && !hasBottomLinks && !href ? handleKeyDown : undefined
+        }
         expanded={expanded}
         size={size}
         categories={categories}
@@ -108,6 +112,7 @@ const RuleContainer = memo<RuleProps>(
         logoAlt={logoAlt}
         communityInitials={communityInitials}
         hideCategoryAddButton={hideCategoryAddButton}
+        interactive={isInteractive}
         hasBottomLinks={hasBottomLinks}
         bottomStatusLabel={bottomStatusLabel}
         bottomLinks={bottomLinks}