style: left-align PageHeader and Eligibility blocks to match Hero alignment

This commit is contained in:
MichalC
2026-09-02 23:02:03 +02:00
parent fc444e0acb
commit 6a81a34ae3
2 changed files with 12 additions and 10 deletions
+1 -1
View File
@@ -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}
+4 -2
View File
@@ -8,16 +8,18 @@ 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">
<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-2xl mx-auto">
<p className="mt-4 text-lg md:text-xl text-foreground/70 leading-relaxed max-w-3xl">
{subtitle}
</p>
)}
</div>
</div>
</section>
)
}