style: standardize alignment/spacing and add rich imagery to blocks

src/blocks/FinalCTA/Component.tsx

@@ -7,21 +7,22 @@ type Props = Extract<NonNullable<Page['layout']>[0], { blockType: 'finalCta' }>
 
 export const FinalCTABlock: React.FC<Props> = ({ title, subtitle, buttonText }) => {
   return (
-    <section className="py-20 md:py-28 bg-card border-y border-border text-center">
-      <div className="container-premium max-w-3xl mx-auto">
-        <div className="font-mono text-sm md:text-base font-bold text-accent tracking-widest uppercase mb-4">
-          // Kontakt
-        </div>
+    <section className="py-20 md:py-32 bg-card border-y border-border text-left">
+      <div className="container-premium">
+        <div className="max-w-3xl">
+          <div className="font-mono text-sm md:text-base font-bold text-accent tracking-widest uppercase mb-4">
+            // Kontakt
+          </div>
 
-        <h2 className="font-heading text-3xl sm:text-4xl md:text-5xl font-extrabold text-foreground tracking-tight mb-4 leading-tight">
-          {title}
-        </h2>
+          <h2 className="font-heading text-4xl sm:text-5xl md:text-6xl font-extrabold text-foreground tracking-tight mb-6 text-balance">
+            {title}
+          </h2>
 
-        {subtitle && (
-          <p className="text-base sm:text-lg md:text-xl text-foreground/75 mb-10 max-w-2xl mx-auto leading-relaxed">
-            {subtitle}
-          </p>
-        )}
+          {subtitle && (
+            <p className="text-lg md:text-xl font-light text-foreground/75 mb-12 leading-relaxed">
+              {subtitle}
+            </p>
+          )}
 
         <div>
           <a 
@@ -34,6 +35,7 @@ export const FinalCTABlock: React.FC<Props> = ({ title, subtitle, buttonText })
             <span>{buttonText}</span>
           </a>
         </div>
+        </div>
       </div>
     </section>
   )