fix(team-showcase): align section header with standard block pattern

Author: gcushen

modules/blox/blox/team-showcase/block.html

@@ -50,10 +50,9 @@
 {{ with index $content "subtitle" }}{{ $subtitle = printf "%v" . | emojify | $page.RenderString }}{{ end }}
 {{ $text := "" }}
 {{ with index $content "text" }}{{ $text = printf "%v" . | emojify | $page.RenderString }}{{ end }}
-{{ $alignClass := cond (eq $align "left") "items-start text-left" "items-center text-center" }}
 {{ $headerContainerClass := cond (eq $align "left")
-  "flex flex-col gap-4 items-start text-left w-full max-w-5xl"
-  "flex flex-col gap-3 items-center text-center max-w-prose mx-auto justify-center px-6"
+  "max-w-3xl mb-12 text-left"
+  "text-center max-w-3xl mx-auto mb-12"
 }}
 {{ $ctaAlignClass := cond (eq $align "left") "text-left" "text-center" }}
 
@@ -68,21 +67,21 @@
 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
 
   {{/* Section Header */}}
-  <div class="{{ $headerContainerClass }} {{ $alignClass }} mb-12">
+  <div class="{{ $headerContainerClass }}">
     {{ with $title }}
-    <div class="text-3xl sm:text-4xl lg:text-5xl font-bold text-gray-900 dark:text-white tracking-tight">
+    <h2 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-gray-900 dark:text-white tracking-tight mb-4">
       {{ . }}
-    </div>
+    </h2>
     {{ end }}
-    
+
     {{ with $subtitle }}
-    <p class="text-xl text-gray-600 dark:text-gray-400">
+    <p class="text-xl text-primary-600 dark:text-primary-400 font-medium mb-3">
       {{ . }}
     </p>
     {{ end }}
-    
+
     {{ with $text }}
-    <div class="prose prose-lg lg:prose-xl dark:prose-invert max-w-prose">
+    <div class="prose dark:prose-invert">
       {{ . }}
     </div>
     {{ end }}