mmintel/klz-cables.com
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

font sizes
Some checks failed
Build & Deploy KLZ Cables / deploy (push) Failing after 3m50s
Details

Browse Source
This commit is contained in:
Marc Mintel
2026-01-25 11:34:57 +01:00
parent 3288bbd745
commit 3582370449
13 changed files with 30 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/blog/PowerCTA.tsx
View File

@@ -23,7 +23,7 @@ export default function PowerCTA({ locale }: PowerCTAProps) {
{isDe ? 'Lösungen' : 'Solutions'}
</div>
<h3 className="text-3xl md:text-5xl font-bold text-white mb-8 leading-tight">
<h3 className="text-2xl md:text-4xl font-bold text-white mb-8 leading-tight">
{isDe ? 'Bereit für die' : 'Ready for the'}
<span className="text-accent block">{isDe ? 'Energiewende?' : 'Energy Transition?'}</span>
</h3>

2
components/blog/StickyNarrative.tsx
View File

@@ -14,7 +14,7 @@ export default function StickyNarrative({ title, items }: StickyNarrativeProps)
return (
<div className="my-24 grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-20 items-start not-prose">
<div className="lg:col-span-4 lg:sticky lg:top-32">
<h3 className="text-3xl md:text-4xl font-bold text-primary leading-tight">
<h3 className="text-2xl md:text-3xl font-bold text-primary leading-tight">
{title}
</h3>
<div className="w-16 h-1.5 bg-accent mt-8 rounded-full" />

4
components/home/Experience.tsx
View File

@@ -36,11 +36,11 @@ export default function Experience() {
<div className="mt-16 grid grid-cols-1 md:grid-cols-2 gap-12">
<div className="animate-fade-in">
<div className="text-3xl md:text-4xl font-extrabold text-accent mb-4">{t('certifiedQuality')}</div>
<div className="text-2xl md:text-3xl font-extrabold text-accent mb-4">{t('certifiedQuality')}</div>
<div className="text-base md:text-lg font-bold uppercase tracking-widest text-white/60">{t('vdeApproved')}</div>
</div>
<div className="animate-fade-in" style={{ animationDelay: '100ms' }}>
<div className="text-3xl md:text-4xl font-extrabold text-accent mb-4">{t('fullSpectrum')}</div>
<div className="text-2xl md:text-3xl font-extrabold text-accent mb-4">{t('fullSpectrum')}</div>
<div className="text-base md:text-lg font-bold uppercase tracking-widest text-white/60">{t('solutionsRange')}</div>
</div>
</div>

2
components/home/VideoSection.tsx
View File

@@ -17,7 +17,7 @@ export default function VideoSection() {
</video>
<div className="absolute inset-0 bg-gradient-to-b from-primary/60 via-transparent to-primary/60 flex items-center justify-center">
<div className="max-w-5xl px-6 text-center animate-slide-up">
<h2 className="text-3xl md:text-5xl lg:text-6xl font-extrabold text-white leading-[1.1]">
<h2 className="text-3xl md:text-4xl lg:text-5xl font-extrabold text-white leading-[1.1]">
{t.rich('title', {
future: (chunks) => (
<span className="relative inline-block mx-2">

10
components/ui/Heading.tsx
View File

@@ -17,11 +17,11 @@ export function Heading({
const Tag = `h${level}` as any;
const sizes = {
1: 'text-4xl md:text-6xl lg:text-7xl xl:text-8xl font-extrabold leading-[1.1] tracking-tight',
2: 'text-3xl md:text-5xl lg:text-6xl font-bold leading-[1.2] tracking-tight',
3: 'text-2xl md:text-3xl lg:text-4xl font-bold leading-[1.3] tracking-tight',
4: 'text-xl md:text-2xl font-bold leading-[1.4]',
5: 'text-lg md:text-xl font-bold leading-[1.5]',
1: 'text-3xl md:text-5xl lg:text-6xl font-extrabold leading-[1.1] tracking-tight',
2: 'text-2xl md:text-4xl lg:text-5xl font-bold leading-[1.2] tracking-tight',
3: 'text-xl md:text-2xl lg:text-3xl font-bold leading-[1.3] tracking-tight',
4: 'text-lg md:text-xl lg:text-2xl font-bold leading-[1.4]',
5: 'text-base md:text-lg font-bold leading-[1.5]',
6: 'text-base md:text-lg font-semibold leading-[1.6]',
};