feat: redesign company introduction to use image card and strong mission statement instead of redundant specializations
Former-commit-id: 9dad66acd3deb36c6e51fae1fdce6de96dd992c7
This commit is contained in:
@@ -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="relative inline-flex rounded-full h-2 w-2 bg-primary"></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>
|
||||
|
||||
<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>
|
||||
|
||||
<div className="text-xl text-text-secondary leading-relaxed mb-8">
|
||||
@@ -77,40 +77,23 @@ description: Willkommen bei E-TIB GmbH
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Right Column: Pills & Content */}
|
||||
<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="absolute top-0 right-0 w-48 h-48 bg-primary/5 rounded-bl-full pointer-events-none"></div>
|
||||
|
||||
<h4 className="text-2xl font-bold text-neutral-dark mb-6">Unsere Spezialisierungen</h4>
|
||||
|
||||
<div className="flex flex-wrap gap-3 mb-10">
|
||||
<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."
|
||||
{/* Right Column: Imagery & Mission */}
|
||||
<div className="lg:col-span-7 relative">
|
||||
<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>
|
||||
|
||||
<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="text-white text-xl md:text-2xl leading-relaxed italic font-medium drop-shadow-lg">
|
||||
"Wir führen bundesweite Bauleistungen für Industrie, Telekommunikationsanbieter und Stromversorgungsunternehmen mit höchster Zuverlässigkeit und Präzision durch."
|
||||
</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>
|
||||
|
||||
@@ -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="relative inline-flex rounded-full h-2 w-2 bg-primary"></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>
|
||||
|
||||
<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>
|
||||
|
||||
<div className="text-xl text-text-secondary leading-relaxed mb-8">
|
||||
@@ -77,40 +77,23 @@ description: Welcome to E-TIB GmbH
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Right Column: Pills & Content */}
|
||||
<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="absolute top-0 right-0 w-48 h-48 bg-primary/5 rounded-bl-full pointer-events-none"></div>
|
||||
|
||||
<h4 className="text-2xl font-bold text-neutral-dark mb-6">Our Specializations</h4>
|
||||
|
||||
<div className="flex flex-wrap gap-3 mb-10">
|
||||
<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."
|
||||
{/* Right Column: Imagery & Mission */}
|
||||
<div className="lg:col-span-7 relative">
|
||||
<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>
|
||||
|
||||
<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="text-white text-xl md:text-2xl leading-relaxed italic font-medium drop-shadow-lg">
|
||||
"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>
|
||||
|
||||
{/* 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>
|
||||
|
||||
Reference in New Issue
Block a user