Compare commits
6 Commits
222c894266
...
fix/all-tr
| Author | SHA1 | Date | |
|---|---|---|---|
| 3b20d4087c | |||
| 2dbafec633 | |||
| 2b79d18a93 | |||
| fa747763b8 | |||
| 0d71e2ad24 | |||
| 64d4edc175 |
@@ -9,7 +9,7 @@ import { SITE_URL } from '@/lib/schema';
|
||||
import TrackedLink from '@/components/analytics/TrackedLink';
|
||||
import { getButtonClasses, ButtonOverlay } from '@/components/ui/Button';
|
||||
import { getAllReferences } from '@/lib/references';
|
||||
import { defaultLocations } from '@/lib/map-data';
|
||||
import { defaultLocations, minorLocations } from '@/lib/map-data';
|
||||
|
||||
// Import components used in MDX
|
||||
import { HeroVideo as HomeHero } from '@/components/blocks/HeroVideo';
|
||||
@@ -153,7 +153,8 @@ export default async function Page(props: { params: Promise<{ locale: string; sl
|
||||
|
||||
// Fetch references to enrich the map if it's used
|
||||
const references = await getAllReferences(locale);
|
||||
const enrichedLocations = defaultLocations.map(loc => {
|
||||
const allLocations = [...defaultLocations, ...minorLocations];
|
||||
const enrichedLocations = allLocations.map(loc => {
|
||||
if (loc.type === 'project') {
|
||||
const ref = references.find(r => r.slug === loc.id);
|
||||
if (ref) {
|
||||
@@ -161,7 +162,7 @@ export default async function Page(props: { params: Promise<{ locale: string; sl
|
||||
...loc,
|
||||
featuredImage: ref.frontmatter.featuredImage,
|
||||
details: [
|
||||
ref.frontmatter.client || 'Kunde',
|
||||
ref.frontmatter.client || t('client'),
|
||||
ref.frontmatter.dateString || new Date(ref.frontmatter.date).getFullYear().toString(),
|
||||
],
|
||||
};
|
||||
|
||||
@@ -129,14 +129,14 @@ export default async function ReferenzenOverview(props: { params: Promise<{ loca
|
||||
{/* Technical Meta Data */}
|
||||
<div className="flex flex-col gap-3 mt-auto border-t border-neutral-100 pt-6 pr-16 md:pr-20 relative z-10">
|
||||
<div className="min-w-0">
|
||||
<span className="block text-[10px] uppercase tracking-widest text-neutral-400 font-bold mb-1">Kunde</span>
|
||||
<span className="block text-[10px] uppercase tracking-widest text-neutral-400 font-bold mb-1">{t('client')}</span>
|
||||
<span className="flex items-start gap-2 text-sm font-semibold text-neutral-700 leading-tight">
|
||||
<Briefcase className="w-3.5 h-3.5 text-primary shrink-0 mt-[2px]" />
|
||||
<span className="line-clamp-2">{ref.frontmatter.client}</span>
|
||||
<span className="line-clamp-2">{ref.frontmatter.client || t('client')}</span>
|
||||
</span>
|
||||
</div>
|
||||
<div className="min-w-0">
|
||||
<span className="block text-[10px] uppercase tracking-widest text-neutral-400 font-bold mb-1">Zeitraum</span>
|
||||
<span className="block text-[10px] uppercase tracking-widest text-neutral-400 font-bold mb-1">{t('period')}</span>
|
||||
<span className="flex items-start gap-2 text-sm font-semibold text-neutral-700 leading-tight">
|
||||
<Calendar className="w-3.5 h-3.5 text-primary shrink-0 mt-[2px]" />
|
||||
<span className="line-clamp-2">{ref.frontmatter.dateString || new Date(ref.frontmatter.date).getFullYear()}</span>
|
||||
@@ -158,8 +158,8 @@ export default async function ReferenzenOverview(props: { params: Promise<{ loca
|
||||
<div className="mt-24 p-8 md:p-12 bg-primary-dark rounded-3xl text-white shadow-2xl relative overflow-hidden group">
|
||||
<div className="absolute top-0 right-0 w-64 h-full bg-accent/5 -skew-x-12 translate-x-1/2 transition-transform group-hover:translate-x-1/3" />
|
||||
<div className="relative z-10 max-w-2xl">
|
||||
<h3 className="text-2xl md:text-3xl font-bold mb-4">Ihr nächstes Projekt?</h3>
|
||||
<p className="text-lg text-white/70 mb-8">Lassen Sie uns gemeinsam herausragende Infrastruktur bauen.</p>
|
||||
<h3 className="text-2xl md:text-3xl font-bold mb-4">{t('nextProjectTitle')}</h3>
|
||||
<p className="text-lg text-white/70 mb-8">{t('nextProjectDesc')}</p>
|
||||
<TrackedLink
|
||||
href={`/${locale}/${locale === 'de' ? 'kontakt' : 'contact'}`}
|
||||
className={getButtonClasses('accent', 'lg')}
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
import React from 'react';
|
||||
import { Button } from '@/components/ui/Button';
|
||||
import { motion } from 'framer-motion';
|
||||
import { useTranslations } from 'next-intl';
|
||||
|
||||
export interface CallToActionProps {
|
||||
title?: string;
|
||||
@@ -32,14 +33,15 @@ const itemVariants = {
|
||||
},
|
||||
};
|
||||
|
||||
export const CallToAction: React.FC<CallToActionProps> = ({
|
||||
title = 'Bereit für Ihr Projekt?',
|
||||
description = 'Wir suchen stets nach neuen Herausforderungen und starken Partnern. Kontaktieren Sie uns für eine unverbindliche Beratung zu Ihrem Vorhaben.',
|
||||
ctaLabel = 'Jetzt Kontakt aufnehmen',
|
||||
ctaHref = '/de/kontakt',
|
||||
theme = 'light'
|
||||
}) => {
|
||||
export const CallToAction: React.FC<CallToActionProps> = (props) => {
|
||||
const { theme = 'light' } = props;
|
||||
const isDark = theme === 'dark';
|
||||
const t = useTranslations('CallToAction');
|
||||
|
||||
const title = props.title || t('title');
|
||||
const description = props.description || t('description');
|
||||
const ctaLabel = props.ctaLabel || t('ctaLabel');
|
||||
const ctaHref = props.ctaHref || t('ctaHref');
|
||||
|
||||
return (
|
||||
<div className={`py-24 text-center ${isDark ? 'bg-primary-dark text-white' : 'bg-neutral-50 border-t border-neutral-100'}`}>
|
||||
|
||||
@@ -147,7 +147,7 @@ export function CertificatesBlock({ badge, title, description, certificates = de
|
||||
return (
|
||||
<motion.a
|
||||
key={index}
|
||||
href={cert.pdfUrl}
|
||||
href={encodeURI(cert.pdfUrl)}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
variants={itemVariants}
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
import * as React from 'react';
|
||||
import { motion, useScroll, useTransform } from 'framer-motion';
|
||||
import { Building2, Compass, Layers, ArrowDownToLine, Wrench, Factory, Zap, MapPin, CheckCircle2 } from 'lucide-react';
|
||||
import { useTranslations } from 'next-intl';
|
||||
|
||||
const iconMap: Record<string, React.ElementType> = {
|
||||
Building2,
|
||||
@@ -16,37 +17,6 @@ const iconMap: Record<string, React.ElementType> = {
|
||||
CheckCircle2
|
||||
};
|
||||
|
||||
const defaultMilestones = [
|
||||
{
|
||||
date: '16.12.2015',
|
||||
year: '2015',
|
||||
title: 'Gründung E-TIB GmbH',
|
||||
desc: 'Ausführung elektrischer Infrastrukturprojekte, Kabeltiefbau und Horizontalspülbohrungen.',
|
||||
iconName: 'Building2',
|
||||
},
|
||||
{
|
||||
date: '04.02.2019',
|
||||
year: '2019',
|
||||
title: 'Gründung E-TIB Ingenieurgesellschaft',
|
||||
desc: 'Genehmigungs- und Ausführungsplanung, komplexe Querungen sowie Netzanschlussplanung.',
|
||||
iconName: 'Compass',
|
||||
},
|
||||
{
|
||||
date: '14.11.2019',
|
||||
year: '2019',
|
||||
title: 'Gründung E-TIB Verwaltung GmbH',
|
||||
desc: 'Zentrale Dienste, Erwerb, Vermietung, Verpachtung und Verwaltung von Immobilien und Maschinen.',
|
||||
iconName: 'Layers',
|
||||
},
|
||||
{
|
||||
date: '21.10.2025',
|
||||
year: '2025',
|
||||
title: 'Gründung E-TIB Bohrtechnik GmbH',
|
||||
desc: 'Spezialisierung auf präzise Horizontalspülbohrungen in allen Bodenklassen.',
|
||||
iconName: 'ArrowDownToLine',
|
||||
},
|
||||
];
|
||||
|
||||
interface Milestone {
|
||||
date: string;
|
||||
year: string;
|
||||
@@ -62,10 +32,45 @@ interface CompanyTimelineProps {
|
||||
}
|
||||
|
||||
export function CompanyTimeline({
|
||||
badge = 'Unsere Geschichte',
|
||||
title = 'Meilensteine der Entwicklung',
|
||||
milestones = defaultMilestones
|
||||
badge,
|
||||
title,
|
||||
milestones
|
||||
}: CompanyTimelineProps) {
|
||||
const t = useTranslations('CompanyTimeline');
|
||||
|
||||
const finalBadge = badge || t('badge');
|
||||
const finalTitle = title || t('title');
|
||||
|
||||
const finalMilestones = milestones || [
|
||||
{
|
||||
date: '16.12.2015',
|
||||
year: '2015',
|
||||
title: t('milestones.2015.title'),
|
||||
desc: t('milestones.2015.desc'),
|
||||
iconName: 'Building2',
|
||||
},
|
||||
{
|
||||
date: '04.02.2019',
|
||||
year: '2019',
|
||||
title: t('milestones.2019_ing.title'),
|
||||
desc: t('milestones.2019_ing.desc'),
|
||||
iconName: 'Compass',
|
||||
},
|
||||
{
|
||||
date: '14.11.2019',
|
||||
year: '2019',
|
||||
title: t('milestones.2019_verw.title'),
|
||||
desc: t('milestones.2019_verw.desc'),
|
||||
iconName: 'Layers',
|
||||
},
|
||||
{
|
||||
date: '21.10.2025',
|
||||
year: '2025',
|
||||
title: t('milestones.2025.title'),
|
||||
desc: t('milestones.2025.desc'),
|
||||
iconName: 'ArrowDownToLine',
|
||||
},
|
||||
];
|
||||
const containerRef = React.useRef<HTMLDivElement>(null);
|
||||
const { scrollYProgress } = useScroll({
|
||||
target: containerRef,
|
||||
@@ -84,10 +89,10 @@ export function CompanyTimeline({
|
||||
<div className="text-center mb-24">
|
||||
<div className="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-white border border-neutral-200 text-neutral-dark text-xs font-bold uppercase tracking-wider mb-6 shadow-sm">
|
||||
<span className="w-2 h-2 rounded-full bg-primary animate-pulse" />
|
||||
{badge}
|
||||
{finalBadge}
|
||||
</div>
|
||||
<h3 className="font-heading text-4xl md:text-5xl lg:text-6xl font-extrabold text-neutral-dark tracking-tight">
|
||||
{title}
|
||||
{finalTitle}
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
@@ -104,7 +109,7 @@ export function CompanyTimeline({
|
||||
</div>
|
||||
|
||||
<div className="space-y-16 md:space-y-24">
|
||||
{milestones.map((milestone, i) => {
|
||||
{finalMilestones.map((milestone, i) => {
|
||||
const isEven = i % 2 === 0;
|
||||
const Icon = iconMap[milestone.iconName] || Building2;
|
||||
|
||||
|
||||
@@ -7,7 +7,7 @@ import Image from 'next/image';
|
||||
import { useRouter } from 'next/navigation';
|
||||
import { AnimatedGlossyBorder } from '@/components/ui/AnimatedGlossyBorder';
|
||||
import { Location, defaultLocations, minorLocations } from '@/lib/map-data';
|
||||
import { useLocale } from 'next-intl';
|
||||
import { useLocale, useTranslations } from 'next-intl';
|
||||
|
||||
const allLocations = [...defaultLocations, ...minorLocations];
|
||||
|
||||
@@ -27,9 +27,9 @@ interface InteractiveGermanyMapProps {
|
||||
}
|
||||
|
||||
export function InteractiveGermanyMap({
|
||||
badge = 'Einsatzgebiete',
|
||||
title = <>Deutschlandweit<br/>für Sie im Einsatz.</>,
|
||||
description = 'Von unseren strategischen Standorten in Guben und Bülstedt steuern und realisieren wir komplexe Infrastrukturprojekte im gesamten Bundesgebiet.',
|
||||
badge,
|
||||
title,
|
||||
description,
|
||||
stats = [
|
||||
{ value: '100', suffix: '%', label: 'Überregionale Reichweite' },
|
||||
{ value: '2', suffix: '+', label: 'Operative Standorte' },
|
||||
@@ -40,6 +40,13 @@ export function InteractiveGermanyMap({
|
||||
const [activeLocation, setActiveLocation] = useState<Location | null>(null);
|
||||
const router = useRouter();
|
||||
const locale = useLocale();
|
||||
const t = useTranslations('InteractiveGermanyMap');
|
||||
const tStandard = useTranslations('StandardPage');
|
||||
|
||||
const finalBadge = badge || tStandard('badge');
|
||||
// the map is mostly used with specific props, so we leave title & description to fallbacks if not provided
|
||||
const finalTitle = title || (locale === 'en' ? <>Nationwide<br/>in operation for you.</> : <>Deutschlandweit<br/>für Sie im Einsatz.</>);
|
||||
const finalDescription = description || (locale === 'en' ? 'From our strategic locations in Guben and Bülstedt, we control and implement complex infrastructure projects nationwide.' : 'Von unseren strategischen Standorten in Guben und Bülstedt steuern und realisieren wir komplexe Infrastrukturprojekte im gesamten Bundesgebiet.');
|
||||
|
||||
const hq = locations.find((l) => l.type === 'hq');
|
||||
const branch = locations.find((l) => l.type === 'branch');
|
||||
@@ -62,21 +69,21 @@ export function InteractiveGermanyMap({
|
||||
<div className="xl:col-span-5 text-white z-20">
|
||||
<div className="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-primary/10 border border-primary/20 text-primary text-xs font-bold uppercase tracking-wider mb-8">
|
||||
<MapPin className="w-4 h-4" />
|
||||
<span>{badge}</span>
|
||||
<span>{finalBadge}</span>
|
||||
</div>
|
||||
|
||||
{isHero ? (
|
||||
<h1 className="font-heading text-4xl lg:text-5xl xl:text-6xl font-extrabold mb-6 leading-[1.1] text-transparent bg-clip-text bg-gradient-to-r from-white to-white/70 break-words [hyphens:auto]">
|
||||
{title}
|
||||
{finalTitle}
|
||||
</h1>
|
||||
) : (
|
||||
<h3 className="font-heading text-4xl lg:text-5xl xl:text-6xl font-extrabold mb-6 leading-[1.1] text-transparent bg-clip-text bg-gradient-to-r from-white to-white/70 break-words [hyphens:auto]">
|
||||
{title}
|
||||
{finalTitle}
|
||||
</h3>
|
||||
)}
|
||||
|
||||
<p className="text-white/60 text-lg mb-12 leading-relaxed">
|
||||
{description}
|
||||
{finalDescription}
|
||||
</p>
|
||||
|
||||
{/* Industrial Stats Grid */}
|
||||
@@ -204,9 +211,7 @@ export function InteractiveGermanyMap({
|
||||
<div className="flex items-center gap-2 mb-1">
|
||||
<MapPin className="w-3.5 h-3.5 text-primary" />
|
||||
<span className="text-xs font-bold text-primary uppercase tracking-wider">
|
||||
{activeLocation.type === 'hq' ? 'Hauptsitz' :
|
||||
activeLocation.type === 'branch' ? 'Niederlassung' :
|
||||
activeLocation.type === 'minor_node' ? 'Projekt' : 'Referenz'}
|
||||
{t(`types.${activeLocation.type === 'minor_node' ? 'project' : activeLocation.type}`)}
|
||||
</span>
|
||||
</div>
|
||||
<div className="font-heading font-bold text-lg leading-tight mb-2">
|
||||
@@ -218,12 +223,7 @@ export function InteractiveGermanyMap({
|
||||
</div>
|
||||
) : (
|
||||
<div className="text-white/60 text-xs mb-3">
|
||||
{activeLocation.description === 'wind' ? 'Errichtung Leitungstrassen & Netzanbindung für Windpark-Infrastruktur.' :
|
||||
activeLocation.description === 'pv' ? 'Bau von Mittelspannungstrassen zur Einspeisung der PV-Anlage.' :
|
||||
activeLocation.description === 'fiber' ? 'Komplexer FTTx Breitbandausbau inkl. LWL-Montage & Tiefbau.' :
|
||||
activeLocation.description === 'power' ? '110kV Hochspannungstrasse Erdkabelverlegung.' :
|
||||
activeLocation.description === 'battery' ? 'Infrastrukturausbau für BESS (Batteriespeicher).' :
|
||||
'Komplexes Infrastrukturprojekt (Tiefbau & HDD).'}
|
||||
{t(`descriptions.${['wind','pv','fiber','power','battery'].includes(activeLocation.description || '') ? activeLocation.description : 'default'}`)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
@@ -233,17 +233,11 @@ export function InteractiveGermanyMap({
|
||||
<>
|
||||
<li className="text-[11px] text-white/80 flex items-start gap-2 font-medium">
|
||||
<CheckCircle2 className="w-3 h-3 text-primary shrink-0 mt-0.5" />
|
||||
<span>{
|
||||
activeLocation.description === 'wind' ? 'Netzanbindung Windpark' :
|
||||
activeLocation.description === 'pv' ? 'Einspeisung PV-Anlage' :
|
||||
activeLocation.description === 'fiber' ? 'FTTx Infrastruktur' :
|
||||
activeLocation.description === 'power' ? '110kV Trasse' :
|
||||
activeLocation.description === 'battery' ? 'BESS Anschluss' : 'Infrastrukturprojekt'
|
||||
}</span>
|
||||
<span>{t(`features.${['wind','pv','fiber','power','battery'].includes(activeLocation.description || '') ? activeLocation.description : 'default'}`)}</span>
|
||||
</li>
|
||||
<li className="text-[11px] text-white/80 flex items-start gap-2 font-medium">
|
||||
<CheckCircle2 className="w-3 h-3 text-primary shrink-0 mt-0.5" />
|
||||
<span>Tiefbau & Spülbohrung (HDD)</span>
|
||||
<span>{t('features.method')}</span>
|
||||
</li>
|
||||
</>
|
||||
) : (
|
||||
@@ -259,7 +253,7 @@ export function InteractiveGermanyMap({
|
||||
|
||||
{activeLocation.href && (
|
||||
<div className="inline-flex items-center text-xs font-bold text-primary">
|
||||
{locale === 'en' ? 'Learn more' : 'Zum Projekt'}
|
||||
{t('learnMore')}
|
||||
<ArrowUpRight className="w-3.5 h-3.5 ml-1" />
|
||||
</div>
|
||||
)}
|
||||
|
||||
@@ -5,6 +5,7 @@ import Link from 'next/link';
|
||||
import { Button } from '@/components/ui/Button';
|
||||
import { HoverShineOverlay } from '@/components/ui/HoverShineOverlay';
|
||||
import { motion } from 'framer-motion';
|
||||
import { useTranslations } from 'next-intl';
|
||||
|
||||
export interface JobListingBlockProps {
|
||||
title?: string;
|
||||
@@ -45,20 +46,23 @@ const itemVariants = {
|
||||
};
|
||||
|
||||
export const JobListingBlock = (props: JobListingBlockProps) => {
|
||||
const t = useTranslations('JobListingBlock');
|
||||
|
||||
const {
|
||||
title,
|
||||
showJobs = true,
|
||||
showFairs,
|
||||
fairsTitle = 'Nächste Messetermine',
|
||||
fairsTitle = t('fairsTitle'),
|
||||
fairs = [
|
||||
{ name: 'Intersolar München', date: 'Termin folgt', type: 'Energie-Messe', location: 'Messe München' },
|
||||
{ name: 'Windenergietage Linstow', date: 'Termin folgt', type: 'Fachkongress', location: 'Linstow' },
|
||||
{ name: 'Kabelwerkstatt Wiesbaden', date: 'Termin folgt', type: 'Fachmesse', location: 'Wiesbaden' }
|
||||
],
|
||||
emptyStateMessage = 'Aktuell sind alle Positionen besetzt. Senden Sie uns gerne eine Initiativbewerbung!',
|
||||
emptyStateLinkText = 'Jetzt Kontakt aufnehmen',
|
||||
emptyStateMessage = t('emptyStateMessage'),
|
||||
emptyStateLinkText = t('emptyStateLinkText'),
|
||||
emptyStateLinkHref = '/kontakt'
|
||||
} = props;
|
||||
|
||||
const title = props.title || t('title');
|
||||
|
||||
// Since Payload is removed, we use an empty array or static data
|
||||
const jobs: any[] = [];
|
||||
@@ -118,7 +122,7 @@ export const JobListingBlock = (props: JobListingBlockProps) => {
|
||||
<svg xmlns="http://www.w3.org/2000/svg" className="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-xs text-white/40 uppercase tracking-widest font-heading mb-1">Datum</p>
|
||||
<p className="text-xs text-white/40 uppercase tracking-widest font-heading mb-1">{t('date')}</p>
|
||||
<p className="text-white/90 font-medium">{messe.date}</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -129,7 +133,7 @@ export const JobListingBlock = (props: JobListingBlockProps) => {
|
||||
<svg xmlns="http://www.w3.org/2000/svg" className="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-xs text-white/40 uppercase tracking-widest font-heading mb-1">Location</p>
|
||||
<p className="text-xs text-white/40 uppercase tracking-widest font-heading mb-1">{t('location')}</p>
|
||||
<p className="text-white/90 font-medium">{messe.location}</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -141,7 +145,7 @@ export const JobListingBlock = (props: JobListingBlockProps) => {
|
||||
<svg xmlns="http://www.w3.org/2000/svg" className="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-xs text-white/40 uppercase tracking-widest font-heading mb-1">Stand</p>
|
||||
<p className="text-xs text-white/40 uppercase tracking-widest font-heading mb-1">{t('booth')}</p>
|
||||
<p className="text-primary-light font-bold text-sm">{messe.booth}</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -180,7 +184,7 @@ export const JobListingBlock = (props: JobListingBlockProps) => {
|
||||
transition={{ duration: 0.8, ease: [0.16, 1, 0.3, 1] as const }}
|
||||
className="font-heading font-extrabold text-4xl text-neutral-dark mb-8"
|
||||
>
|
||||
{title || 'Aktuelle Stellenangebote'}
|
||||
{title}
|
||||
</motion.h2>
|
||||
|
||||
{jobs.length > 0 ? (
|
||||
@@ -206,7 +210,7 @@ export const JobListingBlock = (props: JobListingBlockProps) => {
|
||||
<p className="text-text-secondary mt-1">{job.location}</p>
|
||||
</div>
|
||||
<div className="flex items-center text-primary font-bold group-hover:translate-x-2 transition-transform">
|
||||
Details ansehen
|
||||
{t('viewDetails')}
|
||||
<svg xmlns="http://www.w3.org/2000/svg" className="w-5 h-5 ml-2" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
|
||||
</div>
|
||||
</Link>
|
||||
|
||||
@@ -2,6 +2,7 @@ import * as React from 'react';
|
||||
import { describe, it, expect, vi } from 'vitest';
|
||||
import { render, screen, fireEvent } from '@testing-library/react';
|
||||
import { ReferencesSlider, Reference } from './ReferencesSlider';
|
||||
import { NextIntlClientProvider } from 'next-intl';
|
||||
|
||||
// Mock next/link to render standard <a> tag
|
||||
vi.mock('next/link', () => ({
|
||||
@@ -21,6 +22,13 @@ vi.mock('next/image', () => ({
|
||||
}
|
||||
}));
|
||||
|
||||
// Mock next-intl
|
||||
vi.mock('next-intl', () => ({
|
||||
useTranslations: () => (key: string) => key,
|
||||
useLocale: () => 'en',
|
||||
NextIntlClientProvider: ({ children }: any) => <>{children}</>
|
||||
}));
|
||||
|
||||
describe('ReferencesSlider TDD', () => {
|
||||
const mockReferences: Reference[] = [
|
||||
{
|
||||
@@ -49,8 +57,8 @@ describe('ReferencesSlider TDD', () => {
|
||||
|
||||
const links = screen.getAllByTestId('reference-tile-link');
|
||||
expect(links).toHaveLength(2);
|
||||
expect(links[0].getAttribute('href')).toBe('/referenzen/referenz-projekt-eins');
|
||||
expect(links[1].getAttribute('href')).toBe('/referenzen/referenz-projekt-zwei');
|
||||
expect(links[0].getAttribute('href')).toBe('/en/referenzen/referenz-projekt-eins');
|
||||
expect(links[1].getAttribute('href')).toBe('/en/referenzen/referenz-projekt-zwei');
|
||||
});
|
||||
|
||||
it('allows navigation on simple click (no drag)', () => {
|
||||
|
||||
@@ -5,6 +5,7 @@ import { motion } from 'framer-motion';
|
||||
import Link from 'next/link';
|
||||
import Image from 'next/image';
|
||||
import { HoverShineOverlay } from '@/components/ui/HoverShineOverlay';
|
||||
import { useTranslations, useLocale } from 'next-intl';
|
||||
|
||||
export interface Reference {
|
||||
id: string;
|
||||
@@ -34,6 +35,9 @@ interface ReferencesSliderProps {
|
||||
}
|
||||
|
||||
export function ReferencesSlider(props: ReferencesSliderProps) {
|
||||
const t = useTranslations('ReferencesSlider');
|
||||
const locale = useLocale();
|
||||
|
||||
const { data } = props;
|
||||
const references = props.references || [];
|
||||
const containerRef = React.useRef<HTMLDivElement>(null);
|
||||
@@ -43,11 +47,11 @@ export function ReferencesSlider(props: ReferencesSliderProps) {
|
||||
const isDraggingRef = React.useRef(false);
|
||||
const [isDragging, setIsDragging] = React.useState(false);
|
||||
|
||||
const badge = props.badge || data?.badge || 'Ausgewählte Projekte';
|
||||
const title = props.title || data?.title || 'Referenzen & Erfolge';
|
||||
const description = props.description || data?.description || 'Ein Auszug unserer erfolgreich abgeschlossenen Projekte im Bereich Kabeltiefbau, Bohrtechnik und Netzinfrastruktur.';
|
||||
const ctaLabel = props.ctaLabel || data?.ctaLabel || 'Alle Referenzen ansehen';
|
||||
const ctaHref = props.ctaHref || data?.ctaHref || '/referenzen';
|
||||
const badge = props.badge || data?.badge || t('badge');
|
||||
const title = props.title || data?.title || t('title');
|
||||
const description = props.description || data?.description || t('description');
|
||||
const ctaLabel = props.ctaLabel || data?.ctaLabel || t('ctaLabel');
|
||||
const ctaHref = props.ctaHref || data?.ctaHref || `/${locale}/referenzen`;
|
||||
|
||||
if (!references || references.length === 0) return null;
|
||||
|
||||
@@ -132,7 +136,7 @@ export function ReferencesSlider(props: ReferencesSliderProps) {
|
||||
className="flex-shrink-0 w-[320px] md:w-[480px] snap-center group pointer-events-auto"
|
||||
>
|
||||
<Link
|
||||
href={`/referenzen/${ref.slug}`}
|
||||
href={`/${locale}/referenzen/${ref.slug}`}
|
||||
onClick={handleTileClick}
|
||||
data-testid="reference-tile-link"
|
||||
className="block relative aspect-[16/10] bg-neutral-800 rounded-2xl overflow-hidden mb-5 border border-white/5 shadow-2xl"
|
||||
|
||||
@@ -104,12 +104,12 @@ export function Footer({ companyInfo }: FooterProps) {
|
||||
</h4>
|
||||
<ul className="space-y-2 md:space-y-4 relative z-10 flex-grow">
|
||||
{[
|
||||
{ label: locale === 'de' ? 'Kompetenzen' : 'Competencies', href: `/${locale}/kompetenzen` },
|
||||
{ label: locale === 'de' ? 'Über uns' : 'About us', href: `/${locale}/ueber-uns` },
|
||||
{ label: locale === 'de' ? 'Kompetenzen' : 'Competencies', href: `/${locale}/${locale === 'de' ? 'kompetenzen' : 'competencies'}` },
|
||||
{ label: locale === 'de' ? 'Über uns' : 'About us', href: `/${locale}/${locale === 'de' ? 'ueber-uns' : 'about-us'}` },
|
||||
{ label: locale === 'de' ? 'Unser Team' : 'Our Team', href: `/${locale}/team` },
|
||||
{ label: locale === 'de' ? 'Zertifikate' : 'Certificates', href: `/${locale}/zertifikate` },
|
||||
{ label: locale === 'de' ? 'Karriere' : 'Career', href: `/${locale}/karriere` },
|
||||
{ label: locale === 'de' ? 'Messen & Events' : 'Fairs & Events', href: `/${locale}/messen` },
|
||||
{ label: locale === 'de' ? 'Karriere' : 'Career', href: `/${locale}/${locale === 'de' ? 'karriere' : 'career'}` },
|
||||
{ label: locale === 'de' ? 'Messen & Events' : 'Fairs & Events', href: `/${locale}/${locale === 'de' ? 'messen' : 'trade-fairs'}` },
|
||||
{ label: locale === 'de' ? 'Kontakt' : 'Contact', href: `/${locale}/${locale === 'de' ? 'kontakt' : 'contact'}` },
|
||||
].map((link) => (
|
||||
<li key={link.href}>
|
||||
@@ -131,8 +131,8 @@ export function Footer({ companyInfo }: FooterProps) {
|
||||
</h4>
|
||||
<ul className="space-y-2 md:space-y-4 relative z-10 flex-grow">
|
||||
{[
|
||||
{ label: locale === 'de' ? 'Impressum' : 'Imprint', href: `/${locale}/impressum` },
|
||||
{ label: locale === 'de' ? 'Datenschutz' : 'Privacy Policy', href: `/${locale}/datenschutz` },
|
||||
{ label: locale === 'de' ? 'Impressum' : 'Imprint', href: `/${locale}/${locale === 'de' ? 'impressum' : 'imprint'}` },
|
||||
{ label: locale === 'de' ? 'Datenschutz' : 'Privacy Policy', href: `/${locale}/${locale === 'de' ? 'datenschutz' : 'privacy-policy'}` },
|
||||
{ label: locale === 'de' ? 'AGB' : 'Terms', href: `/${locale}/${locale === 'de' ? 'agb' : 'terms'}` },
|
||||
].map((link) => (
|
||||
<li key={link.href}>
|
||||
|
||||
@@ -28,20 +28,20 @@ describe('LanguageSwitcher TDD', () => {
|
||||
vi.clearAllMocks();
|
||||
});
|
||||
|
||||
it('translates /en/events to /de/messen when switching to German', () => {
|
||||
vi.mocked(usePathname).mockReturnValue('/en/events');
|
||||
it('translates /en/trade-fairs to /de/messen when switching to German', () => {
|
||||
(usePathname as any).mockReturnValue('/en/trade-fairs');
|
||||
render(<LanguageSwitcher />);
|
||||
|
||||
const deLink = screen.getByLabelText('Switch to Deutsch');
|
||||
expect(deLink.getAttribute('href')).toBe('/de/messen');
|
||||
});
|
||||
|
||||
it('translates /de/messen to /en/events when switching to English', () => {
|
||||
vi.mocked(usePathname).mockReturnValue('/de/messen');
|
||||
it('translates /de/messen to /en/trade-fairs when switching to English', () => {
|
||||
(usePathname as any).mockReturnValue('/de/messen');
|
||||
render(<LanguageSwitcher />);
|
||||
|
||||
const enLink = screen.getByLabelText('Switch to English');
|
||||
expect(enLink.getAttribute('href')).toBe('/en/events');
|
||||
expect(enLink.getAttribute('href')).toBe('/en/trade-fairs');
|
||||
});
|
||||
|
||||
it('translates /en/about-us to /de/ueber-uns when switching to German', () => {
|
||||
|
||||
@@ -19,8 +19,8 @@ layout: "fullBleed"
|
||||
showFairs={true}
|
||||
showJobs={false}
|
||||
fairs={[
|
||||
{ name: 'Intersolar München', date: '2024 / 2025', type: 'Messe', location: 'München' },
|
||||
{ name: 'Windenergietage Linstow', date: '2024 / 2025', type: 'Fachkongress', location: 'Linstow' },
|
||||
{ name: 'Intersolar München', date: '2024 / 2025', type: 'Messe', location: 'München', url: 'https://www.intersolar.de/' },
|
||||
{ name: 'Windenergietage Linstow', date: '2024 / 2025', type: 'Fachkongress', location: 'Linstow', url: 'https://www.windenergietage.de/' },
|
||||
{ name: 'Kabel-Workshop Wiesbaden', date: '2024 / 2025', type: 'Fachmesse', location: 'Wiesbaden' }
|
||||
]}
|
||||
/>
|
||||
|
||||
@@ -52,7 +52,7 @@ layout: "fullBleed"
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<InteractiveGermanyMap isHero={false} badge="Bundesweite Präsenz" title="Infrastruktur für ein ganzes Land" description="Seit 2023 haben wir in über 100 Projekten quer durch Deutschland bewiesen, dass wir Infrastrukturprojekte jeder Größenordnung verlässlich umsetzen." />
|
||||
<InteractiveGermanyMap isHero={true} badge="Bundesweite Präsenz" title="Infrastruktur für ein ganzes Land" description="Seit 2023 haben wir in über 100 Projekten quer durch Deutschland bewiesen, dass wir Infrastrukturprojekte jeder Größenordnung verlässlich umsetzen." />
|
||||
|
||||
<CompanyTimeline />
|
||||
|
||||
|
||||
@@ -12,7 +12,7 @@ layout: "fullBleed"
|
||||
backgroundImage={{ url: '/assets/photos/DSC08653.JPG' }}
|
||||
alignment="center"
|
||||
ctaLabel="Request a project"
|
||||
ctaHref="/en/kontakt"
|
||||
ctaHref="/en/contact"
|
||||
/>
|
||||
|
||||
<div className="container px-4 max-w-7xl mx-auto py-16">
|
||||
@@ -77,5 +77,5 @@ layout: "fullBleed"
|
||||
title="Looking for a trenchless solution?"
|
||||
text="We would be happy to advise you on the possibilities of horizontal directional drilling for your project."
|
||||
buttonText="Contact us"
|
||||
buttonLink="/en/kontakt"
|
||||
buttonLink="/en/contact"
|
||||
/>
|
||||
|
||||
@@ -12,7 +12,7 @@ layout: "fullBleed"
|
||||
backgroundImage={{ url: '/assets/photos/DSC01129.JPG' }}
|
||||
alignment="center"
|
||||
ctaLabel="Request a project"
|
||||
ctaHref="/en/kontakt"
|
||||
ctaHref="/en/contact"
|
||||
/>
|
||||
|
||||
<div className="container px-4 max-w-7xl mx-auto py-16">
|
||||
@@ -75,5 +75,5 @@ layout: "fullBleed"
|
||||
title="Are you planning an FTTX expansion?"
|
||||
text="We are happy to advise you on all aspects of FTTX and fiber optic expansion."
|
||||
buttonText="Contact us"
|
||||
buttonLink="/en/kontakt"
|
||||
buttonLink="/en/contact"
|
||||
/>
|
||||
|
||||
@@ -12,7 +12,7 @@ layout: "fullBleed"
|
||||
backgroundImage={{ url: '/assets/photos/DSC01123.JPG' }}
|
||||
alignment="center"
|
||||
ctaLabel="Request a project"
|
||||
ctaHref="/en/kontakt"
|
||||
ctaHref="/en/contact"
|
||||
/>
|
||||
|
||||
<div className="container px-4 max-w-7xl mx-auto py-16">
|
||||
@@ -79,5 +79,5 @@ layout: "fullBleed"
|
||||
title="Do you have a specific project?"
|
||||
text="We would be happy to advise you on all questions regarding cable civil engineering and line laying."
|
||||
buttonText="Contact us"
|
||||
buttonLink="/en/kontakt"
|
||||
buttonLink="/en/contact"
|
||||
/>
|
||||
|
||||
@@ -100,6 +100,6 @@ layout: "fullBleed"
|
||||
title="Speculative Application (m/f/d)"
|
||||
description="Can you imagine taking on a long-term challenge in our company but can't find a suitable job offer? Apply speculatively."
|
||||
ctaLabel="To the contact form"
|
||||
ctaHref="/en/kontakt"
|
||||
ctaHref="/en/contact"
|
||||
theme="dark"
|
||||
/>
|
||||
|
||||
@@ -11,7 +11,7 @@ layout: "fullBleed"
|
||||
description="As a full-service partner in the field of cable civil engineering, we cover the entire spectrum of modern infrastructure projects."
|
||||
videoUrl="/assets/videos/web/hero-bohrung.mp4"
|
||||
linkText="Get in Touch"
|
||||
linkHref="/en/kontakt"
|
||||
linkHref="/en/contact"
|
||||
secondaryCtaLabel="View References"
|
||||
secondaryCtaHref="/en/#referenzen"
|
||||
/>
|
||||
@@ -20,7 +20,7 @@ layout: "fullBleed"
|
||||
badge="Core Competencies"
|
||||
title="Precision & Performance"
|
||||
ctaLabel="Request a project"
|
||||
ctaHref="/en/kontakt"
|
||||
ctaHref="/en/contact"
|
||||
items={[
|
||||
{
|
||||
title: "Cable Construction",
|
||||
|
||||
@@ -11,7 +11,7 @@ layout: "fullBleed"
|
||||
description="Get to know the E-TIB Group at the leading industry trade fairs."
|
||||
videoUrl="/assets/videos/web/hero-bahnkreuzung.mp4"
|
||||
linkText="Get in Touch"
|
||||
linkHref="/en/kontakt"
|
||||
linkHref="/en/contact"
|
||||
/>
|
||||
|
||||
<div id="termine">
|
||||
@@ -19,8 +19,8 @@ layout: "fullBleed"
|
||||
showFairs={true}
|
||||
showJobs={false}
|
||||
fairs={[
|
||||
{ name: 'Intersolar Munich', date: '2024 / 2025', type: 'Fair', location: 'Munich' },
|
||||
{ name: 'Wind Energy Days Linstow', date: '2024 / 2025', type: 'Specialist Congress', location: 'Linstow' },
|
||||
{ name: 'Intersolar Munich', date: '2024 / 2025', type: 'Fair', location: 'Munich', url: 'https://www.intersolar.de/' },
|
||||
{ name: 'Wind Energy Days Linstow', date: '2024 / 2025', type: 'Specialist Congress', location: 'Linstow', url: 'https://www.windenergietage.de/' },
|
||||
{ name: 'Cable Workshop Wiesbaden', date: '2024 / 2025', type: 'Trade Fair', location: 'Wiesbaden' }
|
||||
]}
|
||||
/>
|
||||
|
||||
@@ -12,7 +12,7 @@ layout: "fullBleed"
|
||||
backgroundImage={{ url: '/assets/photos/DJI_0048.JPG' }}
|
||||
alignment="center"
|
||||
ctaLabel="Request a project"
|
||||
ctaHref="/en/kontakt"
|
||||
ctaHref="/en/contact"
|
||||
/>
|
||||
|
||||
<div className="container px-4 max-w-7xl mx-auto py-16">
|
||||
@@ -75,5 +75,5 @@ layout: "fullBleed"
|
||||
title="Do you need planning security?"
|
||||
text="Let's talk about your project. We are at your side with our engineering knowledge."
|
||||
buttonText="Contact us"
|
||||
buttonLink="/en/kontakt"
|
||||
buttonLink="/en/contact"
|
||||
/>
|
||||
|
||||
@@ -86,5 +86,5 @@ layout: "fullBleed"
|
||||
title="Become part of our team"
|
||||
text="We are always looking for motivated talents for exciting infrastructure projects."
|
||||
buttonText="View open positions"
|
||||
buttonLink="/en/karriere"
|
||||
buttonLink="/en/career"
|
||||
/>
|
||||
|
||||
@@ -11,7 +11,7 @@ layout: "fullBleed"
|
||||
description="Since 2015, we have been growing continuously to meet the demands of the energy transition and digitalization. As a corporate group, we pool specialized expertise under one roof."
|
||||
videoUrl="/assets/videos/web/hero-bahnkreuzung.mp4"
|
||||
linkText="Open Positions"
|
||||
linkHref="/en/karriere"
|
||||
linkHref="/en/career"
|
||||
secondaryCtaLabel="Discover Company"
|
||||
secondaryCtaHref="#structure"
|
||||
/>
|
||||
@@ -52,42 +52,9 @@ layout: "fullBleed"
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<InteractiveGermanyMap isHero={false} badge="Nationwide Presence" title="Infrastructure for an entire country" description="Since 2023, we have proven in over 100 projects across Germany that we reliably implement infrastructure projects of any scale." />
|
||||
<InteractiveGermanyMap isHero={true} badge="Nationwide Presence" title="Infrastructure for an entire country" description="Since 2023, we have proven in over 100 projects across Germany that we reliably implement infrastructure projects of any scale." />
|
||||
|
||||
<CompanyTimeline
|
||||
badge="Our History"
|
||||
title="Milestones of Development"
|
||||
milestones={[
|
||||
{
|
||||
date: '16.12.2015',
|
||||
year: '2015',
|
||||
title: 'Foundation of E-TIB GmbH',
|
||||
desc: 'Execution of electrical infrastructure projects, cable civil engineering, and horizontal directional drilling.',
|
||||
iconName: 'Building2'
|
||||
},
|
||||
{
|
||||
date: '04.02.2019',
|
||||
year: '2019',
|
||||
title: 'Foundation of E-TIB Ingenieurgesellschaft',
|
||||
desc: 'Approval and execution planning, complex crossings, and grid connection planning.',
|
||||
iconName: 'Compass'
|
||||
},
|
||||
{
|
||||
date: '14.11.2019',
|
||||
year: '2019',
|
||||
title: 'Foundation of E-TIB Verwaltung GmbH',
|
||||
desc: 'Central services, acquisition, leasing, and management of real estate and machinery.',
|
||||
iconName: 'Layers'
|
||||
},
|
||||
{
|
||||
date: '21.10.2025',
|
||||
year: '2025',
|
||||
title: 'Foundation of E-TIB Bohrtechnik GmbH',
|
||||
desc: 'Specialization in precise horizontal directional drilling in all soil classes.',
|
||||
iconName: 'ArrowDownToLine'
|
||||
}
|
||||
]}
|
||||
/>
|
||||
<CompanyTimeline />
|
||||
|
||||
<div id="structure">
|
||||
<HomeSubCompanyTiles
|
||||
@@ -128,5 +95,5 @@ layout: "fullBleed"
|
||||
title="Ready for Your Project?"
|
||||
description="We are always looking for new challenges and strong partners. Contact us for a non-binding consultation on your project."
|
||||
ctaLabel="Contact Us Now"
|
||||
ctaHref="/en/kontakt"
|
||||
ctaHref="/en/contact"
|
||||
/>
|
||||
|
||||
@@ -12,7 +12,7 @@ layout: "fullBleed"
|
||||
backgroundImage={{ url: '/assets/photos/DSC08653.JPG' }}
|
||||
alignment="center"
|
||||
ctaLabel="Request a project"
|
||||
ctaHref="/en/kontakt"
|
||||
ctaHref="/en/contact"
|
||||
/>
|
||||
|
||||
<div className="container px-4 max-w-7xl mx-auto py-16">
|
||||
@@ -77,5 +77,5 @@ layout: "fullBleed"
|
||||
title="Are you facing high documentation requirements?"
|
||||
text="Contact us for professional surveying and GIS services."
|
||||
buttonText="Contact us"
|
||||
buttonLink="/en/kontakt"
|
||||
buttonLink="/en/contact"
|
||||
/>
|
||||
|
||||
@@ -157,7 +157,26 @@
|
||||
"overview": "Übersicht",
|
||||
"needHelp": "Brauchen Sie Unterstützung?",
|
||||
"supportTeamAvailable": "Unser Expertenteam steht Ihnen für alle Fragen rund um Ihr Infrastrukturprojekt zur Verfügung.",
|
||||
"contactUs": "Kontaktieren Sie uns"
|
||||
"contactUs": "Kontaktieren Sie uns",
|
||||
"nextProjectTitle": "Ihr nächstes Projekt?",
|
||||
"nextProjectDesc": "Lassen Sie uns gemeinsam herausragende Infrastruktur bauen.",
|
||||
"client": "Kunde",
|
||||
"period": "Zeitraum"
|
||||
},
|
||||
"CallToAction": {
|
||||
"title": "Bereit für Ihr Projekt?",
|
||||
"description": "Wir suchen stets nach neuen Herausforderungen und starken Partnern. Kontaktieren Sie uns für eine unverbindliche Beratung zu Ihrem Vorhaben.",
|
||||
"ctaLabel": "Jetzt Kontakt aufnehmen"
|
||||
},
|
||||
"JobListingBlock": {
|
||||
"fairsTitle": "Nächste Messetermine",
|
||||
"emptyStateMessage": "Aktuell sind alle Positionen besetzt. Senden Sie uns gerne eine Initiativbewerbung!",
|
||||
"emptyStateLinkText": "Jetzt Kontakt aufnehmen",
|
||||
"date": "Datum",
|
||||
"location": "Location",
|
||||
"booth": "Stand",
|
||||
"viewDetails": "Details ansehen",
|
||||
"title": "Aktuelle Stellenangebote"
|
||||
},
|
||||
"Error": {
|
||||
"title": "Hoppla!",
|
||||
@@ -188,5 +207,59 @@
|
||||
"technical": "Technik",
|
||||
"sustainability": "Nachhaltigkeit"
|
||||
}
|
||||
},
|
||||
"ReferencesSlider": {
|
||||
"badge": "Ausgewählte Projekte",
|
||||
"title": "Referenzen & Erfolge",
|
||||
"description": "Ein Auszug unserer erfolgreich abgeschlossenen Projekte im Bereich Kabeltiefbau, Bohrtechnik und Netzinfrastruktur.",
|
||||
"ctaLabel": "Alle Referenzen ansehen"
|
||||
},
|
||||
"CompanyTimeline": {
|
||||
"badge": "Unsere Geschichte",
|
||||
"title": "Meilensteine der Entwicklung",
|
||||
"milestones": {
|
||||
"2015": {
|
||||
"title": "Gründung E-TIB GmbH",
|
||||
"desc": "Ausführung elektrischer Infrastrukturprojekte, Kabeltiefbau und Horizontalspülbohrungen."
|
||||
},
|
||||
"2019_ing": {
|
||||
"title": "Gründung E-TIB Ingenieurgesellschaft",
|
||||
"desc": "Genehmigungs- und Ausführungsplanung, komplexe Querungen sowie Netzanschlussplanung."
|
||||
},
|
||||
"2019_verw": {
|
||||
"title": "Gründung E-TIB Verwaltung GmbH",
|
||||
"desc": "Zentrale Dienste, Erwerb, Vermietung, Verpachtung und Verwaltung von Immobilien und Maschinen."
|
||||
},
|
||||
"2025": {
|
||||
"title": "Gründung E-TIB Bohrtechnik GmbH",
|
||||
"desc": "Spezialisierung auf präzise Horizontalspülbohrungen in allen Bodenklassen."
|
||||
}
|
||||
}
|
||||
},
|
||||
"InteractiveGermanyMap": {
|
||||
"types": {
|
||||
"hq": "Hauptsitz",
|
||||
"branch": "Niederlassung",
|
||||
"project": "Projekt",
|
||||
"reference": "Referenz"
|
||||
},
|
||||
"descriptions": {
|
||||
"wind": "Errichtung Leitungstrassen & Netzanbindung für Windpark-Infrastruktur.",
|
||||
"pv": "Bau von Mittelspannungstrassen zur Einspeisung der PV-Anlage.",
|
||||
"fiber": "Komplexer FTTx Breitbandausbau inkl. LWL-Montage & Tiefbau.",
|
||||
"power": "110kV Hochspannungstrasse Erdkabelverlegung.",
|
||||
"battery": "Infrastrukturausbau für BESS (Batteriespeicher).",
|
||||
"default": "Komplexes Infrastrukturprojekt (Tiefbau & HDD)."
|
||||
},
|
||||
"features": {
|
||||
"wind": "Netzanbindung Windpark",
|
||||
"pv": "Einspeisung PV-Anlage",
|
||||
"fiber": "FTTx Infrastruktur",
|
||||
"power": "110kV Trasse",
|
||||
"battery": "BESS Anschluss",
|
||||
"default": "Infrastrukturprojekt",
|
||||
"method": "Tiefbau & Spülbohrung (HDD)"
|
||||
},
|
||||
"learnMore": "Zum Projekt"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
"about-us": "ueber-uns",
|
||||
"terms": "agb",
|
||||
"start": "start",
|
||||
"events": "messen"
|
||||
"trade-fairs": "messen"
|
||||
},
|
||||
"products": {},
|
||||
"categories": {}
|
||||
@@ -157,7 +157,26 @@
|
||||
"overview": "Overview",
|
||||
"needHelp": "Need support?",
|
||||
"supportTeamAvailable": "Our team of experts is available to answer all your questions regarding your infrastructure project.",
|
||||
"contactUs": "Contact Us"
|
||||
"contactUs": "Contact Us",
|
||||
"nextProjectTitle": "Your next project?",
|
||||
"nextProjectDesc": "Let's build outstanding infrastructure together.",
|
||||
"client": "Client",
|
||||
"period": "Period"
|
||||
},
|
||||
"CallToAction": {
|
||||
"title": "Ready for your project?",
|
||||
"description": "We are always looking for new challenges and strong partners. Contact us for a non-binding consultation about your project.",
|
||||
"ctaLabel": "Contact us now"
|
||||
},
|
||||
"JobListingBlock": {
|
||||
"fairsTitle": "Upcoming Trade Fairs",
|
||||
"emptyStateMessage": "All positions are currently filled. Feel free to send us an unsolicited application!",
|
||||
"emptyStateLinkText": "Contact us now",
|
||||
"date": "Date",
|
||||
"location": "Location",
|
||||
"booth": "Booth",
|
||||
"viewDetails": "View details",
|
||||
"title": "Current Job Openings"
|
||||
},
|
||||
"Error": {
|
||||
"title": "Oops!",
|
||||
@@ -188,5 +207,59 @@
|
||||
"technical": "Technical",
|
||||
"sustainability": "Sustainability"
|
||||
}
|
||||
},
|
||||
"ReferencesSlider": {
|
||||
"badge": "Selected Projects",
|
||||
"title": "References & Successes",
|
||||
"description": "A selection of our successfully completed projects in underground cable engineering, drilling technology, and grid infrastructure.",
|
||||
"ctaLabel": "View All References"
|
||||
},
|
||||
"CompanyTimeline": {
|
||||
"badge": "Our History",
|
||||
"title": "Milestones of Development",
|
||||
"milestones": {
|
||||
"2015": {
|
||||
"title": "Foundation of E-TIB GmbH",
|
||||
"desc": "Execution of electrical infrastructure projects, cable civil engineering, and horizontal directional drilling."
|
||||
},
|
||||
"2019_ing": {
|
||||
"title": "Foundation of E-TIB Ingenieurgesellschaft",
|
||||
"desc": "Permit and execution planning, complex crossings, and grid connection planning."
|
||||
},
|
||||
"2019_verw": {
|
||||
"title": "Foundation of E-TIB Verwaltung GmbH",
|
||||
"desc": "Central services, acquisition, leasing, and management of real estate and machinery."
|
||||
},
|
||||
"2025": {
|
||||
"title": "Foundation of E-TIB Bohrtechnik GmbH",
|
||||
"desc": "Specialization in precise horizontal directional drilling in all soil classes."
|
||||
}
|
||||
}
|
||||
},
|
||||
"InteractiveGermanyMap": {
|
||||
"types": {
|
||||
"hq": "Headquarters",
|
||||
"branch": "Branch",
|
||||
"project": "Project",
|
||||
"reference": "Reference"
|
||||
},
|
||||
"descriptions": {
|
||||
"wind": "Construction of cable routes & grid connection for wind park infrastructure.",
|
||||
"pv": "Construction of medium-voltage routes for feeding PV systems.",
|
||||
"fiber": "Complex FTTx broadband expansion incl. fiber optic assembly & civil engineering.",
|
||||
"power": "110kV high-voltage underground cable laying.",
|
||||
"battery": "Infrastructure expansion for BESS (battery storage).",
|
||||
"default": "Complex infrastructure project (civil engineering & HDD)."
|
||||
},
|
||||
"features": {
|
||||
"wind": "Grid connection wind park",
|
||||
"pv": "Feeding PV system",
|
||||
"fiber": "FTTx Infrastructure",
|
||||
"power": "110kV Route",
|
||||
"battery": "BESS Connection",
|
||||
"default": "Infrastructure project",
|
||||
"method": "Civil engineering & HDD"
|
||||
},
|
||||
"learnMore": "Learn more"
|
||||
}
|
||||
}
|
||||
|
||||
6
scratch/test-slugs.ts
Normal file
6
scratch/test-slugs.ts
Normal file
@@ -0,0 +1,6 @@
|
||||
import { mapSlugToFileSlug } from '../lib/slugs';
|
||||
async function test() {
|
||||
const result = await mapSlugToFileSlug('imprint', 'en');
|
||||
console.log("imprint maps to:", result);
|
||||
}
|
||||
test();
|
||||
26
tests/mdx-links.test.ts
Normal file
26
tests/mdx-links.test.ts
Normal file
@@ -0,0 +1,26 @@
|
||||
import { describe, it, expect } from 'vitest';
|
||||
import fs from 'fs';
|
||||
import path from 'path';
|
||||
|
||||
describe('English MDX Content Links', () => {
|
||||
it('should not contain German slug routes like /en/kontakt or /en/karriere', () => {
|
||||
const enContentDir = path.join(process.cwd(), 'content', 'en');
|
||||
const files = fs.readdirSync(enContentDir).filter(f => f.endsWith('.mdx'));
|
||||
|
||||
const forbiddenLinks = ['/en/kontakt', '/en/karriere'];
|
||||
const infractions: string[] = [];
|
||||
|
||||
files.forEach(file => {
|
||||
const filePath = path.join(enContentDir, file);
|
||||
const content = fs.readFileSync(filePath, 'utf8');
|
||||
|
||||
forbiddenLinks.forEach(link => {
|
||||
if (content.includes(link)) {
|
||||
infractions.push(`${file} contains forbidden link "${link}"`);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
expect(infractions).toEqual([]);
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user