From 6a81a34ae33db000fe5c892755a62e4f79f44ea9 Mon Sep 17 00:00:00 2001
From: MichalC <103170279+wSBMichalee@users.noreply.github.com>
Date: Wed, 2 Sep 2026 23:02:03 +0200
Subject: [PATCH] style: left-align PageHeader and Eligibility blocks to match
 Hero alignment

---
 src/blocks/Eligibility/Component.tsx |  2 +-
 src/blocks/PageHeader/Component.tsx  | 20 +++++++++++---------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/blocks/Eligibility/Component.tsx b/src/blocks/Eligibility/Component.tsx
index 237e805..b331a57 100644
--- a/src/blocks/Eligibility/Component.tsx
+++ b/src/blocks/Eligibility/Component.tsx
@@ -27,7 +27,7 @@ export const EligibilityBlock: React.FC<EligibilityProps> = ({ eyebrow, title,
   return (
     <section className="py-12 md:py-20 bg-card/60 border-y border-border">
       <div className="container-premium">
-        <div className="max-w-3xl mb-12 text-center md:text-left">
+        <div className="max-w-3xl mb-12">
           {eyebrow && (
             <div className="font-mono text-sm md:text-base font-bold text-accent tracking-widest uppercase mb-4">
               // {eyebrow}
diff --git a/src/blocks/PageHeader/Component.tsx b/src/blocks/PageHeader/Component.tsx
index b1548a1..130ceef 100644
--- a/src/blocks/PageHeader/Component.tsx
+++ b/src/blocks/PageHeader/Component.tsx
@@ -8,15 +8,17 @@ export interface PageHeaderProps {
 export const PageHeaderBlock: React.FC<PageHeaderProps> = ({ title, subtitle }) => {
   return (
     <section className="bg-card border-b border-border py-16 md:py-20 mb-12">
-      <div className="container-premium text-center max-w-4xl mx-auto">
-        <h1 className="font-heading text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-extrabold text-foreground tracking-tight leading-tight text-balance">
-          {title}
-        </h1>
-        {subtitle && (
-          <p className="mt-4 text-lg md:text-xl text-foreground/70 leading-relaxed max-w-2xl mx-auto">
-            {subtitle}
-          </p>
-        )}
+      <div className="container-premium">
+        <div className="max-w-4xl">
+          <h1 className="font-heading text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-extrabold text-foreground tracking-tight leading-tight text-balance">
+            {title}
+          </h1>
+          {subtitle && (
+            <p className="mt-4 text-lg md:text-xl text-foreground/70 leading-relaxed max-w-3xl">
+              {subtitle}
+            </p>
+          )}
+        </div>
       </div>
     </section>
   )