mmintel/e-tib.com
1
0
Fork 0
Code Issues Pull Requests 2 Actions 150 Packages Projects Releases Wiki Activity

feat: redesign company introduction to use image card and strong mission statement instead of redundant specializations

Browse Source 
Former-commit-id: 9dad66acd3deb36c6e51fae1fdce6de96dd992c7
This commit is contained in:
Marc Mintel
2026-05-07 13:50:37 +02:00
parent b027cf94f9
commit 540cebf5ca
2 changed files with 34 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
content/de/home.mdx
View File

@@ -53,11 +53,11 @@ description: Willkommen bei E-TIB GmbH
<span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-primary opacity-75"></span> <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-primary opacity-75"></span>
<span className="relative inline-flex rounded-full h-2 w-2 bg-primary"></span> <span className="relative inline-flex rounded-full h-2 w-2 bg-primary"></span>
</span> </span>
<span className="text-xs font-bold uppercase tracking-widest">Willkommen bei E-TIB</span> <span className="text-xs font-bold uppercase tracking-widest">Über E-TIB</span>
</div> </div>
<h3 className="font-heading text-4xl md:text-5xl lg:text-6xl font-black text-neutral-dark mb-6 leading-[1.1] tracking-tight"> <h3 className="font-heading text-4xl md:text-5xl lg:text-6xl font-black text-neutral-dark mb-6 leading-[1.1] tracking-tight">
Wir sind die <span className="text-primary relative whitespace-nowrap">Experten<svg className="absolute -bottom-2 left-0 w-full h-3 text-primary/20" viewBox="0 0 100 10" preserveAspectRatio="none"><path d="M0 5 Q 50 10 100 5" stroke="currentColor" strokeWidth="4" fill="none"/></svg></span> <br/>für Kabeltiefbau Ihr <span className="text-primary relative whitespace-nowrap">starker<svg className="absolute -bottom-2 left-0 w-full h-3 text-primary/20" viewBox="0 0 100 10" preserveAspectRatio="none"><path d="M0 5 Q 50 10 100 5" stroke="currentColor" strokeWidth="4" fill="none"/></svg></span> Partner <br/>für Infrastruktur
</h3> </h3>
<div className="text-xl text-text-secondary leading-relaxed mb-8"> <div className="text-xl text-text-secondary leading-relaxed mb-8">
@@ -77,41 +77,24 @@ description: Willkommen bei E-TIB GmbH
</div> </div>
</div> </div>
{/* Right Column: Pills & Content */} {/* Right Column: Imagery & Mission */}
<div className="lg:col-span-7 bg-neutral-50 rounded-3xl p-8 md:p-12 border border-neutral-200 shadow-xl relative overflow-hidden"> <div className="lg:col-span-7 relative">
<div className="absolute top-0 right-0 w-48 h-48 bg-primary/5 rounded-bl-full pointer-events-none"></div> <div className="aspect-[4/3] md:aspect-[16/9] lg:aspect-[4/3] rounded-3xl overflow-hidden shadow-2xl relative border border-neutral-200/50">
<img src="/assets/photos/Etib_E-tib_Tiefbau_Guben_Netzanbindung_Energie-100.jpg" alt="E-TIB im Einsatz" className="w-full h-full object-cover" />
<div className="absolute inset-0 bg-gradient-to-t from-neutral-dark/95 via-neutral-dark/40 to-transparent"></div>
<h4 className="text-2xl font-bold text-neutral-dark mb-6">Unsere Spezialisierungen</h4> <div className="absolute bottom-0 left-0 w-full p-8 md:p-12">
<div className="border-l-4 border-primary pl-6">
<div className="flex flex-wrap gap-3 mb-10"> <div className="text-white text-xl md:text-2xl leading-relaxed italic font-medium drop-shadow-lg">
<Button href="/de/kompetenzen#kabelbau" variant="white" size="sm" className="shadow-sm hover:shadow-md border border-neutral-200 hover:border-primary/30 transition-all">
Tiefbauarbeiten
<svg className="w-4 h-4 ml-1 opacity-50" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</Button>
<Button href="/de/kompetenzen#bohrtechnik" variant="white" size="sm" className="shadow-sm hover:shadow-md border border-neutral-200 hover:border-primary/30 transition-all">
Horizontalspülbohrungen
<svg className="w-4 h-4 ml-1 opacity-50" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</Button>
<Button href="/de/kompetenzen#kabelbau" variant="white" size="sm" className="shadow-sm hover:shadow-md border border-neutral-200 hover:border-primary/30 transition-all">
Kabelpflugarbeiten
<svg className="w-4 h-4 ml-1 opacity-50" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</Button>
<Button href="/de/kompetenzen#kabelbau" variant="white" size="sm" className="shadow-sm hover:shadow-md border border-neutral-200 hover:border-primary/30 transition-all">
Leitungsverlegung
<svg className="w-4 h-4 ml-1 opacity-50" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</Button>
<Button href="/de/kompetenzen#kabelbau" variant="white" size="sm" className="shadow-sm hover:shadow-md border border-neutral-200 hover:border-primary/30 transition-all">
Kabelmontagen
<svg className="w-4 h-4 ml-1 opacity-50" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</Button>
</div>
<div className="bg-white rounded-2xl p-6 md:p-8 border-l-4 border-primary shadow-sm">
<div className="text-neutral-dark text-lg md:text-xl leading-relaxed italic font-medium">
"Wir führen bundesweite Bauleistungen für Industrie, Telekommunikationsanbieter und Stromversorgungsunternehmen mit höchster Zuverlässigkeit und Präzision durch." "Wir führen bundesweite Bauleistungen für Industrie, Telekommunikationsanbieter und Stromversorgungsunternehmen mit höchster Zuverlässigkeit und Präzision durch."
</div> </div>
</div> </div>
</div> </div>
</div>
{/* Decorative elements */}
<div className="absolute -bottom-8 -right-8 w-64 h-64 bg-primary/10 rounded-full blur-3xl pointer-events-none"></div>
</div>
</div> </div>
</div> </div>

47
content/en/home.mdx
View File

@@ -53,11 +53,11 @@ description: Welcome to E-TIB GmbH
<span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-primary opacity-75"></span> <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-primary opacity-75"></span>
<span className="relative inline-flex rounded-full h-2 w-2 bg-primary"></span> <span className="relative inline-flex rounded-full h-2 w-2 bg-primary"></span>
</span> </span>
<span className="text-xs font-bold uppercase tracking-widest">Welcome to E-TIB</span> <span className="text-xs font-bold uppercase tracking-widest">About E-TIB</span>
</div> </div>
<h3 className="font-heading text-4xl md:text-5xl lg:text-6xl font-black text-neutral-dark mb-6 leading-[1.1] tracking-tight"> <h3 className="font-heading text-4xl md:text-5xl lg:text-6xl font-black text-neutral-dark mb-6 leading-[1.1] tracking-tight">
We are the <span className="text-primary relative whitespace-nowrap">Experts<svg className="absolute -bottom-2 left-0 w-full h-3 text-primary/20" viewBox="0 0 100 10" preserveAspectRatio="none"><path d="M0 5 Q 50 10 100 5" stroke="currentColor" strokeWidth="4" fill="none"/></svg></span> <br/>for Cable Construction Your <span className="text-primary relative whitespace-nowrap">strong<svg className="absolute -bottom-2 left-0 w-full h-3 text-primary/20" viewBox="0 0 100 10" preserveAspectRatio="none"><path d="M0 5 Q 50 10 100 5" stroke="currentColor" strokeWidth="4" fill="none"/></svg></span> Partner <br/>for Infrastructure
</h3> </h3>
<div className="text-xl text-text-secondary leading-relaxed mb-8"> <div className="text-xl text-text-secondary leading-relaxed mb-8">
@@ -77,41 +77,24 @@ description: Welcome to E-TIB GmbH
</div> </div>
</div> </div>
{/* Right Column: Pills & Content */} {/* Right Column: Imagery & Mission */}
<div className="lg:col-span-7 bg-neutral-50 rounded-3xl p-8 md:p-12 border border-neutral-200 shadow-xl relative overflow-hidden"> <div className="lg:col-span-7 relative">
<div className="absolute top-0 right-0 w-48 h-48 bg-primary/5 rounded-bl-full pointer-events-none"></div> <div className="aspect-[4/3] md:aspect-[16/9] lg:aspect-[4/3] rounded-3xl overflow-hidden shadow-2xl relative border border-neutral-200/50">
<img src="/assets/photos/Etib_E-tib_Tiefbau_Guben_Netzanbindung_Energie-100.jpg" alt="E-TIB in action" className="w-full h-full object-cover" />
<div className="absolute inset-0 bg-gradient-to-t from-neutral-dark/95 via-neutral-dark/40 to-transparent"></div>
<h4 className="text-2xl font-bold text-neutral-dark mb-6">Our Specializations</h4> <div className="absolute bottom-0 left-0 w-full p-8 md:p-12">
<div className="border-l-4 border-primary pl-6">
<div className="flex flex-wrap gap-3 mb-10"> <div className="text-white text-xl md:text-2xl leading-relaxed italic font-medium drop-shadow-lg">
<Button href="/en/competencies#kabelbau" variant="white" size="sm" className="shadow-sm hover:shadow-md border border-neutral-200 hover:border-primary/30 transition-all">
Civil Engineering
<svg className="w-4 h-4 ml-1 opacity-50" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</Button>
<Button href="/en/competencies#bohrtechnik" variant="white" size="sm" className="shadow-sm hover:shadow-md border border-neutral-200 hover:border-primary/30 transition-all">
Horizontal Drilling
<svg className="w-4 h-4 ml-1 opacity-50" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</Button>
<Button href="/en/competencies#kabelbau" variant="white" size="sm" className="shadow-sm hover:shadow-md border border-neutral-200 hover:border-primary/30 transition-all">
Cable Plowing
<svg className="w-4 h-4 ml-1 opacity-50" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</Button>
<Button href="/en/competencies#kabelbau" variant="white" size="sm" className="shadow-sm hover:shadow-md border border-neutral-200 hover:border-primary/30 transition-all">
Line Installation
<svg className="w-4 h-4 ml-1 opacity-50" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</Button>
<Button href="/en/competencies#kabelbau" variant="white" size="sm" className="shadow-sm hover:shadow-md border border-neutral-200 hover:border-primary/30 transition-all">
Cable Assemblies
<svg className="w-4 h-4 ml-1 opacity-50" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</Button>
</div>
<div className="bg-white rounded-2xl p-6 md:p-8 border-l-4 border-primary shadow-sm">
<div className="text-neutral-dark text-lg md:text-xl leading-relaxed italic font-medium">
"Today, we carry out nationwide construction services for industry, telecommunications providers, and electricity supply companies with the highest reliability and precision." "Today, we carry out nationwide construction services for industry, telecommunications providers, and electricity supply companies with the highest reliability and precision."
</div> </div>
</div> </div>
</div> </div>
</div>
{/* Decorative elements */}
<div className="absolute -bottom-8 -right-8 w-64 h-64 bg-primary/10 rounded-full blur-3xl pointer-events-none"></div>
</div>
</div> </div>
</div> </div>