2.4.48

.gitignore

@@ -40,3 +40,7 @@ next-env.d.ts
 # turborepo
 .turbo
 .turbo-test
+
+# scratch
+scratch/
+

components/blocks/CertificatesBlock.tsx

@@ -25,7 +25,7 @@ interface CertificatesBlockProps {
   hideHeader?: boolean;
 }
 
-const defaultCertificates: Certificate[] = [
+export const defaultCertificates: Certificate[] = [
   {
     title: 'ISO 14001:2015',
     description: 'Umweltmanagementsystem',
@@ -47,6 +47,13 @@ const defaultCertificates: Certificate[] = [
     type: 'iso',
     date: '05.12.2025',
   },
+  {
+    title: 'Betriebshaftpflichtversicherung',
+    description: 'RheinLand Versicherungen (10 Mio. € Deckung)',
+    pdfUrl: '/assets/certificates/betriebshaftpflicht.pdf',
+    type: 'general',
+    date: '25.03.2026',
+  },
   {
     title: 'Freistellungsbescheinigung',
     description: 'Nach § 48 b EStG',
@@ -68,7 +75,6 @@ const defaultCertificates: Certificate[] = [
     type: 'tax',
     date: '13.02.2025',
   },
-
 ];
 
 export function CertificatesBlock({ badge, title, description, certificates = defaultCertificates, hideHeader = false }: CertificatesBlockProps) {
@@ -202,7 +208,7 @@ export function CertificatesBlock({ badge, title, description, certificates = de
                     </p>
                   </div>
 
-                  <div className={`mt-auto inline-flex items-center text-sm font-bold uppercase tracking-wider transition-all ${
+                  <div className={`mt-auto inline-flex items-center gap-2 text-sm font-bold uppercase tracking-wider transition-all duration-300 ${
                     cert.pdfUrl ? 'group-hover:gap-3' : ''
                   } ${
                     isIso ? 'text-primary-light' : 'text-primary'
@@ -210,7 +216,7 @@ export function CertificatesBlock({ badge, title, description, certificates = de
                     {cert.pdfUrl ? (
                       <>
                         <span>Download PDF</span>
-                        <Download size={16} className="ml-2 group-hover:translate-y-0.5 transition-transform" />
+                        <Download size={16} className="group-hover:translate-y-0.5 transition-transform" />
                       </>
                     ) : (
                       <span className="text-neutral-400">Nachweis liegt vor</span>

components/blocks/TeamGrid.tsx

@@ -49,25 +49,25 @@ export function TeamGrid({ members }: TeamGridProps) {
               className="group flex flex-col bg-white rounded-[2rem] border border-neutral-100 shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_20px_40px_rgba(238,114,3,0.1)] transition-all duration-500 hover:-translate-y-2 overflow-hidden"
             >
               {/* Card Banner */}
-              <div className="h-32 bg-neutral-50 relative border-b border-neutral-100 overflow-hidden">
+              <div className="h-36 bg-neutral-50 relative border-b border-neutral-100 overflow-hidden">
                 <div className="absolute inset-0 bg-gradient-to-br from-neutral-100 to-neutral-200/50" />
                 <div className="absolute inset-0 opacity-[0.03] pointer-events-none" style={{ backgroundImage: "url('data:image/svg+xml,%3Csvg width=\\'20\\' height=\\'20\\' viewBox=\\'0 0 20 20\\' xmlns=\\'http://www.w3.org/2000/svg\\'%3E%3Crect width=\\'1\\' height=\\'1\\' fill=\\'%23000000\\'/%3E%3C/svg%3E')" }} />
               </div>
 
               <div className="px-8 pb-8 relative flex-grow flex flex-col">
                 {/* Overlapping Profile Picture */}
-                <div className="w-24 h-24 rounded-2xl overflow-hidden border-4 border-white shadow-xl bg-white relative -mt-12 mb-6 group-hover:-translate-y-2 transition-transform duration-500">
+                <div className="w-32 h-32 md:w-36 md:h-36 rounded-2xl overflow-hidden border-4 border-white shadow-xl bg-white relative -mt-16 md:-mt-20 mb-6 group-hover:-translate-y-2 transition-transform duration-500">
                   {member.image && (typeof member.image === 'string' ? member.image : member.image.url) ? (
                     <Image
                       src={typeof member.image === 'string' ? member.image : member.image.url}
                       alt={member.name}
                       fill
-                      sizes="96px"
+                      sizes="144px"
                       className="object-cover"
                     />
                   ) : (
                     <div className="absolute inset-0 flex items-center justify-center text-neutral-300 bg-neutral-50">
-                      <svg className="w-10 h-10" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
+                      <svg className="w-14 h-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
                     </div>
                   )}
                 </div>

content/de/team.mdx

@@ -9,7 +9,7 @@ layout: "fullBleed"
   badge="Unternehmen"
   title="Unser Team"
   subtitle="Die Experten hinter der E-TIB Gruppe"
-  backgroundImage={{ url: '/assets/photos/DJI_0048.JPG' }}
+  backgroundImage={{ url: '/assets/photos/E-TIB_Gruppenfoto.jpg', focalY: 25 }}
   alignment="center"
 />
 
@@ -68,15 +68,15 @@ layout: "fullBleed"
       name: "Kerstin Joseph",
       position: "Buchhaltung / Controlling",
       email: "k.joseph@e-tib.com",
-      phone: "+49 3561 6857733",
-      image: "/assets/photos/team/kerstin.jpg"
+      phone: "+49 3561 6857733"
     },
     {
       id: "katrin-haigold",
       name: "Katrin Haigold",
       position: "Buchhaltung / Personalwesen",
       email: "k.haigold@e-tib.com",
-      phone: "+49 3561 6851692"
+      phone: "+49 3561 6851692",
+      image: "/assets/photos/team/katrin-heigold.jpg"
     },
     {
       id: "maik-weichert",

content/en/team.mdx

@@ -9,7 +9,7 @@ layout: "fullBleed"
   badge="Company"
   title="Our Team"
   subtitle="The Experts behind the E-TIB Group"
-  backgroundImage={{ url: '/assets/photos/DJI_0048.JPG' }}
+  backgroundImage={{ url: '/assets/photos/E-TIB_Gruppenfoto.jpg', focalY: 25 }}
   alignment="center"
 />
 
@@ -68,15 +68,15 @@ layout: "fullBleed"
       name: "Kerstin Joseph",
       position: "Accounting / Controlling",
       email: "k.joseph@e-tib.com",
-      phone: "+49 3561 6857733",
-      image: "/assets/photos/team/kerstin.jpg"
+      phone: "+49 3561 6857733"
     },
     {
       id: "katrin-haigold",
       name: "Katrin Haigold",
       position: "Accounting / Human Resources",
       email: "k.haigold@e-tib.com",
-      phone: "+49 3561 6851692"
+      phone: "+49 3561 6851692",
+      image: "/assets/photos/team/katrin-heigold.jpg"
     },
     {
       id: "maik-weichert",

content/en/zertifikate.mdx

@@ -39,6 +39,13 @@ layout: "fullBleed"
       type: 'iso',
       date: '05.12.2025',
     },
+    {
+      title: 'Commercial Liability Insurance',
+      description: 'RheinLand Insurance (€10M coverage)',
+      pdfUrl: '/assets/certificates/betriebshaftpflicht.pdf',
+      type: 'general',
+      date: '25.03.2026',
+    },
     {
       title: 'Exemption Certificate',
       description: 'According to § 48 b EStG',

docker-compose.dev.yml

@@ -8,7 +8,7 @@ services:
       - infra
       - default
     labels:
-      - "caddy=http://${TRAEFIK_HOST:-etib.localhost}"
+      - "caddy=http://${TRAEFIK_HOST:-etib.localhost}, http://e-tib.localhost"
       - "caddy.reverse_proxy=http://etib-app:3001"
     extra_hosts:
       - "host.docker.internal:host-gateway"
@@ -77,7 +77,7 @@ services:
 
 networks:
   default:
-    name: ${PROJECT_NAME:-e-tib}-internal
+    name: ${COMPOSE_PROJECT_NAME:-etib}-dev-internal
   infra:
     external: true
 

lib/placeholders.json

@@ -1,7 +1,8 @@
 {
-  "/assets/photos/DJI_0048.JPG": "data:image/webp;base64,UklGRjIAAABXRUJQVlA4ICYAAADwAQCdASoKAAcABUB8JYwCdH8AGDNIbaAA92kbyv6vgOVMTIAAAA==",
-  "/assets/videos/web/hero-bahnkreuzung-poster.jpg": "data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoKAAYABUB8JaQAA3AA/vDUoAA=",
-  "/assets/videos/web/hero-bohrung-poster.jpg": "data:image/webp;base64,UklGRjIAAABXRUJQVlA4ICYAAACwAQCdASoKAAYABUB8JZACdAEOO2gAAN5Rr3co8j7CDYNKNCAAAA==",
-  "/assets/videos/web/hero-kabelpflug-poster.jpg": "data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoKAAYABUB8JaQAA3AA/vDUoAA=",
-  "/assets/videos/web/hero-messe-poster.jpg": "data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoKAAYABUB8JaQAA3AA/vDUoAA="
+  "/assets/photos/DJI_0048.JPG": "data:image/webp;base64,UklGRjIAAABXRUJQVlA4ICYAAADwAQCdASoKAAcABUB8JYwCdH8AGDXtwwAA92kbyv6vgOVMTIAAAA==",
+  "/assets/photos/E-TIB_Gruppenfoto.jpg": "data:image/webp;base64,UklGRiwAAABXRUJQVlA4ICAAAACQAQCdASoKAAUABUB8JZQCdAEOgwAA4XqSiWtFZ0AAAA==",
+  "/assets/videos/web/hero-bahnkreuzung-poster.jpg": "data:image/webp;base64,UklGRi4AAABXRUJQVlA4ICIAAACQAQCdASoKAAYABUB8JQAAXKXv4AAA/UZNt5FbP3v64AAA",
+  "/assets/videos/web/hero-bohrung-poster.jpg": "data:image/webp;base64,UklGRjIAAABXRUJQVlA4ICYAAACwAQCdASoKAAYABUB8JZACdAEOI+oAAN5Rr3co8j7CDYNKNCAAAA==",
+  "/assets/videos/web/hero-kabelpflug-poster.jpg": "data:image/webp;base64,UklGRjIAAABXRUJQVlA4ICYAAADQAQCdASoKAAYABUB8JagCw7EOwCTyAAD9QIvsqI74a4qbWwAAAA==",
+  "/assets/videos/web/hero-messe-poster.jpg": "data:image/webp;base64,UklGRi4AAABXRUJQVlA4ICIAAABQAQCdASoKAAYABUB8JQBOgC6gAP7hJjEBwUoIEPzDKgAA"
 }

package.json

@@ -100,7 +100,7 @@
     "xlsx-cli": "^1.1.3"
   },
   "scripts": {
-    "dev": "bash -c 'bash scripts/registry-auth.sh && [ -f .env ] || (cp .env.example .env && sed -i.bak \"s/TRAEFIK_HOST=e-tib.com/TRAEFIK_HOST=etib.localhost/\" .env && rm -f .env.bak && echo \"✅ Created .env from .env.example\"); trap \"COMPOSE_PROJECT_NAME=etib docker compose -f docker-compose.dev.yml down\" EXIT INT TERM; docker network create infra 2>/dev/null || true && COMPOSE_PROJECT_NAME=etib docker compose -f docker-compose.dev.yml down && COMPOSE_PROJECT_NAME=etib docker compose -f docker-compose.dev.yml up etib-app etib-proxy --remove-orphans'",
+    "dev": "bash -c 'bash scripts/registry-auth.sh && [ -f .env ] || (cp .env.example .env && sed -i.bak \"s/TRAEFIK_HOST=e-tib.com/TRAEFIK_HOST=etib.localhost/\" .env && rm -f .env.bak && echo \"✅ Created .env from .env.example\"); trap \"COMPOSE_PROJECT_NAME=etib docker compose -f docker-compose.dev.yml down\" EXIT INT TERM; docker network create infra 2>/dev/null || true && COMPOSE_PROJECT_NAME=etib docker compose -f docker-compose.dev.yml down && COMPOSE_PROJECT_NAME=etib docker compose -f docker-compose.dev.yml up --build etib-app etib-proxy --remove-orphans'",
     "dev:local": "bash -c 'bash scripts/registry-auth.sh && next dev --webpack --port 3100 --hostname 0.0.0.0'",
     "dev:infra": "COMPOSE_PROJECT_NAME=etib docker compose -f docker-compose.dev.yml up -d etib-proxy",
     "build": "next build",
@@ -140,7 +140,7 @@
     "prepare": "husky",
     "preinstall": "npx only-allow pnpm"
   },
-  "version": "2.4.43",
+  "version": "2.4.48",
   "pnpm": {
     "onlyBuiltDependencies": [
       "@parcel/watcher",

scripts/generate-placeholders.ts

@@ -5,6 +5,7 @@ import sharp from 'sharp';
 const PUBLIC_DIR = path.join(process.cwd(), 'public');
 const IMAGES_TO_PROCESS = [
   '/assets/photos/DJI_0048.JPG',
+  '/assets/photos/E-TIB_Gruppenfoto.jpg',
   '/assets/videos/web/hero-bahnkreuzung-poster.jpg',
   '/assets/videos/web/hero-bohrung-poster.jpg',
   '/assets/videos/web/hero-kabelpflug-poster.jpg',

tests/certificates.test.ts

@@ -0,0 +1,28 @@
+import { describe, it, expect } from 'vitest';
+import fs from 'fs';
+import { defaultCertificates } from '../components/blocks/CertificatesBlock';
+
+import path from 'path';
+
+describe('Certificates & Insurance Integration (DE + EN)', () => {
+  it('includes the new RheinLand Betriebshaftpflichtversicherung in defaultCertificates (DE)', () => {
+    const haftpflichtCert = defaultCertificates.find(
+      (cert) => cert.title === 'Betriebshaftpflichtversicherung'
+    );
+    expect(haftpflichtCert).toBeDefined();
+    expect(haftpflichtCert?.pdfUrl).toBe('/assets/certificates/betriebshaftpflicht.pdf');
+    expect(haftpflichtCert?.date).toBe('25.03.2026');
+  });
+
+  it('verifies that content/en/zertifikate.mdx includes Commercial Liability Insurance (EN)', () => {
+    const enMdx = fs.readFileSync(path.join(__dirname, '../content/en/zertifikate.mdx'), 'utf-8');
+    expect(enMdx).toContain("title: 'Commercial Liability Insurance'");
+    expect(enMdx).toContain("pdfUrl: '/assets/certificates/betriebshaftpflicht.pdf'");
+    expect(enMdx).toContain("date: '25.03.2026'");
+  });
+
+  it('verifies that the PDF asset exists in public/assets/certificates/betriebshaftpflicht.pdf', () => {
+    const filePath = path.join(__dirname, '../public/assets/certificates/betriebshaftpflicht.pdf');
+    expect(fs.existsSync(filePath)).toBe(true);
+  });
+});

tests/team-images.test.ts

@@ -0,0 +1,68 @@
+import { describe, it, expect } from 'vitest';
+import fs from 'fs';
+import path from 'path';
+
+describe('Team Images and Team Page Content', () => {
+  const publicTeamPhotosDir = path.join(process.cwd(), 'public', 'assets', 'photos', 'team');
+  const publicPhotosDir = path.join(process.cwd(), 'public', 'assets', 'photos');
+  const deTeamPath = path.join(process.cwd(), 'content', 'de', 'team.mdx');
+  const enTeamPath = path.join(process.cwd(), 'content', 'en', 'team.mdx');
+
+  it('should verify all required team photos exist in public/assets/photos/team/', () => {
+    const requiredMemberImages = [
+      'danny.jpg',
+      'dirk.jpg',
+      'kathrin.jpg',
+      'katrin-heigold.jpg',
+      'maik.jpg',
+      'martin.jpg',
+      'oliver.jpg',
+      'sven.jpg',
+    ];
+
+    for (const imgName of requiredMemberImages) {
+      const imgPath = path.join(publicTeamPhotosDir, imgName);
+      expect(fs.existsSync(imgPath), `Expected image ${imgName} to exist`).toBe(true);
+    }
+  });
+
+  it('should verify team group photo exists in public/assets/photos/', () => {
+    const groupPhotoPath = path.join(publicPhotosDir, 'E-TIB_Gruppenfoto.jpg');
+    expect(fs.existsSync(groupPhotoPath), 'Expected E-TIB_Gruppenfoto.jpg to exist').toBe(true);
+  });
+
+  it('should verify DE and EN team.mdx use E-TIB_Gruppenfoto.jpg in HeroSection', () => {
+    const deContent = fs.readFileSync(deTeamPath, 'utf8');
+    const enContent = fs.readFileSync(enTeamPath, 'utf8');
+
+    expect(deContent).toContain("url: '/assets/photos/E-TIB_Gruppenfoto.jpg'");
+    expect(enContent).toContain("url: '/assets/photos/E-TIB_Gruppenfoto.jpg'");
+  });
+
+  it('should verify Frau Joseph (Kerstin Joseph) has no image property in team.mdx', () => {
+    const deContent = fs.readFileSync(deTeamPath, 'utf8');
+    const enContent = fs.readFileSync(enTeamPath, 'utf8');
+
+    // Parse kerstin-joseph block and ensure no image line exists for kerstin-joseph
+    const deKerstinBlock = deContent.match(/id:\s*"kerstin-joseph"[\s\S]*?\}/)?.[0] || '';
+    const enKerstinBlock = enContent.match(/id:\s*"kerstin-joseph"[\s\S]*?\}/)?.[0] || '';
+
+    expect(deKerstinBlock).not.toContain('image:');
+    expect(enKerstinBlock).not.toContain('image:');
+  });
+
+  it('should verify Katrin Heigold has image set in team.mdx', () => {
+    const deContent = fs.readFileSync(deTeamPath, 'utf8');
+    const enContent = fs.readFileSync(enTeamPath, 'utf8');
+
+    expect(deContent).toContain('/assets/photos/team/katrin-heigold.jpg');
+    expect(enContent).toContain('/assets/photos/team/katrin-heigold.jpg');
+  });
+
+  it('should verify TeamGrid component uses larger profile picture dimensions', () => {
+    const teamGridPath = path.join(process.cwd(), 'components', 'blocks', 'TeamGrid.tsx');
+    const teamGridContent = fs.readFileSync(teamGridPath, 'utf8');
+
+    expect(teamGridContent).toContain('w-32 h-32');
+  });
+});