style: standardize typography scale (H1-H3), update eyebrow labels to mono, and unify CTA padding

This commit is contained in:
MichalC
2026-09-01 23:54:31 +02:00
parent ae10f45a7e
commit a24c239ae1
11 changed files with 25 additions and 23 deletions
+5 -2
View File
@@ -40,7 +40,10 @@ export const ServicesDetailedBlock: React.FC<ServicesDetailedProps> = ({
<section className="py-12 md:py-16">
<div className="container-premium">
<div className="max-w-3xl mb-12">
<h2 className="font-heading text-2xl sm:text-3xl md:text-4xl font-bold text-foreground tracking-tight">
<div className="font-mono text-sm md:text-base font-bold text-accent tracking-widest uppercase mb-4">
// Usługi
</div>
<h2 className="font-heading text-3xl sm:text-4xl md:text-5xl font-extrabold text-foreground tracking-tight text-balance">
{title}
</h2>
{subtitle && (
@@ -63,7 +66,7 @@ export const ServicesDetailedBlock: React.FC<ServicesDetailedProps> = ({
<div className="w-12 h-12 rounded-xl bg-accent/10 text-accent flex items-center justify-center mb-6">
<Icon size={24} />
</div>
<h3 className="font-heading text-xl font-bold text-foreground mb-3 leading-snug">
<h3 className="font-heading text-xl sm:text-2xl font-bold text-foreground mb-3 leading-snug">
{service.title}
</h3>
<p className="text-foreground/75 text-sm sm:text-base leading-relaxed">